@import url(//fonts.googleapis.com/css?family=Roboto+Slab:300,400,700|Roboto:300);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);

html,
body {
	background: url(../img/content_bg.jpg) #ece8e3;
	font-size: 100%;
	color: #2c2b2b;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	position: relative;
	cursor: auto;
	-webkit-font-smoothing: antialiased !important;
}

meta.foundation-mq-topbar {
	font-family: "/only screen and (min-width:50em)/";
	width: 50em;
}

.top-bar.expanded .top-bar-section {
	left: 0% !important;


}

.top-bar.expanded #categoryList {

}

@media only screen and (min-width: 50em) {
	.top-bar {
		background: #333333;
		overflow: visible;
	}

	.top-bar:before,
	.top-bar:after {
		content: " ";
		display: table;
	}

	.top-bar:after {
		clear: both;
	}

	.top-bar .toggle-topbar {
		display: none;
	}

	.top-bar .title-area {
		float: left;
	}

	.top-bar .name h1 a,
	.top-bar .name h2 a,
	.top-bar .name h3 a,
	.top-bar .name h4 a,
	.top-bar .name h5 a,
	.top-bar .name h6 a {
		width: auto;
	}

	.top-bar input,
	.top-bar select,
	.top-bar .button,
	.top-bar button {
		font-size: 0.875rem;
		height: 1.75rem;
		position: relative;
		top: 0.53125rem;
	}

	.top-bar.expanded {
		background: #333333;
	}

	.contain-to-grid .top-bar {
		margin-bottom: 0;
		margin: 0 auto;
		max-width: 62.5em;
	}

	.top-bar-section {
		transition: none 0 0;
		left: 0 !important;
	}

	.top-bar-section ul {
		display: inline;
		height: auto !important;
		width: auto;
	}

	.top-bar-section ul li {
		float: left;
	}

	.top-bar-section ul li .js-generated {
		display: none;
	}

	.top-bar-section li.hover>a:not(.button) {
		background-color: #555555;
		background: #222222;
		color: #FFFFFF;
	}

	.top-bar-section li:not(.has-form) a:not(.button) {
		background: #333333;
		line-height: 2.8125rem;
		padding: 0 0.9375rem;
	}

	.top-bar-section li:not(.has-form) a:not(.button):hover {
		background-color: #555555;
		background: #222222;
	}

	.top-bar-section li.active:not(.has-form) a:not(.button) {
		background: #2ba6cb;
		color: #FFFFFF;
		line-height: 2.8125rem;
		padding: 0 0.9375rem;
	}

	.top-bar-section li.active:not(.has-form) a:not(.button):hover {
		background: #4a990a;
		color: #FFFFFF;
	}

	.top-bar-section .has-dropdown>a {
		padding-right: 2.1875rem !important;
	}

	.top-bar-section .has-dropdown>a:after {
		border: inset 5px;
		content: "";
		display: block;
		height: 0;
		width: 0;
		border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
		border-top-style: solid;
		margin-top: -2.5px;
		top: 1.40625rem;
	}

	.top-bar-section .has-dropdown.moved {
		position: relative;
	}

	.top-bar-section .has-dropdown.moved>.dropdown {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
		display: block;
	}

	.top-bar-section .has-dropdown.hover>.dropdown,
	.top-bar-section .has-dropdown.not-click:hover>.dropdown {
		position: static !important;
		height: auto;
		width: auto;
		overflow: visible;
		clip: auto;
		display: block;
		position: absolute !important;
		min-width: 250px;
	}

	.top-bar-section .has-dropdown>a:focus+.dropdown {
		position: static !important;
		height: auto;
		width: auto;
		overflow: visible;
		clip: auto;
		display: block;
		position: absolute !important;
	}

	.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
		border: none;
		content: "\00bb";
		top: 0.1875rem;
		right: 5px;
	}

	.top-bar-section .dropdown {
		left: 0;
		background: transparent;
		min-width: 100%;
		top: auto;
	}

	.top-bar-section .dropdown li a {
		background: #333333;
		color: #FFFFFF;
		line-height: 2.8125rem;
		padding: 12px 0.9375rem;
		white-space: nowrap;
	}

	.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
		background: #333333;
		color: #FFFFFF;
	}

	.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
		background-color: #555555;
		color: #FFFFFF;
		background: #222222;
	}

	.top-bar-section .dropdown li label {
		background: #333333;
		white-space: nowrap;
	}

	.top-bar-section .dropdown li .dropdown {
		left: 100%;
		top: 0;
	}

	.top-bar-section>ul>.divider,
	.top-bar-section>ul>[role="separator"] {
		border-right: solid 1px #4e4e4e;
		border-bottom: none;
		border-top: none;
		clear: none;
		height: 2.8125rem;
		width: 0;
	}

	.top-bar-section .has-form {
		background: #333333;
		height: 2.8125rem;
		padding: 0 0.9375rem;
	}

	.top-bar-section .right li .dropdown {
		left: auto;
		right: 0;
	}

	.top-bar-section .right li .dropdown li .dropdown {
		right: 100%;
	}

	.top-bar-section .left li .dropdown {
		right: auto;
		left: 0;
	}

	.top-bar-section .left li .dropdown li .dropdown {
		left: 100%;
	}

	.no-js .top-bar-section ul li:hover>a {
		background-color: #555555;
		background: #222222;
		color: #FFFFFF;
	}

	.no-js .top-bar-section ul li:active>a {
		background: #4a990a;
		color: #FFFFFF;
	}

	.no-js .top-bar-section .has-dropdown:hover>.dropdown {
		position: static !important;
		height: auto;
		width: auto;
		overflow: visible;
		clip: auto;
		display: block;
		position: absolute !important;
	}

	.no-js .top-bar-section .has-dropdown>a:focus+.dropdown {
		position: static !important;
		height: auto;
		width: auto;
		overflow: visible;
		clip: auto;
		display: block;
		position: absolute !important;
	}
}

.row {
	max-width: 72.5rem !important;
	width: 95%;
}

.row .row {
	margin: 0;
}

.max-width {
	/* max width so categories on medium screen stech entire screen */
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

a {
	color: #2c2b2b;
}

a:hover,
a:focus,
a:target {
	color: #4a990a;
}

.fa {
	-webkit-font-smoothing: antialiased !important;
}

/* fix pixelated font-awesome icons */


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

#main-content ul {
	list-style: none;
}

#cart-content,
#main-content {
	min-height: 75%;
}

#cart-content [class*="block-grid-"] {
	margin: 0px;
}

h2,
.terms h3 {
	font: 300 24px 'Open Sans', serif;
	line-height: 30px;
	color: #2c2b2b;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 31px 0px 18px 0px;
}

h2 a,
.terms h3 a {
	color: inherit;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

h2 a:hover,
.terms h3 a:hover {
	color: #e5302a;
	text-decoration: underline;
}

h2.special,
.terms h3.special {
	line-height: 29px;
	margin: 124px 0px 45px;
}

p,
.terms ol,
.terms ul,
.privacy ul {
	font-family: "Open Sans", Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

.privacy li {
	list-style-type: disc;
}

.coming-soon:after {
	content: "COMING SOON";
	position: absolute;
	top: 0px;
	left: 25%;
	z-index: 1;
	font-family: Arial, sans-serif;
	transform: rotate(-10deg);
	font-size: 1.5rem;
	color: #2B0000;
	background: none repeat scroll 100% 100% #FFF;
	border: 4px solid #2B0000;
	padding: 5px;
	border-radius: 5px;
	opacity: 0.4;
	text-shadow: 0px 0px 2px #000000;
	box-shadow: 0px 0px 2px #000000;
}

.google_map {
	margin: 38px 0px 0px 0px;
	width: 100%;
	height: 720px;
	overflow: hidden;
	background: #c2beb6;
	padding: 3px;
	box-shadow: none;
	border: none;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.google_map iframe {
	position: relative;
	display: inline-block;
	outline: none;
	width: 100%;
	height: 100%;
	border: none;
	background: url(/img/web_site_loader.gif) center no-repeat #ece8e3 !important;
}

#form1 {
	position: relative;
	margin: 24px 0px 76px 0px;
	width: 100%;
}

#form1 textarea {
	width: 100%;
	height: 250px;
	overflow: auto;
	resize: none;
}

#form1 label {
	position: relative;
	min-height: 40px;
	width: 250px;
	margin-bottom: 7px;
	float: left;
}

/* HEADER SETTINGS */
/* TOP-BAR MAIN SETTINGS */

.logo-image {
	height: 85px;
	width: 104px;
}

header .top-bar {
	height: 7rem;
	/*max-height: 7rem;*/
	background-color: #2c2b2b;
}

header .top-bar .name {
	height: 5.4rem;
	margin: .833rem 0rem .833rem 0.6rem;
}

header .top-bar.expanded,
.top-bar.expanded .title-area {
	background: #2c2b2b !important;
}

header .top-bar-section>ul>li>a>span,
.top-bar-section>ul>li>a>span {
	font: 300 1rem 'Open Sans', serif;
	line-height: 18px;
	text-transform: uppercase;
}

header .top-bar-section .dropdown li.title h5,
.top-bar-section .dropdown li.title h5 {
	font: 300 1.2rem "Open Sans", serif;
	font-weight: 400 !important;
	text-transform: uppercase;
}

header .top-bar-section .dropdown li.title h5 a:before,
.top-bar-section .dropdown li.title h5 a:before {
	font-family: FontAwesome;
	content: '\f0a8 \00A0';
}

header .top-bar .button {
	top: 0;
}

/* SOCIAL ICONS / BASKET ICON*/


header .basket-icon2 {
	float: left !important;
	top: 3.0rem;
	position: absolute;
	margin-right: 0;
}

/* BASKET ICON */
header .top-bar>.basket-icon {
	float: right !important;
	top: 2.9rem;
	position: relative;
	/*margin-right: 2.5rem;*/
}

header .basket-icon .navspace {
	margin-right: 0.8rem !important;
	margin-top: 0.1rem !important;
}

header .navspace-right {
	margin-left: 1rem !important;
	margin-top: 0.1rem !important;
	float: right;
	width: 1px;
	height: 2rem;
	background: none repeat scroll 0% 0% #505050;
	padding-bottom: .5rem;
	margin-right: 1rem;
}

header .basket-icon ul {
	position: relative;
	float: right;
	display: inline-block;
	white-space: nowrap;
	margin-top: 55px;
}

header .basket-icon>li {
	position: relative;
	display: inline-block;
	margin: 4px 4px;
}

header .basket-icon>li>a {
	position: relative;
	font: normal normal 1.5rem 'FontAwesome';
	line-height: 1em;
	color: #ffffff;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

header .soc-icons>li>a:hover {
	color: #4a990a;
	text-decoration: none;
}

header .basket-icon .navspace,
header .basket-icon>li>.navspace {
	float: left;
	width: 1px;
	height: 2rem;
	background: none repeat scroll 0% 0% #505050;
	padding-bottom: .5rem;
	margin-left: 0;
	margin-right: 2rem;
	margin-top: -2px;
}


.basket-detail-container {
	z-index: 120;
	width: 16rem;
	right: 2rem;
	top: 6rem;
	margin-left: 0;
	left: auto;
}

@media only screen and (max-width: 49.99em) {
	header .top-bar>.basket-icon {
		float: none;
		position: absolute;
		/*margin-right: 2.5rem;*/
		right: 5rem;
		margin-top: -41px;

	}
}

@media only screen and (max-width: 64.062em) {
	/* max-width 1025px, medium and down */

	/* SMALL SCREEN SOC-ICONS */
	header .top-bar>.soc-icons-small {
		top: 0.2rem;
		position: absolute;
		margin-left: 9.5rem;
		float: left !important;
		width: 2rem;
	}

	header .soc-icons-small ul {
		position: relative;
		float: left;
		display: inline-block;
		white-space: nowrap;
		margin-top: 10px;
	}

	header .soc-icons-small>li {
		position: relative;
		display: inline-block;
		margin: 4px 4px;
	}

	header .soc-icons-small>li>a {
		position: relative;
		font: normal normal 1.2rem 'FontAwesome';
		line-height: 1em;
		color: #ffffff;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}

	header .soc-icons-small>li>a:hover {
		color: #4a990a;
		text-decoration: none;
	}
}

@media only screen and (min-width: 64.063em) {

	header .top-bar>.soc-icons {
		float: right !important;
		top: 3.0rem;
		position: relative;
		margin-right: 2.5rem;
	}

	header .soc-icons ul {
		position: relative;
		float: right;
		display: inline-block;
		white-space: nowrap;
		margin-top: 55px;
	}

	header .soc-icons>li {
		position: relative;
		display: inline-block;
		margin: 4px 4px;
	}

	header .soc-icons>li>a {
		position: relative;
		font: normal normal 1.5rem 'FontAwesome';
		line-height: 1em;
		color: #ffffff;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}

	header .soc-icons>li>a:hover {
		color: #4a990a;
		text-decoration: none;
	}

	header .soc-icons .navspace {
		float: left;
		width: 1px;
		height: 2rem;
		background: none repeat scroll 0% 0% #505050;
		padding-bottom: .5rem;
		margin-left: 0;
		margin-right: 2rem;
		margin-top: -2px;
	}

}


/* NAVIGATION MENU - HOVER */

.top-bar-section ul:not(.left) li:not(.has-form) a:not(.button) {
	/* only applies to top bar */
	background-color: #2c2b2b;
}

#box-navigation {
	/*max-height: 45px;*/
}

#box-navigation .top-bar-section li:not(.has-form) a:not(.button) {
	/* only applies to category bar */
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 50em) and (max-width: 55em) {

	/*made top bar more narrow for medium screens */
	header .top-bar-section>ul>li>a>span {
		padding: 3.4rem .25rem 1.111rem !important;
	}
}

@media (min-width: 50em) {

	/* min-width 641px, medium screens - header */
	.top-bar-section li:not(.has-form) a:not(.button) {
		padding: 0px 0.6rem;
	}

	header .top-bar-section {
		position: relative;
		list-style: none;
		padding-left: 0rem;
		margin: 0px 0px 0px -6px;
		white-space: nowrap;
	}

	header .top-bar-section>right>ul>li {
		position: relative;
		display: inline-block;
		float: left;
		/*margin-left: 56px;*/
	}

	header .top-bar-section>ul>li>a {
		position: relative;
		display: block;
		z-index: 1;
		padding: 0;
		background-color: #2c2b2b;
	}

	header .top-bar-section>ul>li>a>span {
		position: relative;
		display: block;
		padding: 3.4rem .8rem 1.111rem;
		font: 300 1rem 'Open Sans', serif;
		line-height: 18px;
		color: #FFFFFF;
		text-transform: uppercase;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		z-index: 1;
	}

	header .top-bar-section>ul>li>a>strong {
		position: absolute;
		display: block;
		top: 0;
		width: 100%;
		background: none repeat scroll 0% 0% #4a990a;
		z-index: 0;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		height: 0;
		left: 0;
	}

	header .top-bar-section>ul>li>a:hover,
	.top-bar-section>ul>li.active>a {
		text-decoration: none;
		background-color: #2c2b2b;
		/*padding: 12px 0px 12px 1rem;*/
	}

	header .top-bar-section>ul>li>a:hover>strong,
	.top-bar-section>ul>li.active>a>strong {
		height: 93px;
	}

	header .top-bar-section ul {
		/*position: absolute;*/
		list-style: none;
		z-index: 200;
		top: 59px !important;
		/*left: -40px !important;*/
		overflow: visible;
		text-align: center;
	}

	header .top-bar-section ul li {
		position: relative;
		margin: 0px 0px 7px 0px;
		padding-bottom: 0px;
	}

	header .top-bar-section ul li a {
		display: block;
		font: 1rem/16px "Open Sans", serif;
		font-weight: 200 !important;
		text-transform: uppercase;
		line-height: 18px;
		color: #ffffff !important;
		margin-bottom: 0px;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}

	header .top-bar-section ul li.active:not(.has-form) a:not(.button) {
		background: none repeat scroll 0% 0% #4a990a !important;
		/*padding: 0px;*/
	}

	header .top-bar-section ul li.active:not(.has-form) a:not(.button) {
		padding: 0px;
	}

	header .top-bar-section .dropdown {
		z-index: 500;
		overflow: visible;
		top: 5.5rem !important;
	}

	header .top-bar-section .dropdown li {
		margin: 0;
	}

	header .top-bar-section .dropdown a:hover,
	header .top-bar-section .dropdown a:focus {
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		background-color: #4a990a !important;
		color: #4a990a !important;
	}

	header .top-bar-section .has-dropdown>a:after {
		top: 3.95rem;
		right: 0rem;
	}
}


@media (max-width: 50em) {

	/* max-width 641px, small screens -- header*/
	.top-bar-section ul li>a {
		font: 300 1rem 'Open Sans', serif;
		text-transform: uppercase;
		font-size: 1rem;
	}

	.logo-image {
		height: 2em;
		width: auto;
	}
	
	header {
		z-index: 998;
	}
	
	header .top-bar {
		height: 3rem;
		/*max-height: 7rem;*/
		background-color: #2c2b2b;
		z-index: 998;
	}
	
	header .top-bar .name {
		height: 2.4rem;
		margin: .2rem 0rem .2rem 0.4rem;
	}
}



.indent1 li {
	padding-left: 0.625rem;
}


.basket-button {
	color: #FFFFFF;
	font: 300 1rem 'Open Sans', serif;
}

/* MAIN BODY */

.shopping-cart {
	color: #FFFFFF;
	right: 0;
	margin-top: -.2rem;
}

.badge {
	display: inline-block;
	-webkit-border-radius: 47px;
	-moz-border-radius: 47px;
	border-radius: 47px;
	width: 93px;
	height: 93px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-color: #2c2b2b;
	background-image: -moz-linear-gradient(top, #434242, #222121);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#434242), to(#222121));
	background-image: -webkit-linear-gradient(top, #434242, #222121);
	background-image: -o-linear-gradient(top, #434242, #222121);
	background-image: linear-gradient(to bottom, #434242, #222121);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff434242', endColorstr='#ff222121', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.75);
	box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.75);
}


.badge.badge-important {
	background-color: #4a990a;
	background-image: -moz-linear-gradient(top, #ef3b35, #d01811);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef3b35), to(#d01811));
	background-image: -webkit-linear-gradient(top, #ef3b35, #d01811);
	background-image: -o-linear-gradient(top, #ef3b35, #d01811);
	background-image: linear-gradient(to bottom, #ef3b35, #d01811);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffef3b35', endColorstr='#ffd01811', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	text-align: center;
	width: 70px;
	height: 69px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.13);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.13);
}

.list1 {
	position: relative;
	z-index: 100;
	margin-top: 75px;
	margin-bottom: 28px;
}

.list1 li {
	margin-bottom: 30px;
	text-align: center;
	list-style: none;
}

.list1 li span.badge {
	margin-bottom: 29px;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.list1 li h2 {
	font: bold 24px 'Open Sans', serif;
	line-height: 1.2em;
	color: #2c2b2b;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

.list1 li p {
	padding: 0px 8px 8px;
}

.list1 li:hover span.badge {
	background: #d71f19;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

.list1 li:hover h2>a {
	color: #e5302a;
}

.list2 {
	margin-top: 36px;
	margin-bottom: 18px;
}

.list2 li {
	margin-bottom: 20px;
}

.bg {
	position: relative;
	z-index: 100;
	background: url(../img/bg_1.png) center repeat-y;
}

.bg3 {
	background: url(../img/bg_2.png) center repeat-y;
	padding: 78px 0px 62px;
}

#main-content.shadow .bg2 {
	padding-top: 48px;
	margin-top: 0px;
	padding-bottom: 10px;
}

#main-content.shadow:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	display: block;
	background: url(/img/top_shadow.png) 0 repeat-x;
	width: 100%;
	height: 40px;
	z-index: 200;
}

.panel:not(#small-basket-detail) {
	border: 2px solid #e2dfdc;
	padding: 18px 27px 18px 27px;
	overflow: hidden;
	background-color: transparent;
}

.panel p {
	font: 300 2.167rem 'Roboto', sans-serif;
	line-height: 1.2em;
	color: #595656;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.small-basket-detail-container {
    position: fixed;
    z-index: 100;
    width: 90%;
    left: 5%;
    top: 90%;
    background-color: #397D02;
    border: none;
    color: #fff;
	font-weight: bold;
}

#main-content .button {
	background-color: #e32d27;
	background-image: -moz-linear-gradient(top, #ef3b35, #d01812);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef3b35), to(#d01812));
	background-image: -webkit-linear-gradient(top, #ef3b35, #d01812);
	background-image: -o-linear-gradient(top, #ef3b35, #d01812);
	background-image: linear-gradient(to bottom, #ef3b35, #d01812);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffef3b35', endColorstr='#ffd01812', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	padding: 12px 35px;
	text-transform: none;
	font: 300 22px 'Roboto', sans-serif;
	line-height: 18px;
	color: #ffffff;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.13);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.13);
	border: none;
	margin: -2px 0px 0px 0px;
}

#main-content .button:hover,
#main-content .button:active,
#main-content .button:focus {
	background-color: #323131;
	background-image: -moz-linear-gradient(top, #3f3e3e, #1e1d1d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3f3e3e), to(#1e1d1d));
	background-image: -webkit-linear-gradient(top, #3f3e3e, #1e1d1d);
	background-image: -o-linear-gradient(top, #3f3e3e, #1e1d1d);
	background-image: linear-gradient(to bottom, #3f3e3e, #1e1d1d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f3e3e', endColorstr='#ff1e1d1d', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: 0 0 0 transparent;
	-moz-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
}

#main-content .button-normal {
	position: relative;
	display: inline-block;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	font: 300 18px 'Roboto', sans-serif;
	line-height: 18px;
	color: #6b6b6b;
	text-transform: lowercase;
	padding: 10px 26px;
	background-color: #d9d9d9;
	background-image: -moz-linear-gradient(top, #e1e1e1, #cdcdcd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e1e1e1), to(#cdcdcd));
	background-image: -webkit-linear-gradient(top, #e1e1e1, #cdcdcd);
	background-image: -o-linear-gradient(top, #e1e1e1, #cdcdcd);
	background-image: linear-gradient(to bottom, #e1e1e1, #cdcdcd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe1e1e1', endColorstr='#ffcdcdcd', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

#main-content .button-normal:hover,
#main-content .button-normal:active,
#main-content .button-normal:focus {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	text-decoration: none;
	background-position: 0;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	color: #ffffff;
	background-color: #2c2b2b;
	background-image: -moz-linear-gradient(top, #3f3e3e, #181818);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3f3e3e), to(#181818));
	background-image: -webkit-linear-gradient(top, #3f3e3e, #181818);
	background-image: -o-linear-gradient(top, #3f3e3e, #181818);
	background-image: linear-gradient(to bottom, #3f3e3e, #181818);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f3e3e', endColorstr='#ff181818', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

button,
.button {
	background-color: #4a990a;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
	background-color: #285405;
}

figure {
	display: block;
	margin: 0;
}

hr {
	width: 100%;
	height: 1px;
	margin: 48px 0;
	border: none;
	background: #cacac8;
}

hr .margin1 {
	margin-bottom: 10px;
}

.slideshow {
	margin-bottom: 1rem;
}

/*@media (min-width: 40.062em) {

	/* min-width 641px 
	tr.hide-for-medium-up {
		/* fixes bug in foundation causing display not to be none 
		display: none !important;
	}
}*/

.top-bar .button.expand,
.button.expand {
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
}

.top-bar .button.secondary,
.button.secondary {
	background-color: #E7E7E7;
	border-color: #B9B9B9;
	color: #333;
}

.top-bar .expand {
	width: 100% !important;
}

.top-bar .button:not(.basket-detail .button)  {
	top: auto;
	display: inline-block;
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	font-weight: normal;
	line-height: normal;
	margin: 0px 0px 1.25rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding: 1rem 2rem 1.0625rem 2rem;
	font-size: 1rem;
	background-color: #4a990a;
	border-color: #4a990a;
	color: #FFF;
	transition: background-color 300ms ease-out 0s;
}

/*----- SLIDER -----*/

#camera_1 {
	position: relative;
	display: block;
	float: none;
	z-index: 0;
	margin: 0px 0 0 !important;
	padding-bottom: 0px;
	max-height: 500px;
	/*overflow: hidden;*/
}

#camera_1:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	display: block;
	background: url(../img/top_shadow.png) 0 repeat-x;
	width: 100%;
	height: 40px;
	z-index: 50;
}

#camera_1 .camera_caption {
	position: relative;
	z-index: 10;
	display: none;
	text-align: center;
	height: 100%;
	text-shadow: 2px 2px #000000;
}

#camera_1 .camera_caption>div {
	padding: 10px 35px;
}

#camera_1 .camera_caption>div>div p {
	font: bold 59px 'Open Sans', serif;
	line-height: 1.2em;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#camera_1 .camera_caption>div>div p:first-child {
	margin: 132px 0px 29px;
}

#camera_1 .camera_caption>div>div p:first-child+p {
	font-size: 30px;
	line-height: 36px;
	margin: 0px 330px 0px;
	letter-spacing: 1px;
}

#camera_1 .camera_pag {
	display: none;
}

#camera_1 .camera_prev,
#camera_1 .camera_next {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -106px;
	background: none;
	overflow: hidden;
	width: 27px;
	height: 72px;
	margin-top: 0;
	top: 32%;
	text-shadow: 2px 2px 5px #000000;
}

#camera_1 .camera_prev>span,
#camera_1 .camera_next>span {
	display: none;
	background: none;
}

#camera_1 .camera_prev:before,
#camera_1 .camera_next:before {
	content: '';
	position: relative;
	display: block;
	font: normal normal 72px 'FontAwesome';
	line-height: 1em;
	color: #ffffff;
	opacity: 0.48;
	filter: alpha(opacity=48);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

#camera_1 .camera_prev:hover:before,
#camera_1 .camera_next:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
}

#camera_1 .camera_prev {
	left: 10px;
}

#camera_1 .camera_prev:before {
	content: '\f104';
}

#camera_1 .camera_next {
	left: auto;
	right: 10px;
}

#camera_1 .camera_next:before {
	content: '\f105';
}

/*----- END SLIDER -----*/

/*----- CAROUSEL -----*/
#carousel {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 38px 0px 1px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#carousel .caroufredsel_wrapper {
	overflow: hidden !important;
}

#carousel ul {
	margin: 0 !important;
	display: block;
	overflow: hidden;
	cursor: default;
}

#carousel ul>li {
	display: inline-block;
	float: left;
	margin-right: 15px;
}

#carousel ul>li figure {
	margin-bottom: 24px;
}

#carousel ul>li p {
	padding-bottom: 2px;
}

#carousel ul>li p a.btn-link {
	margin-top: -4px;
}

#carousel #prev,
#carousel #next {
	position: relative;
	float: right;
}

#carousel #prev:after,
#carousel #next:after {
	position: absolute;
	top: -42px;
	right: 20px;
	display: inline-block;
	font: normal normal 30px 'FontAwesome';
	line-height: 1em;
	color: #b2b2b2;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

#carousel #prev:hover:after,
#carousel #next:hover:after {
	color: #5e5d5d;
}

#carousel #prev {
	margin-right: 19px;
}

#carousel #prev:after {
	content: '\f104';
}

#carousel #next:after {
	content: '\f105';
}

#carousel_2 {
	position: relative;
	margin: 14px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

#carousel_2 ul {
	margin: 0 !important;
	display: block;
	overflow: hidden;
	cursor: default;
}

#carousel_2 ul>li {
	display: inline-block;
	float: left;
	margin-right: 30px;
}

/*----- END CAROUSEL -----*/

/*----- MAIN BODY -----*/
.back-to-top {
	background-color: #B7B7B7;
	font-weight: bold;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*----- FOOTER SETTINGS ------*/

footer {
	font-family: 'Open Sans', serif;
	background-color: #2c2b2b;

}

footer h2 {
	color: #e7e2d8;
	font-size: 1rem;
	font-weight: bold;
	margin: 0px 0px 1rem 0px;
}

footer p,
footer address {
	color: #e7e2d8;
	font-family: 'Open Sans', serif;
}

footer p a,
footer address a {
	color: #e7e2d8;
	font-family: 'Open Sans', serif;
}

footer p a:focus,
footer p a:hover,
footer address a:focus,
footer address a:hover {
	color: #4a990a;
}

footer address {
	margin: 0px 0px 18px 0px;
	font-size: 0.625rem;
}

footer address {
	font-style: normal;
	margin-bottom: 16px;
}

footer address a {
	color: inherit;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	text-decoration: underline;
}

footer address a:hover {
	color: #4a990a;
	text-decoration: underline;
}

footer .fontSize1 {
	font-size: 0.75rem;
}

footer hr {
	background: #565450;
	margin: 36px 0px 26px 0px;
}

footer .list3 li,
footer .list3 li a {
	font-family: 'Open Sans', serif;
	color: #E7E2D8;
	font-size: 0.85rem;
	list-style: none;
}

footer .list3 li a:hover,
footer .list3 li a:focus,
footer .list3 li.active a {
	color: #4a990a;
}



/*----- MEDIA QUERIES ------*/
@media (min-width: 1366px) {

	.bg {
		margin-top: -118px;
	}

	.no-top-margin {
		margin-top: 0px;
	}

	.bg-cc {
		margin-top: 0;
		min-height: 37.5rem;
	}

	#camera_1 .camera_prev {
		left: 50%;
		margin-left: -592px;
	}

	#camera_1 .camera_next {
		left: 50%;
		margin-left: 554px;
	}
}

@media (min-width: 1199px) {}

@media (min-width: 980px) and (max-width: 1199px) {

	#camera_1 .camera_caption>div>div p:first-child {
		margin-top: 72px;
	}

	#camera_1 .camera_caption>div>div p:first-child+p {
		margin: 0px 0px 0px 0px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {

	#camera_1 .camera_caption>div>div p:first-child {
		margin-top: 62px;
		font-size: 45px;
	}

	#camera_1 .camera_caption>div>div p:first-child+p {
		margin: 0px;
		font-size: 20px;
		line-height: 1em;
	}

}

@media (max-width: 767px) {

	#content.shadow .bg2 {
		padding: 10px 0;
	}

	#camera_1 .camera_caption>div {
		padding: 80px 20px;
	}

	#camera_1 .camera_caption>div>div p:first-child {
		margin: 10px 0;
		font-size: 30px;
		line-height: 1em;
	}

	#camera_1 .camera_caption>div>div p:first-child+p {
		margin: 0px;
		font-size: 18px;
		line-height: 1em;
	}

	.bg3 {
		padding: 30px 0 20px;
	}

	.bg3 .span2 {
		width: 30%;
		margin-left: 2%;
		float: left;
	}
}

@media (max-width: 600px) {}

@media (max-width: 500px) {}

@media (max-width: 460px) {

	#camera_1 .camera_caption>div {
		padding: 30px 20px;
	}

	.bg3 .span2 {
		width: 100%;
		margin-left: 0%;
		float: none;
	}
}

.vpf-dropdown {
	max-width: 100% !important;
	top: 10px !important;
	margin-bottom: 10px !important;
}

@media (max-width: 50em) {
	.vpf-dropdown.f-open-dropdown {
		left: 0px !important;
	}

	.clearing-assembled .clearing-container {
		height: 100%;
		top: 45px
	}

	.clearing-close {
		right: 25px;
		position: absolute;
	}
}