/* 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;} img{max-width: 100%; heihght: auto; image-rendering: -webkit-optimize-contrast;}

/*===================== 
	base styles 
=======================*/

body {
	font-family: 'Open Sans', sans-serif;
    margin: 0;
	padding:0;
	overflow-x: hidden;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding:0 0 2% 0;
	font-weight:700;
	line-height:1.5em;
	color:#fdcc0a;
	}
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size:30px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 18px;
	}

p {
	font-family: 'Open Sans', sans-serif;
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
	}
strong{	font-family: 'Open Sans', sans-serif;font-weight:700;}

/*===================== 
	link styles 
=======================*/
.qualitytractornethdev-a0om98.MuiPaginationItem-previousNext {background-color: #595959!important;}
.list-listings-count {color:#2657A3!important;}
a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #fdcc0a;
	} 
	
	
.appbutton{}
.appbutton a{background:#38b749; padding:5px 10px;color:#fff; border-radius:3px;}
.appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
#searchform{border-left:2px solid #fff;margin-left:1.75%;padding:0 0 1% 0;}
#search h3{text-align:left;}
.topbar{width:100%;margin:0 auto;position:relative;}
.agebuttons{margin:3% auto;}
.recent{background:#eee;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:90%;margin:8px auto;border:1px solid #999999;}
.recent:hover{background:#333;-moz-transition:0.25s all ease;-webkit-transition:0.25s all ease;transition:0.25s all ease;}
.recent p{color:#555 !important;font-size:13px;padding:0;text-align:center !important;}
.recent:hover p{color:#fff !important;}

/* TABS */

a.tab-button{
    display: block;
	float: left;
	width: 25%;
	background: #ccc;
    padding: 15px 0;
	text-align: center;
	border: 1px #fff solid;
	box-sizing: border-box;
	cursor: pointer;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
}
a.active, a.tab-button:hover{background: #f25623; color: #fff;}

.tab-container{padding: 25px; box-sizing: border-box; border: 1px #ccc solid;}
.tab-content{display:none;}


/* SEARCH */
.nav-wrapper {width: 100%; position: relative; display: flex; flex-wrap: wrap;}
#navsearch{position:absolute;z-index:999;right:0;padding-top:7px;margin-left:5px;padding-right:1em;bottom:6px;}
#navsearch select{
	float: left;
	width: 210px;
	padding: 8px;
	box-sizing: border-box;
	background: #eee;
	color: #555;
	cursor: pointer;
}
.navsearchTerm{
    width: 100%;
    padding: 9px;
	margin:0 auto;
    box-sizing: border-box;
	border: 1px #ccc solid;
}


#search{margin:0 auto;padding:10px 0 0 0;width:90%;}
#search select{
	float: left;
	width: 210px;
	padding: 12px 8px;
	box-sizing: border-box;
	background: #eee;
	color: #555;
	cursor: pointer;
}
.hdr-search, .navsearch{
	display: none;
	position: relative;
	float: left;
	
}
.hdr-search:before{
    position: absolute;
    top: 8px;
    right: 15px;
    font-family: 'FontAwesome';
    content: '\f002';
	color: #ccc;
}
.searchTerm{
    width: 210px!important;
    padding: 9px 12px!important;
	margin:0 auto;
    box-sizing: border-box;
	border: 1px #ccc solid;
	height: 33px!important;
	border-radius: 0!important;
}
.searchButton{
    position: absolute;
    top: 0;
    right: 0;
    width: 42px !important;
    height: 42px;
	opacity: 0;
    cursor: pointer;
}

header{width:100%;margin:0;background:#fff;text-align:center;}

.headerwrap{width:100%;margin:0 auto;}
.logo{float:left;position:absolute; z-index:400;padding:25px 0 0 40px;}
.headertext{float:right;margin:28px 3% 0 0;color:#29851b;}
.headertext p{text-align:right;padding: 0 20px 0 0;}
.headertext h2{padding-bottom:0;}

.quicklinks{
	margin:0 auto;
	margin-top:-15px;
	/*padding-top:21px;*/
	padding:0;
	display:inline-block;
	zoom: 1;
    *display: inline;
	width:75%;
	float:right;
	border-bottom:8px solid #fdcc0a;
}

.linkbox{
	vertical-align:top;
	display:inline-block;
	zoom: 1;
	*display: inline;
	width:12%;
	height:auto;
	padding-top:80px;
	margin:2.5% 0 0 0;
}

#kubota{background:url(../siteart/kubotadark.png) top center no-repeat;}
#mower{background:url(../siteart/mowerdark.png) top center no-repeat;}
#gator{background:url(../siteart/gatorthumbdark.png) top center no-repeat;}
#mini{background:url(../siteart/minithumbdark.png) top center no-repeat;}
#kubota:hover{background:url(../siteart/kubota.png) top center no-repeat;}
#mower:hover{background:url(../siteart/mower.png) top center no-repeat;}
#gator:hover{background:url(../siteart/gatorthumb.png) top center no-repeat;}
#mini:hover{background:url(../siteart/minithumb.png) top center no-repeat;}



/*===================== 
	content styles 
=======================*/
.wrapper{width:90%;max-width:1800px;margin:0 auto;padding:0;}
.inv-wrapper{width:100%;max-width:1170px;margin:0 auto;padding:0;}
.inv-wrapper h2{color:#29851b !important;text-align:center;}
#contentwrap{box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);}
.container{width:100%;max-width:2000px;padding:5% 0;margin:0 auto;background:url(../siteart/cornback.jpg) center center no-repeat fixed !important;-moz-background-size:cover !important;-webkit-background-size:cover !important;background-size:cover !important;}
hr{border: 5px solid #fdcc0a;}

.expressbanner{width:100%;padding:5px 0;background:#000;text-align:center;}
.expressleft,.expresscenter,.expressright{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.expressleft{width:17%;}
.expresscenter{width:60%;margin:1% 3%;}
.expresscenter h3{color:#fff;font-weight:400;padding:0;font-size:36px;line-height:1.1em;}
.expresscenter h3 strong{font-weight:600;color:#29851b;}
.expresscenter p{color:#29851b;font-weight:600;padding:0;font-size:20px;}
.goexpress{background:#29851b;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 50px;}
.goexpress h4{color:#fff;padding:0;}
	
/*===================== 
	slideshow styles 
=======================*/

.slides{position:relative;}
.slidetitler{width:42%;position:absolute;left:0;bottom:0%;top:0;background:rgba(0,0,0,0.6);padding:2% 4%;z-index:102;}
.slidetitler h1{padding-bottom:0;}
.slidetitler p{color:#fff;}
.slidetitler a,.slidetitler p strong{color:#fdcc0a;}
.slidetitler a:hover,.slidetitler a:hover strong{color:#fff;}

.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { width: 100%; padding: 0; position: relative;}
.cycle-slideshow img {position: absolute; top: 0; left: 0;width: 100%; padding: 0; display: block;}
.cycle-slideshow img:first-child {position: static; z-index: 100;}
.cycle-pager {text-align: center; width: 10%; z-index: 500; position: absolute; bottom: 4px; right:0; overflow: hidden;}
.cycle-pager span {font-family: 'Open Sans', sans-serif; font-size: 50px; width: 20px; height: 20px;display: inline-block; color: #000; cursor: pointer;}
.cycle-pager span.cycle-pager-active { color: #82690A;}
.cycle-pager > * { cursor: pointer;}


/*===================== 
	inventory styles 
=======================*/
#invwrap{max-width:1620px;margin:0 auto;}
#inventory h2{color:#fff;}

.cf{background:rgba(255,255,255,0.8);}

.attach{margin:2%;}

.invbutton{background:#29851b;border-radius:5px;padding:5% 3% 0 3%;box-shadow:5px 5px 5px rgba(120,120,120,0.5);text-align:center;height:60px;border:2px solid #fff;}
.invbutton h3{color:#fff;font-size:18px;}

.attachment-search .search-checkboxes label .row input[type="checkbox"]{width:10%;-moz-appearance:checkbox;-webkit-appearance:checkbox;-ms-appearance:checkbox;-o-appearance:checkbox;appearance:checkbox;}

.hosted-content h1{color:#29851b !important; font-size:24px !important;}
.hosted-content h2{color:#29851b !important; font-size:20px !important;}
body .full #wide_col{max-width:none !important;/*width:80% !important;*/}




.back{background:#29851b;border-radius:5px;padding:1% 3%;box-shadow:5px 5px 5px rgba(120,120,120,0.5);text-align:center;border:2px solid #fff;width:35%;margin:1% auto;}
.back h3{color:#fff;font-size:16px;}
/*===================== 
	banner styles 
=======================*/
.pointer{
	margin:0 auto;
	text-align:center;
}
.pointer img{display:block;}
	
/*===================== 
	Form styles 
=======================*/
#formpage{
	padding:0 10px;
}

#formpage h2{
	color:#333333;
}

form{
	margin:0 0 0;
}

.formleft, .formright{
	width:42%;
	margin: 0 30px;
	display:inline-block;
	zoom: 1;
    *display: inline;
	vertical-align:text-top;
	
}


#contentwrap input{
	font-family: 'Open Sans', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:100%;
	margin-bottom:10px;
}
input:focus{
	border: #2885b3 solid 1px;
}
input.sendbutton{
	display:block;
	width:70%;
	margin:0 auto 5% auto;
	background-color:#fff;
	color:#545454;
	border-radius: 2px;
}

input.sendbutton:hover{
	background-color:#fdcc0a;
	color:#000;
	cursor:pointer;
}

select{
	font-family: 'Open Sans', sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:102%;
}
textarea{
	font-family: 'Open Sans', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:100%;
}




/*===================== 
	layout styles 
=======================*/
.padit{padding:2% 0;}
.welcome h1{color:#fff;text-align:center;padding:0;}
.about h1{color:#000;}
.welcome p{color:#fff;text-align:center;}
.welcome{text-align:center;background-color:#29851b;padding:2% 5%;margin-top:-5px;border-top:6px solid #fdcc0a;}
.welcome strong{color:#fdcc0a;}
.about, .consign, .wanted{text-align:left;background-color:#fff;margin-top:-5px;}
.about p{color:#545454;}
.about a{text-decoration:underline;}
.about a:hover{color:#fdcc0a;}
.scrolling{display:block;background-color:#fff; padding:20px 0;}

.homewelcome h4,.homewelcome img{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.homewelcome h4{padding:0;}

.sitemap{background:url(../siteart/escheresque_ste.png) repeat;color:#fff;}
.sitemap p{line-height:2em;}
.sitemap i{font-size:42px;margin-right:20px;}

/*--------Scrolling Inventory--------*/

/*.mobilecontainer { 
	overflow:hidden; 
	width:100%; 
	margin:0 auto;
	height:92px; 
	padding:0;
	background:#000;
}
iframe.banner {
	width:100%;
	height:92px;
	background:#000
}*/

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 2em 0 2em 2.0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.5%;
}
.span_10_of_12 {
  	width: 83%;
}

.span_9_of_12 {
  	width: 74.5%;
}

.span_8_of_12 {
  	width: 66%;
}

.span_7_of_12 {
  	width: 57.5%;
}

.span_6_of_12 {
  	width: 49%;
}

.span_5_of_12 {
  	width: 40.5%;
}

.span_4_of_12 {
  	width: 32%;
}

.span_3_of_12 {
  	width: 23.5%;
}

.span_2_of_12 {
  	width: 15%;
}

.span_1_of_12 {
  	width: 6.5%;
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.5%;
}
.span_2_of_4 {
	width: 49%;
}
.span_1_of_4 {
	width: 23.5%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }





/*===================== 
	footer styles 
=======================*/
.pagebottom{background:#fff;width:100%;height:auto;padding:30px 0 0 0;}
.pagebottom a{color:#29851b;font-weight:bold;text-decoration: none; font-size: 16px;}
.pagebottom a:hover{color:#fdcc0a;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
#end{
	padding:0 5%;
}

a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #29851b;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #fdcc0a;
		}

.footertext {
	font-size:11px; 
	color:#29851b;
	}

.smallfootertext {
	font-size:11px; 
	color:#29851b;
	}

.divfooter {
	text-align:right; 
	margin:0 auto;
	float:right;
	}

.bottom{
	height:20px;
	border-bottom:30px solid #29851b;
	text-align:right;
}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1700px) {
.logo{padding-left:0px;transform:scale(0.8);margin-left:-30px;}
.slidetitler{width:52%;}
.slidetitler p{font-size:16px;}
}

@media screen and (max-width: 1650px) {
.expresscenter{width:55%;}
.expresscenter h3{font-size:30px;}
#welcometext{width:55%;}
#searchform{width:43%;padding:2% 0;}
.navsearch input{font-size:13px;}

.searchTerm{padding:8px 9px;}
}

@media screen and (max-width: 1450px) {
.logo{transform:scale(0.6);margin-left:-60px;padding:0;}
#welcometext{width:50%;}
#searchform{width:48%;padding:3% 0 5% 0;}
.slidetitler{width:64%;padding:1% 3%;}
}

@media screen and (max-width: 1350px) {
header{width:100%;margin:0;}
.headertext h2{font-size:22px;}
.logo{padding:5px 0 0 35px;transform:scale(0.85);margin-left:-40px;}


#searchform{padding:4% 0 5% 0;}
#search{width:95%;float:right;}
.recent{float:right;width:92.5%;}

.expresscenter{margin:1% 2%;}
.expresscenter h3{font-size:24px;}
.expresscenter p{font-size:18px;}
	
.linkbox, .headertext{float:none;margin:0 auto;text-align:center;}
.headertext p{padding: 0 15px 0 0;text-align:center;}
.quicklinks{margin:0 auto;padding-top:0;margin-top:0px;}

.linkbox{
	transform:scale(0.85);
	margin:1% 0 0 0;
	width:15%;
}

.formleft,.formright{width:41%;margin:0 30px;}

}

@media screen and (max-width: 1250px) {
.goexpress{padding:5px 40px;}
.slidetitler{width:94%;}
.slidetitler h1{font-size:24px;}
.slidetitler p{padding-bottom:1%;font-size:15px;}
}

@media screen and (max-width: 1215px) {
/*#welcometext, #searchform{float:none;display:block;width:100%;margin:0 auto;}
#searchform{border:none;padding:0;}
#search{width:60%;float:left;}*/
.slidetitler p{font-size:16px;}
.agebuttons{width:65%;float:left;margin:5px 0 0 0;}
.recent{width:45%;margin-right:2%;float:left;}
.linkbox{width:14%;}
.formleft,.formright{width:40%;margin:0 26px;}
}

@media screen and (max-width: 1120px) {
.navsearch input{font-size:12px;}
#navsearch {bottom: 10px;}
.expresscenter h3{font-size:22px;}
.goexpress{padding:5px 20px;}
.goexpress h4{font-size:18px;}
.linkbox{width:17%;}
.quicklinks{padding-top:0px;}
}

@media screen and (max-width: 1054px) {
/*#search{width:70%;}*/
.agebuttons{width:75%;}
.formleft,.formright{width:41%;}
.formleft,.formright{width:38%;margin:0 24px;}
}

@media screen and (max-width: 1020px) {
.slidetitler{position:relative;text-align:center;background:#000;padding:3%;}
.slidetitler p{padding-bottom:2%;}
.cycle-pager{width:100%;}
}

@media screen and (max-width: 960px) {
.logo{float:none;text-align:center;position:relative;padding:0;margin:0 auto;}
.logo img{margin:0 auto;}
.headertext{margin:6px 0;}
.headertext p{text-align:center;padding:0;}
/*#search{width:75%;}*/
.agebuttons{width:80%;}
.quicklinks{width:100%;text-align:center;padding-top:0px;margin-top:-25px;}
.linkbox{width:18%;}
}

@media screen and (max-width: 880px){
/*#search{width:85%;}*/
.agebuttons{width:90%;}
a.tab-button{width:50%;}
}

@media screen and (max-width: 800px) {
/*#search{float:none;}
#search h3{text-align:center;}*/
.agebuttons{width:100%;margin:10px auto;}
.recent{width:45%;margin:0 1%;float:none;display:inline-block;}
	h1 {font-size: 28px;}	
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
	h4 {font-size: 16px;}
	h5 {font-size: 14px;}
	p {font-size: 14px;}
.homewelcome img{max-width:120px;}
	
.expressbanner{padding:10px 0;}
.expressleft{width:25%;}
.expresscenter{width:70%;margin:0 2%;}
.expresscenter h3{font-size:20px;}
.expresscenter p{font-size:14px;}
.expressright{width:50%;margin:2% auto;margin-bottom:0;}

.formleft,.formright{width:38%;}
.linkbox{width:20%;}
.formleft,.formright{width:100%;margin:0 auto;}
.headertext h2{font-size:18px;}
.quicklinks{padding-bottom:12px;margin:0 auto;}
}

@media screen and (max-width: 700px) {
/*#search{width:100%;}*/
.expressleft{margin-bottom:1%;width:30%;}
.expresscenter{display:block;margin:0 auto;width:100%;}
.recent{width:80%;margin:5px auto;}
}


@media screen and (max-width: 600px) {
.arrowdown{display:none;}
.headertext p{padding: 0 40px;}

#categorybutton{display:block;width:80%;margin:1% 10%;}
.invbutton{padding:3% 1% 0 1%;height:40px;}

.expresscenter h3{font-size:18px;}
.goexpress h4{font-size:16px;}

.linkbox{width:35%;}
.quicklinks{padding-bottom:0;}
}

@media screen and (max-width: 500px){
	a.tab-button{width:100%;}
	h1{font-size:25px;}
	#navsearch {bottom: 6px;}
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 4% 0 4% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
	p{font-size:14px;}
	.linkbox{width:38%;}
	#formed{padding:1%;}
	#formpage{padding:0;}
	.wrapper{width:90%;}
	.homewelcome img{margin-top:10px;}
	
	/*#search select, .search{width:90%;}*/
	
	#categorybutton{width:90%; margin:1% 5%;}
	#categorybutton h3{font-size:16px;}
			
}

@media screen and (max-width: 447px){
h1, h2{font-size:23px;}

.expressleft{width:35%;}
.expresscenter h3{font-size:16px;}
.goexpress h4{font-size:14px;}

.pagebottom{padding:20px 0;text-align: center;}
.divfooter,.footerlogo{text-align:center;}
.headertext p{padding: 0 30px;}
.quicklinks{padding-bottom:3px;}

}

@media screen and (max-width: 413px){
.headertext p{padding: 0 5px;font-size:13px;}
.navsearch input{font-size:11px;}
.recent{width:96%;}

.expresscenter h3{font-size:14px;}
.expresscenter p{font-size:12px;}
.goexpress h4{font-size:12px;}

.linkbox{width:40%;transform:scale(0.70);}
.quicklinks{padding-bottom:5px;}
}
	
@media screen and (max-width: 350px){
.headertext p{padding:0 2px;}
.recent p{font-size:12px;}
.nav-wrapper {flex-direction: column-reverse;}
#navsearch{position:relative;width:100%;padding:0;margin:0 auto;bottom:0;}
.searchTerm, .hdr-search, .navsearch {width: 100%!important;}
.expresscenter h3{font-size:12px;}
.expresscenter p{font-size:11px;}
.goexpress h4{font-size:10px;}
}