/***** BEGIN RESET *****/
@import url("https://use.typekit.net/kug8lsf.css");
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 {

}

h1, h2 {
	font-family: 'loretta', serif;
}

#home p, #about p, #careers p, #contact p, #finance p, #parts-department p, #parts-request p, #seed-command p, #service-department p, #service-request p, #testimonials p, #value-trade p, #careers-application p, #suredrive p, #hydraulic p, #incommand p, #thankyou p {
	font-family: 'proxima-soft', sans-serif;
	line-height: 28px;
	font-size: 18px;
	margin-bottom: 15px;
	color: #1D1D1D;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


/*hr{border:#000 1px solid;}*/

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

/*--- Heros ----*/

.home-hero {
	background: url("../siteart/hero-header.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
	background-color: #000;
	position: relative;
}

.hero-angle {
	clip-path: polygon(0px 0px, 2000px 97px, 2000px 97px, 0px 97px);
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 97px;
	width: 100%;
}

.home-hero .wrapper {
	padding-top: 130px;
	padding-bottom: 150px;
	justify-content: space-between;
}

.home-hero .wrapper > div > .flex {
	align-items: center;
}

.home-hero .wrapper > div:first-child {
	max-width: 540px;
	padding-left: 50px;
	padding-right: 20px;
}

.hero-btn {
	display: flex;
	gap: 20px;
	flex-direction: column;
	max-width: 630px;
	width: 100%;
}

.hero-btn a {
	background: #00B15F;
	color: #1D1D1D;
	font-weight: 600;
	font-size: 30px;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	transition: .4s ease-in-out;
	font-family: 'proxima-soft', sans-serif;
	align-items: center;
}

.hero-btn a i {
	color: #1D1D1D;
	font-size: 30px;
	font-weight: 700;
}

.hero-btn a:hover {
	background: #00713C;
}

.hero-btn a:hover span {
	-webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
	color: #fff;
}

.hero-btn a:hover i {
	-webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
	color: #fff;
}

.inner-hero {
	position: relative;
	height: 250px;
}

.inner-hero > div {
	clip-path: polygon(0px 0px, 2000px 32px, 2000px 32px, 0px 32px);
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 32px;
	z-index: 100;
	width: 100%;
}

.hydraulic-hero {
	background: url("../siteart/hydraulic-hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.seed-command-hero {
	background: url("../siteart/seedcommand-hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.incommand-hero {
	background: url("../siteart/incommand-hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.suredrive-hero {
	background: url("../siteart/suredrive-hero.webp") no-repeat;
	background-size: cover;
	background-position: center;
}

.about-hero {
	background: url("../siteart/about-hero.webp") no-repeat;
	background-size: cover;
	background-position: center;
}

.careers-hero {
	background: url("../siteart/about-hero.webp") no-repeat;
	background-size: cover;
	background-position: center;
}

.careers-application-hero {
	background: url("../siteart/about-hero.webp") no-repeat;
	background-size: cover;
	background-position: center;
}

.finance-hero {
	background: url("../siteart/other-heros.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.parts-department-hero {
	background: url("../siteart/parts-department-hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.parts-request-hero {
	background: url("../siteart/parts-hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.service-department-hero {
	background: url("../siteart/service-department-hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.service-request-hero {
	background: url("../siteart/parts-hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.value-trade-hero {
	background: url("../siteart/other-heros.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.contact-hero {
	background: url("../siteart/about-hero.webp") no-repeat;
	background-size: cover;
	background-position: center;
}

/*--- .img-right ----*/

.img-right {
	padding-top: 130px!important; 
	padding-bottom: 130px!important;
	justify-content: space-between;
	align-items: center;
}

.img-right > div:first-child {
	max-width: 630px;
	width: 100%;
	margin-right: 15px;
}

.img-right > div:first-child > .flex {
	align-items: center
}

/*--------Image SLIDER--------------------*/

.img-right > div:last-child {
	max-width: 870px;
	width: 100%;
}

.img-right .hero-slide-wrap {
	max-width: 870px;
	width: 100%;
}

.img-right .equipment-image {
	max-width: 870px;
	height: 511px;
	width: 100%;
    overflow: hidden;
}

.img-right .equipment-image img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}

/*--- .img-left ----*/

.img-left {
	background: url("../siteart/contact-background.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #000;
	height: auto;
	position: relative;
}

.img-left > div:first-child {
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%);
	background-color: #fff;
	position: absolute;
	height: 97px;
	top: 0;
	left: 0;
	width: 100%;
}

.img-left .img-height {
	max-width: 780px;
	width: 100%;
}

.img-left .wrapper {
	padding-top: 200px;
	padding-bottom: 100px;
	align-items: center;
}

.img-left .heading-md {
	color: #fff; 
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
}

.img-left .h2-line {
	border-bottom: #fff solid 4px!important;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
}

.img-left .wrapper > div:last-child {
	max-width: 550px;
	width: 100%;
	margin-left: 100px;
}

.img-left .wrapper > div:last-child .flex {
	align-items: center;
}

.img-left li {
	margin-bottom: 15px;
}

.img-left li i {margin-right: 15px;}

.img-left li a {
	color: #fff;
	font-family: 'proxima-soft', sans-serif;
	font-size: 18px;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
	font-weight: 600;
}

.img-left .btn-light-green {margin-top: 55px;}

/*--- .brands ----*/

/*--------BRANDS SLIDER--------------------*/

.brands-background .h2-line {
	border-bottom: #fff solid 4px!important;
}

.brands-background .heading-md {color: #fff;}

.brands-background .flex {align-items: center;padding-top: 80px;}

.brands-background {background: #1D1D1D;}

.brands {
	padding-bottom: 15px!important;
}

.brands .hero-slide-wrap {
	max-width: 1350px;
	width: 100%;
	margin: 0 auto;
}

.brands .brands-logo-image {
	position: relative;
	overflow: hidden;
	width: 100%;
    max-width: 1050px;
    height: 160px;
	padding: 0px 40px;
	box-sizing: border-box;
	transition: .4s ease;
}

.brands .brands-logo-image:hover {
	transform: translateY(-10%);
}

.brands .brands-logo-image > a > img {
	display: block;
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: contain;
}

.brands .slide-brands {
	height: 100%;
	padding-top: 70px;
	padding-bottom: 65px;
	margin-left: 55px;
    margin-right: 55px;
}

.brands .slide-brands div {
	height: 100%;
}

.brands .slide-brands .slick-slide {
	margin-left: 10px;
	margin-right: 10px;
}

.slick-prev:before {
	font-family: "Font Awesome 5 Free" !important;
    content: "\f053" !important;
    color: #fff !important;
    font-size: 35px !important;
    font-weight: 600;
	transition: all .4s ease-out;
}

.slick-next:before {
	font-family: "Font Awesome 5 Free" !important;
    content: "\f054" !important;
    color: #fff !important;
    font-size: 35px !important;
    font-weight: 600;
	transition: all .4s ease-out;
}

/*---Pages--------------------------------*/

/*--- #about ----*/

#about .img-right .img-height, #careers .img-right .img-height {
	max-width: 870px;
	width: 100%;
	height: 511px;
}

#about .img-right img, #careers .img-right img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
}

/*--- #careers ----*/

#careers li {
	font-family: 'proxima-soft', sans-serif;
	line-height: 28px;
	font-size: 18px;
	margin-bottom: 5px;
	color: #1D1D1D;
}

#careers .heading-sm {
	margin-bottom: 15px;
	margin-top: 25px;
}

.opeanings {
	padding-bottom: 80px!important;
}

.faq-info .heading-mdsm {
	margin-bottom: 30px;
}

.questions {
	background: #E6E6E6;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
	margin: 20px 0 20px 0;
	position: relative;
}

.questions .flex {
	justify-content: space-between;
}

.questions a {
	text-align: left;
	color: #000;
	font-size: 20px;
	padding: 20px;
	font-weight: 700;
}

.questions .dpdwn-list {
	padding: 0 20px 20px 20px;
}

.questions .dpdwn-list a {
	padding: 0;
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
}
.questions .dpdwn-list a:hover {
	text-decoration: underline;
}

.plus {
	position: absolute;
    top: 20px;
    right: 20px;
}

.plus:before {
	content:"";
	position: absolute;
	right: 0;
	top: 9px;
	width: 21px;
	height: 3px;
	background: #000;
	transform: translateY(0) rotate(-45deg);
	transition: .6s ease;
}

.active .plus:before {
	transform: rotate(0); 
}

.plus:after {
	content:"";
	position: absolute;
	right: 0;
	top: 9px;
	width: 21px;
	height: 3px;
	background: #000;
	transform: translateY(0) rotate(45deg);
	transition: .6s ease;
}

.active .plus:after {
	transform: rotate(0); 
}


/*--- #finance ----*/

.center-content {
	max-width: 900px!important;
	margin: 0 auto;
}

.center-content .heading-md, .center-content p {
	text-align: center;
}

.center-content .btn-dark-green {
	margin: 55px auto 0;
}

/*--- #parts, #service ----*/

.img-bottom {
	justify-content: space-between;
	align-items: flex-end;
}

.img-bottom > div:first-child {
	max-width: 840px;
	width: 100%;
	margin-right: 20px;
}

.img-bottom .flex {
	align-items: center;
}

.img-bottom > div:last-child {
	max-width: 600px;
	width: 100%;
}

.img-bottom .img-height {
	max-width: 600px;
	width: 100%;
	height: 442px;
}

.img-bottom .img-height img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
}

/*--- #testimonials ----*/


/*--------FORM STYLES--------------------*/
/*---- Contact, Parts Request, Service Request, Careers, value you trade ----*/

.form-all .heading-md {color: #1D1D1D;}

.form-all .heading-sm-2 {
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: left;
	font-size: 30px;
}

.form-all p {
	margin: 15px auto 25px;;
	max-width: 735px;
	width: 100%;
	color: #1D1D1D;
}

.form-all {
	box-sizing: border-box;
	max-width: 1100px; 
	width: 100%;
	margin: 75px auto 200px;
	text-align: center;
}

 .label {
	color: #1D1D1D;
	font-family: 'proxima-soft', sans-serif;
	text-align: left!important;
	font-weight: 500;
}

.checkbox {text-align:left; margin-bottom:0!important;margin-top: 25px!important;}

.checkbox > label > .label-row {display: inline-block;}

.label-row {margin-bottom: 15px;}

.before-textarea {margin-bottom: 30px!important;}

.flex-form {
	width: 100%;
	max-width: 1205px;
	padding: 15px;
	margin: 52px auto;
}

.flex-row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}

.form-half select, .form-full select {
	display: inline-block;
    padding: 15px;
    width: 100%;
    border: none;
    background: #E6E6E6;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
    font-family: 'proxima-soft', sans-serif;
    box-sizing: border-box;
}

.form-half {
	display: inline-block;
	width: calc(50% - 8px);
	margin: 15px 15px 15px 0;
}

.form-half input {
	padding: 15px;
	width: 100%;
	border: none;
	background: #E6E6E6;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
	font-family: 'proxima-soft', sans-serif;
	box-sizing: border-box;
}

.form-2nd-row {margin-right: 0;}

.form-full textarea {
	width: 100%;
	padding: 15px;
	border: none;
	background: #E6E6E6;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
	box-sizing: border-box;
	margin-bottom: -8px;
	font-family: 'proxima-soft', sans-serif;
}

.form-full {margin: 15px 0 30px 0;}

/*--------Captcha--------------------*/

.include-captcha{display:none;}

#submit-btn {float: right;}

.CaptchaWhatsThisPanel > a, .CaptchaMessagePanel {
	color: #222;
	font-family: 'proxima-soft', sans-serif;
}

.CaptchaPanel {text-align: right!important;}

.captcha-button {float: right;}



/*-------- FOOTER STYLES ----------------*/
footer{
	background-color: #323232;
}

footer .flex {
	justify-content: space-between;
	align-items: center;
}

.social-media-footer {
	justify-content: center!important;
}

.social-media-footer li {
	font-size: 30px;
	margin-left: 8px;
	margin-right: 8px;
}

.social-media-footer li i {
	color: #00B15F!important;
	transition: all .4s ease-out;
}

.social-media-footer li a:hover i {
	color: #fff!important;
}

footer .flex > div {
	text-align: center;
	max-width: 510px;
	width: 100%;
	padding: 120px 10px;
}

footer .flex > div:nth-child(2) {
	border-left: #fff solid 3px;
	border-right: #fff solid 3px; 
}

footer li {color:#fff; font-weight: 400; margin-bottom: 20px;font-family: 'proxima-soft', sans-serif; font-size: 20px;font-style:normal;}

footer li span {font-weight: 700;}

footer li a {
	font-family: 'parabolica', sans-serif;
	color: #fff;
	font-style:normal;
}

footer li a:hover {text-decoration: underline;}

footer p {
	color :#fff;
	font-weight: 700;
	margin-bottom: 50px;
	font-family: 'proxima-soft', sans-serif;
	font-size: 20px;
}

/*-------- Universal Class Styles ----------------*/

.wrapper {
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 15px;
}

.flex {
	display: flex;
}
.bg-sm {
	padding-top: 80px;
	padding-bottom: 80px;
}

.bg-md {
	padding-bottom: 100px;
}

#careers .bullet-list li:before {top: 0;}

.bullet-list li:before {
    position: relative;
    top: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    content: "\f111";
    color: #00713C;
}

.bullet-list li {
    display: flex;
    gap: 15px;
    margin: 10px 0;
    font-family: 'proxima-soft', sans-serif;
    font-size: 18px;
}

.h2-line {
	border-bottom: #00713C solid 4px;
	width: 100%;
	max-width: 100px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin-bottom: 30px;
	margin-left: 30px;
}

.center-line {
	border-bottom: #00713C solid 4px;
	width: 100%;
	max-width: 220px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin-bottom: 30px;
}

.hero-hr {
	border-bottom: #fff solid 4px;
	width: 100%;
	max-width: 70px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin-left: 30px;
}

/*-- H1 --*/
.heading-lg {
	font-size: 80px;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
	font-weight: 700;
	color: #fff;
}

/*-- H2 --*/
.heading-md {
	font-size: 50px;
	font-weight: 600;
	font-family: 'loretta', serif;
	margin-bottom: 20px;
	color: #1D1D1D;
}

.heading-mdsm {
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 20px;
}

/*-- H3 --*/

.heading-sm {
	font-size: 30px;
	font-weight: 600;
}

/*-- Hero p --*/
.hero-p {
	font-size: 30px!important;
	font-weight: 600!important;
	color: #fff!important;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50)!important;
	margin-bottom: 0!important;
}

/*-- buttons --*/
.btn-dark-green {
	border: none;
    display: block;
    width: 200px;
    color: #fff;
    background: #00713C;
    padding: 15px 0;
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    transition: all .4s ease-out;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
	font-family: 'proxima-soft', sans-serif;
	margin-top: 55px;
}

#service-department .btn-dark-green {
	width: 210px;
}

#value-trade .btn-dark-green, #service-request .btn-dark-green, #parts-request .btn-dark-green, #contact .btn-dark-green, #careers-application .btn-dark-green {margin-top: 0px;}

.btn-dark-green:hover {
	background: #00B15F;
	color: #1D1D1D;
}

.btn-light-green {
	border: none;
    display: block;
    width: 200px;
    color: #1D1D1D;
    background: #00B15F;
    padding: 15px 0;
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    transition: all .4s ease-out;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
	font-family: 'proxima-soft', sans-serif;
}

.btn-light-green:hover {
	background: #00713C;
	color: #fff;
}

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

.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {
	color: #00713C!important;
}

.view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet {
	background-color: #00713C!important;
}

.view-listing-details-link:hover {
	color: #1D1D1D!important;
	background:#00B15F!important; 
}


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

@media only screen and (max-width: 1280px) {
	.img-right .hero-slide-wrap {
		max-width: 570px;
	}
	.img-bottom .flex {flex-wrap: wrap;}
	.img-bottom .h2-line {margin-left: 0;}
}

@media only screen and (max-width: 1200px) {
	.img-left .wrapper > div:last-child {
		margin-left: 20px;
	}
}

@media only screen and (max-width: 1000px) {
	footer .flex {flex-direction: column;}
	footer .flex > div:nth-child(2) {
		border-top: #fff solid 3px;
		border-bottom: #fff solid 3px;
		border-left: none;
		border-right: none;
	}
	footer .flex > div {padding:50px 10px;}
	footer p {margin-bottom: 30px;}
	.social-media-footer {flex-direction: row!important;}
	.img-right {flex-direction: column;align-items: flex-start;}
	.img-right .hero-slide-wrap {max-width: 870px;}
	.img-right > div:first-child {margin-bottom: 30px;}
	.img-bottom {flex-direction: column; align-items: flex-start;}
	.img-bottom > div:first-child {margin-right: 0;}
	.img-bottom > div:last-child {margin-top: 50px;}
}

@media only screen and (max-width: 950px) {
	.home-hero .wrapper {flex-direction: column;}
	.hero-btn {margin-top: 40px;}
	.home-hero .wrapper > div:first-child {padding-left:0; padding-right: 0;}
	.hero-btn a {padding:20px; font-size: 20px;}
	.hero-btn a i {font-size: 20px;}
	.hero-btn {gap: 10px;}
	.img-left .wrapper {flex-direction: column;}
	.img-left .wrapper > div:last-child {margin-left: 0; margin-top: 70px;}
}

@media only screen and (max-width: 700px) {
	.heading-lg {font-size: 50px;}
	.heading-md {font-size: 40px;}
	.hero-p {font-size: 20px;}
	.form-all .heading-sm-2 {font-size: 25px;}
	.heading-sm {font-size: 25px;}
}

@media only screen and (max-width: 530px) {
	.brands .brands-logo-image {padding: 0;}
}

@media only screen and (max-width: 500px) {
	.form-half {width: 100%;margin-right: 0px;}
	.home-hero .wrapper {padding-top: 40px;}
}

@media only screen and (max-width: 430px) {
	.brands .slide-brands {margin-left: 25px;margin-right: 25px;}
}

@media only screen and (max-width: 400px) {
	.img-left .wrapper > div:last-child .flex, #about .img-right .flex, #careers .img-right .flex {flex-wrap: wrap;}
	.img-left .h2-line, #about .img-right .h2-line, #careers .img-right .h2-line {margin-left: 0;}
}

@media only screen and (max-width: 350px) {
	.heading-lg {font-size: 45px;}
	.heading-md {font-size: 35px;}
	.heading-mdsm {font-size: 30px;}
}