/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'Montserrat', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear:both; height:0px; margin:0;}
.clear-it:after {content:""; display:block; clear:both;}

img{max-width: 100%; height: auto;}

.inv-width {width: 95%; max-width: 1300px; margin: 0 auto;}


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

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

.show-1024 {display:none;}

* {box-sizing: border-box;}
body {
	overflow-x: hidden; 
	line-height: 1.6; 
	font-family: 'Montserrat', sans-serif;
    font-weight:400;
	font-size: 14px;
	-web-text-size-adjust:none;
	margin:0;
}

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;} 

	
/*===================== 
	typography 
=======================*/

h1 {font-weight:700; color: #646d6d; font-size: 26px; text-transform: uppercase; line-height: 1.4;}

h2 {font-weight:400; color: #fff; font-size: 22px; text-transform: uppercase; display:inline; line-height: 1.4;}
h3 {font-weight:700; color: #fff; font-size: 38px; text-transform: uppercase; line-height: 1.4;}
h4 {font-weight:700; color: #fff; font-size: 23px; line-height:28px; line-height: 1.4;}

h5 {font-weight:300; color: #646d6d; font-size: 24px; margin-bottom:1%; line-height: 1.4;}
h6 {font-weight:300; color: #fff; font-size: 18px; text-align:center; line-height: 1.4;}

h7{font-weight:700; color: #646d6d; font-size: 22px; text-transform: uppercase; line-height: 1.4;}
h8{font-weight:300; color: #646d6d; font-size: 14px; line-height: 1.4;}

p {font-size: 18px; line-height: 28px; color:#646d6d;}

.quote{
	font-style: italic;
	font-size: 20px; 
	line-height: 28px;
	font-weight:700; 
	color:#000;
}


/*===================== 
	link styles 
=======================*/

a{
	font-weight:700;
	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: #ccc; text-decoration:none;}

/*===================== 
	header styles 
=======================*/

	
.logo {width:50%; padding: 0 2em; display: flex;}
.logo a {display: flex;}
.logo img{max-width:450px; width: 100%; height: auto;}

.header-contact {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
	width: 50%;
	padding: 0 2em;
}
.header-contact a{
	color:#646d6d;
}
.header-contact a:hover{
	color:#158d12;
}

.tagline {
    background-color: rgba(2, 2, 2, 0.45);
    color: #fff;
    padding: 30px 20px 30px 25px;
    position: absolute;
    right: 0;
    top: 215px;
    text-align: left;
    width: 430px;
    z-index: 99;
}

.currency img {
    width: 100%;
    max-width: 163px; display:inline-block;
    text-align: left;
}
.currency {
	padding-right: 5%;
}





/*===================== 
	content styles 
=======================*/

.start-body {
    position: relative;
}

.wrap {
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
}


.header-wrap {
	width: 100%;
	margin: 0;
}
.inv-header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
	background-color: #fff;
}
.header {
 	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	position:relative;
	transition: all .3s ease; 
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header.clone {position: fixed; top: -444px; left: 0; right: 0; z-index: 999; transition: 0.4s top cubic-bezier(.3,.73,.3,.74);}
body.down .header.clone {top: 0;}
body.down .header.clone .logo img {max-width: 245px;}
body.down .header.clone .currency img {max-width: 150px;}
body.down .header.clone .header-contact h5 {font-size: 20px;}

.float-left {
	float: left;
	margin-left: 5%;
	margin-top: 1.7%;
	width:20%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease; 
}
.top-middle {
	float: left;
	margin-left: 14%;
	margin-top: 1%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease; 
}
.float-right {
	float: right;
	margin-right:4%;
	text-align: right;
	margin-top: 1.5%; 
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease; 
}

.logo-mobile {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease; 
	width:80%;
}




.container{
	margin: 0 0;
	width:100%;
}

.icon-wrap {
    width: 100%;
	background:#333;
	margin: 0 auto;
	text-align: center;
}

.mid-section {
    width: 100%;
    /*background-image: url(../siteart/nav_bg.jpg);*/
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
}
.mid-section-parts {
    width: 100%;
    background-image: url(../siteart/parts_bg.jpg);
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
}

.content {
    width: 85%;
    text-align: left;
    margin: 0 5%;
    padding: 4em 0;
}


.invButton {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.invButton a {
    color: #fff;
    border: solid 2px #fff;
    background: #0b5a0b;
    border-radius: 25px;
    padding: 5px 10px;
    font-size: 20px;
    bottom: 5px;
    position: relative;
}
.invButton a:hover{
    color: #0b5a0b;
    border: solid 2px #fff;
    background: #fff;
}

.column2 {
    width: 50%;
    float: left;
    box-sizing: border-box;
    background: #0b5a0b;
    padding: 10px 0;
    text-align: center;
}


.giant{
	width:100%;
}
.giant img{
	width:100%;
}

.manus{
	padding:2em;
	text-align:center;
	width:100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
}

.manus img {
    padding: 2%;
    text-align: center;
}

.quick-links {
    display: flex;
	justify-content: space-between;
	align-items: center;
}

.quick-links h2 a {
	color:#fff;
    background: #646d6d;
    border: solid 2px #646d6d;
    padding: 6px 25px;
    margin: 0 2% 0 0;
    border-radius: 25px;
    width: 230px;
    text-align: center;
    display: inline;
	display: block;
}
.quick-links h2 a:hover {
	color:#646d6d;
    background: #fff;
    border: solid 2px #646d6d;
}

.quick-links iframe {width: 65%; height: 315px;}

.banner img{width:100%;}
.banner {width:100%;}

.manu-description{
	background: #0b5a0b;
	padding: 1.5em;
}
.manu-description h3 {font-weight:500; color: #fff; font-size: 18px; text-align:center; line-height: 1.4; text-transform: none;}
.video-description h6 {
    background: #adadad;
    color: #a10811;
    padding: 1% 0;
}

.auction-page{
	margin:4% auto;
}
.at-logo{
	max-width:250px;
	float:right;
	position:relative;
	margin:0 0 2%;
}



.column3-b {width:33.33333%; float:left; padding-right: 25px; margin: 2% 0; box-sizing: border-box; color: #646d6d;}
.column3-b a{color: #646d6d;}
.column3-b a:hover{color: #158d12;}

.map{margin:6% auto;}
.map iframe{margin:2% 0;}

.youtube{width:100%; margin:1% auto; text-align:center;}
.youtube iframe{padding:0 2% 3%;  text-align:center;}


.ag-direct img{
	margin: 3% 0 0;
	max-width:250px;
	width:100%;	
}

.video iframe{
	max-width:1200px;
	width:100%;
	margin:0 auto!important;
	text-align:center!important;
	margin-bottom: 2%;	
}
.video {
	width:100%;
	margin:0 auto!important;
	text-align:center!important;	
}
.content-videos {width:100%; margin: 0 auto; padding: 100px 0; text-align: left;}
.col-1-2 {width: 49%; display:inline-block;vertical-align: top; padding: 1% 0;}
.col-1-2 h2 {color:#0b5a0b; font-size:16px; text-transform: uppercase; padding: 1% 0; text-align: left; font-weight: 600;}
.video h2 {color:#158d12; font-size:16px; text-transform: uppercase; padding: 1% 0; text-align: left !important; font-weight: 600;}
/***** SIDE TABS *****/


.side {
    background: #fff;
    width: 300px;
    height: 500px;
    position: fixed;
    z-index: 100;
}



#weather {
     top: 295px; 
    height: 159px;
    z-index: 999;
	right: -300px;
}

#weatherTab {
    display: block;
	height: 150px;
	width: 55px; 
	background: url(../siteart/widget_weather.jpg);
    position: absolute;
    left: -55px;
    top: 0px;
}



/*===================== 
	detailed search
=======================*/

.search input, .search select {
    width: 100%;
    padding: 8px 10px;
    font-size: 12px;
    background-color: #fff;
	box-sizing: border-box;
	color: #555;
	margin-top: 8px;
	box-sizing: border-box;
	border-radius: 5px;
	outline:none;
}
::-webkit-input-placeholder{color: #555;}
:-moz-placeholder{color: #555;}
::-moz-placeholder{color: #555;}
:-ms-input-placeholder{color: #555;}

.search input[type="submit"]{
	background: #0f7649;
	font-weight: 700;
    font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	border:1px solid #0f7649;
    width: 100%;
    outline: none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	cursor: pointer;
	position: relative;
	padding: 10px 8px;
	margin-bottom: 8px;
}
.search input[type="submit"]:hover {background: #fff; color:#0f7649; border:1px solid #0f7649;}

a.button{
	display: inline-block;
	padding: 4px 25px;
	box-sizing: border-box;
	background: #0f7649;
	font-weight: 700;
    font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	border:1px solid #0f7649;
	border-radius: 5px;
}
.search a.button{display: block;}
.location-links a.button{display: block; margin: 0 0 5px;}
a.button:hover {background: #fff; color:#0f7649; border:1px solid #0f7649;}

	





/*===================== 
 scrolling inventory
=======================*/

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

/*===================== 
	layout styles 
=======================*/

.left {float: left;}
.right {float: right;}
.clear {clear:both;}

.container {
	max-width: 1200px;
	margin: 0 auto;
	width:100%
}
	
.column1 {width:75%; float:left; padding-right: 50px; box-sizing: border-box;}

.column2 {width:50%; float:left; padding-right: 25px; box-sizing: border-box;}

.column3 {width:33.33333%; float:left; padding-right: 0; margin: 2% 0; box-sizing: border-box;}
.column3 img{width:100%; max-width:230px;}
.column3 img:hover{opacity:0.7;}

.column4 {width:25%; float:left; padding-right: 25px; box-sizing: border-box; color: #d3d3d3;}
.column5 {width:20%; float:left; box-sizing: border-box;}
.column6 {width:16.66666%; float:left; padding-right: 25px; box-sizing: border-box;}



/*===================== 
	main form
=======================*/

#form{
	color:#333333;
}

#form input {
	width: 100%;
	padding: 5px 10px;
	border:1px solid #ccc;
	margin: 5px 0 15px;
	height: 30px;
	box-sizing: border-box;
	font-weight: 300;

}

#form textarea {
	width: 100%;
	padding: 5px 10px;
	border:1px solid #ccc;
	margin: 5px 0 15px;
	height: 90px;
	box-sizing: border-box;
	font-weight: 300;

}

#form select {
	width: 100%;
	padding: 5px 10px;
	border:1px solid #ccc;
	margin: 5px 0 15px;
	height: 30px;
	box-sizing: border-box;
}

#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.send-button,
#form input.send-button:focus {
    text-align: center;
    text-transform: uppercase;
    width: 207px;
    font-size: 14px;
    color: #fff;
	background: #646d6d;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    border-radius: 6px;
	height: 50px;
}

#form input.send-button:hover {
	background: #158d12;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
	cursor: pointer;
}
 
/*CAPCHA*/

.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: #646d6d;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 




/*===================== 
	footer styles 
=======================*/

footer{
	padding:4% 0;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	text-decoration:none; 
	font-weight: 400; 
	font-size:12px;
	color: #555;
	}
	
a.footerlink:hover {
	text-decoration:none; 
	font-weight: 400; 
	font-size:12px;
	}

.footertext{
	font-weight: 400; 
	font-size:12px;
	 color:#555;
	 }

.smallfootertext{
	font-weight: 400; 
	font-size:12px;
	 color:#555;
	 }


.divfooter {
    width: 90%;
    text-align: left;
    margin: 0 auto;
    line-height: 1.4;
}

/*===================== 
	INV layout styles 
=======================*/



.hosted-content h3 {
    text-align: left;
    color: #333;
    font-size: 20px!important;
}

.hosted-content{
	margin:5% 0!important;
	width:80%;
	float:right;

}
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {
    line-height: 2em;
    color: #f2f2f2!important;
}
.listings-wrapper .hosted-theme .btn {
    border-radius: 6px!important;
    background: #138412!important;
}
.listings-wrapper .hosted-theme .btn:hover {
    color: #333!important;
    background: #cccccc!important;
}


/***** Inventory sidebar *****/

#invbar {
    width: 20%;
    float: left;
    margin: 2% 1%;
}

#invlinks {
	width:94%;
	float:left;
	padding:5%;
	border:solid 1px #dedede;
	margin-top:40px;
	background: #f2f2f2;
	height: 2500px;
}

#invlinks a {
	width:94%;
	float:left;
	padding: 8% 3% 3% 3%;
	border-bottom:solid 1px #137740;
	text-transform:uppercase;
	font-size:14px;
	font-weight:400;
}

#invlinks a:hover {
	background: #138412;
	color:#fff;
}

#weather {
    top: 230px;
}


/***** INVENTORY STYLES *****/

.haydayinv{
	display:flex!important;justify-content:center!important;
}

/**** responsive styles **/

@media screen and (max-width:1430px) {
    .manus img {max-width: 150px;}
}

@media screen and (max-width:1305px) {
	.manus a {width: 25%;}
}

@media screen and (max-width:1245px) {
    .wrap {width: 90%; padding: 0 5%;}
    .header-wrap {width: 90%; padding: 0 5%;}
}

@media screen and (max-width:1200px) {
    .tagline {
        padding: 30px 20px 50px 25px;
        top: 150px;
        width: 430px;
    }

    #weather {top: 185px;}

    #invbar {
        width: 92%;
        float: left;
        margin: 2% 2%;
    }
    #invlinks {
        width:94%;
        float:left;
        padding:5%;
        margin-top:30px;
        background: #f2f2f2;
        height: auto;
    }
    #invlinks a {
        width: 94%;
        float: left;
        padding: 2% 3% 1% 3%;
    }
    .col-1-2 {width: 100%; display:inline-block;vertical-align: top; padding: 1% 0;}
}

@media screen and (max-width:1024px) {
    .show-1024 {display:block;}
    .hide-1024 {display:none;}
	
	body.down .header.clone .header-contact, body.down .header.clone .logo {display: none;}
    
    .tagline {
        padding: 15px 20px 25px 20px;
        top: 120px;
        width: 300px;
    }
	
	.quick-links {flex-wrap: wrap; justify-content: center; flex-direction: column;}
	.quick-links iframe {margin-top: 2em; width: 100%;}

    .column3 img { width: 100%; max-width: 175px;} 
    .column2 {
        width: 100%;
        padding: 5px 0 5px 0;
        text-align: center;
    }
    h6 {font-size: 15px;}

    .column3-b {width: 100%; padding-right: 0; margin: 1% 0; } 

    #weather {top: 430px;}
}

@media screen and (max-width:990px) {
    .logo, .header-contact {width:100%; justify-content: center; text-align: center;}
	.header-contact {margin: 1em auto;}
    h5 {margin-bottom: 0;}
}

@media screen and (max-width: 799px) {
    .tagline {display:none;}
    h6 {font-size: 12px;}

    #weather {top: 270px;}
}

@media screen and (max-width:767px) and (min-width:521px) {
    .tagline {
        padding: 15px 20px 25px 20px;
        top: 295px;
        width: 300px;
    }
    .column3 img { width: 100%; max-width: 135px;} 
    .column2 {
        width: 100%;
        padding: 5px 0 5px 0;
        text-align: center;
    }

    h3 {font-size: 25px;}

    .column3-b {width: 100%; padding-right: 0; margin: 1% 0; }
}

@media screen and (max-width:635px) {
    h6 {font-size: 11px;}

    h3 {font-size: 20px;}
    .invButton a {
        padding: 4px 10px;
        font-size: 14px;
    }
	.manus a {width: 50%;}
}

@media screen and (max-width:594px) {
    .quick-links h2 a {
        padding: 5px 25px;
        margin: 3% 2% 0 0;
        display: block;
    }

    h1 {font-size: 23px;}
    p {font-size: 15px;}

    .side {display:none;}
    #weather {display:none;}
    #weatherTab {display:none;}
	
	.header, .inv-header {flex-direction: column;}
	
}

@media screen and (max-width:520px) and (min-width:315px) {
    .column3 img {width: 100%; max-width: 115px;}
    .column2 {
        width: 100%;
        padding: 5px 0 5px 0;
        text-align: center;
    }


    .header-contact {text-align: center;}
    h5 {margin-bottom: 0;}

    .column3-b {width: 100%; padding-right: 0; margin: 1% 0; } 
}

@media screen and (max-width:440px) {
    .column3 {
        width: 29.33333%;
        float: left;
        padding-right: 0px;
        margin: 2% 2%;
        box-sizing: border-box;
    }
}

@media screen and (max-width:314px) {
    .column3 img {width: 100%; max-width: 115px;}
    .column2 {
        width: 100%;
        padding: 5px 0 5px 0;
        text-align: center;
    }

    h3 {font-size: 20px;}
    .invButton a {
        padding: 4px 10px;
        font-size: 14px;
    }
    .logo img{width:100%; max-width:320px;}

    .header-contact {float: none;text-align: center;margin: 0 0 4%;}
    h5 {margin-bottom: 0;}

    .currency {
        float: none;
        position: relative;
        text-align: center;
        bottom: 0;
        right: 0;
        margin: 1% auto 0;
    }

    .column3-b {width: 100%; padding-right: 0; margin: 1% 0; } 

    .side {display:none;}
    #weather {display:none;}
    #weatherTab {display:none;}
}