﻿/***** 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; cursor: pointer!important;}
button:hover {cursor: pointer !important;}

html {font-family: 'Aileron', sans-serif !important;}
hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {display: flex; justify-content: space-between; width: 95%; margin: 0 auto; padding: 10px 0; align-items: center;}
#header-contact {display: flex; gap: 80px;}
#header-contact a {display: flex; gap: 10px; align-items: center;}
#header-contact a i {color: #fff; background: #40C16E; padding: 9px; border-radius: 20px; font-size: 20px;}
#header-contact a span {font-size: 11px; color: #989898; line-height: 13px;}
#header-contact a b {font-size: 16px; color: #000;}
#header-contact a:hover i {background: #1A5D45; transition: .5s;}
#header-contact a:hover b {color: #1A5D45; transition: .5s}
#header-contact a:hover span {color: #40C16E; transition: .5s}


/*---BODY--------------------------------*/
/*---DEFAULT---*/
#mobile-fb {display: none;}
#hero-bkgrd {background: url("/siteart/hero.jpg") no-repeat; background-size: cover; background-position: center; height: 550px;}
#hero-wrapper {display: flex; justify-content: space-between;}
#hero-wrapper h1 {color: #fff; font-size: 38px; line-height: 40px; font-weight: 600;}
.hero-content {width: 630px; padding-left: 40px; padding-top: 160px;}
#hero-wrapper p {color: #fff; font-size: 15px; line-height: 21px; padding: 10px 0 30px 0;}
#hero-wrapper button { background: #40C16E; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.hero-content div {display: flex; gap: 20px;}
#hero-wrapper img {width: 460px;}
.dealer-logos {text-align: center; width: 95%; margin: 0 auto; margin-top: -586px;}
.dealer-logos p {color: #fff; font-size: 15px;}
.dealer-logos div {display: flex; justify-content: center; gap: 20px; margin-top: 15px;}
.dealer-logos a { background: #fff; padding: 18px 0; width: 250px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.dealer-logos a:hover {transform: scale(105%); transition: 1s;} 
#hero-wrapper button:hover {background: #989898; transition: .5s;}

#about-us {display: flex; width: 85%; margin: 0 auto; justify-content: space-between; margin-top: 90px; gap: 6%;}
.about-content {margin-top: 100px; margin-right: 90px;}
.about-content h2 {font-size: 32px; line-height: 29px;}
.about-content h2 span {color: #40C16E; font-size: 16px;}
.about-content p {font-size: 15px; line-height: 21px; padding: 10px 0 20px 0;}
.about-content button {background: #40C16E; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.about-content button:hover {background: #1A5D45; transition: .5s;}

#making-quality {background: rgba(26,93,69,0.04); height: 880px;}
#quality-wrapper {width: 95%; margin: 0 auto; padding-top: 80px;}
#quality-wrapper h2 {color: #1A5D45; font-size: 32px; text-align: center;}
#balers {background: url("/siteart/balers.jpg") no-repeat; background-size: cover; background-position: center; border-radius: 20px;}
#wrappers {background: url("/siteart/wrappers.jpg") no-repeat; background-size: cover; background-position: center; border-radius: 20px;}
#ranges {background: url("/siteart/ranges.jpg") no-repeat; background-size: cover; background-position: center; border-radius: 20px;}
#mowers {background: url("/siteart/mowers.jpg") no-repeat; background-size: cover; background-position: center; border-radius: 20px;}
.hover-color {padding: 120px 130px;}
.reel {display: flex; justify-content: center; gap: 10px; margin-top: 40px;}
.reel a {background: #fff; text-align: center; padding: 15px 15px 40px 15px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 300px;}
.reel a img {background: #fff; border-radius: 60px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.cutout-shadow {background: rgba(64,193,110,0.30); border-radius: 40px; width: 70px; padding: 6px 0 4px 0; margin: 0 auto; margin-top: -20px;}
#baler-link img {padding: 10px;}
#wrapper-link img {padding: 6.5px;}
#range-link img {padding: .5px;}
#mower-link img {padding: .5px;}
#quality-wrapper h3 {color: #1A5D45; padding-top: 15px; font-size: 22px;}
#quality-wrapper p {font-size: 14px; line-height: 19px; color: #bbb; width: 70%; margin: 0 auto; padding-top: 4px;}
.reel a:hover .hover-color {background: rgba(29,112,83,0.79); border-radius: 20px; transition: 1s;}
#making-quality .full-inventory {text-align: center; width: 55%; margin: 0 auto; padding-top: 60px; margin-top: -780px;}
#making-quality .full-inventory p {color: #000; font-size: 15px; line-height: 21px; font-weight: 500; padding-bottom: 20px;}
#making-quality .full-inventory button {background: #40C16E; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
#making-quality .full-inventory button:hover {background: #1A5D45; transition: .5s;}

#form-bkgrd { background:url("/siteart/form-bkgrd.jpg") no-repeat; background-size: cover; background-position: center;}
.form-wrapper {display: flex; justify-content: space-between; width: 80%; margin: 0 auto; padding-top: 70px; padding-bottom: 90px;}
.form-wrapper h3 {color: #fff; font-size: 26px; font-weight: 500; padding-bottom: 15px;}
.form-wrapper p { color: #fff; font-size: 15px; line-height: 21px; padding-bottom: 20px;}
.form-wrapper button {background: #40C16E; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.form-wrapper button:hover {background: #989898; transition: .5s;}
.form-phone {padding-top: 60px;}
.form-phone p {padding-bottom: 10px;}
.form-content {width: 40%;}
.form-form {width: 45%;}

/*---CONTACT---*/
#contact-bkgrd {background: url("/siteart/hero.jpg") no-repeat; background-size: cover; background-position: center;}
#contact-wrapper {width: 95%; margin: 0 auto; padding: 75px 0 95px 0;}
#contact-wrapper h1 {color: #fff; font-size: 32px; line-height: 36px; font-weight: 400; width: 800px; padding-bottom: 10px;}
#contact-wrapper p {color: #fff; font-size: 15px; line-height: 21px; padding-bottom: 5px;}
#contact-wrapper button { background: #40C16E; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
#contact-wrapper button:hover {background: #989898; transition: .5s;}
#contact-wrapper .form-phone {padding-top: 30px !important;}
#contact-wrapper .form-phone p {padding-bottom: 10px;}
.contact-form {width: 95%; margin: 0 auto; display: flex; margin-top: 50px; margin-bottom: 100px; justify-content: space-between; gap: 40px;}
.contact-form tr {display: flex; gap: 20px; color: #007D61 !important;}
.contact-form td {width: 100%; color: #007D61 !important;}
.contact-form input {width: 100%; color: #007D61 !important;}
.contact-form input {padding: 8px 0px 8px 15px; margin-bottom: 8px; font-family: 'Aileron', sans-serif; color: #007D61 !important; border: none; border-radius: 4px; background: #F6F9F8;}
.contact-form .select {width: 50.35%;}
.contact-form select {width: 100%; padding: 8px 0px 8px 7px; margin-bottom: 8px;}
.contact-form textarea {width: 100.5%; font-family: 'Aileron', sans-serif; padding: 8px 0px 8px 12px; color: #007D61 !important; border: none; border-radius: 4px; background: #F6F9F8;}
.contact-form .captcha-selected {margin-top: 55px; width: 100%;}
.contact-form .CaptchaAnswerPanel input, .contact-form .submit, .contact-form .reset {width: 200px !important;}
.contact-form .CaptchaWhatsThisPanel a {color: #989898 !important; font-family: 'Aileron', sans-serif; font-size: 15px; font-weight: 600;}
.contact-form .CaptchaWhatsThisPanel a:hover {cursor: pointer; border-bottom: #989898 2px solid;}
.contact-form .CaptchaMessagePanel {font-weight: 300; font-family: 'Aileron', sans-serif; font-size: 15px; color: #989898;}
.contact-form .submit, .contact-form .reset {background: #40C16E; border: none; color: #fff !important; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.contact-form .submit:hover, .contact-form .reset:hover {background: #989898; transition: .5s;}
.margin-top-send {margin-top: 13px;}
.contact-form .service-radio input {width: 2%;}
.contact-form .service-radio label {margin-right: 15px;}
.contact-form .service-radio p {margin-bottom: 4px;}
.captcha-selected {display: flex; justify-content: center;}
.contact-form .submitselect {background: #40C16E; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: block; text-align: center;}
.contact-form .submitselect:hover {background: #989898; transition: .5s; cursor: pointer !important;}
.contact-form .captcha {display: flex; justify-content: center; gap: 12px;}
.contact-form .captcha-selected {width: 100%; margin: 0 auto !important; margin-top: 11px !important;  color: #fff!important;}
.contact-form .form-form {width: 65% !important;}
.contact-form .form-form p {padding-bottom: 20px; color: #989898; line-height: 21px; font-size: 17px;}

.contact-map h2 {font-size: 30px; color: #1A5D45;}
.contact-map a {color: #989898; font-size: 15px; line-height: 26px;}
.contact-map a:hover {color: #1A5D45;}
.contact-map-frame {width: 60%;}
.contact-map h3 {color: #40C16E; font-weight: 400; padding-bottom: 13px;}

/*---THANK YOU---*/
.thank-you {width: 630px !important;}
.thank-you p {padding: 10px 0 30px 0 !important;}
.thank-you-sub {display: flex; gap: 20px;}

/*---SERVICE---*/
.service-form {width: 95%; margin: 0 auto; margin-top: 50px; margin-bottom: 100px;}
.service-form tr {display: flex; gap: 20px; color: #007D61 !important;}
.service-form td {width: 100%; color: #007D61 !important;}
.service-form input {width: 100%; color: #007D61 !important;}
.service-form input {padding: 8px 0px 8px 15px; margin-bottom: 8px; font-family: 'Aileron', sans-serif; color: #007D61 !important; border: none; border-radius: 4px; background: #F6F9F8;}
.service-form .select {width: 50.35%;}
.service-form select {width: 100%; padding: 8px 0px 8px 7px; margin-bottom: 8px;}
.service-form textarea {width: 100.5%; font-family: 'Aileron', sans-serif; padding: 8px 0px 8px 12px; color: #007D61 !important; border: none; border-radius: 4px; background: #F6F9F8;}
.service-form .captcha-selected {margin-top: 55px; width: 100%;}
.service-form .CaptchaAnswerPanel input, .service-form .submit, .service-form .reset {width: 200px !important;}
.service-form .CaptchaWhatsThisPanel a {color: #989898 !important; font-family: 'Aileron', sans-serif; font-size: 15px; font-weight: 600;}
.service-form .CaptchaWhatsThisPanel a:hover {cursor: pointer; border-bottom: #989898 2px solid;}
.service-form .CaptchaMessagePanel {font-weight: 300; font-family: 'Aileron', sans-serif; font-size: 15px; color: #989898;}
.service-form .submit, .service-form .reset {background: #40C16E; border: none; color: #fff !important; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.service-form .submit:hover, .service-form .reset:hover {background: #989898; transition: .5s;}
.margin-top-send {margin-top: 13px;}
.service-form .service-radio input {width: 2%;}
.service-form .service-radio label {margin-right: 15px;}
.service-form .service-radio p {margin-bottom: 4px;}
.captcha-selected {display: flex; justify-content: center;}
.service-form .submitselect {background: #40C16E; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: block; text-align: center;}
.service-form .submitselect:hover {background: #989898; transition: .5s; cursor: pointer !important; color: #fff!important;}
.service-form .captcha {display: flex; justify-content: center; gap: 12px;}
.service-form .captcha-selected {width: 100%; margin: 0 auto !important; margin-top: 11px !important;}
.service-form .form-form {width: 80% !important; padding-top: 10px !important;}
.service-form .form-form p {padding-bottom: 20px; color: #989898; line-height: 21px; font-size: 17px;}
.service-form .sub-header h2 {font-weight: 600; font-size: 20px; padding-bottom: 10px; padding-top: 20px;}
.service-form h3 {padding-top: 2px;}


/*--------FORM STYLES--------------------*/
.form-wrapper tr {display: flex; gap: 20px; color: #007D61 !important;}
.form-wrapper td {width: 100%; color: #007D61 !important;}
.form-wrapper input {width: 100%; color: #007D61 !important;}
.form-wrapper input {padding: 8px 0px 8px 15px; margin-bottom: 8px; font-family: 'Aileron', sans-serif; color: #007D61 !important; border: none; border-radius: 4px;}
.form-wrapper .select {width: 50.35%;}
.form-wrapper select {width: 100%; padding: 8px 0px 8px 7px; margin-bottom: 8px;}
.form-wrapper textarea {width: 100.5%; font-family: 'Aileron', sans-serif; padding: 8px 0px 8px 12px; color: #007D61 !important; border: none; border-radius: 4px;}
.form-wrapper .captcha-selected {margin-top: 55px; width: 100%;}
.form-wrapper .CaptchaAnswerPanel input, .form-wrapper .submit, .form-wrapper .reset {width: 200px !important;}
.form-wrapper .CaptchaWhatsThisPanel a {color: #fff !important; font-family: 'Aileron', sans-serif; font-size: 15px; font-weight: 600;}
.form-wrapper .CaptchaWhatsThisPanel a:hover {cursor: pointer; border-bottom: #fff 2px solid;}
.form-wrapper .CaptchaMessagePanel {font-weight: 300; font-family: 'Aileron', sans-serif; font-size: 15px; color: #ffff;}
.form-wrapper .submit, .form-wrapper .reset {background: #40C16E; border: none; color: #fff !important; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.form-wrapper .submit:hover, .form-wrapper .reset:hover {background: #989898; transition: .5s;}
.margin-top-send {margin-top: 13px;}
.form-wrapper .service-radio input {width: 2%;}
.form-wrapper .service-radio label {margin-right: 15px;}
.form-wrapper .service-radio p {margin-bottom: 4px;}
.captcha-selected {display: flex; justify-content: center;}
.form-wrapper .submitselect {background: #40C16E; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: block; text-align: center;}
.form-wrapper .submitselect:hover {background: #989898; transition: .5s; cursor: pointer !important;  color: #fff!important;}
.form-wrapper .captcha {display: flex; justify-content: center; gap: 12px;}

.form-wrapper .captcha-selected {width: 73%; margin: 0 auto !important; margin-top: 11px !important;}



/*-------- FOOTER STYLES ----------------*/
footer{ background: #F6F9F8; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
footer img {width: 260px;}
#footer-wrapper {display: flex; justify-content: space-between; width: 95%; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; align-items: center;}
#footer-wrapper a {color: #98999B; font-size: 14px;}
#footer-wrapper a:hover {color: #1A5D45;}
#footer-wrapper h4 {color: #98999B; padding-bottom: 7px;}
#footer-wrapper li {line-height: 23px;}
.footer-contact {padding-top: 15px;}
.footer-contact a {line-height: 26px;}
#site-hosted {text-align: center; padding-top: 22px; padding-bottom: 16px;}
#site-hosted h5 {font-weight: 300; font-size: 12px; color: #98999B;}
#footer-fb i {font-size: 25px; margin-top: 35px; color: #40C16E;}
#footer-fb a:hover i {color: #1A5D45;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
#inventory-bkgrd {background: url("/siteart/hero.jpg") no-repeat; background-size: cover; background-position: center;}
.inventory-wrap {width: 95%; margin: 0 auto; padding: 75px 0 95px 0; text-align: center;}
.inventory-wrap h1 {color: #fff; font-size: 22px; line-height: 21px; font-weight: 300; text-align: center}
.inventory-wrap p {color: #fff; font-size: 15px; line-height: 21px; padding: 10px 0 30px 0;}
.inventory-wrap button {background: #40C16E; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.inventory-wrap button:hover {background: #989898; transition: .5s;}
.inventory-logos {text-align: center;}
.inventory-logos div {display: flex; gap: 20px; margin-top: 15px; justify-content: center;}
.inventory-logos a { background: #fff; padding: 18px 0; width: 250px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.inventory-logos a:hover {transform: scale(105%); transition: 1s;} 

.list-content, .detail-wrapper, .parts-list-content {margin-top: 50px !important; margin-bottom: 100px !important;}
.list-top-section .list-title .list-title-text, .list-top-section .list-title .list-listings-count, .list-content .media-buttons .print-this, .list-content .media-buttons .email-this, .list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count, .list-top-section .list-sort-order .sort-by-dropdown-container, .faceted-search-content .selected-facets-container .selected-header strong, .faceted-search-content .selected-facets-container .selected-header .filter-clear-all, .faceted-search-content .selected-facets-container .selected-facet, .faceted-search-content .faceted-section-head .faceted-section-title, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name, .linking-buttons a, .disclaimer, .list-content .listing-portion-title, .list-content .listing-category, .list-content .list-listing .listing-main-stats .spec-label, .list-content .price-container .price, .fin-calc, .list-content .machine-location, .list-content .spec-value, .list-content .add-update-time, .list-content .listing-description, .list-content .list-listing .listings-compare-link-wrapper, .list-content .list-listing .dealer-name, .list-content .listing-dealer-info .spec-label, .list-content .listing-dealer-info .dealer-data, .list-content .listing-dealer-info spec-value, .list-content .list-listing .listing-top-right .listing-dealer-info .phone-link, .view-listing-details-link, .contact-list a, .list-content .listing-widgets a, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .breadcrumbs__list, .frenchcreekimpllccomhdev-xhioxp, .detail__title, .compare-listings__label, .detail__category, .detail__category, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price, .frenchcreekimpllccomhdev-88jlbf, .detail__machine-location-label-text, .frenchcreekimpllccomhdev-1rt9xjc, .frenchcreekimpllccomhdev-9uiqsl, .dealer-contact__branch-name, .dealer-contact__label, .detail-shipping__branch-name, .detail-shipping__label, .frenchcreekimpllccomhdev-9gup2g, .frenchcreekimpllccomhdev-1r9hjhb, .frenchcreekimpllccomhdev-1cczsil, .detail__specs-label, .inspection__spec-label, .detail__specs-heading, .detail__specs-heading, .grouped-faceted-header, .list-content .list-error-container .info, .list-content .list-error-container .info button:not(.login-button), .parts-list-content .parts-title-and-breadcrumbs .parts-title .parts-title-text, .parts-list-content .parts-title-and-breadcrumbs .parts-title .parts-listings-count, .parts-list-content .media-buttons .print-this, .parts-list-content .media-buttons .email-this, .parts-list-content .error-message   { font-family: 'Aileron', sans-serif !important;}
.list-top-section .list-title .list-listings-count, .list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count, .list-content .price-container .price, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price, .parts-list-content .parts-title-and-breadcrumbs .parts-title .parts-listings-count {color: #40C16E !important;}
.faceted-search-content .selected-facets-container .selected-facet, .faceted-search-content .faceted-section-box .faceted-search:hover, .contact-list a, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn:hover, .frenchcreekimpllccomhdev-88jlbf:hover, .grouped-faceted-header, .list-content .list-error-container .info button:not(.login-button):hover  {background: #1A5D45 !important;}
.faceted-search-content .faceted-section-box .faceted-search, .view-listing-details-link, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .frenchcreekimpllccomhdev-88jlbf, .list-content .list-error-container .info button:not(.login-button) {background: #40C16E !important;}
.faceted-search-content .faceted-section-box .faceted-search:hover, .view-listing-details-link:hover, .contact-list a:hover, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn:hover, .frenchcreekimpllccomhdev-88jlbf:hover, .list-content .list-error-container .info button:not(.login-button):hover {transition: .5s;}
.disclaimer {font-size: 15px !important; line-height: 21px !important;}
.list-content .list-listing .listing-top-right .listing-dealer-info .phone-link {padding-left: 5px !important;}
.contact-list a:hover, .view-listing-details-link:hover {background: #989898 !important;}
.mobile-option-bar .mobile-option-bar-filter span, .mobile-option-bar .mobile-option-bar-filter i, .parts-list-content .error-message {color: #1A5D45 !important;}
.breadcrumbs__list {color: #000 !important;}
.grouped-faceted-header {border-bottom: 1px #1A5D45 solid !important;}

/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1520px) {
	.collage img {width: 480px;}
}
@media only screen and (max-width: 1420px) {
	.collage img {width: 430px;}
}
@media only screen and (max-width: 1400px) {
	.form-wrapper .captcha-selected {width: 100%;}
}
@media only screen and (max-width: 1380px) {
	.contact-form .form-form {width: 70% !important;}
}
@media only screen and (max-width: 1340px) {
	#quality-wrapper p {width: 80%;}
}
@media only screen and (max-width: 1320px) {
	#header-contact {gap: 50px;}
	#hero-wrapper img {width: 410px;}
	.dealer-logos {margin-top: -470px;}
}
@media only screen and (max-width: 1300px) {
	.reel a {width: 100%;}
	.service-form .form-form {width: 100% !important;}
}
@media only screen and (max-width: 1250px) {
	.collage img {width: 400px;}
	.hover-color {padding: 110px 120px;}
}
@media only screen and (max-width: 1190px) {
	#quality-wrapper p {width: 100%;}
}
@media only screen and (max-width: 1180px) {
	.contact-form .form-form {width: 65% !important;}
}
@media only screen and (max-width: 1150px) {
	.hover-color {padding: 100px 110px;}
	#making-quality .full-inventory {width: 70%;}
}
@media only screen and (max-width: 1100px) {
	header, .hero-design {display: none;}
	.dealer-logos {margin-top: 115px;}
	.hero-content {padding-left: 0px; padding-top: 100px;}
	#hero-wrapper {justify-content: center; width: 95%; margin: 0 auto; text-align: center;}
	.hero-content div {justify-content: center;}
	#about-us {gap: 4%;}
	.about-content {margin-right: 0px;}
	.form-design {display: none;}
	.form-wrapper {width: 95%;}
	.form-form {width: 50%; margin-right: 15px;}
	#making-quality .full-inventory {margin-top: 20px; padding-bottom: 100px;}
	#hero-bkgrd {height: 520px;}
	#making-quality {height: 100%;}
	.thank-you {width: 100% !important; text-align: center;}
	.thank-you-sub {justify-content: center;}
	.thank-you h1 {width: 100% !important;}
	.thank-you p {width: 630px !important; margin: 0 auto !important;}
	#mobile-fb {display: contents; display: flex; justify-content: flex-end; width: 95%; margin: 0 auto; padding-top: 20px;}
	#mobile-fb i {font-size: 30px; color: #fff;}
	#mobile-fb a:hover i {color: #bbb;}
}
@media only screen and (max-width: 1080px) {
	.hover-color {padding: 90px 100px;}
}
@media only screen and (max-width: 1020px) {
	.contact-form .form-form {width: 60% !important;}
}
@media only screen and (max-width: 1000px) {
	.collage {display: none;}
	.about-content {margin-right: 0px;}
	#about-us {margin-top: 30px; margin-bottom: 80px;}
	.reel {flex-wrap: wrap;}
	.reel a {width: 40%;}
	.hover-color {padding: 140px 100px;}
	#quality-wrapper p {width: 70%;}
	.form-wrapper {flex-wrap: wrap;}
	.form-content, .form-form {width: 100%;}
	.form-phone {padding-top: 5px;}
	.form-form {padding-top: 60px;}
	#making-quality .full-inventory {margin-top: 20px;}
	.form-wrapper .captcha-selected {width: 54%;}
	.contact-form .form-form {padding-top: 0px; width: 100% !important;}
	.contact-form {flex-wrap: wrap;}
}
@media only screen and (max-width: 850px) {
	#contact-wrapper h1 {width: 100%;}
}
@media only screen and (max-width: 800px) {
	.reel a {width: 45%;}
	#making-quality .full-inventory {width: 95%;}
}
@media only screen and (max-width: 750px) {
	.reel a {width: 44%;}
	.form-wrapper .captcha-selected {width: 72%;}
}
@media only screen and (max-width: 700px) {
	#quality-wrapper p {width: 100%;}
	.hover-color {padding: 120px 100px;}
	.thank-you p {width: 95% !important;}
}
@media only screen and (max-width: 650px) {
	.reel a {width: 43%;}
}
@media only screen and (max-width: 600px) {
	.hero-content div {display: block;}
	#hero-wrapper button, .about-content button, #making-quality .full-inventory button, .form-wrapper button, .form-wrapper .submitselect, #making-quality .full-inventory button, #contact-wrapper button, .contact-form .submitselect, .thank-you-sub button, .service-form .submitselect {width: 100%; padding: 12px 0; margin-bottom: 10px;}
	.hero-content {width: 100%; padding-top: 100px;}
	.dealer-logos {margin-top: 95px;}
	.dealer-logos div {flex-wrap: wrap; gap: 10px;}
	.dealer-logos a {width: 100%;}
	#hero-wrapper p {padding: 15px 0 30px 0; width: 90%; margin: 0 auto;}
	#hero-bkgrd {height: 598px;}
	#about-us {margin-top: 100px; width: 95%;}
	.reel a {width: 85%;}
	.form-wrapper .captcha-selected {width: 88%;}
	.form-wrapper .captcha, .service-form .captcha, .contact-form .captcha {flex-wrap: wrap; gap: 4px;}
	.form-wrapper .submit, .form-wrapper .reset, .service-form .submit, .service-form .reset, .contact-form .submit, .contact-form .reset {width: 100% !important; padding: 12px 0; margin-bottom: 10px;}
	.form-wrapper tr, .contact-form tr, .service-form tr {flex-wrap: wrap; gap: 0px;}
	.form-wrapper input, .contact-form input, .service-form input {width: 97%; padding: 12px 0px 12px 15px;}
	.form-wrapper textarea, .contact-form textarea, .service-form textarea {width: 97.5%; padding: 12px 0px 12px 12px;}
	.form-form {margin-right: 0px;}
	.hover-color {padding: 160px 100px;}
	.inventory-logos div {flex-wrap: wrap; gap: 11px;}
	.inventory-logos a {width: 95%;}
	.thank-you-sub {display: block;}
	.service-form .captcha-selected, .contact-form .captcha-selected {width: 90%;}
}
@media only screen and (max-width: 500px) {
	.form-wrapper .captcha-selected {width: 100%;}
	#footer-wrapper {flex-wrap: wrap; padding-bottom: 70px;}
	#footer-wrapper div {width: 100%;}
	.footer-contact {padding-bottom: 35px;}
	#footer-fb i {margin-top: 15px;}
}
@media only screen and (max-width: 450px) {
	.hover-color {padding: 140px 100px;}
}
@media only screen and (max-width: 425px) {
	#hero-bkgrd {height: 621px;}
	.about-content h2 span {font-size: 15px;}
	.about-content h2 {font-size: 27px; line-height: 27px;}
	#quality-wrapper h2 {font-size: 27px;}
}
@media only screen and (max-width: 400px) {
	footer img {width: 220px;}
	.service-form .captcha-selected, .contact-form .captcha-selected {width: 100%;}
}
@media only screen and (max-width: 380px) {
	#hero-wrapper h1 {font-size: 34px; line-height: 39px;}
	footer img {width: 200px;}
}
@media only screen and (max-width: 350px) {
	.hover-color {padding: 120px 100px;}
	.form-wrapper input {width: 96%;}
	.form-wrapper textarea {width: 96.5%;}
	.contact-map h2 {font-size: 28px;}
}
@media only screen and (max-width: 340px) {
	#hero-wrapper h1, #contact-wrapper h1 {font-size: 31px; line-height: 36px;}
	#hero-wrapper button, .about-content button, #making-quality .full-inventory button, .form-wrapper button, .form-wrapper .submitselect, #making-quality .full-inventory button, .form-wrapper .submit, .form-wrapper .reset, #contact-wrapper button, .contact-form .submitselect, .thank-you-sub button, .service-form .submitselect {padding: 10px 0;}
	#hero-bkgrd {height: 609px;}
}
@media only screen and (max-width: 321px) {
	#hero-bkgrd {height: 622px;}
}
@media only screen and (max-width: 310px) {
	#hero-wrapper h1, #contact-wrapper h1 {font-size: 28px; line-height: 33px;}
	.hero-content {padding-top: 70px;}
	#hero-bkgrd {height: 580px;}
}
@media only screen and (max-width: 300px) {
	.hover-color {padding: 100px 100px;}
	.form-wrapper input, .contact-form input {width: 95%;}
	.form-wrapper textarea, .contact-form textarea {width: 95.5%;}
}
@media only screen and (max-width: 278px) {
	#hero-bkgrd {height: 610px;}
}
@media only screen and (max-width: 247px) {
	#hero-bkgrd {height: 630px;}
}
@media only screen and (max-width: 225px) {
	#hero-bkgrd {height: 650px;}
}
