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

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.header {
	display: flex;

}
.headerlogosect{
	width: 25%;
	border-left: #00a651 solid 25px;	
	padding: 20px 0px 0px 30px;
}
.headerlogo{
	width: 100%;
}
.headertextsect{
	width: 75%;
	display: flex;
	flex-wrap: wrap;
}
.headerinfosect{
	width: 100%;
	padding-right: 3%;
	text-align: right;
	padding-top: 20px;

}
.headerinfoicon i{
	color: #00a651;
	padding: 0px 10px;
}
.headerinfoicon {
	font-family: 'Barlow', sans-serif;
	color: #000;
}
.headernavsect {
    width: 100%;
    text-align: right;
    padding-right: 2%;
    background: #000;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-top: 10px;
}
.headermobilesect{
	display: none;
}
/*---BODY--------------------------------*/
.herosect{
	display: flex;
	width: 100%;
	background: url("/siteart/heroimage.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	font-family: 'Barlow', sans-serif;
	align-items: center;
}
.herotextsect {
    padding: 10% 4% 6% 4%;
    width: 25%;
}
.heroheadersect {
    border-bottom: #fff solid 4px;
    border-radius: 2px;
}
.heroheader {
    line-height: 60px;
    font-size: 70px;
    font-weight: 700;
    padding-bottom: 10px;
}
.herosubheadsect {
    padding: 10px 0px;
}
.herosubhead {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}
.blkbtn{
color: #fff;
padding: 10px 20px;
border-radius: 5px;
background: #000;
transition-duration: 0.5s;
}
.blkbtn:hover{
    border-radius: 5px 5px 12px 5px;
}
.herobtn{
	display: block;
	width: 160px;
	
}
.heromobilesect{
	display: none;
}

.homemiddlesect{
	display: flex;
}
.homemiddleleft{
	display: flex;
	background: url("/siteart/backgroundtexture.jpg");
	background-attachment: fixed;
	background-size: cover;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	width: 75%;
	font-family: 'Barlow', sans-serif;
}
.greenvertline{
	background: #00a651;
	width: 3%;
	height: 180px;
	border-bottom-right-radius: 10px;
}
.hpmiddlelttextbox {
    width: 30%;
    padding: 7%;
}
.homemiddleright{
	width: 25%;
    display: flex;
    align-items: center;
    font-family: 'Barlow', sans-serif;
}
.whtpara {
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    padding-bottom: 20px;
}
.greenheader {
    color: #00a651;
    font-size: 30px;
    padding-bottom: 20px;
	font-family: 'Barlow', sans-serif;

}
.blackheader {
    color: #000;
    font-size: 30px;
    padding-bottom: 10px;
	font-family: 'Barlow', sans-serif;
}
.greenbtn:hover{
    border-radius: 5px 5px 12px 5px;
}
.greenbtn{
color: #fff;
padding: 10px 30px 10px 20px;
border-radius: 5px;
background: #00a651;	
transition-duration: 0.5s;
}
.hpmiddletextbox{
	    padding: 10%;

}
.hpcontactbox{
	display: flex;
	align-items: center;
}
.hpcontacticon{
    color: #000;
    padding: 10px 0px;

    font-size: 18px;
    width: 15%;
}
.hpcontacticon i{
	color: #00a651;
	padding-right: 20px;

}
.hpcontacttext {
    color: #000;
    width: 85%;
}
.homemiddletextsect{
	display: flex;
	width: 97%;
}
.hpaboutsect {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.hpaboutimgsect {
    width: 40%;
}
.hpaboutimgsect img{
    width: 100%;
}
.blackpara{
	font-family: 'Barlow', sans-serif;
	line-height: 38px;
	font-size: 16px;
}

.hpabouttextsect {
  	width: 45%;
    padding: 3% 6% 0% 3%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}
.headerlinetext{
	width: 65%;
	border-bottom: solid 3px #000;
	margin-bottom: 20px;
}
.bottomvertline{
	background: #00a651;
	width: 25px;
	height: 445px;
	border-top-left-radius: 10px;
}
.flexalignb{
	display: flex;

	align-items: flex-end;
}
iframe.scrolling{
	width: 100%; height: 90px;
}
/*--------FORM STYLES--------------------*/
.formsection{
    background: #000;
    padding: 2% 4%;
	margin: 5%;
    border-bottom: #00a651 solid 16px;
}
.consignformfields{
	width: 30%;
    margin: 10px 0px;
    height: 30px;
    padding-left: 10px;
	font-family: 'Barlow', sans-serif;

}
.lgconsignformfields{
	width: 60%;
    margin: 10px 0px;
    height: 30px;
    padding-left: 10px;
    padding-right: 22px;
	font-family: 'Barlow', sans-serif;

}
.consigncomments{
	width: 92%;
    margin: 10px 0px;
    height: 125px;
    font-family: 'Barlow', sans-serif;
	padding: 10px 20px 0px 10px;
}
.CaptchaMessagePanel{
	color: #fff;
 	font-family: 'Barlow', sans-serif;
	font-weight: 500!important;
	font-size: 14px;
}
.CaptchaWhatsThisPanel a{
	color: #fff;
 	font-family: 'Barlow', sans-serif;
	font-weight: 500!important;	
	font-size: 14px;

}
.center{
	text-align: center;
}
.submit{
color: #fff;
padding: 10px 30px 10px 20px;
border-radius: 5px;
background: #00a651;
border:none!important;
}
/*-------- CONTACT STYLES ----------------*/

.cpmap{
	width: 100%;
	height: 250px;
}
.contactpage{
	padding: 2% 5%;
	display: flex;
	align-items: center;
}
.cpformsection{
    width: 25%;
    background: #000;
    padding: 3% 5%;
}

.greenunderlineheader{
   color: #00a651;
    font-size: 30px;
	font-family: 'Barlow', sans-serif;
	border-bottom: solid 4px #fff;
}
.cpaboutsect {
    width: 50%;
    padding: 0% 8%;
}
.contactcomments{
	width: 100%;
	height: 80px;
	margin: 5px 0px;
    padding: 10px 0px 0px 8px;
	font-family: 'Barlow', sans-serif;
}
.contactformfields{
	width: 100%;
    height: 35px;
    margin: 5px 0px;
    padding: 0px 0px 0px 8px;
	font-family: 'Barlow', sans-serif;

}

/*-------- AUCTION STYLES ----------------*/
.auctionpadding{
	text-align: center;
	margin: 4% 8%;
}




/*-------- THANK YOU STYLES ----------------*/
.thankspadding{
font-family: 'Barlow', sans-serif;
    padding: 12% 5% 22% 5%;
    border-right: #000 solid 175px;
}
.thankspadding p{
font-size: 18px;
width: 50%;
line-height: 28px;

}


/*-------- FOOTER STYLES ----------------*/
.footer{
font-family: 'Barlow', sans-serif;
border-top: solid 10px #000;
display: flex;
}
.footerleft{
background: #00a651;
padding: 2% 5%;
width: 75%;
display: flex;
}
.footerright{
background: #000;
padding: 1% 5%;
width: 25%;
display: flex;
flex-wrap: wrap;
justify-content:flex-end;
text-align: right;
}
.smallfootertext {
    color: #fff;
    font-size: 12px;
}
.footerinfosect{
width: 35%;	
}

.blacksubhead{
font-weight: 700;
font-size: 18px;
}
.footertext{
font-weight: 600;
font-size: 15px;
color: #000;
}
.footerlinksect{
	width: 25%;
}
.greenbtvertline {
    background: #00a650;
    width: 40px;
    height: 345px;
    border-radius: 0px 15px 0px 0px;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-title .list-title-text{
	font-family: 'Barlow', sans-serif!important;
	font-weight: 800!important;
}
.inventorypadding{
	padding: 5% 0%;
}
.list-top-section .list-title .list-listings-count{
color: #00a651!important;	
}
.list-content .price-container .price {
	color: #00a651!important;
}
.view-listing-details-link{
	background: #00a651!important;
}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
    background-color: #00a651!important;
	padding: 10px 45px!important;
    border: none!important;
    border-radius: 0px!important;
	font-size: 13px!important;
	color: #fff!important;
}
.mobile-option-bar .mobile-option-bar-filter{
    color: #00a651!important;	
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
		background: #00a651!important;

}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{
	    color: #00a651!important;	
}
.faceted-search-content .selected-facets-container .selected-facet{
    	background: #00a651!important;	
}
.list-content .list-error-container .info button{
    background-color: #00a651!important;	
}
.list-content .list-error-container .info .selected-facet button{
	background: transparent!important;
}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1670px) {
	.thankspadding{
		padding: 15% 5% 22% 5%;
	}
	
}

@media only screen and (max-width: 1610px) {
	.thankspadding{
	padding: 25vh 5% 32vh 5%;
	}
	
}
@media only screen and (max-width: 1452px) {
.herotextsect {
    padding: 10% 0% 4% 4%;
    width: 35%;
}
	
	
}
@media only screen and (max-width: 1325px) {
.hpabouttextsect {
    width: 40%;
	padding: 3% 3% 0% 3%;}
.hpaboutimgsect {
    width: 48%;
}	
}
@media only screen and (max-width: 1280px) {
.thankspadding p {
    font-size: 18px;
    width: 80%;
}	
.cpformsection {
width: 38%;}
.cpaboutsect {
    width: 55%;
    padding: 0% 4%;
}	

}

@media only screen and (max-width: 1240px) {
.footerlinksect {
    width: 30%;
}	
		
	
}
@media only screen and (max-width: 1160px) {
.hpmiddlelttextbox {
    width: 40%;
    padding: 7% 4%;
}	
.homemiddleleft {
	width: 68%
}	
.homemiddleright {
	width: 32%;
}
}
@media only screen and (max-width: 1115px) {
.hpaboutimgsect {
    width: 50%;
}	
.hpabouttextsect {
	width: 40%;}	

}
@media only screen and (max-width: 1045px) {
	.hpaboutsect{
		flex-wrap: wrap-reverse;
	}
	
	.herosect{
background: none; display: flex; flex-wrap: wrap;
}	
.heromobilesect{
background:url("/siteart/hero_imagemobile.jpg");
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 480px;
display: flex;
align-items: flex-end;
background-position: center;
}	

.herotextsect{
width: 100%;
background:#00a650; 
padding: 10% 10% 10% 4%;	
}	
}
@media only screen and (max-width: 1010px) {
	.footer{
		flex-wrap: wrap-reverse;
	}	
	.footerleft{
		width: 100%;
		padding: 4% 5%;
	}	
	.footerright{
		width: 100%;
	}
	.hpaboutimgsect{
		width: 100%;
		background: url("/siteart/farm_image.jpg");
		background-size: cover;
		height: 325px;
    	background-position: center;
	}
	.hpaboutimgsect img{
		display: none;
	}
	.hpabouttextsect{
		width: 85%;
	}

}
@media only screen and (max-width: 950px) {
.cpaboutsect {
    width: 100%;
    padding: 12% 8% 10% 8%;
}
.cpformsection {
    width: 100%;
    background: #000;
    padding: 4% 10%;
}
	.contactpage {
    flex-wrap: wrap-reverse;
}
.homemiddleright {
    width: 100%;
}
	.hpmiddletextbox{
	display: flex;
	}
	.hpcontactsect{
	display: flex;
	width: 50%;
	padding: 0px 20px;
	}
	.homemiddleleft{
	width: 100%;
	border-top-right-radius: 0px;
	}
	.homemiddlesect{
	flex-wrap: wrap;
	}
	.hpmiddletextbox {
    padding: 2%;
	align-items: center;
    justify-content: space-between;
    width: 100%;
}

	
}
@media only screen and (max-width: 900px) {
.homemiddleright {
    width: 100%; align-items: center; flex-wrap: wrap;
}	
.hpmiddletextbox {
    padding: 2%;
    align-items: center;
    justify-content: space-between;
    width: 100%;
	flex-wrap: wrap;
}	
.hpmiddletextbox .blackheader{
width: 30%;	
	
}
.hpcontactsect {
    display: flex;
    width: 60%;
	padding: 20px 0px;
}
	.hpcontacticon{
		width: 8%;
	}
	.hpcontactsect {
    display: flex;
    width: 100%;
		flex-wrap: wrap;}
	.hpcontactbox {
    width: 100%;
}
	.bottomvertline{
		height: 300px;
	}
}
@media only screen and (max-width: 850px) {
.consigncomments {
	width: 94%;}	
	
}
@media only screen and (max-width: 752px) {
.thankspadding p {
    width: 100%;
	}	
	.thankspadding h1{
    font-size: 52px;
	}	
	.thankspadding{
		border-right: #000 solid 75px;
		padding: 22vh 5% 30vh 5%;
	}
	.homemiddletextsect {
    display: flex;
    width: 97%;
    flex-wrap: wrap;
    padding: 2% 0%;
}
	.hpmiddlelttextbox {
    width: 85%;
    padding: 7% 4%;
}
}
@media only screen and (max-width: 710px) {
.consignformfields {
	width: 95%; height: 35px;}	
.lgconsignformfields {
	width: 95%; padding-right: 0px; height: 35px;}
.consigncomments {
    width: 92%;
}
.formsection {
    background: #000;
	padding: 8% 4%;
}
	.headerlinetext {
		width: 95%;}
}

@media only screen and (max-width: 655px) {
	
.hpmiddletextbox .blackheader {
    width: 100%;
}	
.hpmiddletextbox {
	padding: 8% 5% 12% 5%;}
.headerlogosect {
	width: 40%;}
.headertextsect {
	width: 60%;}
}
@media only screen and (max-width: 612px) {
	.footerright{
	padding: 4% 5%;	
	}	
	.footerleft{
	flex-wrap: wrap;
	}
	.footerinfosect {
    width: 100%;
    padding-bottom: 8%;
}
	.footerlinksect {
    width: 100%;
	padding-bottom: 8%;

}
.hpabouttextsect {
    width: 100%; padding: 8% 3% 8% 3%;
}

.headerlinetext {
	width: 100%;}
.bottomvertline {
    background: #00a651;
    width: 35px;
	height: 35px;
}	
	
}
@media only screen and (max-width: 580px) {
	
	.heromobilesect {
    background-position: 42%;
    height: 405px;
	}	
	.greenbtvertline {
    width: 15px;
	height: 250px;
	}
	.heroheader {
    line-height: 39px;
	font-size: 52px;
	}
}

@media only screen and (max-width: 520px) {
.thankspadding {
    border-right: #000 solid 35px;	padding: 20vh 5% 25vh 5%;
}
.hpmiddletextbox {
    padding: 12% 5% 16% 5%;
}
}

@media only screen and (max-width: 480px) {
	.thankspadding{
	border-right: #000 solid 15px;
	padding: 16vh 5% 20vh 5%;

	}
.thankspadding h1 {
    font-size: 42px;
    line-height: 45px;
}
.consigncomments {
    width: 90%;
}
	.formsection {
    padding: 8% 10%;
}
	.hpabouttextsect {
    width: 100%;
}
	.headertextsect{
	justify-content: flex-end;	
	}	
	.headernavsect {
	width: 80%;
	}
	.cpaboutsect {
    width: 100%;
    padding: 15% 8% 20% 8%;
}
}
@media only screen and (max-width: 415px) {
.cpformsection {
    width: 100%;
    background: #000;
    padding: 17% 6%;
}	
.contactpage {
	padding: 2%;}
.contactformfields {
	width: 95%;}
.contactcomments {
	width: 95%;}
	.homemiddletextsect{
	padding: 8% 0% 15% 0%;	
	}
	.heroheader {
    line-height: 33px;
    font-size: 42px;
}
	.herosubhead {
    font-size: 16px;
    line-height: 22px;
}
	.herobtn {
    width: 140px;
}
	.heromobilesect {
    height: 300px;
}
	.greenbtvertline {
    height: 165px;
}
}
@media only screen and (max-width: 320px) {
.greenbtn {
    padding: 10px 18px 10px 12px;
    font-size: 15px;
}	
.hpcontacticon {
    width: 15%;
}	
	.hpmiddletextbox {
    padding: 20% 5% 22% 5%;
}
.header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
	.headerlogosect {
    width: 100%;
    border-left: #00A64C solid 5px;
    padding: 20px 0px 0px 0px;
    text-align: center;
}
	.headertextsect {
		width: 100%;}
	.headernavsect {
    width: 100%;
	border-radius: 0px;
	}

}
@media only screen and (max-width: 250px) {
	
.heroheader {
    line-height: 26px;
    font-size: 30px;
}	
.herobtn {
    width: 90px;
}	
	.greenbtn{
		font-size: 13px;
	}	
}
@media only screen and (max-width: 208px) {
.thankspadding p {
	font-size: 15px;}
.thankspadding {
    padding: 8vh 5% 10vh 5%;
}
	.greenbtn {
    padding: 10px 8px 10px 8px;
    font-size: 14px;
}

.contactpage {
    padding: 2% 0%;
	}
.contactformfields {
	width: 90%;}
	
.contactcomments {
	width: 90%;}
	.blkbtn{
		font-size: 12px;
	}

}
@media only screen and (max-width: 185px) {
.thankspadding h1 {
    font-size: 32px;
    line-height: 29px;
}	
.thankspadding p {
    font-size: 14px;
}	
.thankspadding {
    border-right: #000 solid 0px;
	padding: 7vh 3% 8vh 3%;
}
.greenbtn {
    padding: 10px 6px 10px 6px;
    font-size: 12px;
}
}