/***** 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 --------*/
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}

hr {border:#000 1px solid;}
html {font-family: "Barlow", sans-serif;}

/*--- HEADER STYLES ---------------------*/
.header-search {display: none; top: 100%; right: 0; background: #19200F; z-index: 9999; padding: 10px 0;}
.header-search.active {display: block;}
.header-search form {display: flex; width: 95%; margin: 0 auto; gap: 10px; align-items: center;}
.header-search input {width: 100% !important; background: #19200F !important; padding: 12px 0 10px 20px !important; font-family: "Barlow", sans-serif !important; font-size: 15px !important; line-height: 25px !important; color: #fff !important; border: 1px rgba(255,255,255,0.30) solid !important; border-radius: 5px !important; text-transform: uppercase !important;}
.header-search input::placeholder {color: #fff !important;}
.header-search button {background: none; border: none; color: #19200F; font-size: 20px; padding: 0px}
.header-search button i {width: 40px; height: 40px; background: #42ED66; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 16px; line-height: 16px; border: 1px transparent solid;}
.header-search button:hover i {background: none; border: 1px #fff solid; color: #fff; transition: .8s;}

header {background: #19200F; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; position: relative; z-index: 100;}
.header-wrap {width: 95%; margin: 0 auto; padding: 20px 0; display: flex; justify-content: space-between; align-items: center;}
.header-contact {display: flex; align-items: center; gap: 30px; width: 290px; justify-content: flex-end;}
.header-contact i {color: #fff; font-size: 23px; line-height: 23px;}
.header-contact button {width: 140px; border-radius: 50px; padding: 8px 0; display: flex; justify-content: center; font-family: "Barlow", sans-serif; color: #19200F; text-transform: uppercase; font-weight: 500; border: 1px #42ED66 solid; background: #42ED66; font-size: 15px; line-height: 25px;}
.header-contact button:hover {background: none; border: 1px #fff solid; transition: .8s; color: #fff;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
.hero-icon {display: flex; justify-content: center; align-items: center; position: absolute; z-index: 1; width: 100%; height: 709px; pointer-events: none;}
.hero-icon img {opacity: 50%; padding: 2px; border-radius: 100%; animation: spin 18s linear infinite;}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.hero-flex {display: flex;}
.hero-flex > div {width: 100%;}
.grain-bkgrd {background: url("/siteart/grain-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; clip-path: polygon(0% 0%, 100% 0%, 89% 100%, 0% 100%);}
.farm-bkgrd {background: url("/siteart/farm-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%); margin-left: -112px;}
.grain-overlay {background: rgba(38,49,24,0.85);}
.grain-overlay:hover {background: rgba(38,49,24,0.80); transition: .8s;}
.farm-overlay {background: rgba(0,80,0,0.85);}
.farm-overlay:hover {background: rgba(0,80,0,0.75); transition: .8s;}
.grain-wrap, .farm-wrap {padding: 450px 40px 80px 40px;}
.farm-wrap {text-align: right;}
.view-right {display: flex; justify-content: flex-end;}
.grain-wrap p {background: #42ED66; border-radius: 50px; padding: 5px 0; width: 104px; display: flex; justify-content: center; font-family: "Barlow", sans-serif; font-weight: 500; font-size: 16px; line-height: 26px; color: #424B36; text-transform: uppercase;}
.farm-wrap p {background: #42ED66; border-radius: 50px; padding: 5px 0; width: 104px; display: flex; justify-content: center; font-family: "Barlow", sans-serif; font-weight: 500; font-size: 16px; line-height: 26px; color: #044804; text-transform: uppercase;}
.grain-wrap h1, .farm-wrap h2 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 75px; line-height: 85px; color: #fff; text-transform: uppercase; margin: 10px 0 20px 0;}
.grain-wrap button, .farm-wrap button {font-family: "Barlow", sans-serif; font-weight: 500; font-size: 16px; line-height: 26px; color: #fff; text-transform: uppercase; background: none; border: none; display: flex; gap: 12px; align-items: center;}
.grain-wrap button:hover, .farm-wrap button:hover {gap: 18px; letter-spacing: 1px; transition: .8s;}
.farm-wrap a {display: flex;  justify-content: flex-end;}

.cat-wrap {width: 90%; margin: 0 auto; padding-top: 100px; display: flex; gap: 10px;}
.cat-wrap > a {height: 100%;}
.cat-wrap a {border-radius: 5px; width: 100%;}
.cat-wrap > div {width: 100%;}
.tractors-bkgrd {background: url("/siteart/tractor-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.auger-bkgrd {background: url("/siteart/augers-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.conveyor-bkgrd {background: url("/siteart/conveyor-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.parts-bkgrd {background: url("/siteart/parts-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.conveyor-bkgrd, .parts-bkgrd {height: 310px;}
.conveyor-bkgrd {margin-bottom: 10px;}
.cat-overlay {background: rgba(38,49,24,0.85); border-radius: 5px; height: 100%;}
.cat-wrap a:hover .cat-overlay {background: rgba(38,49,24,0.75); transition: .8s}
.cat-padding {padding: 40px; height: 550px;}
.cat-arrow {display: flex; justify-content: flex-end;}
.cat-arrow-angle {transform: rotate(-45deg); display: inline-block;}
.cat-arrow i {background: #42ED66; border-radius: 50px; width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; color: #263118; font-size: 25px; line-height: 25px;}
.cat-wrap a:hover .cat-arrow-angle {transform: rotate(315deg); transition: .8s;}
.cat-wrap > div .cat-padding {height: 74%;}
.cat-content {display: flex; flex-wrap: wrap; align-items: flex-end; height: 89%;}
.cat-wrap > div .cat-content {height: 73%;}
.cat-content h4 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 50px; line-height: 60px; color: #fff; text-transform: uppercase;}
.cat-hide {display: none;}
.cat-hide-content {display: flex; flex-wrap: wrap; gap: 18px; margin-top: 10px;}
.cat-wrap a:hover .cat-hide {display: contents; transition: .8s;}
.cat-hide-content p {font-family: "Barlow", sans-serif; font-size: 16px; line-height: 26px; color: #fff;}
.cat-hide-content p span {text-transform: uppercase; font-weight: 500; display: flex; gap: 12px; align-items: center;}

.about-wrap {width: 90%; margin: 0 auto; padding: 150px 0;}
.about-content {text-align: center; width: 900px; margin: 0 auto;}
.about-content h3 {font-family: "Barlow Condensed", sans-serif; font-weight: 300; font-size: 60px; line-height: 70px; color: #263118; text-transform: uppercase; width: 680px; margin: 0 auto;}
.about-content h3 span {font-weight: 600;}
.about-content p {font-family: "Barlow", sans-serif; font-size: 18px; line-height: 28px; color: #000; margin: 20px 0 35px 0;}
.about-content button {width: 160px; background: #006B00; border: none; border-radius: 50px; padding: 10px 0 12px 0; font-family: "Barlow", sans-serif; font-weight: 500; font-size: 16px; line-height: 25px; text-transform: uppercase; color: #fff;}
.about-content button:hover {background: #263118; transition: .8s;}
.about-imgs {display: flex; gap: 10px; margin-top: 80px;}
.about-imgs img {width: 100%; border-radius: 5px;}
.about-imgs > div {width: 100%;}
.about-imgs > div:nth-child(2), .about-imgs > div:last-child {margin-top: 30px; margin-bottom: -30px}

.our-partners {display: flex; align-items: center; gap: 10px; padding-right: 50px;}
.partners-bkgrd {clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%); width: 30%; background: url("/siteart/partners-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.partners-overlay {background: rgba(38,49,24,0.90);}
.partners-padding {padding: 50px 100px;}
.partners-padding h3 {font-family: "Barlow Condensed", sans-serif; font-weight: 300; font-size: 60px; line-height: 70px; text-transform: uppercase; color: #fff; margin-bottom: 20px;}
.partners-padding h3 span {font-weight: 600;}
.partners-padding p {font-family: "Barlow", sans-serif; font-size: 18px; line-height: 28px; color: #fff;}
.our-partners .slick-slider {width: 70% !important; padding: 0 35px !important;}
.our-partners .slick-track {display: flex !important; justify-content: space-between !important; gap: 20px !important; width: 100%; align-items: center !important;}
.our-partners .slick-list {width: 100% !important;}
.our-partners .slick-slide {background: #F7F7F7 !important; border-radius: 5px !important; width: 100% !important;}
.our-partners .slick-slide div {padding: 20px; text-align: center;}
.our-partners .slick-slide h6 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 32px; line-height: 42px; color: #263118; text-transform: uppercase;}
.our-partners .slick-slide p {font-family: "Barlow", sans-serif; font-weight: 300; font-size: 13px; line-height: 23px; color: #263118; text-transform: uppercase;}
.our-partners .slick-prev:before, .our-partners .slick-next:before {color: #263118 !important;}
.our-partners .slick-next {right: 10px !important;}
.our-partners .slick-prev {left: -30px !important;}

.contact-wrap {width: 90%; margin: 0 auto; padding: 100px 0;}
.contact-bkgrd {background: #F7F7F7; border-radius: 10px;}
.contact-padding {padding: 100px 80px; display: flex; align-items: center; gap: 100px;}
.contact-padding > div:first-child {width: 30%;}
.contact-padding > div:last-child {width: 70%;}
.contact-padding h5 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 40px; line-height: 50px; color: #263118; text-transform: uppercase;}
.contact-links {padding: 30px 0 20px 0;}
.contact-links li {margin-bottom: 15px;}
.contact-links a, .contact-hours li {font-family: "Barlow", sans-serif; font-size: 17px; line-height: 27px; color: #000; display: flex; gap: 10px;}
.contact-links a i {margin-top: 5px;}
.contact-hours p {font-family: "Barlow", sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #000; text-transform: uppercase;}
.contact-hours ul {margin-top: 10px;}
.contact-socials {display: flex; gap: 10px; align-items: center; margin-top: 30px;}
.contact-socials i {background: #006B00; width: 38px; height: 38px; border-radius: 50px; color: #fff; font-size: 18px; line-height: 18px; display: flex; justify-content: center; align-items: center;}
.contact-socials a:hover i {background: #000; transition: .8s;}
.contact-padding form .form-flex div {display: flex; gap: 10px; margin-bottom: 10px;}
.contact-padding form input {width: 100%; background: #fff; border: none; padding: 10px 0 10px 15px; font-family: "Barlow", sans-serif; font-size: 15px; line-height: 25px; color: #222; border-radius: 3px;}
.contact-padding form input::placeholder, .contact-padding form textarea::placeholder {color: #222;}
.contact-padding form .form-textarea {display: flex;}
.contact-padding form textarea {width: 100%; background: #fff; border: none; padding: 10px 0 0 15px; font-family: "Barlow", sans-serif; font-size: 15px; line-height: 25px; color: #222; height: 140px; border-radius: 3px;}
.contact-padding form button {background: none; border: none; font-family: "Barlow", sans-serif; font-size: 16px; line-height: 26px; color: #263118; gap: 10px; align-items: center; display: flex; text-transform: uppercase; margin-top: 25px;}
.contact-padding form button:hover {gap: 15px; transition: .8s;}

/*---ABOUT---*/
.sub-breadcrumbs {display: flex; justify-content: center; align-items: center; gap: 12px; margin: 15px 0 30px 0; flex-wrap: wrap;}
.sub-breadcrumbs a, .sub-breadcrumbs p {font-family: "Barlow", sans-serif; color: #fff; font-size: 20px; line-height: 30px; margin: 0 !important;}
.sub-breadcrumbs a:hover {letter-spacing: 1px; transition: .8s;}
.sub-wrap {width: 95%; margin: 0 auto; padding: 100px 0 50px 0;}

.sub-bkgrd {background: #F7F7F7;}
.sub-body {width: 90%; margin: 0 auto; padding: 100px 0;}
.about-bio > div {width: 100%;}
.about-bio h2 {font-family: "Barlow Condensed", sans-serif; font-weight: 300; font-size: 60px; line-height: 70px; color: #263118; text-transform: uppercase;}
.about-bio h2 span {font-weight: 600;}
.about-bio p {font-family: "Barlow", sans-serif; font-size: 18px; line-height: 28px; color: #000; margin: 20px 0 0 0;}
.about-bio img {width: 100%; border-radius: 5px;}

.staff-bios {display: flex; gap: 100px; align-items: center;}
.staff-bios > div:first-child {width: 40%;}
.staff-bios > div:last-child {width: 60%;}
.bios-reverse > div:first-child {width: 60% !important;}
.bios-reverse > div:last-child {width: 40% !important;}
.bios-reverse {padding: 100px 0;}
.staff-bios img {width: 100%; border-radius: 3px; background: #F7F7F7}
.staff-bios h3, .add-staff h3 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 40px; line-height: 50px; color: #263118; text-transform: uppercase; margin-bottom: 5px;}
.staff-bios p, .add-staff p {font-family: "Barlow", sans-serif; font-size: 18px; line-height: 28px; color: #000; margin-bottom: 15px;}
.staff-bios p span, .add-staff p span {color: #888888;}
.staff-p {margin-top: 20px;}
.staff-p button {width: 160px; border-radius: 50px; padding: 8px 0; display: flex; justify-content: center; font-family: "Barlow", sans-serif; color: #19200F; text-transform: uppercase; font-weight: 500; border: 1px #42ED66 solid; background: #42ED66; font-size: 15px; line-height: 25px; margin-top: 30px;}
.staff-p button:hover {background: #19200F; border: 1px #19200F solid; transition: .8s; color: #fff;}
.add-staff {display: flex; gap: 10px;}
.add-staff > div {width: 100%; background: #F7F7F7; padding: 40px; text-align: center;}
.add-staff button {margin: 0 auto;}

/*---SHOWROOM---*/
.partners-flex {display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;}
.partners-flex > div {background: #fff; border-radius: 3px; width: 19%; text-align: center; padding: 40px;}
.partners-btns {display: flex; gap: 10px; justify-content: center; margin-top: 20px;}
.partners-btns a {width: 100%;}
.partners-btns button {width: 100%; border-radius: 50px; font-family: "Barlow", sans-serif; text-transform: uppercase; font-size: 15px; line-height: 25px; padding: 8px 0;}
.partners-btns > a:first-child button {color: #19200F; border: 1px #42ED66 solid; background: #42ED66;}
.partners-btns > a:last-child button {color: #fff; border: 1px #19200F solid; background: #19200F;}
.partners-btns a:hover button {background: none; border: 1px #19200F solid; color: #19200F;}
.partners-flex h2 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 32px; line-height: 42px; color: #263118; text-transform: uppercase;}
.partners-flex p {font-family: "Barlow", sans-serif; font-weight: 300; font-size: 13px; line-height: 23px; color: #263118; text-transform: uppercase;}

/*---HONEYVILLE---*/
.brand-list {padding-left: 20px;}
.brand-list li {font-family: "Barlow", sans-serif; font-size: 18px; line-height: 28px; color: #000; margin-bottom: 5px; list-style: disc;}
.brand-list > ul {padding-left: 40px;}
.brand-list > ul li {list-style: square;}
.brands-page h2 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 40px; line-height: 50px; color: #263118; text-transform: uppercase; margin-bottom: 5px;}
.brand-content {width: 1200px !important;}
.num-list li {list-style: decimal !important;}

/*---THANK YOU---*/
.thankyou-bkgrd {background: url("/siteart/grain-bins.jpg") no-repeat; background-position: center; background-size: cover;}
.thankyou-overlay {background: rgba(38,49,24,0.90);}
.thankyou-wrap {width: 95%; margin: 0 auto; padding: 100px 0;}
.thankyou-content {width: 800px; margin: 0 auto; text-align: center;}
.thankyou-content h1 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 75px; line-height: 85px; color: #fff; text-transform: uppercase;}
.thankyou-content p {font-family: "Barlow", sans-serif; color: #fff; font-size: 20px; line-height: 30px; margin: 15px 0 30px 0;}
.thankyou-content button {width: 160px; margin: 0 auto; border-radius: 50px; padding: 8px 0; display: flex; justify-content: center; font-family: "Barlow", sans-serif; color: #19200F; text-transform: uppercase; font-weight: 500; border: 1px #42ED66 solid; background: #42ED66; font-size: 15px; line-height: 25px;}
.thankyou-content button:hover {background: none; border: 1px #fff solid; transition: .8s; color: #fff;}

/*---GRAIN EQUIPMENT---*/
.grain-flex {display: flex; gap: 100px;}
.grain-flex > div:first-child {width: 30%;}
.grain-flex > div:last-child {width: 70%;}
.grain-flex h2 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 40px; line-height: 50px; color: #263118; text-transform: uppercase; margin-bottom: 5px;}
.grain-flex p {font-family: "Barlow", sans-serif; font-size: 18px; line-height: 28px; color: #000; margin-bottom: 15px;}
.handling-flex {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 50px;}
.handling-flex > div {background: #fff; border-radius: 3px; width: 41.5%; text-align: center; padding: 40px; display: flex; align-items: center; justify-content: center;}
.handling-flex button {width: 200px; border-radius: 50px; font-family: "Barlow", sans-serif; text-transform: uppercase; font-size: 15px; line-height: 25px; padding: 8px 0; color: #19200F; border: 1px #42ED66 solid; background: #42ED66; margin-top: 20px;}
.handling-flex a:hover button {background: #19200F; border: 1px #19200F solid; color: #fff;}
.handling-flex h3 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 32px; line-height: 42px; color: #263118; text-transform: uppercase;}
.grain-links li {border-bottom: 1px #bbb solid; padding: 10px 0;}
.grain-links li a {font-family: "Barlow", sans-serif; font-size: 16px; line-height: 26px; color: #787878;}
.grain-links a:hover {letter-spacing: .5px; transition: .8s;}

.grain-description h1 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 40px; line-height: 50px; color: #263118; text-transform: uppercase; margin-bottom: 3px;}
.grain-description h2 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #263118; text-transform: uppercase;}
.grain-description h3 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 32px; line-height: 42px; color: #263118; text-transform: uppercase; margin-bottom: 10px; margin-top: 30px;}
.grain-description h4 {font-family: "Barlow", sans-serif; font-weight: bold; font-size: 20px; line-height: 30px; color: #263118;}
.grain-description ul {margin: 10px 0 30px 0;}
.grain-description li {font-family: "Barlow", sans-serif; font-size: 18px; line-height: 28px; color: #000; margin-bottom: 3px;}
.grain-description li i {color: #006B00;}
.grain-descrip-flex {display: flex; gap: 50px; align-items: center; margin-bottom: 20px; margin-top: 35px;}
.grain-descrip-flex img {border-radius: 5px; width: 100%;}
.grain-descrip-flex > div:first-child {width: 60%;}
.grain-descrip-flex > div:last-child {width: 40%;}
.grain-table {margin-top: 50px;}
.grain-table div {display: flex; justify-content: space-between; padding: 20px; gap: 20px;}
.grain-table p {margin-bottom: 0px;}
.grain-table > div:first-child, .grain-table > div:nth-child(3), .grain-table > div:nth-child(5), .grain-table > div:nth-child(7), .grain-table > div:nth-child(9), .grain-table > div:nth-child(11), .grain-table > div:nth-child(13), .grain-table > div:nth-child(15), .grain-table > div:nth-child(17), .grain-table > div:nth-child(19), .grain-table > div:nth-child(21), .grain-table > div:nth-child(23), .grain-table > div:nth-child(25), .grain-table > div:nth-child(27), .grain-table > div:nth-child(29), .grain-table > div:nth-child(31), .grain-table > div:nth-child(33), .grain-table > div:nth-child(35), .grain-table > div:nth-child(37), .grain-table > div:nth-child(39), .grain-table > div:nth-child(41), .grain-table > div:nth-child(43), .grain-table > div:nth-child(45), .grain-table > div:nth-child(47), .grain-table > div:nth-child(49), .grain-table > div:nth-child(51), .grain-table > div:nth-child(53), .grain-table > div:nth-child(55), .grain-table > div:nth-child(57), .grain-table > div:nth-child(59), .grain-table > div:nth-child(61), .grain-table > div:nth-child(63), .grain-table > div:nth-child(65), .grain-table > div:nth-child(67), .grain-table > div:nth-child(69), .grain-table > div:nth-child(71), .grain-table > div:nth-child(73), .grain-table > div:nth-child(75), .grain-table > div:nth-child(77), .grain-table > div:nth-child(79){background: #fff;}
.grain-description button {width: 180px; border-radius: 50px; font-family: "Barlow", sans-serif; text-transform: uppercase; font-size: 15px; line-height: 25px; padding: 8px 0; color: #19200F; border: 1px #42ED66 solid; background: #42ED66; margin-top: 50px;}
.grain-description a:hover button {background: #19200F; border: 1px #19200F solid; color: #fff;}

/*---SPOUTING ACCESSORIES---*/
.access-flex {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 35px;}
.access-flex a {width: 32%; text-align: center;}
.access-flex a img {width: 100%;}
.access-flex h2 {margin: 10px 0 20px 0;}
.access-flex a:hover h2 {color: #006B00; transition: .8s; letter-spacing: .5px;}

/*---QUOTE---*/
.quote-bkgrd {background: url("/siteart/quote-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.quote-overlay {background: rgba(38,49,24,0.85);}
.quote-wrap {width: 95%; margin: 0 auto; padding: 100px 0;}
.quote-wrap h1 {font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 40px; line-height: 50px; color: #fff; text-transform: uppercase; margin-bottom: 25px;}
.quote-wrap form .form-flex {display: flex; gap: 50px;}
.quote-wrap form .form-flex > div {width: 100%;}
.quote-wrap form .form-flex > div > div {display: flex; gap: 50px;}
.quote-wrap form .form-flex > div > div > div {width: 100%;}
.quote-wrap form input {width: 96%; background: rgba(255,255,255,0.60); border: none; padding: 10px 0 10px 15px; font-family: "Barlow", sans-serif; font-size: 15px; line-height: 25px; color: #222; border-radius: 3px; margin-bottom: 10px;}
.quote-wrap form input::placeholder, .quote-wrap form textarea::placeholder {color: #222;}
.quote-wrap form .form-textarea {display: flex;}
.quote-wrap form textarea {width: 100%; background: rgba(255,255,255,0.60); border: none; padding: 10px 0 0 15px; font-family: "Barlow", sans-serif; font-size: 15px; line-height: 25px; color: #222; height: 140px; border-radius: 3px;}
.quote-wrap form button {background: #fff; width: 120px; display: flex; justify-content: center; border: none; font-family: "Barlow", sans-serif; font-size: 16px; line-height: 26px; color: #263118; gap: 10px; align-items: center; text-transform: uppercase; margin-top: 25px; padding: 8px 0; border-radius: 3px;}
.quote-wrap form button:hover {background: #42ED66; transition: .8s;}
.quote-contact ul {margin-top: 50px;}
.quote-contact li {margin-bottom: 12px;}
.quote-contact li a {color: #fff; font-family: "Barlow", sans-serif; font-size: 16px; line-height: 26px;}

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




/*-------- FOOTER STYLES ----------------*/
footer {background: #19200F; margin-top: -64px; position: relative;}
.footer-wrap {width: 95%; margin: 0 auto; padding: 100px 0; display: flex; justify-content: space-between;}
.footer-right {display: flex; gap: 150px;}
.footer-hours > div, .footer-links > div {display: flex; gap: 50px; margin-top: 20px;}
footer p {font-family: "Barlow", sans-serif; font-weight: 600; font-size: 18px; line-height: 28px; color: #fff; text-transform: uppercase;}
footer li {margin-bottom: 5px;}
footer li, footer li a {font-family: "Barlow", sans-serif; font-size: 16px; line-height: 26px; color: #fff;}
.footer-contact {padding: 30px 0 20px 0;}
.footer-contact a i {margin-top: 5px;}
.footer-contact li a {margin-bottom: 15px; font-family: "Barlow", sans-serif; font-size: 16px; line-height: 26px; color: #fff; display: flex; gap: 10px;}
.footer-socials {display: flex; gap: 10px; align-items: center;}
.footer-socials i {background: #42ED66; width: 38px; height: 38px; border-radius: 50px; color: #263118; font-size: 18px; line-height: 18px; display: flex; justify-content: center; align-items: center;}
.footer-socials a:hover i {background: #fff; transition: .8s;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-redesign, .detail-wrapper, .parts-list-content {padding: 50px 0 !important;}
.list-redesign, .list-top-section .list-title .list-title-text, .faceted-search-content .faceted-section-head .faceted-section-title, .faceted-search-content .faceted-section-box .faceted-search, .list-content .list-listing-title-link, .list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .list-listing-title .listing-category, .detail-wrapper, .parts-list-content {font-family: "Barlow", sans-serif !important;}
.list-top-section .list-listings-count, .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-listings-count {color: #42ED66 !important;}
.faceted-search-content button.faceted-search {background: #000 !important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .mcclamrochagcomhdev-a0om98.MuiPaginationItem-previousNext, .linking-buttons a.active, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder input,.mcclamrochagcomhdev-88jlbf, .mcclamrochagcomhstg-88jlbf, .mcclamrochagcomhstgsandhillsdemocom-88jlbf, .wwwmcclamrochagcom-88jlbf, .listing-carousel .recommended-listings-section .view-all-link, .listing-carousel .recommended-auctions-section .view-all-link, .faceted-search-content .selected-facets-container .selected-facet {background: #006B00 !important;}
.ts-disclaimer span {font-size: 16px !important; line-height: 26px !important;}

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

@media only screen and (max-width: 1800px) {
	.partners-bkgrd {width: 35%;}
	.partners-padding {padding: 50px 80px;}
	.our-partners .slick-slider {width: 65% !important;}
	.handling-flex > div {width: 41%;}
}
@media only screen and (max-width: 1650px) {
	.partners-flex > div {width: 26%;}
	.handling-flex > div {width: 40.5%;}
}
@media only screen and (max-width: 1550px) {
	.handling-flex > div {width: 40%;}
	.quote-wrap form .form-flex > div > div {flex-wrap: wrap; gap: 0px;}
	.quote-wrap form input {width: 98%;}
}
@media only screen and (max-width: 1500px) {
	.handling-flex > div {width: 39.5%;}
}
@media only screen and (max-width: 1450px) {
	.partners-bkgrd {width: 40%;}
	.partners-padding {padding: 50px 60px;}
	.our-partners .slick-slider {width: 60% !important;}
	.handling-flex > div {width: 39%;}
	.quote-wrap form input {width: 97.5%;}
}
@media only screen and (max-width: 1400px) {
	.header-logo img, .header-contact {width: 250px;}
	.grain-wrap, .farm-wrap {padding: 350px 40px 80px 40px;}
	.hero-icon {height: 601px;}
	.hero-icon img {width: 100px;}
	.grain-bkgrd {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
	.farm-bkgrd {clip-path: polygon(9% 0%, 100% 0%, 100% 100%, 0% 100%); margin-left: -68px;}
	.grain-wrap h1, .farm-wrap h2, .thankyou-content h1 {font-size: 70px; line-height: 80px;}
	.grain-wrap p, .farm-wrap p {font-size: 15px; line-height: 25px; width: 100px; padding: 4px 0;}
	.partners-flex > div {width: 25%;}
}
@media only screen and (max-width: 1350px) {
	.handling-flex > div {width: 38.5%;}
	.quote-wrap form input {width: 97%;}
}
@media only screen and (max-width: 1300px) {
	.partners-flex > div {width: 38%;}
	.brand-content {width: 100% !important;}
	.handling-flex > div {width: 38%;}
	.access-flex a {width: 49%;}
}
@media only screen and (max-width: 1250px) {
	.handling-flex > div {width: 37.5%;}
}
@media only screen and (max-width: 1200px) {
	.header-contact {display: none;}
	.grain-wrap, .farm-wrap {padding: 250px 40px 80px 40px;}
	.hero-icon {height: 493px;}
	.hero-icon img {width: 80px;}
	.farm-bkgrd {clip-path: polygon(6% 0%, 100% 0%, 100% 100%, 0% 100%); margin-left: -38px;}
	.grain-wrap h1, .farm-wrap h2, .thankyou-content h1 {font-size: 65px; line-height: 75px;}
	.grain-wrap p, .farm-wrap p {font-size: 14px; line-height: 24px; width: 90px; padding: 3px 0;}
	.cat-wrap {flex-wrap: wrap; justify-content: center;}
	.cat-wrap a {width: 49%;}
	.cat-wrap > div {display: flex; justify-content: center; gap: 15px;}
	.cat-padding, .cat-wrap > div .cat-padding {height: 300px;}
	.conveyor-bkgrd, .parts-bkgrd {height: auto;}
	.cat-wrap > div .cat-content, .cat-wrap .cat-content {height: 83%;}
	.partners-bkgrd {width: 45%;}
	.partners-padding {padding: 50px 40px;}
	.our-partners .slick-slider {width: 55% !important;}
	.contact-padding {align-items: flex-start;}
	.contact-padding form .form-flex div {flex-wrap: wrap;}
	.contact-padding > div:first-child {width: 40%;}
	.contact-padding > div:last-child {width: 60%;}
	.thankyou-content p, .sub-breadcrumbs a, .sub-breadcrumbs p {font-size: 18px; line-height: 28px;}
	.staff-bios, .grain-flex {gap: 80px;}
	.handling-flex > div {width: 100%;}
}
@media only screen and (max-width: 1050px) {
	.hero-flex {flex-wrap: wrap; justify-content: flex-end;}
	.farm-bkgrd {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); margin-left: 0;}
	.grain-wrap, .farm-wrap {padding: 100px 0 100px 0; width: 95%; margin: 0 auto;}
	.hero-icon {height: 725px;}
	.about-content {width: 100%;}
	.contact-padding {padding: 100px 50px;}
	.footer-right {gap: 100px;}
	.staff-bios, .grain-flex {gap: 50px;}
	.grain-descrip-flex {flex-wrap: wrap; margin-bottom: 30px;}
	.grain-descrip-flex > div:first-child, .grain-descrip-flex > div:last-child {width: 100%;}
	.grain-descrip-flex {gap: 15px;}
	.grain-table div {flex-wrap: wrap; gap: 10px;}
	.grain-table div p {width: 100%;}
	.quote-wrap form input {width: 96.5%;}
}
@media only screen and (max-width: 950px) {
	.our-partners {flex-wrap: wrap; padding-right: 0px; gap: 20px;}
	.partners-bkgrd {width: 100%; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}
	.our-partners .slick-slider {width: 100% !important;}
	.partners-padding {padding: 50px 0px; width: 90%; margin: 0 auto; text-align: center;}
	.footer-wrap {flex-wrap: wrap; gap: 50px;}
	.footer-wrap > div {width: 100%;}
	.footer-right {justify-content: space-between;}
}
@media only screen and (max-width: 900px) {
	.contact-padding {flex-wrap: wrap; gap: 50px;}
	.contact-padding > div:first-child, .contact-padding > div:last-child {width: 100%;}
	.thankyou-content {width: 100%;}
	.staff-bios {flex-wrap: wrap;}
	.staff-bios > div, .bios-reverse > div:first-child, .bios-reverse > div:last-child {width: 100% !important;}
	.add-staff {flex-wrap: wrap;}
	.staff-direction {flex-direction: column-reverse;}
	.access-flex a {width: 100%;}
}
@media only screen and (max-width: 850px) {
	.partners-flex > div {width: 400px;}
}
@media only screen and (max-width: 800px) {
	.cat-wrap a {width: 100%;}
	.cat-padding, .cat-wrap > div .cat-padding, .cat-wrap > div .cat-content, .cat-wrap .cat-content {height: auto;}
	.cat-wrap > div {flex-wrap: wrap; gap: 0px;}
	.cat-wrap .cat-content {padding-top: 25px;}
	.about-content h3 {width: 100%;}
	.grain-flex {flex-wrap: wrap; flex-direction: column-reverse;}
	.grain-flex > div:first-child, .grain-flex > div:last-child {width: 100%;}
	.quote-wrap form .form-flex {flex-wrap: wrap;}
	.quote-contact {display: none !important;}
	.quote-wrap form .form-flex {gap: 0px;}
	.quote-wrap form input {width: 98%;}
}
@media only screen and (max-width: 700px) {
	.quote-wrap form input {width: 97.5%;}
}
@media only screen and (max-width: 600px) {
	.footer-right {flex-wrap: wrap; gap: 50px;}
	.footer-right > div {width: 100%;}
	.cat-padding, .add-staff > div, .partners-flex > div, .handling-flex > div  {padding: 40px 20px;}
	.about-content h3, .partners-padding h3, .about-bio h2 {font-size: 55px; line-height: 65px;}
	.about-imgs {flex-wrap: wrap; justify-content: center;}
	.about-imgs > div {width: 48.5%;}
	.contact-padding {padding: 80px 35px;}
	.quote-wrap form input {width: 97%;}
}
@media only screen and (max-width: 550px) {
	.partners-flex > div {width: 100%;}
}
@media only screen and (max-width: 500px) {
	.quote-wrap form input {width: 96.5%;}
}
@media only screen and (max-width: 450px) {
	.hero-icon {display: none;}
	.grain-wrap, .farm-wrap, .quote-wrap {padding: 80px 0;}
	.grain-wrap h1, .farm-wrap h2, .thankyou-content h1 {font-size: 60px; line-height: 70px;}
	.cat-content h4 {font-size: 45px; line-height: 55px;}
	.cat-arrow i {height: 50px; width: 50px; font-size: 20px; line-height: 20px;}
	.cat-padding, .add-staff > div, .partners-flex > div, .handling-flex > div  {padding: 30px 20px;}
	.cat-wrap {padding-top: 80px;}
	.about-wrap {padding: 100px 0;}
	.about-content h3, .partners-padding h3, .about-bio h2 {font-size: 50px; line-height: 60px;}
	.about-content p, .partners-padding p, .thankyou-content p, .sub-breadcrumbs a, .sub-breadcrumbs p, .about-bio p, .staff-bios p, .add-staff p, .brand-list li, .grain-flex p {font-size: 16px; line-height: 26px;}
	.contact-wrap,m .footer-wrap, .thankyou-wrap, .sub-body, .bios-reverse {padding: 80px 0;}
	.contact-padding {padding: 80px 20px;}
	.contact-links a, .contact-hours li, .grain-description li {font-size: 16px; line-height: 26px;}
	.contact-padding h5, .staff-bios h3, .add-staff h3, .brands-page h2, .grain-flex h2, .grain-description h1, .quote-wrap h1 {font-size: 35px; line-height: 45px;}
	.sub-wrap {padding: 80px 0 40px 0;}
	.grain-description h4, .grain-description h2 {font-size: 18px; line-height: 28px;}
	.grain-description h3 {font-size: 30px; line-height: 40px;}
}
@media only screen and (max-width: 400px) {
	.about-imgs > div {width: 48%;}
	.quote-wrap form input {width: 96%;}
}
@media only screen and (max-width: 350px) {
	.footer-left img, .header-logo img {width: 88%;}
	.grain-wrap, .farm-wrap {padding: 50px 0;}
	.grain-wrap h1, .farm-wrap h2, .thankyou-content h1 {font-size: 55px; line-height: 65px;}
	.cat-content h4 {font-size: 40px; line-height: 50px;}
	.cat-arrow i {height: 45px; width: 45px; font-size: 15px; line-height: 15px;}
	.about-content h3, .partners-padding h3, .about-bio h2 {font-size: 45px; line-height: 55px;}
	.about-wrap {padding: 80px 0;}
	.about-imgs > div {width: 100%;}
	.about-imgs > div:nth-child(2), .about-imgs > div:last-child {margin-top: 0px; margin-bottom: 0px;}
	.partners-btns {flex-wrap: wrap;}
	.quote-wrap form input {width: 95.5%;}
}
@media only screen and (max-width: 300px) {
	.footer-hours > div, .footer-links > div {justify-content: space-between; gap: 10px;}
	.quote-wrap form input {width: 95%;}
}