/* 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 { 
    margin: 0;   
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
}

a {
	text-decoration:none;
	
}

p{
	padding:15px 0;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
 
a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after, .qk-construction-btn img, .qk-construction-btn img:hover, .qk-tractor-btn img, .qk-tractor-btn img:hover, .header-phone, .header-phone:hover, .qk-button, .qk-button:hover, .button:hover, .button {
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;
} 

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body {overflow-x: hidden; line-height: 1.4;}

/* HEADER 
----------------------------------------------*/
.header {
	width: 100%;
	margin: 0 auto;
	font-family: 'Crimson Text', serif;
	text-transform: uppercase;
}

.top-bar {
	width: 100%;
	margin: 0 auto;
	background: #01470f;
	padding: .5% 0;
}

.top-bar-wrapper {
	width: 80%;
	margin: 0 auto;
	text-align: right;
}

.top-bar a {
	color: #eae9e5;
}

.med-weight {
	font-weight: 600;
}

.header-main {
	width: 100%;
	margin: 0 auto;
	background: url(../siteart/backgrounds/bedge-grunge.png);
}

.header-main-wrapper {
	width: 80%;
	margin: 0 auto;
	display: flex;
	position: relative;
}

.logo-area {
	width: 29.4%;
	margin: 0 auto; 
	/*background: pink;*/
}

.logo-area img {
	width: 100%;
}

.nav-contact-area {
	width:69.4%;
	margin: 0 auto;
	/*background: aqua;*/
	position: relative;
}

.contact-top {
	/*background:rgba(160,232,186,1.00);*/
	text-align: right;
	color: 
#6a8a27;
	margin-top: 3%;
}

.contact-top a {
	color: 
#6a8a27;
	font-weight: 600;
	font-size: 1.3rem;
}

.contact-top a:hover {
	color: #01470f;
}

.nav-top {
	width: 100%;
	/*background: yellow;*/
	text-align: right;
	position: absolute;
	bottom: 0;
	margin-bottom: 3%;
}

.top-address {
	display: inline-block;
	padding-right: 5%;
}

.top-phone {
	display: inline-block;
}

/*=======Nav Styles=======*/

.topnav {
    overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 10%;
}


.topnav a {
    color: #000;
    text-align: center;
    padding: 18px 1vw;
    text-decoration: none;
    font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* Style the dropdown button to fit inside the topnav */
.dropbtn {
    color: #000;
    margin: 0 auto;
	text-align: center;
}


/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	padding: 1% 2%;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 15px!important;
    text-decoration: none;
    display: block;
    text-align: left;
	background: none;
	font-weight: 600;
	font-size: 16px!important;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover {
     color: #6a8a27;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    color: #6a8a27;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown{
	background: none !important;
}

.mb-show-nav {
		display: none;
	}

/* HOME PAGE STYLES
-----------------------------------------------*/
.hero {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
}

.hero img {
	width: 100%;
	margin: 0 auto; 
	height: auto;
	max-height: 650px;
}

.qk-btns {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	background: #01470f;
	margin-top: -.25%;
}

.qk-btns-wrapper {
	width: 80%;
	margin: 0 auto;
	padding: 2% 0;
}

.qk-button {
	width: 48%;
	margin: 0 auto;
	padding: 1.5% 1%;
	border: 5px solid #eae9e5;
	background: #6a8a27;
	border-radius: 5px;
	display: inline-block;
}

.qk-button:hover {
	background: #4a6c34;
}

.qk-button-text {
	width: 100%;
	margin: 0 auto;
}

.qk-button-text h1 {
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.middle-marg {
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.welcome {
	width: 100%;
	margin: 0 auto;
	background: url(../siteart/backgrounds/bedge-grunge.png);
}

.welcome-wrapper {
	width: 80%;
	margin: 0 auto;
	padding: 5% 0;
}

.welcome-headline {
	color: #01470f; 
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: baseline;
}

.welcome-headline a#register {width: 100%; max-width: 350px;}
.welcome-headline a#register button {color: #fff; background: #000; padding: .5em 5%; text-align: center; font-weight: 600; text-transform: uppercase; cursor: pointer; width: 100%; font-size: 20px; border: 5px solid transparent; font-family: 'Crimson Text', serif; letter-spacing: 1px; border-radius: 5px;}
.welcome-headline a#register button:hover {border: 5px solid #a7a9a8; background: #4a6c34;}

.welcome-headline h2 {
	font-size: 2.5rem;
	font-weight: 600;
	padding-bottom: 1%;
}

.welcome-headline h3 {
	font-size: 2.25rem;
	font-weight: 700;
}

.smaller {
	font-size: 1.75rem;
	font-weight: 600;
}

.thinner {
	font-weight: 400;
}

.welcome-text {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	padding-right: 2%;
}

.newsletter {
	width: 32.4%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	-webkit-box-shadow: 3px 3px 6px 0px rgba(99,99,99,1);
-moz-box-shadow: 3px 3px 6px 0px rgba(99,99,99,1);
box-shadow: 3px 3px 6px 0px rgba(99,99,99,1);
}

.newsletter-wrapper {
	padding: 5%;
	background: 
#6a8a27;
	text-align: center;
	font-size: 1.5rem;
	text-shadow: 1px 1px 1px rgba(89, 89, 89, 1);
}

.newsletter-wrapper h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: .9rem;
}


.contact-form .formfield input {
	text-align: center;
	width: 100%;
	padding: 2.5% 0;
	font-size: 14px;
	border: solid 3px #b5bbb1;
}

.pad-top-lil {
	padding-top: 15px;
}

.CaptchaMessagePanel {
    font-weight: 400 !important;
    font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

.CaptchaMessagePanel {
    padding: 5px 5px 10px 5px;
}

.CaptchaWhatsThisPanel a{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #CBCBCB;
}

#buttons, .button {
	padding: 2% 20%;
	border: 5px solid #fff;
	background:#4A601B;
	color: #fff;
	font-family: 'Crimson Text', serif;
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: .75px;
	text-shadow: 1px 1px 1px rgba(89, 89, 89, 1);
}

#buttons:hover, .button:hover {
	background: #01470f;
}

.contact-form {
	padding-bottom: 3%;
}

.CaptchaAnswerPanel input {
	padding: 3%;
}

/* Auctions
------------------------------------------------*/
.auction-time-space {
	width: 100%;
}

.auction-time-wrapper {
	max-width: 1018px;
	width: 95%;
	margin: 0 auto;
	padding: 2% 0;
}

/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}

.inventory-width {
	width: 100%;
	height: auto;
	background:url(../siteart/backgrounds/bedge-grunge.png);
}

.inventory-width .container{
	width: 95%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 2em 0!important;
}

/* CONTACT PAGE STYLES
-----------------------------------------------*/
.contact-left {
	width: 29.4%;
	display: inline-block;
	padding: 2% 0;
	color: #fff;
	vertical-align: top;
}

.contact-left a {
	color: #fff;
}

.contact-right {
	width: 69.4%;
	display: inline-block;
	padding: 2% 0;
}

.contact-right iframe {
	width: 100%;
}

.contact-left h3 {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-weight: 400;
}

.contact-left h2 {
	text-transform: uppercase;
}

.contact-left h1 {
	text-transform: uppercase;
}

/* THANK YOU PAGE STYLES
-----------------------------------------------*/
.maroon-bg {
	width: 100%;
	margin: 0 auto;
	background: #01470f;
}

.maroon-wrapper {
	width: 80%;
	margin: 0 auto;
	padding: 2% 0;
}

.ty-text {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}


/* FOOTER
-----------------------------------------------*/
.footer {
	width: 100%;
	margin: 0 auto;
	background: #a7a9a8;
	font-family: 'Crimson Text', serif;
}

.footer h6 {
	font-size: 1.25rem;
	color: #01470f; 
}

.footer a {
	color: #000;
}

.footer-wrapper {
	width: 80%;
	margin: 0 auto;
	padding: 2em 0;
	vertical-align: top;
}

.footer-address {
	width: 24.4%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
	padding-right: 1.25%;
}

.footer-phone {
	width: 20%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
	padding-right: 1.25%;
}

.footer-email {
	width: 26.4%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
	padding-right: 2%;
}

.pub-footer {
	width: 26.4%;
	text-align: right;
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	
}

.footer-address a, .footer-phone a, .footer-email a {
	font-size: 1.15rem;
}

.footer-address a:hover, .footer-phone a:hover, .footer-email a:hover {
	color: #01470f;
}

/* MEDIA QUERIES
-----------------------------------------------*/

@media screen and (max-width: 1550px) {
.qk-btns {
    margin-top: -0.5%;
}
	
}

@media screen and (max-width: 1405px) {
	
.header-main-wrapper {
    width: 90%;
}
	
.qk-btns-wrapper {
    width: 90%;
}
	
.welcome-wrapper {
	width: 90%;
}	
	
.footer-wrapper {
		width: 90%;
	}	
	}

@media screen and (max-width: 1370px) {
.contact-top a {
    font-size: 1.05rem;
}

}

@media screen and (max-width: 1290px) {
.contact-left, .contact-right {
    width: 49.4%;
}
	
.topnav a {font-size: 22px;}

}


@media screen and (max-width: 1060px) {
	
.mb-hide-nav {
		display: none;
	}	
	
	.mb-show-nav {
		display: block;
	}
	
	.topnav {
		padding: 0 5%;
		justify-content: center;
		flex-wrap: wrap;
	}
	.topnav a {font-size: 20px;}
	
	.nav-contact-area {
    width: 60%;
}

	.logo-area {
    width: 39.4%;
}
	
	.welcome-headline {flex-direction: column;}
	.welcome-headline a#register {margin: 1.5em 0; max-width: none;}
	.welcome-headline a#register button {font-size: 18px;}

.middle-marg {
    margin-left: 0%;
    margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 2%;
}

.qk-button {
    width: 75%;
}	
	
.footer h6 {
	font-size: 1rem;	
}
	
.footer-wrapper {
	display: flex;
	flex-direction: column;
	}
	
	.footer-address, .footer-phone, .footer-email, .pub-footer {
		width: 100%;
		text-align: center;
		padding-bottom: 2.5%;
	}	
	
	.maroon-wrapper {
    width: 96%;
}

}

@media screen and (max-width: 970px) {
.welcome-wrapper {
    display: flex;
    flex-direction: column;
}
	
.topnav a {font-size: 18px;}
	
.qk-button-text h1 {font-size: 26px;}
	
.welcome-text {
    width: 100%;
    padding-right: 0;
}	
	
.newsletter {
    width: 100%;
}

.welcome-headline h2 {
	font-size: 1.5rem;
}

.welcome-headline h3 {
	font-size: 1.75rem;
}
	
.smaller {
	font-size: 1.25rem;
}	
	
p{
	font-size: 14px;
}	
	
	.ty-text {
		padding:2%;
	}
	.ty-text h1 {
		font-size: 1.75rem;
	}
	
}

@media screen and (max-width: 795px) {
	
.qk-button {
    width: 96%;
}
	
.qk-btns {
    margin-top: -0.75%;
}

.ty-text h1 {
		font-size: 1.5rem;
	}	
	
.topnav {margin-top: 1em;}
.topnav a {padding: 10px 1vw;}
	
}

@media screen and (max-width: 700px) {
.top-bar-wrapper {
    width: 96%;
	text-align: center;
}
	
.header-main-wrapper {
    width: 96%;
}

	.nav-contact-area {
		position: inherit;
	}	

	.contact-top {
    text-align: center;
    width: 100%;
}

	.nav-top {
		position: inherit;
	}	
	
	.nav-contact-area {
    width: 100%;
}
	
	.header-main-wrapper {
    width: 96%;
    flex-direction: column;
}
	
	.logo-area {
    width: 75%;
	display: inline-block;
		text-align: center;
}
	
	.top-address {
		width: 100%;
		display: inline-block;
		padding-right: 0;
	}
	
	.top-phone {
		width: 100%;
		display: inline-block;
	}
	
	.footer-address {
		width: 96%;
	}
	
.maroon-wrapper {
    display: flex;
    flex-direction: column;
}
	
	.contact-left {
		width: 100%;
		text-align: center;
	}
	
	.contact-right {
		width: 100%;
	}

	.text-hide {
		display: none;
	}	
	
	.container {
    width: 98%;
}	
	
}

@media screen and (max-width: 565px) {
.qk-button-text h1 {
    font-size: 1.5rem;
}

.qk-btns-wrapper {
    padding: 4% 0;
}	

.middle-marg {
    margin-top: 3%;
    margin-bottom: 3%;
}
	
.qk-btns {
    margin-top: -1%;
}	
	
	.mb-show-nav {
		padding: 0 1.5%;
	}	
	
	.ty-text h1 {
		font-size: 1.25rem;
	}
	
	.topnav a {padding: 10px 2vw;}
}

@media screen and (max-width: 525px) {
.logo-area {
    width: 75%;
}	
	
.qk-btns {
    margin-top: -1.25%;
}	
	
.welcome-headline h2 {
	font-size: 1.25rem;
}

.welcome-headline h3 {
	font-size: 1.5rem;
}
	
.smaller {
	font-size: 1.05rem;
}	
	
.ty-text h1 {
		font-size: 1rem;
	}	

	.pad-right{
		padding-right: 3%;
	}
}