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%; height: auto;}

::-moz-selection{background: #248906;color: #fff;text-shadow: none;}
::selection{background: #248906;color: #fff;text-shadow: none;}

h1{font-weight: 700; color: #248906; font-size: 24px; text-transform: uppercase;}
h2{font-weight: 700; color: #248906; font-size: 18px;}
h3{font-weight: 700; color: #000; font-size: 16px;}
p{font-size: 14px; line-height: 28px;}
a{color: #000; text-decoration: none; transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
a:hover{color: #248906;}
strong{font-weight: 700; font-weight: normal;}

/***** SITE FRAMEWORK *****/

html, body{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 28px;background: #4C4C4C;}
body {line-height: 1.42857; overflow-x: hidden;}
.main{background: #fff; padding: 50px 10px;}
.content-width{max-width: 1300px; margin: 0 auto;}
.column2{width:50%; float:left; padding-right: 25px; box-sizing: border-box;}
.column3{width:33.33333%; float:left; padding-right: 25px; box-sizing: border-box;}
.column4{width:25%; float:left; padding-right: 25px; box-sizing: border-box;}
.column5{width:20%; float:left; padding-right: 25px; box-sizing: border-box;}
.column6{width:16.66666%; float:left; padding-right: 25px; box-sizing: border-box;}
.last{padding-right:0;}

/***** HEADER *****/

.neec-header{background: #000 url(../siteart/header.jpg) top center; border-bottom: 2px #67e043 solid; padding: 15px 0 0; width:100%; box-sizing: border-box;}
#header-right{float: right; color: #fff; font-weight: 700; font-size: 14px; text-align: right; width: calc(100% - 300px);}
#header-right a{color: #fff;}
#header-right a:hover{color: #67e043;}
#neec-logo {float: left; width: 100%; padding: 10px; max-width: 280px;}

/***** ZOOM *****/

.zoom-boxes{border-top: 1px #67e043 solid; border-bottom: 1px #67e043 solid; width: 100%; display: flex; justify-content: center; overflow: hidden;}
.zoom-container{width: 25%; position: relative; display: inline-block; border: 1px solid #67e043; vertical-align: top; box-sizing: border-box; overflow: hidden;}
.zoom-container img{display: block; width: 100%; height: auto; -webkit-transition: all .5s ease; /* Safari and Chrome */-moz-transition: all .5s ease; /* Firefox */-ms-transition: all .5s ease; /* IE 9 */-o-transition: all .5s ease; /* Opera */transition: all .5s ease;}
.zoom-container .zoom-caption{position: relative; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: rgba(0, 0, 0, .6); -webkit-transition: all .5s ease; /* Safari and Chrome */-moz-transition: all .5s ease; /* Firefox */-ms-transition: all .5s ease; /* IE 9 */-o-transition: all .5s ease; /* Opera */transition: all .5s ease; font-size: 16px; text-align: center; text-transform: uppercase; line-height: 22px; color: #ccc; display: block; padding: 2em;}
.zoom-container .zoom-caption h4 {display: block; text-align: center; font-weight: 700; font-size: 20px; line-height: 26px; text-transform: uppercase; color: #fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.zoom-container .zoom-caption h4 .fas {display: block; font-size: 30px; margin: 0 auto 10px;}
.zoom-container:hover .zoom-caption{background: none;}

.zoom-container.construction {background: #000 url('/siteart/construction2.jpg'); background-size: cover; background-position: center;}
.zoom-container.ag {background: #000 url('/siteart/ag2.jpg'); background-size: cover; background-position: center;}
.zoom-container.auctions {background: #000 url('/siteart/auctions.jpg'); background-size: cover; background-position: center;}
.zoom-container.parts {background: #000 url('/siteart/parts.jpg'); background-size: cover; background-position: center;}

.btn-slider {position: absolute; z-index: 1000; width: 100%; top: -315px; height: 100%; background: rgba(0,0,0,.75); display: block;}
.btn-overlay {position: absolute; width: 100%; top: 50%; transform: translate(0,-50%);}
.btn-overlay h4 {width: 100%; padding: 10px; background: #248906; color: #fff; text-align: center; box-sizing: border-box;}
.btn-overlay a {display: block; padding: 5px 10px; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 12px; text-align: center;}
.btn-overlay a:hover {color: #ddd;}
.zoom-container:hover > .btn-slider {top:0;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}

/***** STYLES *****/

.welcome{background: #000 url(../siteart/welcome.jpg) center center; padding: 50px 25px; font-size: 18px; line-height: 36px; text-align: center;}
.welcome-message h1{font-weight: 700; font-size: 36px; text-align: center; color: #248906; line-height: 1.2;}
a.button{display: block; font-size: 18px; text-align: center; text-transform: uppercase; color: #666; border: 2px #666 solid; padding: 10px 0; margin: 15px 0; line-height: 1.2;}
a.button:hover{background: #666; color: #fff;}
.auctiontime{position: relative; border-top: 2px #67e043 solid; background: #000 url(../siteart/auctiontime.jpg) center center; padding: 50px 0; font-size: 24px; line-height: 30px; color: #aaa; z-index: 9;}
a.white-button{display: block; font-size: 18px; text-align: center; text-transform: uppercase; color: #aaa; border: 2px #aaa solid; padding: 10px 0; margin: 15px 0;}
a.white-button:hover{background: #aaa; color: #fff;}
.at-logo{background: url(../siteart/at-logo.png) no-repeat; height: 113px; width: 242px; position: absolute; top: 0; right: 0; z-index: 99;}
.bold-yellow{font-weight: 700; color: #67e043;}
.map{float: left; width: 75%; padding-right: 35px; box-sizing: border-box;}
.address{float: left; width: 25%;}

.manu-logos {background: #fff; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 3em 5%; border-top: 2px solid #67e043;}
.manu-logos a {width: calc(25% - 2em); margin: 1em; text-align: center;}
.manu-logos a:hover {opacity: .8;}
.manu-logos img {width: 100%; height: auto; max-width: 200px;}

.testimonials-wrapper {width: 100%; display: flex; flex-wrap: wrap;}
.testimonials-wrapper div {padding: 3em 4em; margin: 15px; border-left: 3px solid #67e043; background: #fff; box-shadow: 0px 15px 40px rgb(26 30 43 / 5%);}
.testimonials-wrapper div:hover {box-shadow: 0px 5px 15px rgb(26 30 43 / 13%); transition: .2s ease-in-out;}
.testimonials-wrapper h3 {color: #248906; display: block; margin-bottom: 2em; text-align: right;}
.testimonials-wrapper h3 span {display: block; font-size: 13px; color: #666;}
.testimonials-wrapper ul li {margin: 15px 0; line-height: 1.6;}
.testimonials-wrapper ul li strong {font-weight: 800; font-size: 15px;}
.testimonials-wrapper ul li span {display: block; margin: 10px 10px 15px; font-style: italic;}

/***** FORM *****/

#form input{width: 100%; padding: 6px 10px; border:1px solid #DFDFDF; margin: 5px 0 15px; height: 30px; box-sizing: border-box;}
#form textarea{width: 100%; padding: 6px 10px; border:1px solid #DFDFDF; margin: 5px 0 15px; height: 90px; box-sizing: border-box;}
#form select{width: 100%; padding: 6px 10px; border:1px solid #DFDFDF; margin: 5px 0 15px; height: 30px; box-sizing: border-box; font-family: 'Montserrat', sans-serif;}
#form input[type="checkbox"]{margin:5px 10px 0 0;width:13px;height:13px;display:inline;}
#form input[type="radio"]{margin:5px 10px 0 0;width:15px;height:15px;display:inline;}
#form input.button, #form input.button:focus{font-weight: 700;width:200px; background: #fff;border:2px #248906 solid;font-size:14px; line-height:14px; color: #248906; cursor: pointer; transition: .2s ease-in-out all;}
#form input.button:hover{background: #248906; color:#fff; border:2px #248906 solid;}

.CaptchaPanel{margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align: left !important; line-height:normal !important;}
.CaptchaAnswerPanel input{width: 200px !important;}
.CaptchaImagePanel{margin:0 0 0 0; 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;}
.CaptchaAnswerPanel{margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel{line-height:0; margin:0 0 0 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a{color:#000;}
.CaptchaWhatsThisPanel a:hover{text-decoration:none;}

/***** FOOTER *****/

.neec-footer{background: #000 url(../siteart/header.jpg) top center; border-top: 2px #67e043 solid;padding: 25px 0 15px; width:100%;}
#footer-logo{float: right; width: 250px; padding: 10px;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{color:#aaa; font-size:10px;}
a.footerlink:hover{color: #67e043;}
.footertext{font-size:10px; color:#aaa;}
.smallfootertext{font-size:10px; color:#aaa;}
.divfooter{float: left;width: -moz-calc(100% - 350px);width: -webkit-calc(100% - 350px);width: calc(100% - 350px); line-height: 14px; padding: 10px; box-sizing: border-box;}
.clear{clear:both;}
.spacer{display: inline; padding: 0 5px;}

/***** RESPONSIVE STYLES *****/
@media screen and (max-width: 1250px){
	.content-width{padding: 0 25px;}
}
@media screen and (max-width: 1100px){
	.content-width{padding: 0 25px;}
	.neec-header .content-width{padding: 0;}
	#neec-logo, #header-right{padding: 0 25px; box-sizing: border-box; text-align: center; float: none; width: 100%;}
	#neec-logo {margin: 0 auto; padding: 10px; max-width: 350px;}
	.zoom-container .zoom-caption h4{font-size: 16px;}
	.zoom-boxes {flex-wrap: wrap;}
	.zoom-container{width: 50%;}
	#footer-logo {float: none; margin: 0 auto;}
	.divfooter{float: none; width: 100%; text-align: center;}
}
@media screen and (max-width: 880px){
	.content-width{padding: 0 25px;}
	.neec-header .content-width{padding: 0;}
	#neec-logo, #header-right{padding: 0 25px; box-sizing: border-box; text-align: center; float: none; width: 100%;}
	#neec-logo {margin: 0 auto; padding: 10px; max-width: 350px;}
	.map{float: none;width: 100%;padding-right: 0; margin-bottom: 15px;}
	.zoom-container .zoom-caption h4{font-size: 16px;}
	.address{float: none;width: 100%;}
	.zoom-boxes {flex-wrap: wrap;}
	.zoom-container{width: 50%;}
	.manu-logos a {width: calc(50% - 2em);}
}
@media screen and (max-width: 700px){
	.container{padding: 0 25px;}
	.neec-header .container{padding: 0;}
	.column4{float: none; width: 100%; padding-right: 0;}
	#neec-logo, #footer-logo{float: none; width: 100%; text-align: center; margin: 0 auto; box-sizing: border-box;}
	#footer-logo img {width: 100%; max-width: 250px;}
	#header-right{float: none; width: 100%; text-align: center; margin-top: 0;}
	.map{float: none;width: 100%;padding-right: 0; margin-bottom: 15px;}
	.address{float: none;width: 100%;}
}
@media screen and (max-width: 640px){
	.content-width{padding: 0 25px;}
	.neec-header .content-width{padding: 0;}
	.zoom-boxes {flex-direction: column;}
	.zoom-container{float: none; width: 100%;}
	.column2, .column4{float: none; width: 100%; padding-right: 0;}
	#neec-logo, #footer-logo{float: none; width: 100%; text-align: center; margin: 0 auto; box-sizing: border-box;}
	#footer-logo img {width: 100%; max-width: 250px;}
	#header-right{float: none; width: 100%; text-align: center; margin-top: 0;}
	.welcome{font-size: 16px;line-height: 28px;}
	.welcome-message{font-size: 24px;}
	.map{float: none;width: 100%;padding-right: 0; margin-bottom: 15px;}
	.address{float: none;width: 100%;}
	.auctiontime{font-size: 20px;line-height: 26px;}
	.testimonials-wrapper div {padding: 1.5em 2.5em;}
}