/***** 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 --------
maroon: #c3262e;
gray: #eee;
*/

/***** 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 {
	font-family: 'Montserrat', sans-serif;	
	font-size:16px; 
	line-height: 26px; 
	background:url(../siteart/bg.jpg) no-repeat top center fixed  !important;;
	color: #000; 
	font-weight:300;	
	height:100%;
	background-size:contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-attachment:fixed !important ;
	overflow-x:hidden;
}
h1 { font-size: 32px; color:#c3262e; text-align:left; font-weight: 700; line-height:33px;}
h2 {font-size: 28px; text-align:center; color:#000;  font-weight:700;}
h3 {font-size:20px; color: #c3262e; font-weight: 700;}
h4{font-size:20px; color:#fff;font-weight: 700; text-transform: uppercase;}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; color:#c3262e;}
strong { font-size:16px;}

.right{float: right; text-align:right;}
.left{text-align:left;}

.pad{padding: 2% 0;}

hr{border:#000 1px solid;}

/*--- HEADER STYLES --------------------------*/
.top-img {background:url(../siteart/slide.jpg) no-repeat; width: 100%; height:500px;}
.phone {background:#000; color:#fff; padding:5px 5px; position:relative; width:200px; text-align:center; position:absolute; right:25px; top:40px;}
.phone a {color:#fff; letter-spacing:1px; font-weight:700; text-transform:uppercase;}
.phone-2 {background:#000; color:#fff; padding:5px 5px; position:relative; width:200px; text-align:center;  float:right; margin-right:1%;}
.phone-2 a {color:#fff; letter-spacing:1px; font-weight:700; text-transform:uppercase;}

.logo-box {display:inline-block; background:#fff; width:20%; height:500px; position:absolute; top:0; transform: skew(-190deg)}
.logo-box-2{display:inline-block;  width:20%; margin: 0 auto; text-align:center;  margin-top:-40px;}
.logo img {max-width:250px; width:100%; padding:5% 0 0 15%; margin: 0 auto; text-align:center; transform:skew(10deg);}
.logo-2 img {max-width:150px; width:100%; margin: 0 auto; text-align:center; }
.slide-text {margin: 0 auto; margin-top:3%; }
.slide-text h1 {font-size:2.5vw; color:#c3262e; font-weight:800; letter-spacing:10px; text-align:center;line-height:100px; max-width:1300px; width: 100%; margin: 0 auto;}
.slide-text h2 {font-size:2.5vw; color:#c3262e; font-weight:800; letter-spacing:10px; text-align:center;line-height:100px; max-width:1300px; width: 100%; margin: 0 auto;}

.mobile-top-img {display:none;}

/*---BODY--------------------------------*/
.width {width:80%; margin: 0 auto;}
.quicklink-container {margin: 0 auto;text-align:center; margin-top:5%;margin-bottom:4%;}
.quicklink {display:inline-block; height:300px; width:330px; border: 1px solid #000; border-radius:300px; background:#fff; vertical-align:top;  margin-right:2%;margin-left:2%;}

.quicklink.auction {background-image: url("../siteart/updated-lead-img.jpg"); background-size: cover; background-position: center;}
.quicklink.auction .icon {width: 200px; aspect-ratio: 1 /1;}

.icon {margin:0 auto; text-align:center; margin-top:5%; vertical-align:bottom;}
.icon img {vertical-align:bottom; max-width:200px; width: 100%;}
.icon img:hover {opacity:.7;}
.icon-description {width: 300px; padding:15px; background:#c3262e; margin:0 auto;}
.icon-description h3 {text-align:center; color: #fff; text-transform:uppercase; font-weight:500; letter-spacing:1px;}


.home-pg {background:url(../siteart/tractor-about.jpg) no-repeat; width: 100%; display:inline-block; margin-top:3%;}
.home-text {width: 50%; float:right; background: rgba(0,0,0,.7);}
.home-text p {color:#fff; padding: 5% 6%; line-height:26px;}
.home-header {width: 100%; background:#fff; color: #c3262e;}
.home-header h1 {  padding:10px 0 10px 3%;}
.home-header h2 {font-size:32px; color:#c3262e; text-align:left; font-weight:700; line-height:33px;  padding:10px 0 10px 3%;}


.crop-bg {background: url(../siteart/crop-bg.jpg) no-repeat; width: 100%; display:inline-block; overflow-x:hidden;}
.button-left {width:50%; background: rgba(0,0,0,.80); margin-top:5%; float:left; text-align:left; }
.button-left:hover {background:#000;}
.button-left h3 {color:#fff; letter-spacing: 1px; font-size:30px; margin-top: 10%;padding-left:6%;font-weight:600;}
.button-right {width:50%; background:#c3262e ; margin-top:5%; float:right; text-align:right;}
.button-right:hover {background:rgba(195,38,46,.8);}
.button-right h3 {color:#fff; letter-spacing: 1px; font-size:30px;margin-top: 10%; padding-right:6%; font-weight:600;}

.line {width:85%; height:5px; background:#fff; margin-bottom:10%;margin-left:6%; margin-top:2%;}
.line2 {width: 85%; height:5px; background: #fff; text-align:right;  float:right; margin-bottom:10%; margin-right:6%; margin-top:2%;}
/*-------- ABOUT PAGE----------------------------*/
.about-width {width: 100%; margin: 0 auto; background:rgba(195,38,46,.8);}
.about-text-width {width:65%; margin: 0 auto;}
.about-header {background:#000; width: 100%;}
.about-header h1 {padding:15px 0 ; color:#fff; letter-spacing:1px;}
.about-pg p {padding:5% 0;}
.about-pg h3 {padding: 2% 0 0 0;}
.location h2 {text-align:left;color:#fff; letter-spacing:1px;}
.location h3 {color:#fff; font-weight: 400;  }
.location {Width:26%; display:inline-block; padding:3% 0; vertical-align:middle; padding-left:3%;}
.about-buttons {width:68%; display:inline-block; vertical-align:middle; padding-left:2%;}
.about-button {width: 300px;  background: #000; display:inline-block; vertical-align:middle;}
.about-button h2 {color:#fff; padding:15px;}
.about-button:hover {background:#212121; letter-spacing:2px;}
.pictures {max-width:400px; width: 100%; text-align: center; color:#fff; background:#000; font-weight:700; font-size:18px; padding: 15px 0; margin-top:1%;}
.pictures:hover {background:rgba(195,38,46,1.0);}


/*-------- CONTACT PAGE	----------------------------*/

/*-------- SERVICE TEAM	----------------------------*/


/*-------- Parts Page	----------------------------*/
.parts {width: 80%; margin: 0 auto; padding:2% 0;}

/*-------- FOOTER STYLES ------------------*/
footer{background: #fff; padding:2% 0; border-top:5px solid #000;}
.footer-left {float:left; padding-left:3%;}
.footer-left h2 {font-size: 32px;color: #c3262e;text-align: left;font-weight: 700;line-height: 33px;}
.footer-left h4 {color: #000; text-transform:uppercase; letter-spacing:1px; display:inline-block; font-weight:400;vertical-align:middle;}
.footer-left img {display:inline-block; padding-left:10px; vertical-align:middle;}
.footer-right {float:right; padding-right:3%; text-align:right;}
.footer-right h3 {text-align:right; padding-bottom:2%;font-size: 32px;color: #c3262e;font-weight: 700; line-height: 33px;}
footer a, footer p{color:#000; text-align:center;}
.footer-right h4 {color: #000; text-transform:uppercase; letter-spacing:1px; display:inline-block; font-weight:400;vertical-align:right;}



/*----------INVENTORY----------------------------*/
.inv-width {width:90%; margin: 0 auto;}
body .full .inner-wrap {width:80% !important; margin: 0 auto !important;}

/*--------FORM STYLES----------------------*/
.contact-pg {padding:5% 0;}
.contact-pg p {padding-left:20px; padding-bottom:2%;}
#formpage { vertical-align:top; margin: 0 auto;  text-align:center;}

#formpage div {
	vertical-align:top;
	padding:5px 5px;
	color: #000;
}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #c3262e;
	font-size:13px;
	background:#fff;
}

#formpage textarea {
	padding:6px 0px;
	border:1px solid #c3262e;
	font-weight: 700;
	color:#000;
	font-size:12px;
	background:#fff;
	margin-top: 5px;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #c3262e;
	color:#202e3b;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	width:100%;
}

.formfield {
	width:31%; 
	display:inline-block; 
	margin-right: 12px; 
	margin-top: 10px;
	color: #000;
	text-align:left;
	font-family: 'Montserrat', sans-serif;	

	
}
#formpage input  {
    width:100%;
	margin-top: 5px;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:98%;
    height:85px;
	font-family: 'Montserrat', sans-serif;	
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#abacac; 
	color:#FFF;
	border:1px solid #abacac;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
    width:115px;
    margin:0;
    background: #c3262e; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	font-family: 'Montserrat', sans-serif;	
	font-weight: 500;
	letter-spacing:1px;
	text-transform:uppercase;
}
#formpage input.button:hover {
	width:115px;
    margin:0;
    padding:10px 0px;
    background: #000; /* For browsers that do not support gradients */
    line-height:14px;
    color:#fff;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
	padding:10px 10px;
} 

/*control the Captcha */

.CaptchaPanel {margin:0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000;width: 70%; text-align:center;}

.CaptchaImagePanel {
	
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 10px 0;
	padding:10px 0 10px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 

.btn-row {display:flex; justify-content:center; gap:15px; }

/* Auction Gallery */

.upcoming {max-width:1500px; width:100%; margin:25px auto; padding:20px 20px; box-sizing:border-box; border: 15px solid #c3262e; text-align:center;}
#gal_container {padding:0 20px; margin:0 auto; text-align:center;}
#gal_container img {max-width:250px!important; height:auto!important; width:100%!important; margin:5px;}
.upcoming a {margin-top:15px!important;}
.loader {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 0;
  height: 100vh;
  transition: width 0s 1.4s ease;
}
.loader .loader__tile {
  position: absolute;
  left: 0;
  width: 0;
  height: 20%;
  background-color: #b52b32;
  transition: width 0.6s ease;
}
.loader .loader__tile:nth-child(0) {
  top: calc(-1 * 20%);
  transition-delay: -0.2s;
}
.loader .loader__tile:nth-child(1) {
  top: calc(0 * 20%);
  transition-delay: 0s;
}
.loader .loader__tile:nth-child(2) {
  top: calc(1 * 20%);
  transition-delay: 0.1s;
}
.loader .loader__tile:nth-child(3) {
  top: calc(2 * 20%);
  transition-delay: 0.2s;
}
.loader .loader__tile:nth-child(4) {
  top: calc(3 * 20%);
  transition-delay: 0.3s;
}
.loader .loader__tile:nth-child(5) {
  top: calc(4 * 20%);
  transition-delay: 0.4s;
}
.loader--active {
  width: 100%;
  transition-delay: 0s;
}

.loader--active .loader__tile {
  width: 100%;
}
.loader--active .loader__tile:nth-child(0) {
  transition-delay: -0.2s;
}
.loader--active .loader__tile:nth-child(1) {
  transition-delay: 0s;
}
.loader--active .loader__tile:nth-child(2) {
  transition-delay: 0.2s;
}
.loader--active .loader__tile:nth-child(3) {
  transition-delay: 0.4s;
}
.loader--active .loader__tile:nth-child(4) {
  transition-delay: 0.6s;
}
.loader--active .loader__tile:nth-child(5) {
  transition-delay: 0.8s;
}

img.show{position:relative; opacity:0; transform:scale(70%); transition:1s all ease}
img.show.active{ opacity:1; transform:scale(100%);}

.showSecond{position:relative; transform: translateX(150px); opacity:0; transition:.5s all ease}
.showSecond.active{transform: translateX(0); opacity:1;}

.showThird{position:relative; transform: translateX(-150px); opacity:0; transition:1s all ease}
.showThird.active{ opacity:1; transform:translateX(0);}

.showFourth{position:relative; opacity:0; transform:scale(70%); transition:1s all ease}
.showFourth.active{ opacity:1; transform:scale(100%);}

.showFifth{position:relative; transform: translateY(20px); opacity:0; transition:1s all ease}
.showFifth.active{transform: translateY(0); opacity:1;}

.home-about{overflow-x:hidden!important;}

#lbNext {display:none!important;}
#lbPrev  {display:none!important;}

@keyframes shrink{
	0%{
		transform: scale(140%);;
	}
		100%{
			transform: scale(100%);;
		}
	}
.top{animation:1s ease-out 0s 1 shrink; animation-delay:.2s;}



/*-------- RESPONSIVE STYLES --------*/
@media screen and (max-width:1500px){
.logo img {padding: 5% 0 0% 7%; max-width: 180px; width: 100%;}
.quicklink {margin-top:0%;}
.about-text-width {width: 85%;}
.home-text {width:100%;}
.home-text p {font-size:16px; padding:2% 5%;}

}
@media screen and (max-width:1232px){
.about-inner{width:90%;}
.about-right{width: 100%;padding-top:20px;}

.team {display:inline-block; width: 49%}
.home-text {width: 100%;}

}

@media screen and (max-width:1020px){
.phone {float:left;margin-top:-76px;}
.top-img {display:none;}
.mobile-top-img {display:block; position:relative;}
.logo-box {display:block; position:relative; background:none; height:0px;}

.logo-box-2 {margin-top:-70px;}
.slide-text {background:#000; padding: 5% 0; margin-top:-10px;}	

.slide-text h1 {font-size:3.5vw; color:#c3262e; font-weight:800; letter-spacing:10px; text-align:center;line-height:80px;}

.wrapper-inner{width:90%;}
.quicklink {margin:2% 0;}
.manu-left{width:50%;}
.manu-tagline p{margin-left:25%;}
.manu-right{width: 100%; float:none; text-align:center;padding-top:3%;}
.manu img{width:175px;}
.contact-left {width:100%;}
.contact-right {width:100%;}
.formfield {width:80%;}

.home-pg {background:url(../siteart/tractor-about.jpg) no-repeat; width: 100%; margin-top:3%; }

.home-text {width: 100%; background:#000; margin-top:30%;}
.button-left {width: 100%; margin-top:0%;}
.button-right {width: 100%; margin-top:0%;}

.about-text-width {width:100%;}
.location {width: 100%; text-align:center; padding-left:0;}
.location h2 {text-align:center;}
.location h3 {text-align:center;}
.about-buttons {width: 100%;}
.about-button {width: 48%;}

.footer-left {float:left; padding-left:3%;}
.footer-left h1 {font-size:22px;}
.footer-left h4 {color: #000; text-transform:uppercase; letter-spacing:1px;  font-weight:400;vertical-align:middle; font-size:18px;}
.footer-left img { padding-left:10px; vertical-align:middle; display:block;}
.footer-right h1 {text-align:right; padding-bottom:2%; font-size:22px;}
.footer-right h4 {color: #000; text-transform:uppercase; letter-spacing:1px; display:inline-block; font-weight:400;vertical-align:right; font-size:18px;}



}
@media screen and (max-width:800px){
.team {display:inline-block; width: 100%; padding: 2% 0; border-top:1px solid #ddd;}
.home-text p {font-size:16px; padding:8% 5%; line-height: 30px;}


	label{width:88%; text-align:left; float:left;}
	.column3{width:100%;}
	.last{padding-right:20px;}
	
	.formfield{width:92%;}
	.detailed-search-wrap h3{padding: 15px 0px; font-size:20px;}
	
	.footer-left {float:none; padding-left:10px 0px; text-align:center; margin: 0 auto;}
	.footer-left h1 {text-align:center;}
	.footer-left h4 {color: #000; text-transform:uppercase; letter-spacing:1px; display:inline-block; font-weight:400;vertical-align:middle; text-align:center; font-size:18px;}
	.footer-left img {display:inline-block; padding-left:0px; vertical-align:middle; text-align:center;}
	.footer-right {float:none; padding-right:0; text-align:center; font-size:18px;}
	.footer-right h1 {text-align:center; padding:2% 0; font-size:18px;}
	footer a, footer p{text-align:center;}
	.footer-right h4 {vertical-align:right; text-align:center; font-size:18px;}
	


}
@media screen and (max-width:723px){
.btn-row {display:flex; flex-direction:column;}
}

@media screen and (max-width:649px){
	.thankyou {width:95%;}
	body .full .inner-wrap {width:95% !important;}
	.logo-box-2 {width: 100%; display:block; margin: 0 auto; text-align:center; margin-top:0px; background:#ddd;}
	.phone-2 {width: 100%; margin-right:0;}
	
	.home-text {width: 100%; background:#000; margin-top:0%;}
	.button-left h3 {font-size:25px; text-align:center;}
	.button-right h3 {font-size:25px; text-align:center;}
	
	.about-button {width: 100%;  margin-top:5px;}
	.about-buttons {padding-left: 0;}
	.about-pg h3 {font-size:16px;}


}

@media screen and (max-width:420px){
	.wrapper-inner p {font-size:14px;}
	.formfield {width:92%;}
	.width {width:97%;}
	.slide-text h1 {font-size:28px; color:#c3262e; font-weight:800; letter-spacing:10px; text-align:center;line-height:30px;}
	

}