/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
   font-family: 'Roboto Condensed', sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/



h1 {font-size:36px; color:#9acb50; font-family: 'Roboto Condensed', sans-serif; padding-top:30px;}
h2 {font-size:18px; color:#9acb50; font-family: 'Roboto Condensed', sans-serif; text-align:right;}
h2 a {font-size:18px; color:#9acb50; font-family: 'Roboto Condensed', sans-serif; text-decoration:none;}
h3 {font-size:24px; color:#9acb50; font-family: 'Roboto Condensed', sans-serif; text-align:center; padding-top:20px;}
h4 {font-size:16px; color:#9acb50; font-family: 'Roboto Condensed', sans-serif; padding-top:10px; text-transform:uppercase;}
p {font-size:16px; line-height:24px;}

a {text-decoration:none;}

.hs-btn.hs-highlighted{background: #9acb50 !important;text-transform: uppercase; letter-spacing: 1px; color: #000 !important; font-weight: bold;}

.hs-container h3,.hs-container h2 {
    color: #000 !important;
}
/*  NAVIGATION
------------------------------------------------*/
#navwrap { 
    text-align:center;
    background:#9acb50;
    -moz-box-shadow:  0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}


/*  BASIC STYLES
------------------------------------------------*/
body {background:#fff;}
.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */
#headercontent {width:90%; margin:0 auto;}
#site-width {width:85%; margin:0 auto;}
#sitewrap {width:80%; margin:10px auto 0;}

.liquid {background:#000; color:#fff; padding:5px 0; width:375px; font-weight:bold; text-transform:uppercase; text-align:center;}

/*  HEADER STYLES
------------------------------------------------*/
header {padding:10px 0 15px;}
.logo {float:left;}
#searchwrap {text-align:right; padding:20px 0;}
.fblogo {padding-bottom:10px; display:inline-block;}

#colorblock {background:#9acb50; margin-top:-300px; padding:50px 0;}
.icon {background:#000; padding:30px 45px; text-align:center; width:23%; margin:250px 20px 0; height:400px; float:left; color:#fff; z-index:999999; position:relative;}
.icon a {color:#fff; text-decoration:none;}
.btn {background:#9acb50; margin-top:10px; padding:10px 30px; font-size:20px; color:#fff; text-align:center; text-decoration:none; font-family: 'Roboto Condensed', sans-serif;}
.btn:hover {background:#a8e251;}


#black a {
	color: #000 !important;
}


#black a:hover {
	color: #9acb50 !important;
}


/*  FOOTER STYLES
------------------------------------------------*/
footer {background:#9acb50; padding:20px 0;}
.footerleft {float:left; padding-top:10px;}
.footerright {float:right;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:none;font-size:11px; color:#000;}
a.footerlink:hover {text-decoration:none; font-size:11px; color:#fff;}

.footertext{font-size:11px; color:#000;}

.smallfootertext{font-size:11px; color:#000;}

.divfooter {width:450px;}


/************************************************ Responsive Styles **/

@media screen and (max-width: 1480px) and (min-width:1024px) {
.show-menu-for-mobile {display:none;}
h1 {font-size:30px;}
.logo {width:55%;}
.logo img {width:100%;}
.searchform {width:30%;}
#colorblock {margin-top:-250px; padding:175px 0;}

.icon {width:18.75%; margin:35px 20px 0;}
.icon img {width:100%;}

.invleft {width:30%;}
.catsort {width:12.25%;}
.catsort h4{font-size:11px;width:100%;}
.invright {width:68%}

.used {font-size:14px;}

}
@media screen and (max-width: 1031px) {
	#nav ul li a {
		font-size: 16px;
	}	
	
	#nav {
		width: 100%;
	}
}
@media screen and (max-width: 1023px) and (min-width:768px) {
.show-menu-for-mobile {display: none;}
h1 {font-size:24px;}
h2 {padding-top:5px;}
h3 {font-size:20px;}
h4 {font-size:13px;}
#site-width {width:90%;}
.logo {width:65%;}
.logo img {width:100%;}
.searchform {width:35%; padding-bottom:10px;}
#nav ul li a {padding:10px 17px 20px 23px;}
#colorblock {margin-top:-250px; padding:120px 0;}

.icon {width:25.5%; margin:100px 10px 0; padding:30px 15px; height:350px;}
.icon img {width:75%;}

.pagetext {width:55%;}
.pagetext img {width:100%;}
.contactinfo {width:35%;}

#sitewrap {width:90%;}
.invleft {width:35%;}
.catsort {width:28.5%;}
.catsort img{width:90%;}
.catsort h4{width:100%;font-size:13px;}
.catsort:hover{padding-left:0;}
.invright {width:60%}

.used {font-size:12px;}

.footerleft {width:50%;}
.footerright {width:50%; text-align:right;}
.footerright img {width:65%;}
}


@media screen and (max-width: 885px) {
	#nav ul li a {
    font-size: 14px;
	padding: 10px 10px 20px;
}
	}
@media screen and (max-width: 767px) and (min-width:600px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

h1 {font-size:24px;}
h2 {padding-top:10px;}
h3 {font-size:18px;}
h4 {font-size:13px;}
#site-width {width:95%;}
.logo {width:65%; padding-top:10px;}
.logo img {width:100%;}
#colorblock {margin-top:-150px; padding:100px 0;}

.searchform {width:45%;}
.searchform input.search-box {font-size:14px;}
.searchform .search-btn1 {font-size:14px;}

.icon {width:24.25%; margin:20px 10px 0; padding:30px 15px; height:350px;}
.icon img {width:75%;}
.btn {padding:5px 20px;}

.pagetext {width:55%;}
.pagetext img {width:100%;}
.contactinfo {width:35%;}

#sitewrap {width:90%;}
.invleft {float:none; width:100%;}
.catsort{width:28%;}
.catsort img{width:90%;}
.catsort:hover{padding-left:0;}
.catsort h4{width:100%;font-size:14px;}
.invright {float:none; width:100%}
.used {font-size:9px;}

.footerleft {width:52%;}
.divfooter {width:100%;}
.footerright {width:48%; text-align:right;}
.footerright img {width:85%; padding-top:10px;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#000;
}
#nav  {display:none;}
}
 
 

@media screen and (max-width: 599px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

#site-width {width:95%; margin:0 auto;}

h1 {font-size:22px;}
h2 {margin-top:-20px; text align:left;}
h3 {font-size:18px;}
h4 {font-size:12px;}
#site-width {width:95%;}
.logo {float:none; width:100%; margin:0 auto;}
.logo img {width:100%;}
#colorblock {margin-top:-150px; padding:100px 0;}
#searchwrap {float:none; text-align:center; width:100%; margin:0 auto;}
.searchform {width:100%;}
.searchform .search-btn1 {margin-top:7px;}

.facebook {padding-bottom:0;}
.icon {float:none; width:100%; margin:10px auto; padding:10px 0; height:250px;}
.icon img {width:30%;}
.btn {padding:5px 20px;}
.icon a {font-size:12px;}

.pagetext {width:100%;}
.pagetext img {width:100%;}
.contactinfo {width:100%;}

.liquid {width:100%;}

.invleft {float:none; width:100%;}
.catsort{width:100%; margin:0 auto;}
.catsort img{width:100%;}
.catsort:hover{padding-left:0;}
.catsort h4{font-size:14px; text-align:center; margin-top:10px;}
.invright {float:none; width:100%}
.used {width:100%; font-size:9px;}

.footerleft {width:100%;}
.divfooter {width:100%;}
.footerright {width:48%; text-align:right;}
.footerright img {width:75%;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#000;
}
#nav  {display:none;}
}