/***** 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------------*/
.header{width:100%; }
.header-top{width:100%; padding:10px; box-sizing:border-box; max-width:1700px; display:flex; flex-direction:row; margin:0 auto; justify-content: space-between;}
.logo{max-width:300px!important; width:100%!important;}
.logo img{width:100%; max-width:230px!important;}
.search{width:45%;}
.header-icons{width:200px; padding-top:35px;}
.header-logos{width:130px;}
.header-logos img{max-width:130px!important; width:100%!important; margin:3px 0; display:block;}


.header-bottom{width:100%; background:#333;}
.nav-wrap{width:100%; margin:0 auto; max-width:1700px; padding:0 10px; box-sizing:border-box; display:flex; flex-direction:row;}
.nav-left{width:calc(100% - 260px);}
.nav-btn{width:260px;}
.nav-btn a{color:#000; font-size:16px; text-transform:uppercase; font-weight:600; width:260px; padding:18px; box-sizing:border-box; background:#f15922; display:block; text-align:center; transition:.3s ease;}
.nav-btn a:hover{background:#000; color:#fff;}

.head-icon{display:flex; flex-direction:row; }
.head-icon a{font-size:20px; display:flex; transition:.3s ease; flex-wrap:wrap; margin:3px; width:50px; height:50px; align-content:center; justify-content: center; border:solid 1px #ccc; color:#777!important; }
.head-icon a:hover {background:#ccc;}

/*--------SEARCH STYLES--------------------*/
.search{display:flex; flex-direction:row-reverse; padding-top:38px;}
.search-outer-container{width:calc(100% - 180px);}
.search-bar-form{width:100%; display:flex; height:50px; flex-direction:row; border:solid 1px #ccc; background:linear-gradient(to top, #E9E9E9, #f5f5f5);}
.search-bar-form input[type="text"]{width:calc(100% - 60px); height:50px; border:none!important; padding:14px!important; box-sizing:border-box; color:#333; background:transparent!important;}
.search-bar-form button{width:60px; border:none; background:transparent; font-size:22px; color:#555!important;}


.cat-links ul{padding:0;}
.cat-links ul li a{font-size:16px;background:linear-gradient(to top, #E9E9E9, #f5f5f5); display:block; height:50px; cursor:pointer; color:#333; text-align:center; border:solid 1px #ccc; padding:14px; box-sizing:border-box;}
.cat-links ul li{list-style:none;}
.cat-links .drop-list{padding:0!important; position:absolute; z-index:200; top:48px;}
.cat-links{width:180px; position:relative;}
.cat-links button{width:100%; color:#000; background:#f6f6f6; padding:10px 13px; font-size:14px; height:auto; font-weight:400; text-align:center; border:solid 1px #ccc;}
.cat-links button:hover{background:#f15922; color:#000; cursor:pointer;}
 #farm, #con{width:100%;display:none; transition: max-height 0.2s ease-out;}
#all{display:block;}




.hs-highlighted{background:#f15922!important; transition:.3s ease;}
.hs-highlighted:hover{background:#333!important; color:#fff!important;}


/*---------footer---------*/
.footer-back{background:#333; width:100%; color:#fff;}
.footer-width{max-width:1700px; margin:0 auto; width:100%; padding:0 10px; display:flex; flex-direction:row;}
.footer-left{width:25%; border-right:solid 1px #ccc; padding:80px 0;}
.footer-right{width:75%;}
.footer-black-bar{width:100%; background:#000; color:#ccc; padding:20px; box-sizing:border-box;}
.foot-col{padding:16% 30px 14% 30px; border-right:solid 1px #ccc;}
.foot-col p{font-size:22px; font-weight:600; text-transform:uppercase; color:#ccc; padding-bottom:60px;}
.foot-col a{color:#fff; font-size:16px;}
.foot-col ul{margin-left:0!important; padding-left:0!important;}
.foot-col ul li{list-style: none!important; line-height:28px;}
.foot-col ul li a{text-transform:uppercase;}
.foot-col ul li a:hover{text-decoration:underline;}
.foot-col a:hover{text-decoration:underline;}

.footer-black-bar icon{padding:0 10px; font-size:18px!important; color:#ccc!important;}

.foot-row{width:100%; display:flex; flex-direction:row;}
.foot-col {width:33.33%; box-sizing:border-box; padding:80px 20px;}

.drop-list{display:none;}



/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width : 1750px) {		
	.new-drop{ left:-20%; }
	.sub-text, .about-sub-text{left:1%;}
}
@media only screen and (max-width : 1520px) {		
	.new-drop{width:95vw; left:-25%; padding:10px;}
}
@media only screen and (max-width : 1360px) {		
	.new-drop{width:100vw; left:-36%;}
}

@media only screen and (max-width : 1200px) {
	.loc-bottom{flex-direction:column;}
	.loc-map{width:100%;}
	.locs{width:calc(100% - 20px);}	
}
@media only screen and (max-width : 1100px) {
	.header-top{flex-wrap:wrap;}
	.search{width:calc(100% - 220px);}
	.logo{max-width:220px!important; padding-right:20px; order:1;}
	.header-logos{order:2;}
	.search{order:3;}
	.header-icons{order:4;}
	.nav-wrap{padding:0;}	
	
}

@media only screen and (max-width : 1000px) {
	.footer-width{flex-direction:column!important;}
	.footer-left{width:100%; border-right:none;}
	.footer-right{width:100%;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 700px) {
	.logo{width:100%; margin:0 auto;}
	.logo img{display:block; max-width:240px; margin:0 auto!important;}
	.search{width:100%; padding-top:5px;}
	.icon-width{width:calc(25% - 10px); padding:12px 2px;}
	.foot-col{padding:10px;}
	.header-icons{display:none;}
	.foot-row{flex-direction:column;}
	.foot-col{width:100%; border-top:solid 1px #ccc;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 560px) {
	.home-icon-link img{height:35px;}
	.home-icon-link p{font-size:14px;}
	.home-icon, .foot-col{border-right:none; border-bottom:2px solid #ccc!important; padding:5% 10px;}
}
@media only screen and (max-width : 470px) {
	.search{flex-direction:column-reverse;}
	.search-outer-container{width:100%;}
	.icon-width{width:calc(33.33% - 6px); margin:3px;}
	.foot-col p{padding:20px 0 5px 0;}
	.cat-links{display:none;}
	
}
@media only screen and (max-width : 400px) {
	.logo{max-width:180px!important; margin:0!important; padding-right:5px!important;}
	.header-logos{width:100px;}
	
}
@media only screen and (max-width : 360px) {
	.header-icons{padding-top:5px; width:170px;}
	.nav-btn a{width:220px!important;}
	.nav-left{width:calc(100% - 220px)!important;}
}