/***** 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: #1ca56c; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #1ca56c;
    color: #fff;
    text-shadow: none;
}

html{scroll-behavior: smooth;}

/* 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 ---------------------*/
header {}

.top-header{
	background: #525250;
	padding: 12px;
	
	font-family: montserrat, sans-serif;
	font-size: 14px;
	display: flex;
}
.top-header a{
	color: #fff !important;
	margin-right: 12px;
}
.header{
	background: #2a2a29;
	font-family: montserrat, sans-serif;
	padding: 20px;	
	border-bottom: #1ca56c solid 8px;
}
.header .wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo img{max-width: 100%;}

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

.wrapper{max-width: 1280px;  padding: 0 5%; margin: 0 auto; display: block;}
.vpad{padding-top: 50px; padding-bottom: 50px;}
.nopad-top{padding-top: 0 !important;}
.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.align-center{
	display: flex;
	align-items: center;
}

.col50{
	width: 50%;
}
.col50:nth-of-type(1){
	width: 48%;
	padding-right: 2%;
}
.col50 iframe{
	max-width: 100%;
}
.col50 p{
	line-height: 24px;
}

.hero{	
	padding: 8% 0 10%;
	position: relative;
	font-family: montserrat, sans-serif;
	color: #fff;
}
.hero h1, .hero h2, .hero h3{	
	font-size: 48px;
    text-shadow: 0 0 8px rgb(0 0 0 / 10%);
}
.hero p{	
	font-size: 18px;
	line-height: 24px;
    text-shadow: 0 0 8px rgb(0 0 0 / 10%);
}
.text-overlay {
    padding: 0 5%;
}
.text-left{text-align: left; position: relative;}

.cta{
	display: block;
	padding: 20px;
	background: #1ca56c;
	color: #fff;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	max-width: 275px;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	transition: all ease 0.2s;
	border: #1ca56c solid 2px;
	border-radius: 3px;
	cursor: pointer;
}
.cta.white, .cta:hover{
	background: #fff;
	color: #1ca56c;
}
.cta.white:hover{
	background: #1ca56c;
	color: #fff;
	border-color: #fff;
}

.bg-main{
	background: url("/siteart/hero.jpg") center center;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	
	filter: saturate(1.25);
}
.bg-corn{
	background: url("/siteart/hero-corn.jpg") center center;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;	
	z-index: -1;
}
.bg-darken{
filter: brightness(0.7) saturate(1.3) hue-rotate(10deg);
}
.bg-logo{
	background: url("/siteart/bg-logo-mark.jpg") right center no-repeat;
	background-size: 60% auto;
	background-position: 115% 50%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.bg-offwhite{
	background: #f8f8f8;
	position: relative;
	padding-bottom: 20px;
}

.content-box{
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0, 0.1);
	padding: 100px 20px;
	font-family: montserrat, sans-serif;	
	border-radius: 3px;
	position: relative;
}
.offset-up{
		transform: translateY(-50px);
}
.content-box h2, .content-box h1{
	font-size: 48px;
	font-weight: 700;
}
.content-box h3, .heading{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}
.content-box iframe{
	max-width: 98%;
}
.content-box ul{
	list-style: disc;
	line-height: 24px;
	padding-left: 16px;
	margin-bottom: 20px;
}
.content-box ol{
	font-size: 14px;
	line-height: 24px;
	padding-left: 16px;
	margin-bottom: 20px;
	margin: 10px 0;
}
.content-box ol li{
	margin-bottom: 10px;
	padding-left: 10px;
}
.content-box ol ::marker{
	font-weight: 700;
	color: #1ca56c;
}
.content-box ol li:last-of-type{
	margin-bottom: 0px;
}
.content-box ol.number-list{
	list-style: decimal;
}
.text-wrapper{
	width: 98%;
	max-width: 900px;
	text-align: left;
	margin: 0 auto;
}
.text-wrapper p{
	line-height: 24px;
	margin-bottom: 20px;
}

.green{
	color: #1ca56c !important;
}
.light{
	font-weight: 400 !important;
}
.content-box > p{	
	font-size: 14px;
	line-height: 24px;
	width: 88%;
	margin: 0 auto;
}
.content-box > p{	
	font-size: 14px;
	line-height: 24px;
	width: 88%;
	margin: 0 auto;
}
.content-box .text-left p, p.text-styling{	
	font-size: 14px;
	line-height: 24px;
}
.content-box a:not(.cta){	
	color: #000;
}
.content-wrapper{width: 88%; margin: 0 auto;}

.img-right{
	position: absolute;
    right: 0;
    top: 35px;
    left: 50%;
}
.img-right img{
	max-width: 100%;
}
.border-bottom{padding-bottom: 40px !important; border-bottom: solid #f8f8f8 2px; margin-bottom: 40px !important;}

.center{text-align: center;}
.center .cta{margin: 0 auto;}



/* BRANDS */

.brand-box{
	width: calc(33.3333% - 40px);
	padding: 20px;
}
.brand-box img{
	max-width: 100%;
}

#all-brands{
	justify-content: center;
}
/*--------FORM STYLES--------------------*/


.custom-form input{
	width: 100%;
	padding: 10px;
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000;
	line-height: 24px;
	resize: none;
	outline: none;
	border: none;
	background: #f8f8f8;
	box-sizing: border-box;
    border-radius: 3px;
}
.custom-form .flex{
	gap: 20px;
}
.custom-form textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000;
	line-height: 24px;
	resize: none;
	margin-bottom: 10px;
	outline: none;
	border: none;
	background: #f8f8f8;
    border-radius: 3px;
}

.CaptchaPanel, .CaptchaAnswerPanel, .CaptchaImagePanel, .CaptchaMessagePanel{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.CaptchaImage{
    border-radius: 3px;
}
.CaptchaWhatsThisPanel a{
	color: #000 !important;
}



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

.footer{
	background: #2a2a29;
    padding: 50px 20px;
    font-family: montserrat, sans-serif;
	display: flex;
	font-size: 14px;
	line-height: 24px;
	justify-content: space-between;
}

.footer .footer-contact .flex a{
	margin-right: 12px;
	color: #fff;
	transition: all ease 0.25s;
}
.footer .footer-contact p, .footer .footer-contact a{
	color: #fff;
	transition: all ease 0.25s;
}

.footer a:hover{
	color: #1ca56c !important;
}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/


#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.fa-solid):not(.material-icons){font-family: montserrat, sans-serif!important;} /* Reset font, ignore icons */


.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;}

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

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a {background:#1ca56c !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link, .faceted-search, .faceted-show-all-btn {background: #2a2a29 !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 {color: #2a2a29 !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 {padding-left: 4px;}

.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: #2a2a29 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button, .list-page-nav {background: #2a2a29 !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {border-color: #2a2a29!important; color: #2a2a29!important;}

.material-icons {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: #2a2a29!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;}




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

@media only screen and (min-width: 768px) {
	.show-mobile{display: none;}
}
@media only screen and (max-width: 1280px){
	.cat-btn{
		width: calc(50% - 15px);
	}
}
@media only screen and (max-width: 1023px){
	.header .wrapper{justify-content: center;}
	.text-overlay{padding: 0;}
	.header{border: none;}
	.hero{padding-bottom: 120px; padding-top: 80px;}
	.alt-hero{padding-bottom: 80px; padding-top: 80px;}
	.footer{
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		font-size: 14px;
	}
	.footer-contact .flex{flex-wrap: wrap; flex-direction: column;}
	
	.img-right{
		position: relative;
		right: 0;
		top: 0;
		left: 0;
	}
}
@media only screen and (max-width: 767px) {
	.hide-mobile{display: none;}
	
	.column-reverse{flex-direction: column-reverse;}
	.col50{width: 100% !important;}
	.top-header{
		padding-left: 0;
		padding-right: 0;
	}
	.top-header a{
		width: 33.3333%;
		text-align: center;
		margin: 0;
		position: relative;
	}
	.top-header a:after{
		content: '';
		background: #2a2a29;
		right: 0;
		left: 100%;
		top: -12px;
		bottom: -12px;
		position: absolute;
		width: 1px;
	}
	.top-header a:last-of-type:after{
		content: none;
	}
	
	.hero h1, .hero h2, .hero h3{	
		font-size: 36px;
	}
	.hero p{	
		font-size: 16px;
	}
	.cta{max-width: none; width: auto;}
	.content-box .cta{max-width: none; width: auto; margin: 0 25px;}
	
	.bg-offwhite{
		padding-bottom: 0px;
	}
	.content-box{
		padding: 50px 20px;
	}
	.content-box h2, .content-box h1 {
		font-size: 36px;
	}
	
	
	.bg-logo{
		background-size: 100% auto;
	}
	
	
	.brand-box{
		width: calc(100% - 40px);
		padding: 40px 0;
	}
	.brand-box:nth-of-type(2), .brand-box:nth-of-type(3){
		width: calc(100% - 40px);
		padding: 10px 0;
	}

	
	

}