/***** 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;
}
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
/*-------- 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;
}
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
/*-------- BODY STYLES --------*/
body {overflow-x:hidden;
font-family: 'Montserrat', sans-serif;
font-size: 16px; line-height: 25px;
}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}
hr{border:#000 1px solid;}
/*--- HEADER STYLES ---------------------*/
header { background:#fff; width: 100%;box-shadow: 0px 5px 5px #ddd;}
.logo {display: inline-block; vertical-align: middle; padding:15px 0;width: 29%;}
.logo img {max-width: 500px; width: 100%; margin: 0 auto; }
.header-right {width: 70%; display: inline-block; vertical-align: middle; text-align: right;}
.green-btn {display: inline-block; padding:10px 30px; color:#000;background: #74A32E; font-size:16px; letter-spacing: 1px; vertical-align: middle; transition: .2s ease;}
.green-btn:hover {background:gray;}
.hero {width: 100%;}
.hero img {width: 100%;}
.green-text {color:#405D18}
.green-btn {background: #74A32E; padding: 10px 20px; text-transform: uppercase;letter-spacing: 2px; text-align: center;font-size: 14px;}
/*---BODY--------------------------------*/
.sr-only{
white-space: nowrap;
}
#padding25 {padding: 25px 0;}
#padding50 {padding: 50px 0;}
.width-90 {width: 90%; margin: 0 auto;}
.width60 {width: 60%; margin: 0 auto;}
.white-bg {background: #fff;padding: 25px 0; margin: 0 auto; text-align: center;display: inline-block;width: 100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.gray-bg {background: #333;padding: 25px 0; margin: 0 auto; text-align: center;display: inline-block;width: 100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.gray-bg img {margin: 0 auto; max-width: 500px; width: 100%;}
.white-bg img {margin: 0 auto; max-width: 500px; width: 100%;}
.contact-btn {background:#fff; border:#405D18 1px solid; padding:10px; width: 200px; text-align: center; text-transform: uppercase; letter-spacing: 1px; color:#405D18; transition: .2s ease;}
.contact-btn:hover {background:#5C8D24; color:#fff;}
.contact-btn-green {background:#74A32E; border:#74A32E 1px solid; padding:10px; max-width:400px; width: 100%; text-align: center; text-transform: uppercase; letter-spacing: 1px; color:#000; transition: .2s ease;margin-top:10px;}
.contact-btn-green:hover {background:#fff; color:#5C8D24;border:#5C8D24 1px solid;}
.hp-about h1 {text-transform: uppercase; letter-spacing: 1px; font-size: 24px; line-height: 32px; color:#5C8D24;}
.hp-about h2 {font-size: 18px; line-height: 24px; letter-spacing: 1px; font-weight: 300; border-bottom: .5px solid #000; padding-bottom: 10px;}
.hp-about p {padding: 20px 0; letter-spacing: .5px;}
.hp-about p.column-count {column-count: 2; column-gap:25px;}
.hp-about a {color:#405D18;}
.hp-about a:hover {color:#000;}
.hp-about ul li {margin-left:0; padding-left: 0;}
/*--------FORM STYLES--------------------*/
/*-------- FOOTER STYLES ----------------*/
footer{}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.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, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button {background:#5C8D24 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}
.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #5C8D24 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}
.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1500px) {
.width60 {width: 80%;}
}
@media only screen and (max-width: 1000px) {
.logo { text-align: center; margin: 0 auto; width: 100%;}
.logo img {max-width: 300px; text-align: center;}
.header-right {width: 100%; text-align: center;}
.width60 {width: 90%;}
.contact-btn-green {width: 100%; padding: 10px 0;}
}
@media only screen and (max-width: 767px) {
.gray-bg img {max-width: 300px;}
}