/***** 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;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

.clouds {
	background:url(../siteart/header-bg3.jpg) bottom center no-repeat;
	width:auto;
	margin:0 auto;
}
.clouds-logos {
	width:auto;
	margin:0 auto;
	max-width:1280px;
}

.tractor-body {
	display:block;
	background:url(../siteart/tractor_body.jpg);center center no-repeat; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width:100%;
	margin:0 auto;
	max-width:3000px;
}

.wrapper {
	width:92%;
	margin:0 auto;
	max-width:1170px;
}

.wrapper-hay-body {
	display:block;
	width:100%;
	background:url(../siteart/hay-body.jpg);center center no-repeat; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	margin:0 auto;
	max-width:3000px;
	padding:30px 0;
}

.padit {
	padding:20px 0;
}

body {
	background:#fff;
	font-family: 'Lato', sans-serif;
	margin:0;
	font-size:18px;
	
}

td {vertical-align: top;}

/***** Inventory *****/

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#065f2d  !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #065f2d  !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}
.dealer-btns-bottom a {background: #065f2d  !important;} .page-nav{background-color:#065f2d !important} .search-results {color:#065f2d !important} .view-listing-details-link {background-color:#065f2d !important}
.data-label {background-color:#065f2d !important} .search-results-link {color:#065f2d !important}
/***** Global text link style *****/
h1 {
	font-family: 'Lato', sans-serif;
	font-weight:800;
	font-size:30px;
	text-align:left;
	text-shadow:1px 1px 4px #000;
}

h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:20px;
	text-align:left;
}

h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:30px;
	color:#06602e;/*green*/
}

h4 {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:18px;
	color:#000;
}

h5 {
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:16px;
	text-align:left;
	color:#000;
}

.hosted-content #listings-title {
    text-shadow: none;
}

a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
    color:#419965;
}

li {
	color:#000;
}


img {
    border:0;
	display:inline-block;
	max-width: 100%;
}

/****HEADER****/


.logo-image-top {
	display:none;
}

.vermeer-topright {
	float:right;
}


.green-bar {
	max-width:auto;
	margin: 0 auto;
	padding: 10px 0;
}

.green-bar p {
	padding:0 20px 0 0;
	margin-bottom:0;
	color:#fff;
}

.green-bar a {
	color:#fff;
}

.green-bar a:hover {
	color:#419965;
}

.phone {
	float:right;
	display:block;
	margin:0 auto;
}

/**WELCOME BOX**/
.welcome-box-space {
	padding:20px 0;	
}

.welcome-box {
	float:left;
	color:#000;
	width:64%;
	padding:20px;
	background: rgb(6, 95, 45);
    background: rgba(6, 95, 45, .7);
}

/****SPANS****/
.large { font-weight: 1000; font-size:37px; }
.yellow { color: #ffdb43; font-weight: 800; }
.Gerald { font-family:Oswald; font-weight: 800;}
.white { color:#fff; }
.green{ color:#06602e;/*green*/ }


.facebook-box {
	float:right;
	padding:0 30px 0 0;
}


.logos {
	/**
	display:block;
	box-sizing:border-box;
	padding:30px 0;
	text-align:center;
	margin:0 auto;
	**/
	margin-top:200px;
	
	
}

.hvr-shrink {
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
		display:block;
		box-sizing:border-box;
		text-align:center;
		margin:0 auto;
}

.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}
	
.logos-box {
	float:left;
	width: 23%;
	box-sizing:border-box;
	vertical-align:middle;
	margin: 0 10px;
}

.logos-box.last {
	margin-right: 0px;
}


/*****BODY COPY*****/
.small-town {
	background: #06602e;
	padding:20px 0;
	text-align:center;
}

.small-town-header {
	background-color: #06602e;/*green*/
	float: left;
	width: 18%;
	margin:20px 30px;
}

.offer {
	width:80%;
	margin:0 auto;
	text-align:center;
}

.black-box {	
	padding:20px 0;
	float:left;
	width: 33.33%;
	box-sizing:border-box;
	margin: 0 auto;
	vertical-align:middle;
}

a.equipment:link, a.equipment:visited, a.equipment:active {
	display: block;
	width: 252px;
	height: 110px;
	margin: 0 auto;
	background:url('../siteart/EQUIPMENT_sprite.png') no-repeat 0 0;
}
a.equipment:hover {
	background-position: 0 -110px;
}

a.parts:link, a.parts:visited, a.parts:active {
	display: block;
	width: 252px;
	height: 111px;
	margin: 0 auto;
	background:url('../siteart/PARTS_sprite.png') no-repeat 0 0;
}
a.parts:hover {
	background-position: 0 -111px;
}

a.repair:link, a.repair:visited, a.repair:active {
	display: block;
	width: 252px;
	height: 110px;
	margin: 0 auto;
	background: url('../siteart/REPAIR_sprite.png') no-repeat 0 0;
}
a.repair:hover {
	background-position: 0 -110px;
}

.hay-body {
	display:block;
	background:url(../siteart/hay-body.jpg);center center no-repeat; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width:100%;
	margin:0 auto;
	max-width:3000px;
}

.centered-logos {
	padding:20px 0;
	text-align:center;
}

.small-box {
	margin: 0 auto;
	vertical-align:middle;
	text-align:center;
	float: left;
	width: 50%;
	box-sizing:border-box;
}

.small-box img {
	height:140px;
	width:260px;
	padding:15px;
	border-style:solid;
    border-width:4px;
	color:rgba(6, 4, 6, 0.15)
}

.small-box img:hover {
	color:transparent;
}

.map {
	border-top:#ffdb43 5px solid; /**yellow**/
	border-bottom:#ffdb43 5px solid;
	width:100%;
	display:block;
	align-content:center;
	margin: 0 auto;
	position:relative; 
	padding:20px 0;
}
	
.overlay {
	background:transparent; 
    position:relative;
	z-index:10;
    width:100%;
    height:250px; /* your iframe height */
    top:250px;  /* your iframe height */
    margin-top:-250px;  /* your iframe height */
}

/****FOOTER****/

.footer-list a {
	color:#000;
}

.footer-list a:hover {
	color:#419965;
}

.footer-default .footer-list {
	width:100%;
	padding:40px 0;
	color:#000;
}

.footer-text {
	float:left;
	width: 18%;
	padding:0;
	box-sizing:border-box;
	font-size:14px;
	color:#000;
}

.footer-text-logo {
	float:right;
	width: 25%;
	min-height:auto;
	box-sizing:border-box;
	margin:0 auto;
	vertical-align:middle;
	padding-right:10px;
}

.footer-text ul li{
	margin: 0 auto;
	color:#000;
}

footer {
	color:#000;
	display:block;
	background:#ffdb43;
	font-size:12px;
	line-height:18px;
}
	
.footer-wrapper {
	width:100%;
	max-width:1000px;
	margin: 0 auto;
	
}

.footer-wrapper a {
	color:#000;
}

.copyright {
	padding:30px;
	text-align:center;
	color:#000;
	font-weight:700;
}

.copyright a:hover  {
    color: #fff;
	text-decoration:underline;
	font-weight:700;
}



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

.green-tab {
	display:block;
	background: #06602e;
	margin:0 auto;
	position:static;
	z-index:20;
}

.info-box {
	float: left;
	text-align:center;
	width: 25%;
	box-sizing:border-box;
	color: #fff;
	margin:40px 0;
}
.info-box h2 {
	color: #fff;
	text-align:center;
}

.info-box i {
	text-align:center;
	border: 2px solid #fff;
	border-radius: 100%;
	width: 91px; 
	height: 91px; 
	line-height: 91px;
	margin:0 auto 15px;
	box-sizing:border-box;
}

.info-box ul li{
	margin: 0 auto;
	color:#fff;
}

.no-yellow .map{
	border-top:none;
	border-bottom:none;
	padding:0;
	display:inline-block;
}

/*****REPAIR*****/

.hum-repair {
	width:100%;	
}

.repair-logo {
	display:block;
	background:url("../siteart/repair_bar.jpg") center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding:20px 0;
	border-bottom:#06602e 4px solid;
	vertical-align:middle;

}

.repair-logo-parts {
	display:block;
	background:url(../siteart/parts_bar.jpg);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-bottom:#06602e 4px solid;
}

.repair-logo-contact {
	display:block;
	background:url(../siteart/contact_bar.jpg);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-bottom:#fff 4px solid;
}

.repair-logo-about {
	display:block;
	background:url(../siteart/about_bar.jpg);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-bottom:#06602e 4px solid;
}

.repair-logo-finance {
	display:block;
	background:url(../siteart/green_bar.jpg);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-bottom:#06602e 4px solid;
}

.repair-logo-inventory {
	display:block;
	background:url(../siteart/inventory_bar.jpg);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-bottom:#06602e 4px solid;
}

.hum-wrapper {
	width:90%;
	margin:0 auto;
	max-width:1170px;
}

.hum-logo {
	float:left;
	box-sizing:border-box;
	width:45%;
	margin: 20px auto;
	
}

.welcome-to-hum {
	float:left;
	box-sizing:border-box;
	width: 75%;
	margin: 20px auto;
}

.repair-text {
	width: 100%;
	padding:20px 30px;
	box-sizing:border-box;
	color:#000;
	text-align:left;
	display:block;
	float:left;
	padding-top:50px;
	margin:0 auto;
}

.repair-text h1 {
	font-size:42px;
	line-height:70px;
	
}

.repair-list {
	float:left;
	width:50%;
	
}

.list-box {
	max-height:50px;
}

.ai-logo {
	width: 100%;
}

/*****ABOUT*****/

.about {
	width:92%;
	margin:0 auto;
	max-width:1170px;
}

.about h1 {
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:72px;
	text-align:left;
	color:#000;
}

.finance-text {
	width: 100%;
	box-sizing:border-box;
	color:#000;
	text-align:center;
	display:block;
	float:left;
	margin:0 auto;
}

.finance-text img {
	width:400px;
}

.about-text {
	width: 100%;
	box-sizing:border-box;
	color:#000;
	text-align:left;
	display:block;
	float:left;
	margin:0 auto;
}

.about-text h4 {
	font-size:30px;
}

.green-about-box .wrapper{
	margin-top:10px;
	padding:0;
	
}

.green-about-box {
	background: #06602e;/*green*/
	text-align:center;
	width:100%;
	margin:0 auto;
	max-width:3000px;
	padding:20px 0;
}

/**PARTS**/
.parts-button {
	display: inline-block;
	float:none;
	width: 30%;
	height:40px;
	margin: 20px auto;
	position:relative;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    color: #fff;
    text-align: center;
    vertical-align: top;
	-webkit-box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.75);
}

.parts-button .parts-button-title {
	text-align:center;
	width: 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%); 
	-webkit-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%);
	font-size:20px;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	margin:0 0 0 0;
	z-index:99;
}

.parts-button:after { 
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0; 
	transition: .3s all;
	
}
.parts-button:hover:after {
	opacity: 1;
	background: #06602e;/*green*/
}

a .parts-button {
	color:#fff;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}

a:hover .parts-button {
	color:#000;
}

#parts-links {
	display: inline-block;
	vertical-align: middle;
}

#parts-links .logos-box {
	width: 100%;
	padding: 0 20px;
}

/*===================== 
                Responsive styles 
=======================*/
@media screen and (max-width: 1200px) {
	/**HEADER**/
	.clouds {
		background: url(../siteart/clouds.jpg) no-repeat;
	}
	
	.logo-image-top {
		display:block;
		margin:0 auto;		
		box-sizing:border-box;
		float:left;
		width:40%;
		padding:20px 0 0 0;
	}
	
	.vermeer-topright {
		padding:40px 0 0 0;
	}
	
	.phone {
		float:right;
		text-align:right;
		display:block;
		margin:0 auto;
		max-width:100%;

	}
	
	.green-bar {
		background-color:#06602e;/*green*/
	}
	
	/**REPAIR**/
		
	
}

@media screen and (max-width: 980px) {
	
	/**LOGOS**/
	.logos {
		padding-bottom:20px;
		margin-top:20px;
	}
	
	.logos-box {
		width:90%;
		margin:0;
		float:none;
		display:inline-block;
		padding:0;
	}
	
	.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
 	   -webkit-transform: scale(0.98);
  	   transform: scale(0.98);
	}
	
}

	
@media screen and (max-width: 900px) {
	/**HEADER**/
	.logo-image-top {
		width:50%;
		padding:30px 0 15px 0;
	}
	
	.vermeer-topright {
		padding:30px 0 15px 0;
	}
	
	/**FONT SIZES**/
	.hum-repair h1 {
		font-size:52px;	
	}
	
	.wrapper h4 {
		font-size:26px;
	}
	
	.wrapper {
		font-size:16px;
	}
	
	/**LOGOS**/
	.logo {
	margin-top:0;	
	}
	
	
	/**CONTACT**/
	.info-box {
		float: left;
		width:50%;
		max-height:230px;
		margin:20px 0;
		padding:20px 0;

	}
	
	.footer-text h4 {
		font-size:20px;
	}

}

@media screen and (max-width: 820px) {
	/**HEADER**/
	.phone {
		padding:7px 0;
	}
	
	/**WELCOME BOX**/
	.large {  
		font-size:26px; 
	}
	
	.welcome-box {
		width:auto;
		float:none;
	}
	
	.facebook-box {
		padding:0;
	}
	
	
	.small-box {
		width: 100%;
		padding-top: -10px;
		padding-bottom: 20px;

	}
	
	.black-box {
		width:100%;	
		padding-top:5px;
		padding-bottom:0;
	}
	
	.small-box img {
		height:110px;
		width:205px;
	}
	
	/**MAP**/
	.map {
		padding:20px 0;
	}
	
	/**FOOTER**/
	.footer-text{
		float:left;
		width: 50%;
		min-height:185px;
		vertical-align:middle;
		text-align:center;
		padding-left:20px;
		margin:0 auto;
		padding:0 0 20px 0;
	}
	
	.footer-text-logo {
		float:none;
		width: 50%;
		vertical-align:middle;
		margin:10px auto;
	}
	footer {
		font-size:10px;
	}
	
	
	/**REPAIR**/
	.hum-logo {
		width:100%;
		padding:0;
	}
	
	.welcome-to-hum {
		width: 100%;
		padding:0;
	}
	
	/**PARTS**/
	.parts-button {
		width: 50%;
	}
	
	.parts-button .parts-button-title {
		font-size:18px;
		font-weight:700;
	}
	

	
}

@media screen and (max-width: 570px) {
	
	/**HEADER**/

	
	/**WELCOME BOX**/
	.large{  
		font-size:25px; 
	}
	
	/**FOOTER**/
	.footer-text{
		width: 100%;
		min-height: auto;
		padding-bottom: 40px;
	}
	
	/**REPAIR**/
	.welcome-to-hum {
		float:left;
		width: 100%;
		padding:10px;
	}
	
	.repair-list {
		width:100%;
		padding-left:20px;
		
	}
	
	/**CONTACT**/
	
	.info-box {
		float: left;
		width:100%;
		max-height:320px;
		padding:20px 0;
		margin:10px 0;

	}
	
		/**REPAIR**/
	.hum-logo {
		margin:0;
	}
	
	.welcome-to-hum {
		margin:0;
	}

}

@media screen and (max-width: 480px) {
	/**HEADER**/
	.logo-image-top {
		width:70%;
		padding:20px 10px;
	}
	
	.vermeer-topright {
		width:20%;
		float:left;
		padding:20px 10px;
	}
	
	.phone {
		float:none;
		text-align:center;
		padding:7px 0;
		font-size:14px;
	}
	
	/**WELCOME BOX**/
	.welcome-box {
		float:none;
		text-align:center;	
	}
	.large {  
		font-size:20px; 
	}
	
	h2 {
		font-size:18px;	
	}
	
	/**PARTS**/
	.parts-button {
		width: 100%;
	}
}