html {
		background:#fff;   
}
::-ms-clear {
    display: none;
}
.gallery-albums .album-preview .name {
    color: #000;
	    font-size: 1.5em;
}
#category .product,
#category .category {
	font-size:1em;
	padding-bottom: 10px; 
}

.homepage #category .product {
	padding-bottom: 70px; 
}

#category .category .name,
#category .product .name {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 3px;
	text-transform: uppercase;
	color: #000;
}
.google-review-text {
    color: #000;
}

#gallery {
	float: none;	
}

.banner-rotator {
    position: relative;
}

#hp-content{
	z-index: 20;
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 4px #000;
	text-decoration: none;
	position: absolute;
	width: 100%;
	margin-top:-20vw;
	transform: translate(0, -50%);
	max-width: 1200px;
}
.hp-quote{
	font-family: 'Qwigley';
	font-size: 7vw;
	line-height: 1em;
	text-shadow: 1px 1px 1px #000, 2px 2px 4px #000;
}
.author{
	font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-size: .4em;
}
.hp-button{
	background: rgba(113, 109, 110, 0.7);
    border-radius: 20px;
    width: 285px;
    margin: 7px auto auto;
    padding: 15px;
    font-size: 1.5em;
    text-transform: uppercase;
    border: 2px solid #fff;
	color: #fff;
}
#product #details,
#addons-wrapper {
	margin-top: 0;
}

#category .product .price::before {
    content: 'From ';
	    font-size: .8em;
	color: #999;
    
}
p {
 /*   margin: 0 20px 0 0px;*/
	color: #333;
}
	
body {
	float: left; 
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: #FFF;
	color:#777;
	    font-family: 'Nunito Sans', sans-serif;
/*	font-family: 'Open Sans', arial, freesans;*/
}
#product .price, #category .product .price {
   
    color: #000;
  
}
a {
    color: #999;
    
}
#product .values label:hover {
    color: #000;
   /* text-shadow: 0 0 2px #000;*/
}

a:hover {
    color: #000;
	/*text-shadow: 0 0 2px #000;*/
    
}
#product .product-name {
	color: #777;
	text-transform: uppercase;
	 font-size: 2em;
	/*border-bottom: 1px dashed #c2cbd4;*/
	font-weight: 200;
	padding-bottom: 20px;
}
#product .description { 
	  color: #000;
	font-size: 1.2em;
	padding-bottom: 15px; 
}
.preserve-newlines {
    white-space: pre-line;
}

#product {
	padding-top: 5px;
	
}
#header{
	max-width: 1200px;
	margin: auto;

	

}

.container.go-wide{
	max-width:1200%;
	margin:0 auto;
	
}
#homepage-banner{
/*	margin-top: 12px;*/
	
	/*border-left:15px solid #8cc63e;
	border-right:15px solid #8cc63e;*/
	margin-left:-35px;
	margin-right:-35px;

	
	
	
}
.social-media li {
	
}
#banner-rotator {

    margin: auto;
    max-width: 1200px;
   
}


#info-bar {
	background-image: linear-gradient(to bottom, #f5efef, #FFF 400px);
	padding-top: 20px;
	padding-bottom: 20px;
	
	margin: 0;
	border-top:1px solid #e2dcdc;
	border-bottom:1px solid #e2dcdc;
	
	
}


#custom_code.contentText  {
	color: #242121;

font-size:28px;
text-align:center;
border-bottom:15px solid #000;
margin-bottom:20px;
}


#hours {
	background:#8cc63e;
	padding: 10px;
	font-size: 1em;
	color:#000;
	text-align: center;
	border-bottom: 5px solid #000;
	}


#logo {
	padding-top:10px;
/*	margin: 0;*/
	max-width: 300px;
	height: 111px;
	
	background: url(images/logo.png)no-repeat center center;
	background-size: 100% auto;
}

#logo h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -50000px;
	overflow: hidden;
	text-decoration: none;
	   
}

#address {
	cursor: default;
	
	    line-height: 1.42857143;
    color: #000;
	text-align: left;
   	margin-left: 0px;
	margin-right: 0px;
	margin-top: 40px;
	font-size: 14px;
    font-weight: 200;
    
}

.address,
.street,
.town,
.phone {
	display: block;
	
	
}
.phone {
	
}


#wrapper{
	background: url(images/head-bg.jpg) repeat;
	

}



#navigation {
	border-bottom: 1px solid #cecece;
	position: relative;
	z-index: 1000;
	background: #fff;
	font-size: 1.2em;	
	max-width: 1230px;
	margin: auto;
}
#navigation ul{
	
	margin: auto;
	width: auto;
	float: none;
}



#navigation li:not(.active) a.parent::after {
    display: inline-block;
    margin-left: .6em;
    content: '\203A';
}



#navigation.container {
	max-width: 1200px;
}

#navigation a {
	color: #000;
    padding: 0 15px;
}

#navigation li:hover a {
	color: #000;
}

#navigation ul ul {
	border-bottom: 3px solid #000;
}

#navigation li ul a,
#navigation li:hover ul a {
	color: #000;
}

#page{
	margin-bottom: 30px;

	max-width: 1230px; 
	
	margin: auto;
	
}
#page .container {
	/*	border-top:1px solid #ccc;*/
}

.center {
	margin: 0;
}

.container-widest {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1200px;
	padding: 1px;
}










	.caption {
		
		color: #5ca32a;
		font-size: 1.2em;
		text-align: center;
		
	}

	.super-title {
		color: #9ECC3B;
		font-size: .9em;
	}

	.title {
		color: #777;
		font-size: 1.3em;
	}
/*home page images*/

.columns {
    padding-left: 0;
    padding-right: 0;
}


/*end of home page images*/

#content{
	background: #fff;
	max-width: 1200px;
	margin: auto;
	padding-bottom: 30px;

	
/*	box-shadow:0 0px 10px rgba(0, 0, 0, .8);*/
}
h1 {
	color:#8ea520;
	text-transform: uppercase;
	 font-size: 2em;
	
	/*padding-left:20px;*/
}
h2, .h2 {
   
	font-family: 'Nunito Sans', sans-serif;
	color: #000;
		 font-size: 1.5em;
	border-bottom: 1px solid #ccc;
		   
	
		
	
}
h3, .h3 {
 
	color:#8ea520;
	
}

.checkout h3 {
	color: #333;
}

.logo-font {
    font-weight: normal !important;
	color:#8ea520;
	font-size: 2em;
}
.tagline {
font-size: 1.2em;
	padding: 0 20px 0 20px;
	
}
#breadcrumbs {
	background: transparent;
	color:#999;
	font-style: italic; 
	max-width: 1200px;
	margin: auto;
}
#breadcrumbs a{
	color:#000;
}
.btn-primary,
.btn-primary:visited {
	background: #8ea520;
	border-color: #5ca32a;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
	background: #060606;
	border-color: #262626;
}

#category .product .button {
	width: 5em;
	margin: auto;
}

#side-navigation {
	border-right: 1px solid #ccc;	
}

#side-navigation ul{
	list-style-type: none;
	padding: 0;
}

#side-navigation a {
	display: block;
	padding: 12px 0;
}

#side-navigation a.lv-1 {
	font-size: 14px;
	font-weight: bold;
	color: #999;    
}

#side-navigation a.lv-2 {
	font-size: 14px;
	color: #000;
	padding-left: 10px;
}

#side-navigation lv-2 child {
	text-decoration: none;
}

#side-navigation .side-nav-callout-text ul{
	background: none;
}

.side-nav-links{
	font-size: 1.1em;
}

/*end of side nav*/

#footer {
	padding: 30px 0;
	color: #777;
	max-width: 1200px;
	margin: auto;
	border-top:1px solid #ccc;	
}

#footer a {
	color: #777;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;

}
#footer .footer-title, #footer li {
    font-size: 14px;
 
    font-weight: 300;
    line-height: 19px;
	
}
.footer-title {
	   color: #000;
	padding-bottom: 10px;
	
}

#footer ul {
	position: relative;
	padding: 20px 0;
	list-style-type: none;
}

#footer2 {
	padding: 20px 0;
	color: #777;
	/*text-shadow: 1px 1px 0 rgba(255, 255, 255, .9);*/
	font-size: .8em;
	
	
	
}

.checkout #footer2 {
		/*	background:url(images/header-bg.png);*/
}

#footer2 a {
color: #777;
}

#footer2 a:hover {
	color: #000;
}
img.alignleft {
	float: left;
	margin: 0 15px 5px 0px;
}

img.alignright {
	float: right;
	margin: 0 0 5px 15px;
}

img.alignabove {
	margin: 0 0 10px 0;
}
.areas-served{
	text-align: left;
	
}
.footer-text {
	color: #fff;
	
	font-size: .8em;
}
.social.blog {
background:#ef8731;
}
.fa fa-blog-f:before, .fa-blog:before {
    content: "\f09e";
}
#header ul {
    position: relative;
    padding: 2px 0;
    list-style-type: none;
	
	
}
	/*socials*/
.social.knot {
    background: #a7d2f3;
}
knot-f:before, .fa-knot:before {
    content:  "\f004";
}

.social.ww {
    background: #19b5bc;
}
ww-f:before, .fa-ww:before {
    content:   "\f1e7";
}


 .social.linkedin {
	background:#0077b5;
}
.fa-linkedin-f:before, .fa-linkedin:before {
    content:  "\f0e1";
}	
.social.blog {
background:#ef8731;
}


fa fa-recycle
.fa fa-recycle-f:before, .fa-blog:before {
    content: "\1b8";
}
.social.recycle {
    background:#166a18;
}

.fa fa-recycle-f:before, .fa-recycle:before {
    content: "\f1b8";
	}
	
.social.tumblr-square {
	background:#069;
}
.fa fa-tumblr-square {
	content: "\f174";}
	
	.social.flickr {
	background:#CCC;
	
}
.fa fa-flickr {
	content: "\f16e";}
		
.social.vimeo {
	background:#09F;
}
.fa fa-vimeo-f:before, .fa-vimeo:before {
	content:"\f194";}
h4 {color:#8ea520;}
 .primaryFontColor {
    color: #8ea520;
	margin: 0 0 .1em;
    font-size: 1.2em;
}
 .bannerText {
    position: absolute;
    bottom: 15px;
    padding: 5px 0;
    text-align: center;
    font-size: 1.1em;
    width: 100%;
    color: #000;
	 text-transform: uppercase;
}
.secondaryColor {
	position: inherit;
   padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
	
	
}


#homepage-callouts {
	clear: both;
	padding-left: 9px;
	padding-right: 9px;
	    margin-top: 15px;
}

.homepage-callout {
	position: relative;
	display: block;
	margin-bottom: 20px;
	text-align: center;
	background-size: cover;
	border-left: 6px solid #FFF;
	border-right: 6px solid #FFF;
}

.homepage-callout::after {
	display: block;
	width: 100%;
	padding-top: 66%;
	content: '';
}

.homepage-callout .title {
	position: absolute;
	top: 70%;
	left: 10px;
	right: 10px;
	padding: 20px 0;
	margin-top: -45px;
	color: #222;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	background: rgba(255, 255, 255, .7);
	border-top: 1px solid #EEE;
	border-radius: 1px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
	transition: .4s;
}

.homepage-callout:hover .title {
	left: 0;
	right: 0;
	margin-top: -50px;
	padding: 20px 0;
	color: #FFF;
	text-shadow: 0 0 10px #FFF;
	background: rgba(0, 0, 0, .3);
	border-color: transparent;
	box-shadow: none;
}


#to-top {
	z-index: 9999999;
}

#pizzazz {
	margin: 15px 0;
	padding: 20px 0;
	color: #444;
	
	text-align: center;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#pizzazz2 {
	margin: 0 15px;
	padding: 0 20px;
	color: #23731f;
	font-size: 2em;
	text-align: center;
	
	
}
#pizzazz2 h1 {
	color: #23731f;
	font-size: 2em;
	text-align: center;
}

.google-review-card {
	background: rgba(255, 255, 255, .6);
	border: none;
	border-top: 1px solid #CCC;
	box-shadow: none;
}
#category .product .price {
    color: #8ea520;
	
}#product .price, #category .product .price {
    color: #000;
	font-size: 1em;
}
html body .btn-default {
    
}
html body .btn-default {
    border-color: #D6D6D6 #D6D6D6 #B6B6B6;
    box-shadow: none;
}
.btn-default {
     color: #fff; 
    
}

.areas-served{
	text-align: center;
	color: #ff0;
}
.footer-text {
	color: #999;
	
	font-size: .8em;
}
html body .btn-default {
    background: linear-gradient(to bottom,#8ea520,#8ea520);
}

@media (min-width: 1200px){
	#hp-content {
		margin-top: -220px;
	}
	.container {
    width: 1200px;
}
	
}

@media (min-width: 920px){
	#side-navigation a {
		padding: 0;
		line-height: 2.2em;
	}
}

@media (min-width: 992px) {
.col-sm-3.category .image-container, .col-sm-3.product .image-container {
    height: 290px;
}
}

@media screen and (min-width: 1020px)
{
	#logo {
		margin: 0px auto;
	}
}
	
@media screen and (max-width: 768px)
{
	#logo {
	
	}

	#footer2 {
		font-size: .65em;
	}
	#footer {
    text-align: center;
}

		
	
#side-navigation {
		display: none;
	}
	
}

@media screen and (min-width: 768px)
{
	#website-controls {
		margin-top: 50px;
	}

	#website-controls .btn {
		color: #333;
	}

	#search {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	#category .product img,
	#category .category img {
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-bottom: 100%;
		background-size: cover;
		background-position: center 0;
	}
	#navigation a.parent::after {
    transform: rotate(90deg);
	}
	#navigation ul {
    
    margin: auto;
	}
}

@media screen and (max-width: 767px)
{
	#breadcrumbs {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		
	}
	#logo {
		margin-top: 60px;
		max-width: 145px;
	height: 100px;
	}
	#header{
		height: 180px;
	}
	#address{
		
		
		color: #000;
		padding: 15px;
	/*	margin-top: 67px;*/
		line-height:1em;
		letter-spacing: -1px;
		font-weight: 400;
		
	/*	padding-top: 70px;*/
		
	}
	.hp-quote {
   
    font-size: 7vw;
    
}
	.hp-button{
	
    width: 120px;
    margin: 7px auto auto;
    padding: 10px;
    font-size: .8em;
    text-transform: uppercase;
    border: 2px solid #fff;
	color: #fff;
}
	
	html body {
    padding-top: 1px;
}

	
	.street,
	.town, .phone {
		display: block;
	
		
	}
	html body #navigation .lv-1 {
    border-bottom: 1px solid rgba(0,0,0,.1);
		background: #fff;
}
	html body #navigation #navigation li ul a li::after  {
		color: #f00;
		
	}

	#navigation ul {
	width: 100%;
}


}
@media screen and (max-width: 475px)
{
.bannerText {
   
    font-size: .7em;
   
}	
	h1 {
    color: #8ea520;
    text-transform: uppercase;
    font-size: 1.3em;
    /* padding-left: 20px; */
}
	#pizzazz {
		margin: 5px 0;
    padding: 20px;
	}

}
@media screen and (max-width: 398px)
{
	#header {
    height: auto;
	}
	
	
	#address{
		position: relative;
		z-index: 100;
		text-align: center;
		color: #000;
		padding: 15px;
		margin-top: 70px;
		line-height: 1.4em;
		font-weight: 400;
		font-size: 16px;
		/*display: inline-flex;*/
	}
	#breadcrumbs {
        border-top: 1px solid #fff;
}
	#logo{
		margin: 4px auto;
	}
	
}

@media screen and (max-width: 390px)
{
	#logo{
		margin: 5px auto;
		margin-top: 60px; 
	}
}


@media screen and (max-width: 383px)
{
	#logo{
		margin-top: 60px;
	}
	#header {
		height: 170px;
	}
	
}

@media screen and (max-width: 367px)
{
	#header{
		height: 180px;
	}
	#logo {
		
	}
	#address {
	
		font-size: 12px;
	}	
	
}

@media screen and (max-width: 280px)
{
	.hp-button {   
		width: 100px;
		margin: 7px auto auto;
		padding: 5px;
		font-size: .5em;
	}
}


@media (min-width: 767px){
	.email-subscription-form {
		max-width: none;
	}

	.email-subscription-form br {
		display: none;
	}

	.email-subscription-form h4 {
		float: left;
		width: 180px;
		padding-right: 20px;
	}

	.email-subscription-form input[type="email"] {
		float: left;
		height: 44px;
		width: calc(100% - 360px);
		max-width: 300px;
		border-right: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.email-subscription-form input[type="submit"] {
		height: 44px;
		width: 180px;
		border-left: none;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}