/* TABLE OF CONTENTS */
/* --------------------------------------------- BASE STYLES AND LAYOUT */
/* ------------------------------------------------- Base Styles */
/* ------------------------------------------------- Layout */

/* --------------------------------------------- HEADER */
/* ------------------------------------------------- TopLinks */
/* ------------------------------------------------- Nav */

/* --------------------------------------------- MAIN CONTENT AREA*/
/* ------------------------------------------------- Layout */
/* ------------------------------------------------- Stackable Responsive Tables */
/* ------------------------------------------------- Forms */
/* ------------------------------------------------- SideNav */

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


/*ALL EM CONVERSIONS BASED ON 16PX*/


/* =============================================================================================
	BASE STYLES AND LAYOUT
============================================================================================= */

/* ------------------------------------------------------------------------ Base Styles */



@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?90960024');
  src: url('../fonts/fontello.eot?90960024#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?90960024') format('woff'),
       url('../fonts/fontello.ttf?90960024') format('truetype'),
       url('../fonts/fontello.svg?90960024#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'texgyrescholaregular';
    src: url('../fonts/texgyreschola-regular-webfont.eot');
    src: url('../fonts/texgyreschola-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreschola-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreschola-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreschola-regular-webfont.svg#texgyrescholaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

article, aside, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
 
html {
    font-size: 100%; 
    overflow-y: scroll;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
	}
	
body {
	margin: 0;
	min-height: 100%;
	font: normal 100%/1.6 'Open Sans', Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	} 
	.BodyStyle { } /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
	

	.Preload * {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
		}
	
@media only screen and (min-width: 60em) {	
	body {padding-top: 152px;}

	/*.BodyScroll {padding-top: 85px;}*/
}

@media only screen and (min-width: 70em) {	
/*	body {padding-top: 141px;}*/

	/*.BodyScroll {padding-top: 85px;}*/

}

/*@media only screen and (min-width: 80em) {	
	body {padding-top: 171px;}

}*/

.anchor {
	display: block;
	height: 140px;
	margin-top: -140px;
	visibility: hidden;
}

p, ol, ul, li, table, img { margin:0; padding: 0 0 1em; }

h1, h2, h3, h4  { 
	font-weight:600; 
	margin:0;
	text-rendering: optimizeLegibility;
	line-height:1.3;
	}	

h1 {
	font-size: 1.5em; /*34px*/
	line-height:1.2;
	color: #000;
	padding: 1.176em 0 0.471em 0;
	}

.header-one {
	font-size: 2.125em; /*34px*/
	padding: 0.75em 00;
	font-weight: 600;
}

.large-subheading {
	font-size: 2em; /*32px*/
	padding: 0.65em 0;
}

.product-header {
	font-size: 1.875em; /*30px*/
	padding: 0.6em 0;
}

.medium-subheader {
	font-size: 1.75em; /*28px*/
	padding: 0.55em 0;
}

.small-subheader {
	font-size: 1.625em; /*26px*/
	padding: 0.5em 0;
}
	
	
h2, .h2 { 
	font-size: 1.5em; /*24px*/
	color: #687F2F;
	padding: 0.667em 0;
	}

h2.header-one {color: #000;}
		
h3, .h3 { 
	font-size: 1.25em; /*20px*/
	color: #000;	
	padding: 0.800em 0;
	}	
	
h4, .h4 { 
	font-size: 1.125em; /*18px*/
	color: #000;	
	padding: 0.889em 0;
	}
	
	h1 + h2, h1 + h3, h2 + h3, h3 + h4  { padding-top: 0 }		
		
ul { 
	list-style: none; 
	list-style-position: outside;
	padding-left: .25em;
	}
	ul li {	
	    padding-left:1em;
		position: relative;
		}
		ul li:before  {
			position: absolute;
			top: .75em;
			left: 0;
			padding: 0 0 0 .025em;
			content: "\E802";
			color: #000;
			font: normal 1em/0 "fontello";
			-webkit-transition: all 0.25s;
			-moz-transition: all 0.25s;
			-o-transition: all 0.25s;
			transition: all 0.25s;
			}
		
	
ol { 
	list-style-position: outside;
	padding-left: 1.5em;
	}
	
	ul ol li {
		padding-left:0;
		}

	li ul, li ol { margin: 0.625em 0 -.5em 0; }
	
	li:last-child {padding-bottom:0; }
		li.Last {padding-bottom:0; }

b, strong, th  { font-weight: bold;}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
	}
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }
	
.NoWrap { white-space:nowrap; }

.Section {
	padding: 3em 0;
}

.SectionGrey {
	background: #e8e8e8;
}

.SectionDkGrey {
	background: #333;
	color: #fff;
}

.AlignLeft {text-align:left; }
.AlignCenter, body.cke_editable [class*='AlignCenter'] {text-align:center; }
.AlignRight {text-align:right; }

.ExtraMT1 { margin-top: 1em; }
.ExtraMT2 { margin-top: 2em; }
.ExtraMT3 { margin-top: 3em; }

.ExtraMB1 { margin-bottom: 1em; }
.ExtraMB2 { margin-bottom: 2em; }

.MR0 {margin-right: 0 !important;}

.MR1 {margin-right: 1em;}
.MT1 {margin-top: 0.5em;}

.NoMT { margin-top: 0 !important; }
.NoMB { margin-bottom: 0 !important; }

.ExtraPT1 { padding-top: 1em; }
.ExtraPT2 { padding-top: 2em; }
.ExtraPT2 { padding-top: 2em; }

.ExtraPB1 { padding-bottom: 1em; }
.ExtraPB2 { padding-bottom: 2em; }

.NoPT { padding-top: 0; }
.NoPB { padding-bottom: 0; }

.ProductName {
	font-weight: normal;
	font-size: 2.25em;
	}

.ImpactStatus{
	color:#687F2F;
	font-size:0.9em;
}

.Info .ImpactStatus{
	border-radius: 0.25em;
	border:1px solid #c5d5a4;
	font-weight: normal;
}

.ProductDealerLogo {
	width: 30%;
    height: 138px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5%;
}

.ProductDealerCaption {
	width: 65%;
}

a.Reseller {
	color: #000;
	text-decoration: none;
	font-style: italic;
}

.readall-hide:after {
    background: linear-gradient(to bottom,rgba(232,232,232,.1),#e8e8e8 75%) !important;
}

.ViewMoreArrow {
    position: fixed;
    text-align: center;
    width: 100%;
    bottom: 0;
    display: block;
    z-index: 1;
}

@media only screen and (max-width: 40em) {
    .ViewMoreArrow{
    	display: none !important;
    }
}

.Price {
	font-weight: 600;
	font-size: 1.5em;
		display: inline-block;
		margin-bottom: 0.5em;
	/*padding-left: .5em;*/
	}

.Info .Price {
	color: #687F2F;
}

.Status {
	display: block;
	text-align: center;
	font-style: italic;
	font-size: 1em;
}

.SKU {
	margin-right: 0.5em;
}

.Lighter { color: #8c8c8c; }

.Note {
	font-size: 0.875em;
	font-style:italic; 
	}	
.NonItalicNote {
	font-size: 0.875em;
	}	
	
.Caption {
	font-size: 0.875em;
	font-style:italic;
	padding-bottom: 3em; 
	text-align: center;
	}
	
.IntroText { 
	font-size: 1.25em; 
	padding-bottom: 0.8em;
	}
	.IntroTextSmall {font-size: 1em; }

.text-green {
	color: #687F2F;
}

a { color: #687F2F; }
	
	a:hover {
		text-decoration:none;
		outline: 0;
		}

	a:not([href]):not([class]), a:not([href]):not([class]):hover {
	    color: inherit;
	    text-decoration: none;
	}
		
	a img:hover { opacity: .8; }
		
	a {
		-webkit-transition: color 0.25s;
		-moz-transition: color 0.25s;
		-o-transition: color 0.25s;
		transition: color 0.25s;
		}
		
	a img {
		-webkit-transition: opacity 0.25s;
		-moz-transition: opacity 0.25s;
		-o-transition: opacity 0.25s;
		transition: opacity 0.25s;
		}
				
.More {
	display: block;
	text-decoration:none;
	position: relative;
	font-weight: 600;
	line-height: 1.3;
	padding-left: .875em;
	margin: 0;
	color: #000;
	}
	.More:before {
		position: absolute;
		font: normal 1em/1 "fontello";
		display: block;
		content: "\E802";
		top:.15em;
		left: 0;
		width:20px;
		height: 20px;
		}
		
		.More.fancybox {padding-left: 1.25em;}
			.More.fancybox:before {content: "\E806";}
		
	.More:hover { color: #687F2F; }
	
	.More .LargerText { font-size:  1.25em ; }
	
.Button {
	color: #fff;
	text-decoration:none;
	text-align:center;
	font-size: 1em;
	line-height:1.3;
	font-weight: 600;
	display:inline-block;
	/*zoom: 1;
	display:inline;*/
	border:none;
	background: #687F2F;
	height: auto;
	width:auto;
	margin: 0.75em 0 ;
	padding: 0.375em 1em;
	border-radius: .25em; 
	cursor: pointer;
	
	-webkit-transition: background 0.25s;
	-moz-transition: background 0.25s;
	-o-transition: background 0.25s;
	transition: background 0.25s;
	}	
	.Button:hover, .Button:focus  { 
		background: #000; 
/*		outline: none; */
	}	
	
	.Button.Reset { background: #888; }
		.Button.Reset:hover, .Button.Reset:focus  { 
			background: #000; 
/*			outline: none; */
		}	
	
	.Button.Form {margin-top: 2em; }
	
	.ButtonGroup .Button, .ButtonGroup .More { margin: .5em 1.5em ; }
	
	.ButtonGroup.AlignRight .Button { margin: .5em 0 .5em 2em ; }
	
	.Button.ButtonMed { font-size: 1.25em; }
	
	.Button.ButtonLarge { font-size: 1.5em; }

	.Button.ButtonHome {
		background: transparent;
		border:2px solid #fff;
		text-transform: uppercase;
		padding: 0.25em 2em;
		border-radius: .75em; 
		margin-top: 1.5em;
		display:inline-block;
		}
		a:hover .Button.ButtonHome {
			background: #fff;
			color: #000;
			}

.GlobeIcon {
	display: flex;
	position: relative;
    width: auto;
    margin-right: 2%;
}

.GlobeIcon img {
	max-width: 35px;
	width: 100%;
	padding-bottom: 0;
}

.GlobeLink {
	width: auto;
}

.GlobeLink a {
	font-style: italic;
}

img {
	 border: 0; 
	 max-width:100%;
	 height:auto!important;
    -ms-interpolation-mode: bicubic; 
	}
	/*img[style] { width: 100%!important; height: auto!important; }*/
	
	img.Width100  { width: 100%; }
	
	img.ImageFloatLeft, img.ImageFloatRight { padding: .375em 0 1em 0;	}
	
	img.TwentyFivePercent {width: 25%; }
	
	img.FiftyPercent {width: 50%; }
	
	img.DealerLogo {
		width: auto!important;
		max-width: 100%; 
		padding-top:1em;
	}
		
	/*.inpagebase img { width: auto; }
		.inpagebase img[style] { width: auto!important; height: auto!important; }*/
		
hr { 
	border:none;
	color: #000;
	background: #000;
	height:0.063em;
	margin:1em auto 1.5em auto;
	}	
	hr + h2, hr + h3 { padding-top: 0.375em; }
	
	hr.Form { margin:2.5em auto 1.5em auto; }
	
.FlexibleIframe {
	position: relative;
	margin: 1em 0 1.5em 0;
    padding-bottom: 56.25%;
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
	}
	.FlexibleIframe iframe,
	.FlexibleIframe object,
	.FlexibleIframe embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
        z-index: 2;
		}
				
	 .FlexibleIframe.ExtraMT2 { margin-top: 2em; }
	 
.Map { border: 2px solid #ccc; }
	
.SkipLink { 
	position:absolute; 
	left:-10000px; 
	top:auto; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	background: #000;
	color: #fff;
	font-size: 0.875em;
	text-decoration:none;
	z-index: 100;
	} 
 
	.SkipLink:focus { 
		left:0;
/*		outline: none; */
		padding:0.375em 0.625em; 
		width:auto; 
		height:auto; 
		} 
				
@media only screen and (min-width: 30em) {	

	img.ImageFloatLeft, img.ImageFloatRight { width:65%; }	
		img.ImageFloatLeft[style], img.ImageFloatRight[style] { width:65% !important; }	
			
}

@media only screen and (min-width: 40em) {	
			
	img.ImageFloatLeft  {
		float: left;
		padding: .375em 1em .375em 0;
		width:50%;
		}
		
	img.ImageFloatRight {
		float: right;
		margin: .375em 0 .375em 1em;
		width:50%;
		}
		img.ImageFloatLeft[style], img.ImageFloatRight[style] { width:50% !important; }	

	.FR, .FloatRight {float: right;}	
	
}

.AccentText {
		color: #687F2F;
	}
		
@media only screen and (min-width: 60em) {	
		
	.Button.ButtonHome {
		padding: 0.375em 3em;
	}
	
	.header-one {
		font-size: 2.875em; /*46px*/
		padding: 0.75em 0.25em;
	}

	.large-subheading {
		font-size: 2.5625em; /*41px*/
    	padding: 0.65em 0;
	}

	.product-header {
		font-size: 2.375em; /*38px*/
    	padding: 0.6em 0;
	}

	.medium-subheader {
		font-size: 2.1875em; /*35px*/
    	padding: 0.55em 0;
	}

	.small-subheader {
		font-size: 1.875em; /*30px*/
    	padding: 0.5em 0;
	}
		
	h2, .h2 { 
		font-size: 1.688em;/*27px*/ 
		padding: 0.593em 0;
		}
		
	h3, .h3 { 
		font-size: 1.375em; /*22px*/
		padding: 0.727em 0;
		}
	
	.IntroText { 
		font-size: 1.5em; 
		padding-bottom: 0.667em;
		}		
		.IntroTextSmall { 
			font-size: 1.25em; 
			padding-bottom: 0.8em;
			}
			.IntroTextXSmall { 
				font-size: 1.125em; 
				padding-bottom: 0.1em;
				}
	
	.More .LargerText { font-size:  1.5em ; }
	
	img.ImageFloatLeft, img.ImageFloatRight { width:33%; }
		img.ImageFloatLeft[style], img.ImageFloatRight[style] { width:33% !important; }		
	
}	

@media only screen and (min-width: 87em) {	
	h1 { 
		font-size: 2.125em; /*46px*/
		padding: 1.217em 0 0.348em 0;
		}
		h1.Product {
			font-size: 2.125em;
			padding: 1.5em 0 0.5em 0;}
}

		
/* ---- Clearfix hack: http://nicolasgallagher.com/micro-clearfix-hack/ */

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

.Clear { clear: both; }

body.cke_editable [class*='CF'] { 
	width: 100%; 
	display: table;
}	

/* ------------------------------------------------------------------------ Layout */

.Wrapper {
	max-width:60em;
	width:90%;
	margin:0 auto;
	}

.Full .Wrapper, .WrapperLg {
	max-width:75em;
	width:90%;
	margin:0 auto;
	}		
	
.Form .Col-1-2:last-child {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #e8e8e8;
	}
	.Form .Col-1-2.Last {
		margin-top: 2em;
		padding-top: 1em;
		border-top: 1px solid #e8e8e8;
		}

.Row.DFlex {
    display: flex;
    flex-flow: row wrap; 
    justify-content: flex-start;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.DFlexNoWrap {
	display: flex;
    flex-flow: row; 
    justify-content: flex-start;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.DFlexPromoColTotals,
.DFlexPromoColPromo {
    width:100%;
}

.DFlexPromoColPromo {
    text-align: right;
    margin:1rem 0;
}

.GalleryVideo {
	aspect-ratio: 16 / 9;
}


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

	.Inline-Block {
	    display: inline-block
	}    
	    
	.Row {  	
		display: flex;
		flex-flow: row wrap; 
		justify-content: flex-start;
	}
	    
	    
	.AlignItemsCenter {
		-ms-flex-align: center!important;
	    align-items: center!important;
	}	

	[class*='Col-'] { 
		margin-right: 3.5%;
		float:left; 
	}
	[class*='Col-']:last-child { margin-right: 0; }
		[class*='Col-'].Last { margin-right: 0; }
		
	[class*='Col-'].FloatRight {float:right; }

	.Col-1-3, .Col-1-5, .Col-1-6, body.cke_editable [class*='Col-1-3'] { width:31%; }	
		.Col-1-3:nth-child(3n) { margin-right: 0; }				
		.Col-1-3:nth-child(3n+4) {clear: both;}		
		.Col-1-5:nth-child(3n) { margin-right: 0; }				
		.Col-1-5:nth-child(3n+4) {clear: both;}	
		.Col-1-6:nth-child(3n) { margin-right: 0; }
			
	.Col-2-3 body.cke_editable [class*='Col-2-3'],
	.Col-2-3 { width:65.5%;  }	
				
	.Col-1-2, .Col-1-4, body.cke_editable [class*='Col-1-2'], body.cke_editable [class*='Col-2-4']  { width:48.25%;}
		.Col-1-2:nth-child(2n), .Col-1-4:nth-child(2n) { margin-right: 0; }
	
	.Col-3-4, body.cke_editable [class*='Col-3-4'] { width:74.125%; }		
		

	.Col-5-6 { width:80.42%; }
    
	body.cke_editable [class*='Col-1-4'] { width:22.375%; }
	body.cke_editable [class*='Col-1-5'] { width:17.2%; }
	body.cke_editable [class*='Col-1-6'] { width: 13.75%; }
	
    .Col-Auto { width: auto;}
	
	.Form .Col-1-2:last-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
		}
		.Form .Col-1-2.Last {
			margin-top: 0;
			padding-top: 0;
			border-top: none;
			}
}	

@media only screen and (min-width: 48em) {	
	.Row.DFlexPromo {
	    display: flex;
	    flex-flow: row wrap; 
	    justify-content: space-between;
	}

	.DFlexPromoColTotals,
	.DFlexPromoColPromo {
	    flex: 1;
	}

	.DFlexPromoColTotals {
	    order: 2;
	}

	.DFlexPromoColPromo {
	    order: 1;
	    text-align: left;
	    margin: 0;
	}
}

@media only screen and (min-width: 60em) {		
	.Product-Col,
	.Detail-Col{
		float:left;
	}
	.Product-Col { 
		width: 48.25%;
		margin-right: 3.5%;
	}
	.Detail-Col { width: 41.5% }

	.Col-1-4, body.cke_editable [class*='Col-1-4'] { width:22.375%; }
		.Col-1-4:nth-child(2n) { margin-right: 3.5%; }			
		.Col-3-4 + .Col-1-4 { margin-right: 0; }			
		.Col-1-4:nth-child(4n) { margin-right: 0; }			
		.Col-1-4:nth-child(4n+5) {clear: both;}

	.Col-1-5, body.cke_editable [class*='Col-1-5'] { width:17.2%; }	
		.Col-1-5:nth-child(3n) { margin-right: 3.5%; }				
		.Col-1-5:nth-child(3n+4) {clear: none;}	
	
	.Col-1-6, body.cke_editable [class*='Col-1-6'] { width: 13.75%; }
		.Col-1-6:nth-child(3n) { margin-right: 3.5%; }
		.Col-1-6:nth-child(6n) { margin-right: 0; }

}

/* =============================================================================================
	HEADER
============================================================================================= */

.PrintHeader { display:none; }

header { 
	background: #fff;
	border-bottom: 2px solid #eee;
}

header.Home { border-bottom: 2px solid #fff; }
		
	.Logo { 
		margin:1em auto 1.5em auto ;
		padding: 0;
		display:block;
		max-width: 180px;
		transition: all 0.25s;
		}
		a img.Logo:hover { opacity: 1; }
		
	header .Currency  { 
	    float: left;
	    aspect-ratio: 1 / 1;
	    overflow: hidden;
	    border-radius: 50%;
	    width: 2rem;
		}
		header .Currency img { 
			padding: .5em 0 0 0;
    		/* width: 25px;*/
	        width: 100% !important;
	        object-fit: cover;
	        height: 100% !important;
	        padding: 0;
			}	

	.HeaderTop {
		background-color: #c5d5a4; 
	}	

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

	header { 
		z-index: 10;
		position: fixed;
		width: 100%;
		top:0;
		z-index: 1000;
		}

		.HeaderScroll .Logo {
			max-width: 120px;
			margin:.75em 0;
		}

		/*.HeaderScroll .HeaderTop {
			display:none;
		}*/
		
		.Logo { 
			margin:1.125em 0;
			float:left;
			left:0;
			top: 0;
			width:20%;	
/*			max-width: 120px;*/
			max-width: 171px
			}	

}

/*@media only screen and (min-width: 70em) {
	.Logo { max-width: 145px; }
}*/

@media only screen and (min-width: 80em) {
	header .Currency img { 
		width: 30px;
		}

/*	.Logo { max-width: 171px; }*/
}




/* ------------------------------------------------------------------------ Search Bar */
	
.SearchBar { 
	position: relative;
	width: 250px;
	margin:0 auto 1em auto;
	}

.searchbox-input-mainnav {
	outline:0;
	background:	#fff;
	border:none;
	margin:0 0 0 .5em;
	color:#333;
	float: left;
	height: 30px;
	
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
	}

	input.searchbox-submit-mainnav {
		float: right;					
		font-size: 0;
		color: #333;
		width:30px;
		height:30px;
		padding:0;
		margin-top:-30px;
		border:0;
		outline:0;
		cursor:pointer;
		background: url(../../images/search-icon.png) no-repeat top center;
		background-size:30px;
		
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
		}
		
		input.searchbox-submit-mainnav:hover, input.searchbox-submit-mainnav:focus { 
			background: transparent url(../../images/search-icon.png) no-repeat bottom center;
			background-size:30px;
			}

	/* all */
	::-webkit-input-placeholder {  
		color: #888;
		}

	::-moz-placeholder {  
		color: #888;
		} /* firefox 19+ */

	:-ms-input-placeholder { /* ie */
		padding: .75em 1em ;
		color: #888;
		} 
	input:-moz-placeholder {  
		color: #888;
		}
	
			 
		 
@media only screen and (min-width: 60em) {
	
	.SearchBar { 	
		float:right;
		margin:.375em 0 0 0;
		width: 215px;
	}

}

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

	.SearchBar { width: 250px; }

	.searchbox-input-mainnav {		
		margin:0 0 0 1em;
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: calc(100% - 60px);
		}

}



/* ------------------------------------------------------------------------ TopLinks */

.TopLinks { 
	display: block;
	padding: 0;
	margin: .5em 0 .75em 0;
	text-align:center;
	}
		
	.TopLinks a { 
		color: #000;
		text-decoration:none;
		display: inline-block;
		position:relative;	
		font-size:0.688em;
		margin: 0 0.75em 0 0;	
		padding-left:1.8em;
		-webkit-font-smoothing: antialiased;
		vertical-align: middle;
		}
		.TopLinks a:hover { text-decoration:none; }	
		
		.TopLinks a:first-child {margin-left: 0; }
			.TopLinks a.First {margin-left: 0; }
			
		.TopLinks a:last-child {margin-right: 0; }
			.TopLinks a.Last {margin-right: 0; }


	.TopLinks > a:before, .TopLinks .Contact:before {
		content: "";
		position:absolute;
		left:0;
		top:.188em;
		width:1.125em;
		height:1.125em;
		border-radius:50%;
		background-color: #fff;
		transition: all 0.25s;
	}	

	.TopLinks > a:hover:before, .TopLinks .Contact:hover:before {
		background-color: #000;
	}



	.TopLinks a.view-cart{
		padding-left:0;
	}

	.TopLinks a.view-cart:before{
		content: "\E809";
		font:normal 1.25em/0 "fontello";
		color:#fff;
		margin-right: 8px;
	}

	.TopLinks a.view-cart:hover:before{
		color:#000;
	}


	.TopLinks a.Contact {margin-right:0;}

	.TopLinks a.PhoneNumber {
		padding-left:0;
		margin-right:0.75em;
		}

		.TopLinks a.PhoneNumber:before {display:none;}

@media only screen and (min-width: 60em) {
	.WrapperTopLinks {
		display: flex;
		justify-content: end;
	}

	.TopLinks { 
		float:left;
		text-align:left; 
		margin-right: 3rem;
	}

	/*.TopLinks a { font-size: .75em;}*/

	.TopLinks a:not(.view-cart):before {
		top:.188em;
		width:1.125em;
		height:1.125em;
	}
	
}

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

	.TopLinks a { font-size: .75em;}
	
}

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

	.TopLinks a {
		margin: 0 1em 0 0;
		font-size: .813em;
	}

	/*.TopLinks a:not(.view-cart):before {
		top: 0.125em;
		width: 1.25em;
		height: 1.25em;
	}*/

	.TopLinks a.PhoneNumber {margin-right:1em;}
	
}

#cart-container{
    display: inline-block;
    position: relative;
}

#cart-popup-overlay{
    display: none;
    position: fixed;
    z-index:10000;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    background:rgba(0,0,0,0.5);
}

#cart-popup{
    display: inline-block;
    position: relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:25px;
    z-index:1000;
    background:#FFF;
    white-space: nowrap;
    min-width: 350px;
    line-height: 1;
}

#close-cart-popup{
    position: absolute;
    top:10px;
    right:10px;
    cursor: pointer;
}

#close-cart-popup img{
    width:20px;
    height:20px;
}

#cart-popup a:not(.Button){
    font-size:1rem;
    color:#000;
    margin:0;
    padding:0;
    text-decoration: underline;
    color:#c5d5a4;
    display: inline-block;
}

#cart-popup a.Button{
    margin-top:30px;
    padding:0.375em 1em;
    font-size:1rem;
}

/* ------------------------------------------------------------------------ Main Nav */

.MainNav {
	background: #eee;
	width: 112%;
	margin-left: -6%;
	}
	  

.flexnav *, .flexnav *:before, .flexnav *:after { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

.flexnav {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-transform-style: preserve-3d;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-height: 0; 
	padding:0;
	}

	.flexnav.opacity { opacity: 0;  }
		
	.flexnav.flexnav-show {
		max-height: 2000px;
		opacity: 1;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out; 
		}
	
	.flexnav li {
		font-size: 100%;
		position: relative;
		overflow: hidden; 
		padding:0;
		}
		.flexnav li:before { display: none; }
	
	.flexnav li a {
		position: relative;
		display: block;
		padding: .675em 5%;
		z-index: 2;
		overflow: hidden;
		color: #000;
		border-bottom: 1px solid rgba(255, 255, 255, 0.35); 
		text-decoration: none;
		font-size: 0.938em;
		line-height: 1.3;
		}
		.flexnav li a:hover, .flexnav > li.Current > a { background: #c5d5a4; }

	
	.flexnav li ul { 
		width: 100%;
		margin: 0; 
		padding:0; 
		}
	
	.flexnav li ul li {
		font-size: 100%;
		position: relative;
		overflow: hidden; 
		}
	
	.flexnav li ul.flexnav-show li { overflow: visible; }
	
	.flexnav li ul li a {
		display: block;
		background: #d6d6d6;
		}
	
	.flexnav ul li ul li a { background: #c0c0c0; }
	
	.flexnav ul li ul li ul li a { background: #acacac; }
	
	.flexnav .touch-button {
		position: absolute;
		z-index: 999;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		display: inline-block;
		background: rgba(0, 0, 0, 0.075);
		text-align: center; 
		}
		.flexnav .touch-button:after {
			position: absolute;
			top: 1em;
			left:0;
			right: 0;
			margin: 0 auto;
			content: "\E80C";
			color: #000;
			font: normal 1.25em/0 "fontello";
			display: block;
			-webkit-transition: color 0.25s;
			-moz-transition: color 0.25s;
			-o-transition: color 0.25s;
			transition: color 0.25s;
			}	
			.flexnav .touch-button.active:after {content: "\E80D"; }
		
		.flexnav .touch-button:hover { cursor: pointer; }
		
		.flexnav .touch-button .navicon {display: none;}

.menu-button {
	position: relative;
	display: block;
	padding: .675em 5%;
	background: #000;
	color: #fff;
	cursor: pointer;
	border-top: 1px solid rgba(255, 255, 255, 0.4); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.4); 
	font-size: 1.125em ; 
	width: 111.5%;
	margin-left: -6%;
	}
		
	.menu-button .touch-button {
		position: absolute;
		z-index: 999;
		top: 0;
		right: 0;
		width: 40px;
		height: 53px;
		display: inline-block;
		text-align: center; 
		}
	.menu-button .touch-button:after {
		position: absolute;
		top: .875em;
		left:0;
		right: 0;
		margin: 0 auto;	
		content: "\E807";
		color: #fff;
		font: normal 1.675em/0 "fontello";
		display: block;
		-webkit-transition: color 0.25s;
		-moz-transition: color 0.25s;
		-o-transition: color 0.25s;
		transition: color 0.25s;
		}
		.menu-button.active .touch-button:after { content: "\E808"; }		
	
	.menu-button .touch-button .navicon { display: none; }	


.title-desktop {
	display: none;
}

.title-mobile {
	display: block;
}

@media only screen and (min-width: 60em) {	
	
	.MainNav { 
		width: 85%;
		float: right;
		background: transparent;
		margin-left: 0;
		margin-top:1.625em;
		transition: all 0.25s;
		}

		.HeaderScroll .MainNav { 
			margin-top:1.75em;
		}
			
	.flexnav { 
		overflow: visible; 
		text-align: right; 
		}
	
	.flexnav.opacity { opacity: 1; }
		
	.flexnav li {
		position: relative;
		list-style: none;
		display: inline-block;
		margin-left: -2px;
		background: none;
		overflow: visible;
		zoom: 1;
		}
		/*.flexnav > li:after {
			content: "|";
			position: absolute;
			color: #000;
			right: .2em;
			top: 15%;
			width: 0;
			height: 0;
			}
			.flexnav > li:last-child:after { display: none; }*/
			
						
	.flexnav li a {
		background: transparent; 
		padding: .875em 1em;
		font-size: 0.818em;
		}		
		.flexnav > li > a {
			text-align: left;		
			border-bottom: none;
			font-weight: 600;
			border-left: solid 2px #333;
			padding: 0 0.5em;
			margin-left: .75em;
			}
			.flexnav > li > a:last-child { padding-right: 0; }
				.flexnav > li > a.Last { padding-right: 0; }
			
			.flexnav > li > a:hover { background: none; }

			.flexnav li a:hover, .flexnav > li.Current > a {background: transparent;}
			
		.flexnav > li.Current > a { 
			color: #687F2F; 
			/*	border-left: solid 2px #333;
			*/ 
		}
			
		.flexnav > li:last-child > a {padding-right: 0; }
			.flexnav > li.Last > a {padding-right: 0; }

	.flexnav li > ul {
		position: absolute;
		display: none;
		top: auto;
		left: -100px; 
		right: 0; 
		margin-left: 50%;
		width: 200px;
		text-align: center; 
		background: transparent;
		padding-top: 12px;
		}
		.flexnav li > ul:before {
			position: absolute;
			display: block;
			content: "";
			top:0;
			left: 0;
			right: 0;
			margin: 0 auto;

			width: 0;
			height: 0;
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
			border-bottom: 12px solid #000;
			}
			.flexnav li li > ul { padding-top: 0; }
			.flexnav li li > ul:before { display: none; }
	
	.flexnav li > ul li {
		width: 100%; 
		margin: 0;
		display: block;
		}
		.flexnav li > ul li:first-child a { 
			border-top-left-radius: .25em;
			border-top-right-radius: .25em;
			}
			
		.flexnav li > ul li:last-child a { 
			border-bottom-left-radius: .25em;
			border-bottom-right-radius: .25em;
/*			border-bottom: none;*/
			}
			.flexnav li > ul li a { padding: .875em 1.5em; }
	
	.flexnav li ul li > ul {
		margin-left: 100%;
		top: 0; 
		left: 0; 
		}
		
				
	.flexnav li ul.open {
		display: block;
		opacity: 1;
		visibility: visible;
		z-index: 1; 
		}
	
	.flexnav li ul.open li {
		overflow: visible;
		max-height: 100px; 
		}
		
	.flexnav li ul.open ul.open {
		margin-left: 100%;
		top: 0; 
		}
		
		/*.flexnav li > ul li li:first-child a, .flexnav li > ul li li:last-child a { 
			border-radius: 0;
			}*/

		
		.flexnav li ul li a, .flexnav ul li ul li a, .flexnav ul li ul li ul li a { background: #000; color: #fff; }
		
			.flexnav li ul li a:hover, .flexnav li ul li:hover > a { background:#687F2F }


	.flexnav .touch-button { 
		background: none;
		width: 25px;		
		}
		.flexnav .touch-button:after {
			content: "\E802";
			color: #fff;
			}	
	
				
	.menu-button, .flexnav > li > .touch-button { display: none; } 

	.title-desktop {
	display: block;
	}

	.title-mobile {
		display: none;
	}
	
}

/*@media only screen and (min-width: 62em) {	
	.flexnav > li > a { 
		font-size: 0.7em; 
	}
}*/

/*@media only screen and (min-width: 65em) {	
	/*.flexnav > li > a { font-size: 0.938em; }*/
/*
	.flexnav > li > a { 
		margin-left: 1.25em;
	}
}

@media only screen and (min-width: 70em) {	
	.MainNav { margin-top:1.875em; }

	.flexnav > li > a { font-size: 0.8em; }
}*/

@media only screen and (min-width: 60em) {	
	.MainNav { 
		width: 70%;
		margin-top:2.75em;
	}

	.flexnav > li:first-child > a {
		border-left: none;
	}

	.flexnav > li > a { 
		font-size: 1em;
		border-left: solid 2px #333;
		padding: 0 2.75em;
		margin-left: 0;
	}

	.flexnav > li.Last > ul {
		left: calc(-100px + 1.375em);
	}
}


/* =============================================================================================
	MAIN CONTENT AREA
============================================================================================= */

/* ------------------------------------------------------------------------ Layout */

main { padding: 0 0 2em 0;}
/*	main:focus { outline: none; }*/
	
	aside { 
		}	
		
@media only screen and (min-width: 40em) {			
		
main { padding: 0 0 3em 0; }

	article {
		float:left;
		width:65%;
		}
		
	aside {
		float:right;
		width:31.5%;
		padding-top:0;
		margin-top:0;
		border-top:none;
		}
					
}	


.MadeInCanada {
	font-weight: bold;
}

.MadeInCanadaImg {
	width: 2rem;
	vertical-align: middle;
	margin-right: .5rem;
	padding-bottom: .125rem;
	display: inline-block;
}


/* ------------------------------------------------------------------------ Tabs (Product Detail) */

.cd-tabs {
	position: relative;
	margin: 1em auto 2em auto;
	}

	.cd-tabs nav { overflow: none;  }
	
		.cd-tabs-navigation {
			padding:0;
			margin:0;
			}
			.cd-tabs-navigation:after {
				content: "";
				display: table;
				clear: both;
				}
				
		.cd-tabs-navigation li {
		  	float: left;
		  	padding: 0;
			}
			.cd-tabs-navigation li:first-child { width: 25%; }
				.cd-tabs-navigation li.First { width: 25%; }
				
			.cd-tabs-navigation li:nth-child(2) { width: 25%; }
				.cd-tabs-navigation li.Second { width: 25%; }
				
			.cd-tabs-navigation li:nth-child(3) { width: 25%; }
				.cd-tabs-navigation li.Third { width: 25%; }

			.cd-tabs-navigation li:nth-child(4) { width: 25%; }
				.cd-tabs-navigation li.Fourth { width: 25%; }
				
			.cd-tabs-navigation li:before { display: none;  }

			.cd-tabs-navigation a {
				position: relative;
				display: block;
				text-align: center;
				font-size: 0.875em;
				background: #eee;
				color: #000;
				padding: .375em;
				text-decoration: none;
				border: 1px solid #ccc;
				border-top-left-radius: .5em;
				border-top-right-radius: .5em;
				}
				
				.cd-tabs-navigation a:hover {background-color: #f8f8f8 !important; }
						
				.cd-tabs-navigation a.selected {
					background-color: #ffffff !important;
					border-bottom: none;
					}
			

.cd-tabs-content {
	background: #ffffff;
	padding:0;
	border: 1px solid #ccc;
	border-top: none;
	font-size: .875em;
	height: 20em;
	overflow-y:auto;
	}
	.cd-tabs-content[style] {height: 20em !important; }
		
	.cd-tabs-content > li {
		display: none;
		padding: 2em;
		}
		.cd-tabs-content > li:before { display: none;  }
		
		.cd-tabs-content > li.selected {
			display: block;
			-webkit-animation: cd-fade-in 0.5s;
			-moz-animation: cd-fade-in 0.5s;
			animation: cd-fade-in 0.5s;
			}

@media only screen and (min-width:40em) and (max-width: 60em)  {
	.cd-tabs-navigation a { font-size: 0.75em;}
}

@-webkit-keyframes cd-fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes cd-fade-in {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes cd-fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* ------------------------------------------------------------------------ Swiper */

.SwiperContainer {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.swiper {
	width: 100%;
	height: 100%;
}

  .swiper-slide {
	text-align: center;
	font-size: 18px;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

.TestimonialImage {
	width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 3.5%;
    flex: 1;
}

.TestimonialCaption {
	width: auto;
    flex: 2;
}


@media only screen and (min-width: 40em) {
    .TestimonialImage {
        width: 31%;
    }
}

.testSwiper .swiper-slide {
	padding: 0;
	text-align: center;
	background: unset;
}

.testSwiper .swiper-pagination {
	position: relative;
	bottom: 0;
    top: 4px;
}

.testSwiper .swiper-pagination-bullet {
    background: #555;
    opacity: .2;
}

.testSwiper .swiper-pagination-bullet-active {
	background: #c5d5a4;
	opacity: 1;
}

.testSwiper p {
	font-size: 16px;
}

.videoSwiper .swiper-wrapper {
	justify-content: center;
	justify-content: initial;
}

.swiper.testSwiper, .swiper.documentSwiper, .swiper.videoSwiper  {
        width: 80%;
        height: 100%;
        overflow: hidden;
        margin: 0 auto;
    }

@media only screen and (min-width: 40em) {
    .swiper.testSwiper, .swiper.documentSwiper, .swiper.videoSwiper  {
        width: 90%;
    }
}

.documentSwiper .ProductName {
    font-size: 1.25em;
}

.videoSwiper .swiper-wrapper .swiper-slide iframe {
	min-height: 300px;
}

.documentSwiper .swiper-wrapper, .videoSwiper .swiper-wrapper {
	width: 100%;
	margin: 0 auto;
}

.documentSwiper a {
/*	text-decoration: none;*/
	font-size: 14px;
	color: #000;
}

.documentSwiper a:hover {
	text-decoration: none;
}

.documentSwiper .Price {
	font-size: 16px;
}

.documentSwiper	.swiper-slide {
	text-align: center;
	font-size: 18px;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
		display: block;
	line-height: 1.25;
  }

.documentSwiper .swiper-slide .background-image {
	background-repeat: no-repeat;
	background-size:contain;
	/*padding-bottom: 100%;*/
	min-height: 230px;
	width: 100%;
	background-position: center center;
}

.testSwiper .swiper-button-prev, .documentSwiper .swiper-button-prev, .videoSwiper .swiper-button-prev {
	background-image: url('../../images/arrow-left.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 15px;
}

.testSwiper .swiper-button-prev:after, .testSwiper .swiper-button-next:after, .documentSwiper .swiper-button-prev:after, .documentSwiper .swiper-button-next:after, .videoSwiper .swiper-button-prev:after, .videoSwiper .swiper-button-next:after  {
	content:'';
}

.testSwiper .swiper-button-next, .documentSwiper .swiper-button-next, .videoSwiper .swiper-button-next {
	background-image: url('../../images/arrow-right.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 15px;
}

.bannerSwiper .swiper-button-next, .bannerSwiper .swiper-button-prev {
	width: 3rem;
    height: 3rem;
    background-color: #fff;
	background-repeat: no-repeat;
	background-size: 1.25rem;
    border-radius: 50%;
}

.bannerSwiper .swiper-button-prev {
    background-image: url('../../images/arrow-left.svg');
    background-position: 42% center;
}

.bannerSwiper .swiper-button-next {
	background-image: url('../../images/arrow-right.svg');
	background-position: 58% center;
}

.bannerSwiper .swiper-button-next:after, .bannerSwiper .swiper-button-prev:after {
	display:none;
}

/*--- Thumbnail Swiper ---*/
.gallery-container {
  display: flex;
  justify-content: space-between;
	position: relative;
	margin-bottom:1em;
}


	.gallery-main {
	  width: 100%;
	}

	.swiper-slide-active .gallery-title {
	  -webkit-animation: slide-in 0.3s ease-in both;
			  animation: slide-in 0.3s ease-in both;
	}

	.gallery-container .gallery-main .swiper-slide {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		border: solid 1px #ddd;
	}

	.gallery-container .gallery-main .swiper-button-prev, .gallery-container .gallery-main .swiper-button-next {
		display: none;
		transition: all 0.25s;
	}

	.gallery-container .gallery-main:hover .swiper-button-prev, .gallery-container .gallery-main:hover .swiper-button-next {
		display: block;
		transition: all 0.25s;
	}

	.gallery-container .swiper-button-prev {
		background-image: url(../../images/arrow-left.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		width: 15px;
	}

	.gallery-container .swiper-button-next {
		background-image: url(../../images/arrow-right.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		width: 15px;
	}

	.gallery-container .gallery-thumbs .swiper-slide {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		border: solid 1px #ddd;
        cursor: pointer;
		opacity: 0.6;
	}

	.gallery-container .gallery-thumbs .swiper-slide:hover {
		opacity: 1;
	}

	.gallery-container .gallery-thumbs .swiper-button-prev {
		top: 0 !important;
		left: 40%;
		right: auto;
		margin-top: 0;
		background-image: url('../../images/arrow-up.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	.gallery-container .gallery-thumbs .swiper-button-prev:after, .gallery-container .gallery-thumbs .swiper-button-next:after, .gallery-container .swiper-button-prev:after, .gallery-container .swiper-button-next:after {
		content:'';
	}

	.gallery-container .gallery-thumbs .swiper-button-next {
		bottom: 0 !important;
		top: unset;
		left: 40%;
		right: auto;
		margin-top: 0;
		background-image: url('../../images/arrow-down.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	.gallery-thumbs {
	  order: -1;
	  width: 150px;
	  height: 500px;
	  margin-right: 15px;
	  padding-left: 15px;
	  margin-right: 1em !important;
	}
	.gallery-thumbs .swiper-slide {
	  transition: 0.25s;
	}
	.gallery-thumbs .swiper-slide-active {
	  opacity: 0.9;
	}
	.gallery-thumbs .swiper-slide-thumb-active {
	  opacity: 1;
	}


@media only screen and (max-width: 60em) {
	.gallery-container .swiper-wrapper, .gallery-container .gallery-thumbs {
		height: 350px;
	}

	.gallery-container .gallery-thumbs {
		height: 350px;
		width: 100px;
	}
}

@media only screen and (min-width: 40em) {	
	.testSwiper .swiper-slide {
		text-align: left;
	}
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 0 !important;
}

/* ------------------------------------------------------------------------ FancyBox */

.Modal {display: none; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
/*	outline: none;*/
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	color: #000;
	text-shadow: none;
	border-radius: .25em;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Open Sans",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../../images/fancybox/fancybox_sprite@2x.png');
	background-size: 44px;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Open Sans",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
	
}

/*Retina graphics!*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../../images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; 
	}

	#fancybox-loading div {
		background-image: url('../../images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; 
	}
}*/



/* ------------------------------------------------------------------------ Sliders */	
			
/* ------------------------------------------------------------------------ Flexslider */

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
/*.flexslider a:focus  {outline: none;}*/
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}



/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider li { padding: 0; }
	.flexslider li:before { display: none; }	
.flexslider .slides img {width: 100%; display: block; padding: 0; }
.flexslider a img:hover { opacity: 1; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { background: #e8e8e8; position: relative; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav li { position: static; }
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(162,205,58,0.9); text-shadow: 1px 1px 0 rgba(0,0,0,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 10px; }
.flex-direction-nav .flex-next { right: 10px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.8; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.8; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "fontello"; font-size: 50px; line-height:1; display: inline-block; content: '\E804'; }
.flex-direction-nav a.flex-next:before  { content: '\E802'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
 
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


@media only screen and (max-width: 60em) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}


/* ------------------------------------------------------------------------ Banner Area */

.Banner {
	background: #000;
	width:100%;
	margin:0 auto 1.5em auto;  
	position:relative;
	height: 30rem;
	}

	.Banner h1 {
		padding-bottom: .375rem;
	}	

	.BannerScrollIcon {
		padding-top:1.5em;
		bottom:0;
		margin: 1em auto 0 auto;
		background: url(../../images/scroll-icon.svg) no-repeat center top;
		background-size: 3em 0.938em;
		font-size:.75rem;
		display:none;
		}	
		.BannerScrollIcon a{
			color: #fff;
			text-decoration: none;
			}

			
	.BannerCaption {		
		margin: 0 auto; 
		padding: 1.25em 0 ;
		text-align: center;
		color: #fff;
		background-color: rgba(0, 0, 0, 0.6);
		display: inline-block;
		position: absolute;
		width:100%;
		left:0;
		bottom:0;
		}
		.BannerCaptionLight { 
			background-color: rgba(255, 255, 255, 0.6);
			color: #000;
			}	


		.BannerTitle { 
			font-size: 1.5em;
			font-weight: 400;
			line-height: 1.3; 
			display: inline-block;
			width: auto;
			padding-bottom: .25em;
			margin-bottom: .0875em;				
			}
			
			.BannerSubTitle { 
				font-size: 1em;
				font-weight:600;
			}	

	.BannerImage {
		position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
		}
						

	.BannerCaptionLight .ButtonHome { 
		color: #000; 
		border-color: #000;
		}	
		a:hover .BannerCaptionLight .Button.ButtonHome {
			background: #000;
			color: #fff;
			}

		.BannerCaptionLight:before {	
			color: #000;
			background: url(../../images/scroll-icon-black.svg) no-repeat center top;
			background-size: 3em 0.938em;
			filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.75));
			}	

	

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

	.Banner {height: calc(100vh - 152px);}

	.BannerSquare {
		padding-bottom: 100%;
		height: 0;
		}

	.BannerCaption:before {display:block;}	

}

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

	.BannerTitle { font-size: 2.5em; }	
	.BannerSubTitle { font-size: 1.375em }	

}




/* ------------------------------------------------------------------------ Slider/Carousel */

.flexslider .FlexibleIframe {margin: 0; }

#slider {background: #fff; }

#slider img {
	width: auto !important;
	max-height: 500px;
	max-width: 100%; 
	margin: 0 auto;
	}
	
	#slider .flex-direction-nav a,
	#carousel .flex-direction-nav a {color: #000;}	
	
.EnlargeImage {
	background: rgba(104,127,47,0.8);
	bottom: 1em;
	right:1em;
	width: 1.5em;
	height: 1.5em;
	float:right;
	display: block;
	position: absolute;		
	border-radius: .25em;
	z-index: 10;
	}
	.EnlargeImage:hover { 
		background: rgba(104,127,47,1);
		background: #687F2F;
	}
	
	.EnlargeImage:before {
		position: absolute;
		top: .2em;
		left:0;
		right:0;
		margin: 0 auto;
		text-align: center;
		color: #fff;
		font: normal 1em/1 "fontello";
		display: block;
		content: "\E806";				
		}
		.EnlargeImage a {
			display: block;
			width: 100%;
			height: 100%; 
			}

#carousel {
	margin: 1em 0 2em 0;
	background: transparent;
	}	

	#carousel .slides li { 
		/*border: 1px solid #fff;*/
		border: 2px solid #e8e8e8;
		height: 150px;
		/*margin: 0 auto;*/
		margin: 0 10px 0 0;
		overflow:hidden;
		position: relative;
		
		}	
	#carousel img {
		cursor: pointer;     
		position: absolute;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0); 
		-o-transform: translate(-50%, 0); 
		transform: translate(-50%, 0);  
		}



/* ------------------------------------------------------------------------ Sub Nav */

.SubNav { 	
	background: #ebebeb; 
	border-radius: .25em; 
	margin: .75em 0 1.5em 0; 
	}
	
	.SubNav ul {
		font-size: .875em;
		text-align:center;
		padding: .5em 0;
		}
	
		.SubNav ul li {
			display: inline-block;
			padding: 0;
			}
			.SubNav ul li:before {display:none; }
		
		.SubNav a { 
			position: relative;
			color: #000; 
			padding: .25em .75em ; 
			text-decoration: none;
			display: block;
			}
			.SubNav a:hover, .SubNav li.Current a { color: #687F2F; }

			.SubNav a:after,
			.SubNav li.Current a:after {
				content: "|";
				position: absolute;
				right: -0.25em;
				top: 0.2em;
				color: #000;
				}
			.SubNav li.Last a:after,
			.SubNav.DealerFilter a:after {content: "";}	
				


/* ------------------------------------------------------------------------ Breadcrumbs http://codepen.io/bradfrost/full/dKulf */
	
.BreadCrumbs {
	background: #ebebeb; 
	border-radius: .25em; 
	margin: .75em 0 1.5em 0; 
	}

.BreadCrumbs ul {
	font-size: .875em;
	text-align:center;
	padding: .75em 0 .625em 0;
	}	
		
	.BreadCrumbs ul li {
		display: inline-block;
		position: relative;
		overflow: hidden;
		margin:0 .125em -4px 0;
		padding:  0 0 0 .5em;
		display: none; 
		
		background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2210px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2010%2016%22%20enable-background%3D%22new%200%200%2010%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M2.9%2C15.6C3.5%2C15%2C9.5%2C9.1%2C9.5%2C9.1C9.8%2C8.8%2C10%2C8.4%2C10%2C8c0-0.4-0.2-0.8-0.5-1.1c0%2C0-6-5.9-6.6-6.5%0D%0A%09c-0.6-0.6-1.7-0.6-2.4%2C0c-0.7%2C0.6-0.7%2C1.4%2C0%2C2.2L6%2C8l-5.5%2C5.4c-0.7%2C0.7-0.7%2C1.6%2C0%2C2.2S2.3%2C16.1%2C2.9%2C15.6z%22/%3E%0D%0A%3C/svg%3E%0D%0A'); /*arrow-right-blue.svg*/
		background-repeat: no-repeat;
		background-position: left 0.55em;
		background-size: 6px;		
		}
		.BreadCrumbs ul li:before {display:none; }

		.BreadCrumbs ul li:first-child { padding-left: 0; }
			.BreadCrumbs ul li.First { padding-left: 0; } /*IE8*/

		.BreadCrumbs ul li:last-child, .BreadCrumbs ul li:first-child  {display: inline-block;}
			.BreadCrumbs ul li.Last, .BreadCrumbs ul li.First  {display: inline-block;} /*IE8*/
	
	.BreadCrumbs ul li a {
		color: #000; 
		padding: .25em .625em ; 
		text-decoration:none;
		font-weight: normal;
		position: relative;
		overflow: hidden;
		}	
		.BreadCrumbs ul li a:hover { text-decoration:underline; }
	
			.BreadCrumbs ul li:first-child { background-image: none; }
				.BreadCrumbs ul li.First { background-image: none; } /*IE8*/
				
@media (max-width:60em) and (min-width:0em) {
	
	.BreadCrumbs ul li:last-child { 
		background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2210px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2010%2016%22%20enable-background%3D%22new%200%200%2010%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M7.1%2C15.6C6.5%2C15%2C0.5%2C9.1%2C0.5%2C9.1C0.2%2C8.8%2C0%2C8.4%2C0%2C8c0-0.4%2C0.2-0.8%2C0.5-1.1c0%2C0%2C6-5.9%2C6.6-6.5%0D%0A%09c0.6-0.6%2C1.7-0.6%2C2.4%2C0c0.7%2C0.6%2C0.7%2C1.4%2C0%2C2.2L4%2C8l5.5%2C5.4c0.7%2C0.7%2C0.7%2C1.6%2C0%2C2.2S7.7%2C16.1%2C7.1%2C15.6z%22/%3E%0D%0A%3C/svg%3E%0D%0A'); /*arrow-left-blue.svg*/
		background-size: 6px;
		}
	
}
	
@media only screen and (min-width: 60em) {
		
	.BreadCrumbs ul li { display: inline-block; }		
		
}


/* ------------------------------------------------------------------------ View Cart */

.ViewCart {
	font-size: .875em;
	text-align: center;
	padding: .5em 0;
	margin-bottom: 0; 
	}
	.ViewCart a { 
		position: relative;
		padding-left: 2em;
		display: inline-block;
		font-weight: bold;
		}
	
	.ViewCart a:before {		
		position: absolute;
		top: .875em;
		left: 0;
		padding: 0 0 0 .025em;
		content: "\E809";
		color: #000;
		font: normal 1.25em/0 "fontello";
		}
		
		.ViewCart a:after {display: none; }



/* ------------------------------------------------------------------------ Image Callouts */

.Callout { 
	position: relative;
	margin-bottom: 1.5em;
	height:0;
	padding-bottom: 100%;
	overflow:hidden;
	}

	.CalloutTall { 
		padding-bottom: 100%;
	}

	.CalloutShort { 
		padding-bottom:66.66%;
	}

	.CalloutFullWidth { 
		padding-bottom:66.66%;
	}

	.CalloutTallTwoCol { 
		padding-bottom: 100%;
	}

.CalloutImage {
	/*background-color: #000;*/
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	}

.CalloutVideo {
	background: url(../../images/play-button.png) no-repeat center 45%;
	background-size: 25%;
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height: 100%;
	z-index:100;
	}

.CalloutCaption {		
	margin: 0 auto; 
	padding:1em 1.5em;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	width:100%;
	left:0;
	bottom:0;
	}

	.CalloutCaptionCenter { text-align: center; }

	.CalloutCaptionCenter .CalloutSubText { 
/*	    margin-top: .5em;*/
	    padding: 0;
	    margin-top: 0;
		}

	.CalloutCaptionLight { 
		background-color: rgba(255, 255, 255, 0.6);
		color: #000;
		}	

.CalloutTitle {
	color: #fff;
	font-size: 1.25em ;
	font-weight: 400;
	line-height: 1.3; 
	display: inline-block;
	width: auto;
	padding:0 ;
	}

	.CalloutCaptionLight .CalloutTitle { color: #000; }

	.CalloutText  { 
		font-size: 1em;
		font-weight: 600;
		padding:0 ;
	}	

	.CalloutSub {
		max-height:0;
		overflow:hidden;
		transition: max-height 0.5s ease-out;
		}
		.Callout :hover .CalloutSub {
			max-height:500px;
			transition: max-height 0.75s ease-in;
			}	

		.CalloutSubText  { 
			font-size: 1em;
			line-height: 1.3;
			color: #fff;
			padding:0 0 0 1.25em;
			margin-top: 1em;
			}	
			.CalloutCaptionLight .CalloutSubText { color: #000; }	
			
	

.CalloutLeftBorder {
		border-left: 4px solid #c5d5a4;
		padding-left: 1em;
	}

	.CalloutLeftBorderYellow {border-left: 4px solid #f5cd3a;}
	.CalloutLeftBorderBlue {border-left: 4px solid #5ca3d9;}
	.CalloutLeftBorderRed {border-left: 4px solid #e90032;}
	.CalloutLeftBorderBlack {border-left: 4px solid #000;}
	.CalloutLeftBorderWhite {border-left: 4px solid #fff;}



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

	.CalloutGroup [class*='Col-'] { 
		float:none;
		margin-right: 0; 
		width:100%;
	}

}

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

	.CalloutGroup [class*='Col-'] { 
		float:left;
		margin-right: 1.5em; 
	}
		
	.CalloutGroup .Col-1-3 { width: calc(33.33% - 1em); }	
		.CalloutGroup .Col-1-3:nth-child(3n) { margin-right: 0; }				
		.CalloutGroup .Col-1-3:nth-child(3n+4) {clear: both;}		
							
	.CalloutGroup .Col-1-2 { width:calc(50% - .75em); }
		.CalloutGroup .Col-1-2:nth-child(2n) { margin-right: 0; }

	.CalloutTall {padding-bottom: calc(133.32% + 1.5em); }

	.CalloutTallTwoCol { padding-bottom: calc(131.32% + 1.5em); }

}


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

	.CalloutCaption { padding: .875em 2em; }

	.CalloutTitle {font-size: 1.25em;}

	.CalloutText  { font-size: 1.125em;}	
}

/* ------------------------------------------------------------------------ Home Page Callouts */
.CalloutGroup--home {
	display: flex;
	max-width:98%;
	width: 100%;
}
.Callout--home {
	display: flex;
	justify-content:center;
	align-items:center;
	padding: 0;
	margin: 0.5rem 0;
	color: #ffF;
	text-decoration: none;
	text-align: center;
	line-height: 1.3;
	flex: 1 1 0px;
	border-right: solid 1px #fff;
}
.CalloutGroup--home .Callout--home:last-child {
	border-right: 0;
}

	.Callout--home:hover {
		color: #687F2F;
	}
.Callout--home .CalloutText {
	font-size: 10px;
	display: block;
}
.Callout--home p {
display:none;

}
@media only screen and (min-width: 375px) {
	.Callout--home .CalloutText {
		font-size: 12px;
	}
}
@media only screen and (min-width: 60em) {
	.Callout--home p {
		font-size: .813em;
		padding-bottom: 0;
		display: block;
	}

	.Callout--home .CalloutText {
		font-size: 14px;
	}

	.CalloutGroup--home {
		max-width: 75em;
		width: 90%;
	}

	.Callout--home {
		display: block;
	}
}

	@media only screen and (min-width: 80em) {
		.Callout--home .CalloutText {
			font-size: 15px;
		}
	}


	/* ------------------------------------------------------------------------ Image Callouts */
	.Story {
		position: relative;
		margin-bottom: 1.5em;
	}

		.Story .Col-1-2 {
			position: relative;
		}

		.Story a {
			text-decoration: none;
		}

	.StoryImageWrapper {
		width: 100%;
		height: 100%;
	}

	.StoryImage {
		background-color: #000;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 36em;
	}

	.StoryCaption {
		background-color: #eee;
		padding: 1.5em 2em;
		position: relative;
		display: flex;
		align-items: center;
	}

	.StoryTitle {
		font-size: 2em;
		font-weight: 400;
		line-height: 1.3;
		display: inline-block;
		width: auto;
		padding: 0;
	}

	.StoryText {
		font-size: 1.125em;
		font-weight: 600;
		padding: 0;
		color: #000;
	}

	.StoryCaption .ButtonHome {
		color: #000;
		border-color: #000;
	}

	a:hover .StoryCaption .Button.ButtonHome {
		background: #000;
		color: #fff;
	}


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

		.Story .Col-1-2 {
			float: none;
			margin-right: 0;
			width: 100%;
		}
	}

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

		.Story .Col-1-2 {
			float: left;
		}

			.Story .Col-1-2.StoryImage {
				width: calc(50% + 3em);
			}

			.Story .Col-1-2.StoryCaption {
				width: calc(50% - 3em);
			}

		.StoryCaption {
			height: 100%;
		}

			.StoryCaption:before {
				content: "";
				position: absolute;
				top: 0;
				left: -3em;
				width: 3em;
				height: 100%;
				background: url(../../images/story-curve-left.svg) no-repeat left top;
				background-size: auto 100%;
				z-index: 20;
			}

		.StoryFlipped .StoryCaption:before {
			left: auto;
			right: -3em;
			background: url(../../images/story-curve-right.svg) no-repeat right top;
			background-size: auto 100%;
		}

		.Story {
			height: 30em;
		}

		.StoryImage {
			height: 100%;
		}
	}

	@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

		.StoryCaption:before, .StoryFlipped .StoryCaption:before {
			display: none;
		}
	}



	/* ------------------------------------------------------------------------ Landing Page Banner with Video Link */

	.LandingBanner {
		position: relative;
	}

		.LandingBanner .PlayButton {
			position: absolute;
			z-index: 2;
			bottom: .5em;
			left: .5em;
			font-size: 1.5em;
			color: #fff;
			text-decoration: none;
			text-shadow: 1px 1px 2px #555;
		}

			.LandingBanner .PlayButton img {
				width: 1.75em;
				vertical-align: -95%;
			}

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

		.LandingBanner .PlayButton {
			top: 1em;
			left: 1em;
			font-size: 2em;
		}

			.LandingBanner .PlayButton img {
				width: 2.5em;
				vertical-align: -115%;
			}
	}

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

		.LandingBanner .PlayButton {
			top: 1.5em;
			left: 1.5em;
		}

			.LandingBanner .PlayButton img {
				width: 3em;
				vertical-align: -130%;
			}
	}



	/* ------------------------------------------------------------------------ Landing Page Callouts */

	.LandingPageCallouts {
		margin-top: 3em;
	}

		.LandingPageCallouts [class*='Col-'] {
			margin-bottom: 2em;
		}

		.LandingPageCallouts .Images {
			height: 0;
			width: 100%;
			display: block;
			background-repeat: no-repeat;
			background-position: left bottom;
			background-size: contain;
		}

	.WorkCaddys {
		background-image: url(../../images/callout-work-caddys.jpg);
		padding-bottom: 95%;
	}

	.WorkCaddyRacks {
		background-image: url(../../images/callout-work-caddy-racks.jpg);
		padding-bottom: 55%;
	}

	.WorkCaddyCarts {
		background-image: url(../../images/callout-work-caddy-carts.jpg);
		padding-bottom: 74%;
	}

	@media only screen and (min-width: 30em) {
		.LandingPageCallouts .Images {
			width: 90%;
		}
	}

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

		.LandingPageCallouts [class*='Col-'] {
			margin-bottom: 1em;
		}

		.LandingPageCallouts .Images {
			height: 250px;
			width: 100%;
			background-position: left center;
		}

		.WorkCaddys, .WorkCaddyRacks, .WorkCaddyCarts {
			padding-bottom: 0;
		}
	}

	@media only screen and (min-width: 60em) {
		.LandingPageCallouts .Images {
			width: 90%;
		}
	}




	/* ------------------------------------------------------------------------ Product Display Options */

	input.quantity::-webkit-inner-spin-button,
	input.quantity::-webkit-outer-spin-button {
		opacity: 1;
	}

	.DisplayOptions {
		margin-top: 1em;
	}

	.SubNav + .DisplayOptions {
		margin-top: 2em;
	}

	.Divider {
		margin: 3em 0;
		height: 1px;
		background: #eee;
	}

	.DividerSm {
		margin: 2em 0;
	}

	.LayoutOptions a {
		float: left;
		background-size: 28px;
		background-position: top center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		width: 28px;
		height: 28px;
		display: block;
		margin-right: .25em;
	}

	.Layout1Button {
		background-image: url(../../images/layout-option1.png)
	}

	.Layout2Button {
		background-image: url(../../images/layout-option2.png)
	}

	.Layout3Button {
		background-image: url(../../images/layout-option3.png)
	}

	.LayoutOptions a:hover, .LayoutOptions a.Current {
		background-position: bottom center;
	}


	.OrderingOptions {
		margin-top: 1em;
	}

		.OrderingOptions select {
			font-size: .875em;
			border: 1px solid #fff;
			color: #000;
			width: auto;
			background: #fff;
			padding: .5em 0;
			margin-right: 0;
		}

			.OrderingOptions select:last-child {
				margin-right: 0;
			}

			.OrderingOptions select.Last {
				margin-right: 0;
			}

		.OrderingOptions .Pricing {
			display: block;
			margin: .5em 0 1em 0;
		}

	.Pricing a {
		font-weight: bold;
	}

	.Pricing img {
		vertical-align: middle;
		/*padding: 0 0 .125em .25em;*/
		padding: 0 0 0.5em 0;
		width: 2.75em;
		height: auto;
	}

	.PricingDetail img { /*padding: 0 0 .5em .25em;*/
		padding-left: 0.5em;
		margin-left: 0.5em;
	}

	.Pagination, .DataGridPager {
		background: #c5d5a4 !important;
		border-radius: .25em;
		padding: .375em .75em;
		margin-bottom: 1em;
	}

	.DataGridPager {
		font-size: 1.125em;
		border: 1px solid #c5d5a4;
	}

	.ResultsTotal {
		display: block;
		margin-right: 1em;
	}

	.Pagination .Current, .DataGridPager span {
		font-weight: bold;
	}

	.Pagination a, .DataGridPager a {
		color: #fff;
		text-decoration: none;
	}

		.Pagination a:hover, .DataGridPager a:hover {
			text-decoration: underline;
		}


	.GoToPage {
		display: block;
		margin: 0.5em auto;
	}

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

		.OrderingOptions {
			text-align: right;
			margin-top: 0;
		}

			.OrderingOptions select {
				margin-right: .5em;
				font-size: 1em;
			}

		.ResultsTotal {
			display: inline-block;
		}

		.GoToPage {
			float: right;
			margin: 0;
		}
	}

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

		.OrderingOptions .Pricing {
			margin-left: 1em;
			display: inline-block;
			margin: 0;
		}
	}

	/* ------------------------------------------------------------------------ Product Features*/

	.features-block {
	}

	/*.features-block ul {
	display: flex;
    flex-wrap: wrap;
	color: #fff;
}

.features-block ul li {
    width: 100%;
    display: block;
	color: #fff;
}	


@media (min-width: 992px) {	
    .features-block ul li {
        width: 49%;
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    .features-block ul li {
        width: 33%;
    }
}

.features-block ul li:before {
    color: #FFF;
}*/

	@media (min-width: 768px) {
		.features-block {
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
			-webkit-column-gap: 2em;
			-moz-column-gap: 2em;
			column-gap: 2em;
		}

			.features-block li {
				margin-bottom: 1rem;
				background-position: left 0.5em;
				padding: 0 0 0 1em;
			}
	}

	/*@media (min-width: 992px) {

  
    .features-block {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
  }
  .features-block li {
    margin-bottom: 1rem;
    padding: 0 0 0 1em;
    background-position: left 0.5em;
  }*/


	/* ------------------------------------------------------------------------ Layout All Options*/

	.Layout {
		text-align: center;
	}

		.Layout .ProductListing, .Layout .ProductListingAccessory, .Layout .ProductListingRelated, .Layout .CategoryListing {
			border-bottom: 1px solid #ebebeb;
			padding: 1em;
		}

			.Layout .ProductListing:hover, .Layout .ProductListingAccessory:hover, .Layout .ProductListingRelated:hover, .Layout .CategoryListing:hover {
				background: #e8e8e8;
			}

		.Layout img {
			width: auto;
			height: auto;
			max-width: 100%;
			max-height: 330px;
			display: block;
			margin: 0 auto;
			padding-bottom: 0;
		}

			.Layout img:hover {
				opacity: 1;
			}

		/*.Layout img[style] { width: auto !important; }	*/

		.Layout h3.ProductName {
			font-size: 1.125em;
			padding-bottom: 0;
		}

			.Layout h3.ProductName a {
				/*text-decoration: none;*/
				color: #000;
			}

			.Layout .ProductListing:hover h3.ProductName a,
			.Layout h3.ProductName a:hover {
				text-decoration: none;
			}

		.Layout .Price {
			font-size: 1.125em;
		}

		.Layout .Currency {
			color: #687F2F;
			font-size: 0.875em;
		}

			.Layout .Currency img {
				width: 2.25em;
				height: auto;
				padding: .5em 0 0 .125em;
				max-width: 100%;
				max-height: auto;
				display: inline-block;
				margin: 0;
				padding-bottom: 1em;
				vertical-align: middle;
			}


		.Layout .StrikethroughPrice {
			font-size: 1em;
		}

		.Layout .Description {
			font-size: .875em;
		}


		.Layout .DiscontinuedHeader, 
		.Layout .NewHeader,
		.Info .ImpactStatus {
			padding: .125em .5em;
			margin: 1em 0 0 0;
			font-size: 0.9em;
			display: inline-block;
		}




	/* ------------------------------------------------------------------------ Layout Option 1 */

	.Layout1 .Description {
		display: none;
	}

	.Layout1 .Info {
		padding-top: .5em;
	}

	@media only screen and (min-width: 40em) {
		.Layout1 .ProductListing, .Layout1 .ProductListingAccessory, .Layout1 .ProductListingRelated, .Layout1 .CategoryListing {
			margin: 0 3.5% 1em 0;
			border-bottom: none;
			float: left;
			width: 31%;
		}

			.Layout1 .ProductListing:nth-child(3n), .Layout1 .ProductListingAccessory:nth-child(3n), .Layout1 .ProductListingRelated:nth-child(3n), .Layout1 .CategoryListing:nth-child(3n) {
				margin-right: 0;
			}

			.Layout1 .ProductListing.ThreeN, .Layout1 .ProductListingAccessory.ThreeN, .Layout1 .ProductListingRelated.ThreeN, .Layout1 .CategoryListing.ThreeN {
				margin-right: 0;
			}
		/*.Layout1 .ProductModal { width: 250px; display: inline-block;}*/
		.Layout1 .ProductModal {
		}
		/*done through jquery for different amount of items*/

		.Layout1 .ProductListing:last-child, .Layout1 .ProductListingAccessory:last-child, .Layout1 .ProductListingRelated:last-child, .Layout1 .CategoryListing:last-child {
			margin-right: 0;
		}

		/*.Layout1 .CategoryListing  { min-height: 440px; }*/

		.Layout1 .ProductListing:nth-child(3n+1), .Layout1 .ProductListingAccessory:nth-child(3n+1), .Layout1 .ProductListingRelated:nth-child(3n+1), .Layout1 .CategoryListing:nth-child(3n+1) {
			clear: both;
		}

		.Layout1 .ProductImage {
			min-height: 300px;
		}

			.Layout1 .ProductImage a:before {
				content: ' ';
				display: inline-block;
				vertical-align: middle; /* vertical alignment of the inline element */
				height: 100%;
			}

			.Layout1 .ProductImage img {
				display: inline-block;
				vertical-align: middle; /* vertical alignment of the inline element */
				font: 16px/1 Arial, sans-serif; /* reset the font property */
			}
	}




	/* ------------------------------------------------------------------------ Layout Option 2 */

	.Layout2 .Info {
		padding-top: .5em;
	}


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

		.Layout2 {
			text-align: left;
		}

			.Layout2 .ProductImage {
				float: left;
				max-width: 22.375%;
			}

			.Layout2 .Info {
				float: right;
				width: 74.125%;
				padding-top: 1em;
			}

			.Layout2 h3.ProductName {
				padding-top: 0;
			}

			.Layout2 .DiscontinuedHeader, .Layout2 .NewHeader {
				margin-bottom: 1em;
			}
	}



	/* ------------------------------------------------------------------------ Layout Option 3 */

	.Layout3 img, .Layout3 .Description {
		display: none;
	}

	.Layout3 h3, .Layout3 p {
		padding: 0;
	}

	.Layout3 .ProductImage {
		display: none;
	}

	.Layout3 .DiscontinuedHeader, .Layout3 .NewHeader {
		margin-bottom: 1em;
	}


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

		.Layout3 .Info a {
			float: left;
			width: 45%;
			text-align: left;
			padding-top: .125em;
		}

		.Layout3 p {
			float: right;
			width: 35%;
			text-align: right;
			padding-top: 0;
		}

		.Layout3 .DiscontinuedHeader, .Layout3 .NewHeader {
			float: left;
			margin: 0 1em 0 0;
		}
	}



	/* ------------------------------------------------------------------------ Clearance */

	.StrikethroughPrice {
		text-decoration: line-through;
		color: #687F2F;
		font-weight: 600;
		font-size: 1.25em;
		padding-right: .5em;
	}

	.DiscontinuedHeader {
		color: #fff;
		background-color: #D66D1E;
		padding: .25em .75em;
		/*margin: 3em 0 .75em 0;*/
		margin: 0;
		font-size: .9em;
		border-radius: .25em;
		display: inline-block;
		margin-right:0.25em;
	}

		.DiscontinuedHeader + h1 {
			padding-top: 0;
		}


	/* ------------------------------------------------------------------------ Clearance */

	.NewHeader {
		color: #fff;
		background-color: #d61e1e;
		padding: .25em .75em;
		/*margin: 3em 0 .75em 0;*/
		font-size: .9em;
		border-radius: .25em;
		display: inline-block;
		/*margin-right: 0.25em;*/
	}

		.NewHeader + h1 {
			padding-top: 0;
		}

	.DiscontinuedHeader,
	.NewHeader,
	.ImpactStatus{
		margin-bottom:.5em;
	}

	/* ------------------------------------------------------------------------ Checkout */

	input.Remove {
		width: 1.5em !important;
		min-height: unset;
	}

	input.RemoveMobile {
		display: inline-block;
		float: right;
	}

	input.Update {
		border: none;
		/*color: #c5d5a4;*/
		color: #000;
		width: auto;
		margin: 0;
		background: none;
		cursor: pointer;
	}

		input.Update:focus {
			background: none;
			text-decoration: underline;
		}

	.Subtotal {
		font-size: 1.5em;
		font-weight: bold;
	}



	/* ----------------------------------------- Faux Tables For Checkout */

	.FauxTable {
		border: none;
		width: 100%;
		margin: 1em 0 2em 0;
	}

	.FauxTR {
		width: 100%;
		margin-bottom: 30px;
	}

		.FauxTR.InvalidItem {
			box-shadow: inset 0 0 6px 1px #e7004c;
			background: #ffd1e0 !important;
		}

			.FauxTR.InvalidItem,
			.FauxTR.InvalidItem a,
			.FauxTR.InvalidItem input.Update {
				color: #e7004c;
			}

				.FauxTR.InvalidItem .FauxTD,
				.FauxTR.InvalidItem .FauxTD::before {
					border-color: #333;
				}

	.FauxTH, .FauxTD {
		vertical-align: top;
		font-size: 0.938em;
		padding: 1em;
		border: 1px solid #ccc;
		/*border-top: 0;*/
		min-height: 55px;
	}

	.FauxTH {
		display: none;
		border: 1px solid #000;
		border-right: none;
		background: #000;
		color: #fff;
		font-weight: bold;
	}

	.FauxTD {
		padding-left: 50%;
		position: relative;
	}
		/*.FauxTD:nth-child(2n + 3) { background: #f8f8f8; }
				.FauxTD.TwoNPlusThree { background: #f8f8f8; }*/

		.FauxTD.ProductNameCheckout {
			/*background: #c5d5a4;*/
			color: #fff;
			/*border: 1px solid #c5d5a4;*/
			font-weight: bold;
			padding-left: 1em;
		}
		/*.FauxTD.ProductNameCheckout a{color:#000;}*/

		.FauxTD.RemoveCheckout {
			padding-top: 1.375em;
			display: none;
		}


		.FauxTD:before {
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			width: 45%;
			border-right: 1px solid #ccc;
			content: "";
			padding: 1em;
		}

	.ProductNameCheckout:before {
		display: none;
	}

	.QuantityCheckout:before {
		height: 100%;
	}

	@media only screen and (min-width:0) and (max-width: 60em) {

		.SKUCheckout:before {
			content: "SKU";
		}

		.UnitPriceCheckout:before {
			content: "Unit Price";
		}

		.QuantityCheckout:before {
			content: "Quantity";
		}

		.SubtotalCheckout:before {
			content: "Subtotal";
		}

		.RemoveCheckout:before {
			content: "Remove";
		}
	}

	@media only screen and (min-width: 48em) {
		input.RemoveMobile {
			display: none;
		}

		.FauxTR {
			display: table;
			margin-bottom: 0;
		}

			.FauxTR:nth-child(2n) {
				background: #f8f8f8;
			}

			.FauxTR.TwoN {
				background: #f8f8f8;
			}

		.FauxTH, .FauxTD {
			border-right: none;
			display: table-cell;
			padding-left: 1em;
		}

			.FauxTH.ProductNameCheckout {
				width: 45.5%;
			}

			.FauxTD:nth-child(2n + 3) {
				background: transparent;
			}

			.FauxTD.TwoNPlusThree {
				background: transparent;
			}

			.FauxTD.ProductNameCheckout {
				width: 45.5%;
				font-weight: normal;
				background: transparent;
				color: #000;
				border: 1px solid #ccc;
				border-top: 0;
				border-right: 0;
			}

		.SKUCheckout {
			width: 10%;
		}

		.UnitPriceCheckout {
			width: 12.5%;
		}

		.QuantityCheckout {
			width: 12.5%;
			text-align: center;
		}

		.SubtotalCheckout {
			width: 14%;
		}

		.RemoveCheckout {
			width: 5.5%;
			border-right: 1px solid #ccc;
			text-align: center;
			display: table-cell !important;
		}

		.FauxTH.RemoveCheckout {
			border-right: 1px solid #000;
		}


		.FauxTD:before, .FauxTH:before {
			display: none;
		}
	}



	/* ------------------------------------------------------------------------ Where to Buy Section */

	.WheretoBuy.typeahead__container {
		width: 100%;
		position: relative;
	}

	.WheretoBuy .typeahead__field input {
		padding-right: 2.5em;
	}

	.typeahead__list {
		position: absolute;
		width: 95%;
		width: calc(100% - 15px);
		top: 29px;
		background: #fff;
		border-radius: .25em;
		border: 1px solid #ccc;
		z-index: 1000;
		padding: .5em .75em;
	}

	.WheretoBuy .typeahead__list {
		width: 100%;
		top: 60px;
	}

	.typeahead__list.empty {
		display: none;
	}


	.typeahead__list li {
		padding: .375em 0 .5em 0;
		font-size: .875em;
	}

		.typeahead__list li:before {
			display: none;
		}

	.typeahead__cancel-button {
		visibility: hidden;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border-radius: 50%;
		width: 16px;
		height: 16px;
		position: absolute;
		top: 38px;
		right: .8em;
		cursor: pointer;
		background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQzOC41MzMgNDM4LjUzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUzMyA0MzguNTMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQwOS4xMzMsMTA5LjIwM2MtMTkuNjA4LTMzLjU5Mi00Ni4yMDUtNjAuMTg5LTc5Ljc5OC03OS43OTZDMjk1LjczNiw5LjgwMSwyNTkuMDU4LDAsMjE5LjI3MywwICAgYy0zOS43ODEsMC03Ni40Nyw5LjgwMS0xMTAuMDYzLDI5LjQwN2MtMzMuNTk1LDE5LjYwNC02MC4xOTIsNDYuMjAxLTc5LjgsNzkuNzk2QzkuODAxLDE0Mi44LDAsMTc5LjQ4OSwwLDIxOS4yNjcgICBjMCwzOS43OCw5LjgwNCw3Ni40NjMsMjkuNDA3LDExMC4wNjJjMTkuNjA3LDMzLjU5Miw0Ni4yMDQsNjAuMTg5LDc5Ljc5OSw3OS43OThjMzMuNTk3LDE5LjYwNSw3MC4yODMsMjkuNDA3LDExMC4wNjMsMjkuNDA3ICAgczc2LjQ3LTkuODAyLDExMC4wNjUtMjkuNDA3YzMzLjU5My0xOS42MDIsNjAuMTg5LTQ2LjIwNiw3OS43OTUtNzkuNzk4YzE5LjYwMy0zMy41OTYsMjkuNDAzLTcwLjI4NCwyOS40MDMtMTEwLjA2MiAgIEM0MzguNTMzLDE3OS40ODUsNDI4LjczMiwxNDIuNzk1LDQwOS4xMzMsMTA5LjIwM3ogTTMyMi42MjEsMjcwLjkzOWMzLjYxNywzLjYxMyw1LjQyOCw3LjkwNSw1LjQyOCwxMi44NTQgICBjMCw1LjEzMy0xLjgxMSw5LjUxNC01LjQyOCwxMy4xMjdsLTI1LjY5MywyNS43MDFjLTMuNjE0LDMuNjEzLTcuOTk0LDUuNDItMTMuMTM1LDUuNDJjLTQuOTQ4LDAtOS4yMzYtMS44MDctMTIuODQ3LTUuNDIgICBsLTUxLjY3Ni01MS42ODJsLTUxLjY3OCw1MS42ODJjLTMuNjE2LDMuNjEzLTcuODk4LDUuNDItMTIuODQ3LDUuNDJjLTUuMTQsMC05LjUxNy0xLjgwNy0xMy4xMzQtNS40MmwtMjUuNjk3LTI1LjcwMSAgIGMtMy42MTYtMy42MTMtNS40MjQtNy45OTQtNS40MjQtMTMuMTI3YzAtNC45NDgsMS44MDktOS4yNCw1LjQyNC0xMi44NTRsNTEuNjc4LTUxLjY3M2wtNTEuNjc4LTUxLjY3OCAgIGMtMy42MTYtMy42MTItNS40MjQtNy44OTgtNS40MjQtMTIuODQ3YzAtNS4xNCwxLjgwOS05LjUxNyw1LjQyNC0xMy4xMzRsMjUuNjk3LTI1LjY5M2MzLjYxNy0zLjYxNiw3Ljk5NC01LjQyNCwxMy4xMzQtNS40MjQgICBjNC45NDksMCw5LjIzMSwxLjgwOSwxMi44NDcsNS40MjRsNTEuNjc4LDUxLjY3NGw1MS42NzYtNTEuNjc0YzMuNjEtMy42MTYsNy44OTgtNS40MjQsMTIuODQ3LTUuNDI0ICAgYzUuMTQxLDAsOS41MjEsMS44MDksMTMuMTM1LDUuNDI0bDI1LjY5MywyNS42OTNjMy42MTcsMy42MTcsNS40MjgsNy45OTQsNS40MjgsMTMuMTM0YzAsNC45NDgtMS44MTEsOS4yMzUtNS40MjgsMTIuODQ3ICAgbC01MS42NzUsNTEuNjc4TDMyMi42MjEsMjcwLjkzOXoiIGZpbGw9IiM1NTU1NTUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat scroll 50% transparent
	}

	.typeahead__container.cancel:not(.loading) .typeahead__cancel-button {
		visibility: visible;
		opacity: .25
	}

		.typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover {
			opacity: .4
		}

	#map {
		width: 100%;
		height: 410px;
		background-color: #fff;
		margin-top: 2em;
	}
	/*#map img[style] { width: auto!important; height: auto!important; }*/


	.Dealers.Accordion dt {
		margin-bottom: 1em;
	}

	.Dealers.Accordion dd {
		margin-bottom: 2em;
	}

	.Dealers.Accordion dt a.DealerResultState {
		display: block;
		width: 100%;
		padding: .375em 1em .375em 2.5em;
		font-weight: normal;
		text-decoration: none;
		color: #2c4890;
		background: #ebebeb;
		border-radius: .25em;
		position: relative;
		-webkit-transition: background-color 0.5s;
		transition: background-color 0.5s;
	}

		.Dealers.Accordion dt a.DealerResultState:before {
			position: absolute;
			top: 1em;
			left: 1em;
			color: #000;
			content: "\E802";
			font: normal 1.25em/0 "fontello";
		}

	.DealerResultState h3 {
		padding: 0;
	}

	.Dealers.Accordion dt a:hover {
		background-color: #f8f8f8;
	}


	.DealerResults {
		padding: 1em 0;
		/*border-bottom: 1px solid #ccc;*/
	}

		.DealerResults a.DealerNameLogo {
			color: #000;
			text-decoration: none;
		}

		.DealerResults .Links {
			font-size: .875em;
		}

		.DealerResults .DealerLogo {
			max-width: 60%;
			padding-bottom: 1em;
			position: relative;
			display: flex;
			align-items: center;
		}

			.DealerResults .DealerLogo img {
				padding-bottom: 0;
				-webkit-backface-visibility: hidden;
			}

		.DealerResults p, .Accordion dd .DealerResults p {
			padding: 0;
		}

		.DealerResults .ViewDetails a {
			font-style: italic;
			text-decoration: none;
		}


	.ViewMap {
		cursor: pointer;
		text-decoration: underline;
	}

		.ViewMap:hover {
			text-decoration: none;
		}

	.ContactLinks a {
		word-wrap: break-word;
	}

	.ContactDealerForm input[type="text"], .ContactDealerForm select {
		margin-bottom: 1em;
	}




	@media only screen and (min-width: 40em) {
		#map {
			margin-top: 1em;
		}

		.DealerResults .Links {
			text-align: right;
		}

		.DealerResults .DealerLogo {
			padding-bottom: .5em;
		}
	}


	/* ------------------------------------------------------------------------ Dealer Section */

	.DealerSubNav {
		margin-bottom: 0;
	}

	.DealerSignedIn {
		font-size: .875em;
		font-weight: bold;
		margin: 2em 0 1.5em 0;
		text-align: center;
	}


	.Loading {
		text-align: center;
		margin: 2em 0;
	}

		.Loading img {
			width: auto;
			margin-left: 1em;
			vertical-align: -100%;
		}

	.DealerFilter {
		margin-top: 2em;
		padding: .5em;
		text-align: center;
	}

		.DealerFilter input, .DealerFilter select {
			margin-top: .5em
		}

	.SubNav a.Button {
		color: #fff;
		padding: 0.375em 1em;
		display: inline-block;
	}

	.DataGrid th, .DataGrid td {
		font-size: 0.813em;
	}

	.DataGridHeader a {
		color: #fff
	}

	.DealerMessage {
		background: #ebebeb;
		color: #000;
		font-weight: bold;
		border-radius: .25em;
		margin-top: 1.5em;
		font-size: .875em;
		text-align: center;
		padding: .5em 0;
	}

	.SummaryInfo label {
		font-weight: bold;
	}

	@media only screen and (min-width: 45em) {
		.SummaryInfo label {
			width: 12em;
			display: inline-block;
		}
	}


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

		.DealerFilter select {
			margin: .5em .5em;
			/*width: 10em; */
		}

			.DealerFilter select.DealerSelect {
				width: 75%;
			}

		input.StartsWith { /*width: 15em;*/
			width: 10em;
		}
	}



	/* ------------------------------------------------------------------------ Accordion */

	.Accordion dt.Open .More:before {
		content: "\E80C";
	}

	.Accordion dd {
		margin-left: 0;
	}

		.Accordion dd p {
			padding-top: .5em;
		}

	.Accordion dd {
		font-size: 0.875em;
	}



	/* ------------------------------------------------------------------------ AddThis */

	.AddThis {
		margin-top: 1em;
	}

	.at-share-tbx-element .at-share-btn .at300bs {
		display: block !important;
	}

	.AddThis .at15t_twitter {
		background: url(../../images/addthis/twitter.png) no-repeat left !important;
	}

	.AddThis .at15t_facebook {
		background: url(../../images/addthis/facebook.png) no-repeat left !important;
	}

	.AddThis .at15t_pinterest_share {
		background: url(../../images/addthis/pinterest.png) no-repeat left !important;
	}

	.AddThis .at15t_email {
		background: url(../../images/addthis/email.png) no-repeat left !important;
	}
	/*.AddThis .at15t_compact {
	display: none!important;
	background: url(../../images/addthis/compact.png) no-repeat left !important;
	}
*/


	/* ------------------------------------------------------------------------ Staff Page */

	.Staff {
		background: #ebebeb;
		position: relative;
		margin-bottom: 2em;
		text-align: center;
		padding: 1.5em;
		font-size: .875em;
	}

		.Staff img {
			padding-bottom: 0;
		}

		.Staff h3 {
			padding-bottom: .25em;
			color: #687F2F;
		}

		.Staff .JobTitle {
			border-bottom: 1px solid #555;
			padding-bottom: .75em;
			margin-bottom: .75em
		}


	@media only screen and (min-width: 25em) {
		.Staff img {
			max-width: 60%;
		}
	}

	@media only screen and (min-width: 40em) {
		.Staff {
			min-height: 32em;
		}

			.Staff:nth-child(2n) {
				float: right;
				margin-right: 0;
			}

			.Staff.TwoN {
				float: right;
				margin-right: 0;
			}
	}

	@media only screen and (min-width: 50em) {
		.Staff {
			min-height: 35em;
		}
	}

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

		.Staff {
			text-align: left;
			padding: 0;
			min-height: 0;
		}

			.Staff:after {
				content: "";
				position: absolute;
				left: 30%;
				top: 1.5em;
				width: 0;
				height: 0;
				border-top: 25px solid transparent;
				border-bottom: 25px solid transparent;
				border-right: 25px solid #ebebeb;
			}

			.Staff .Description {
				float: right;
				width: 59.5%;
				padding-right: 1.5em;
			}

			.Staff img {
				float: left;
				margin-right: 1em;
				max-width: 35%;
			}
	}



	/* ------------------------------------------------------------------------ Social Buttons */

	.Social {
		text-align: center;
		margin-top: 1em auto;
	}

		.Social a {
			display: inline-block;
			position: relative;
			margin-right: .25em;
			width: 2.25em;
			height: 2.25em;
			text-decoration: none;
			background: #687F2F;
			border-radius: .25em;
		}

			.Social a:before {
				position: absolute;
				top: .3em;
				left: 0;
				right: 0;
				width: 1.25em;
				height: 1.25em;
				margin: 0 auto;
				text-align: center;
				font: normal 1.5em/1 "fontello";
				display: block;
				color: #fff;
				-webkit-transition: color 0.25s;
				-moz-transition: color 0.25s;
				-o-transition: color 0.25s;
				transition: color 0.25s;
			}

			.Social a.Facebook:before {
				content: "\E801";
			}

			.Social a.Twitter:before {
				content: "\E803";
			}

			.Social a.Pinterest:before {
				content: "\E800";
			}

			.Social a.YouTube:before {
				content: "\E805";
			}

			.Social a.Instagram:before {
				content: "\F16D";
			}

			.Social a.LinkedIn:before {
				content: "\F0E1";
			}

			.Social a:hover {
				background: #000;
			}



	/* ------------------------------------------------------------------------ InfoBox */

	.InfoBox {
		background: #e8e8e8;
		margin: .5em 0 1.5em 0;
		position: relative;
		padding: .75em 1.5em;
	}

		.InfoBox.Light {
			background: #fff;
		}

	/* ------------------------------------------------------------------------ To Top */

	.Top {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 2000;
	}

		.Top a {
			display: block;
			width: 2.5em;
			height: 2.5em;
			padding: .5em .5em;
			background-color: #000;
			margin: 0;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.Top svg {
			fill: #fff;
			-webkit-transition: fill 0.5s;
			transition: fill 0.5s;
		}

		.Top span {
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
		}

		.Top a:hover, .Top a:focus {
			background-color: #444;
		}


	/* ------------------------------------------------------------------------ Responsive Tabs */

	.responsive-tabs {
		overflow: overlay;
		overflow: auto;
	}

		.responsive-tabs > input {
			display: none;
		}

	@media (min-width: 60em) {
		.responsive-tabs > input[type="radio"]:checked + input + label + label + div.open-tab {
			display: block;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
	}

	@media (max-width: 60em) {
		.responsive-tabs > input[type="checkbox"]:checked + label + label + div.open-tab {
			display: block;
		}
	}

	.responsive-tabs > label[for^="radio"] {
		display: none;
	}

	.responsive-tabs > label[for^="check"] {
		display: block;
	}

	@media (min-width: 60em) {
		.responsive-tabs > label[for^="radio"] {
			display: inline-block;
			margin: 0;
			width: 25%;
			margin-right: -4.25px;
			text-align: center;
			font-size: 0.9em;
			background: #eee;
			color: #000;
			padding: 0.75em 0.375em;
			text-decoration: none;
			border: 1px solid #ccc;
			border-top-left-radius: 0.5em;
			border-top-right-radius: 0.5em;
			font-weight: bold;
		}

		.responsive-tabs > label[for^="check"] {
			display: none;
		}
	}

	.responsive-tabs > div.open-tab {
		width: 100%;
		display: none;
	}

	@media (min-width: 60em) {
		.responsive-tabs > div.open-tab {
			float: left;
		}
	}

	.responsive-tabs > input:checked + * + label {
		background-color: white;
		color: green;
	}

	.responsive-tabs > label {
		background-color: #eee;
		margin: 0;
		padding: 15px 20px;
		cursor: pointer;
	}

	@media (min-width: 60em) {
		.responsive-tabs > label {
			margin-left: -3px;
		}
	}

	.responsive-tabs > div.open-tab {
		background-color: white;
	}
	/* Classes for better presentation */
	.responsive-tabs > input:checked + * + label {
		background-color: #fff;
		color: #333;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #f0f0f0;
	}

	.responsive-tabs > input:hover + * + label {
		background-color: #fafafa;
		color: #333;
	}

	.responsive-tabs > input:checked + * + label::after {
		transform: rotateX(180deg) translateY(5px);
	}

	@media (max-width: 60em) {
		.responsive-tabs > input[type="checkbox"]:checked + label + label + div.open-tab {
			max-height: 10000px;
			transition: all 0.25s cubic-bezier(1, 0, 1, 0);
		}
	}

	.responsive-tabs > label {
		position: relative;
		background-color: #eee;
		cursor: pointer;
		padding: 20px;
		margin: 0;
		transition: background-color 0.25s linear, color 0.25s linear;
		border-bottom: solid 1px #ddd;
		font-weight: bold;
	}

	@media (min-width: 60em) {
		.responsive-tabs > label {
			padding: 20px 30px;
			margin-left: -2px;
		}

		.responsive-tabs > input:checked + * + label {
			border-bottom: 1px solid #fff;
			border-top: 1px solid #ccc;
		}
	}

	.responsive-tabs > label::after {
		content: "";
		position: absolute;
		top: 26px;
		right: 25px;
		border-color: #4d4d4d transparent transparent transparent;
		border-style: solid;
		border-width: 5px;
		transition: transform 0.2s linear;
	}

	.responsive-tabs > div.open-tab {
		max-height: 0;
		overflow: hidden;
		transition: all 0.3s cubic-bezier(0, 1, 0, 1);
		background-color: white;
		display: block;
		font-size: 0.875em;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	.responsive-tabs .open-tab-content {
		padding: 2em;
	}


	@media (min-width: 60em) {
		.responsive-tabs > label::after {
			content: none;
		}

		.responsive-tabs > div.open-tab {
			border: 0;
		}
	}


	@media (min-width: 560px) {
		.responsive-tabs > div.open-tab {
			max-height: none;
			display: none;
		}
	}

	.responsive-tabs table {
		table-layout: auto;
	}

		.responsive-tabs table tr td:first-child {
			width: 99%;
		}

		.responsive-tabs table tr td:last-child {
			width: auto;
		}

		.responsive-tabs table tr:nth-child(even) td {
			background: #fafafa;
		}

	/* ------------------------------------------------------------------------ Stackable Responsive Tables */

	table {
		border-collapse: collapse;
		border-spacing: 0;
		border: none;
		width: 100%;
		margin: .5em 0 1.5em 0;
		padding-bottom: 0;
		overflow: auto;
	}

		table[style] {
			width: 100% !important;
		}

	th, td {
		text-align: left;
		vertical-align: top;
		font-size: 0.938em;
		padding: 1em;
		border: 1px solid #ccc;
	}

	th {
		border: 1px solid #000;
		background: #000;
		color: #fff;
		font-weight: bold;
	}

	tr:nth-child(2n) {
		background: #f8f8f8;
	}

	tr.TwoN {
		background: #f8f8f8;
	}

	table.FullLinks td {
		padding: 0;
	}

	table.FullLinks a {
		padding: 1em;
		display: inline-block;
		width: 100%;
		text-decoration: none;
	}

	table.FullLinks tr:hover {
		background: #687F2F;
	}

		table.FullLinks tr:hover a {
			background: #687F2F;
			color: #fff;
		}

	table.FullLinks.Assembly td {
		padding: 1em;
	}

		table.FullLinks.Assembly td:first-child {
			width: 50%;
		}

	table.FullLinks.Assembly a:after {
		content: ','
	}

	table.FullLinks.Assembly a:last-child:after {
		content: ''
	}

	table.FullLinks.Assembly a {
		padding: 0em;
		display: inline-block;
		width: auto;
		text-decoration: none;
	}

	.OverflowTable {
		overflow-x: auto;
		display: block;
	}

	/*.VerticalLinesTable td, .VerticalLinesTable th {
		border:none;
		border-left :1px solid #000;
		border-right :1px solid #000;
		}	
		.WhiteTH th { background: #fff; color: #000; }

		.RomanText {
			font-family: 'texgyrescholaregular', Arial, Helvetica, sans-serif;
	    	font-weight: normal;
	    	}*/

	.no-border td {
		padding: 0;
		border: none;
	}

	/* RESPONSIVE EXAMPLE */

	.st-head-row {
		background: #c5d5a4;
		color: #fff;
		border: 1px solid #c5d5a4;
	}

		.st-head-row a {
			color: #fff;
		}

	.st-head-row-main {
		background: #000;
		border: 1px solid #000;
	}


	.stacktable.large-only {
		display: table;
	}

	.small-only {
		display: none;
	}


	@media only screen and (min-width: 40em) {
		.OverflowTable {
			display: table;
		}
	}

	@media only screen and (max-width: 60em) {

		.large-only {
			display: none;
		}

		.stacktable.small-only {
			display: table;
			*display: inline-block;
		}
	}


	/* ------------------------------------------------------------------------ Forms */

	fieldset {
		padding: 0;
		border: 0;
		margin: .5em 0 .5em 0;
		text-align: left;
	}

	legend {
		margin: 0 0 .25em 0;
		padding: 0;
		line-height: 1.4;
		width: 100%;
	}

	.RadioCheckBox {
		margin: .5em 0 0 0;
		padding: .5em 1em 0 1em;
		background: #fff;
		border: 2px solid #e4e0dd;
	}

	.RadioCheckHeader {
		margin-top: 1.250em;
		padding-bottom: 0;
	}

	.Error, .Error[style], .Required {
		color: #e7004c !important;
		font-size: 0.875em;
		font-weight: bold;
	}

	.ErrorMessage {
		background: #e7004c;
		color: #fff;
		font-weight: bold;
		border-radius: .25em;
		margin-top: 1.5em;
		font-size: .875em;
		text-align: center;
		padding: .5em 0;
	}


	label {
		display: block;
		margin: 1.125em 0 0.25em 0;
	}

		label.RadioCheck, .CheckGroup label {
			display: inline-block;
			margin: 1.125em 0 0.375em .5em;
			width: 85%;
		}

	.CheckGroup input {
		vertical-align: top;
		margin-top: 1em;
	}

	.CheckGroupPromotion input {
		margin-top: .125rem;
	}

	input.Button {
		font-size: unset;
		min-height: 2.25em;
	}

	input, select, textarea {
		border: 1px solid #919191;
		font-size: 0.875em;
		color: #000;
		width: 100%;
		padding: 0.5em;
		margin: 0;
		background: #f4f4f4;
		border-radius: 0.25em;
		font: normal 0.8em/1.3 'Open Sans', Arial, Helvetica, sans-serif;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		min-height: 2.75em;
	}

	input::placeholder {
		color: #000;
	}


		input[type="checkbox"], input[type="radio"], input[type="image"] {
			border: none;
			height: auto;
			width: auto;
			padding: 0;
			background: transparent;
		}

		input:focus, select:focus, textarea:focus {
			background: #fff;
/*			outline: none;*/
		}

		input[type="checkbox"]:focus, input[type="radio"]:focus {
			background: #ddd;
		}

		input.Short {
			width: 6em;
		}

	textarea {
		height: 10.714em;
		width: 100%;
	}

	input.Button {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		margin-top: 1.5em;
	}

	input.Button {
		-webkit-appearance: none;
	}

		input.Button:focus {
			background: #000;
			font-size: 1em;
		}

	.CheckGroup li {
		padding: 0;
	}

		.CheckGroup li:before {
			display: none;
		}

	.CheckGroup label {
		margin-top: .5em;
	}


	@media only screen and (min-width: 50em) {
		select.W40 {
			width: 40%;
		}
	}

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

		.CheckGroup li {
			width: 31%;
			margin-right: 3.5%;
			float: left;
		}

			.CheckGroup li:nth-child(3n) {
				margin-right: 0;
			}

			.CheckGroup li.ThreeN {
				margin-right: 0;
			}
	}



	/* =============================================================================================
	FOOTER
============================================================================================= */

	footer {
		background: #c5d5a4;
		padding-top: 0;
	}

	.Name {
		font-size: .875em;
		margin-top: -.375em;
	}

	.Support {
		padding: 1.5em 0;
		background: #fdfdfb;
		border-top: 2px solid #c5d5a4;
		text-align: center;
		font-weight: 600;
	}

		.Support img {
			margin: 0 auto 1em auto;
			padding: 0;
			display: block;
		}

			.Support img.JaneGoodall {
				width: 225px;
			}

			.Support img.Wildsight {
				width: 85px;
			}

			.Support img.MyClassNeeds {
				width: 160px;
			}

			.Support img.LivingWage {
				width: 90px;
			}

	.FooterLinks {
		margin: 1.5em 0 0 0;
	}

		.FooterLinks ul {
			font-size: .813em;
			padding: .25em 0;
		}

			.FooterLinks ul li {
				padding-bottom: .375em;
			}

				.FooterLinks ul li:before {
					display: none;
				}

				.FooterLinks ul li a {
					color: #000;
					/*padding: .25em .75em ; */
					text-decoration: none;
					display: block;
				}

					.FooterLinks ul li a:hover {
						color: #000;
						text-decoration: underline;
					}

	.BCorp {
		width: 3.5rem;
		height: auto;
		margin: 1em auto;
		padding-bottom: 0;
		display: block;
	}

	/*.Slogan {
		color: #edf3e3;
		font-weight: bold;
		padding:1em 0 0 0 ;
		text-align: center;
		}*/

	.CurrencyCountry {
		color: #edf3e3;
		font-weight: bold;
		padding: .5em 0;
		text-align: center;
	}

		.CurrencyCountry a {
			color: #edf3e3;
		}

	footer .Social {
		text-align: center;
		margin: .5em 0 0 0;
	}

		footer .Social a {
			width: 2em;
			height: 2em;
			background: transparent;
		}

			footer .Social a:hover {
				background: transparent;
			}

			footer .Social a:before {
				top: .25em;
				color: #222;
			}

			footer .Social a:hover:before {
				color: #687F2F;
			}

		footer .Social .Button {
/*			background: #5A731C;*/
			background: #222;
			color: #fff;
			font-size: 0.813em;
			font-weight: bold;
			height: auto;
			width: auto;
			margin: .5em 0 0 1em;
			padding: 0.25em 1em;
			vertical-align: 60%;
		}

			footer .Social .Button:hover {
				background: #687F2F;
			}


	.SubFooter {
		background: #c5d5a4;
		padding: 1em 0 0 0;
		margin-top: 1.25em;
		border-top: 2px solid rgba(255, 255, 255, .25);
	}

	.Copyright {
		color: #000;
		font-size: 0.75em;
		text-align: center;
	}

	.RKD {
		margin: 0 auto;
		max-width: 155px;
		max-height: 14px;
	}

		.RKD img {
			display: block;
			padding-bottom: 0;
		}


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

		.SupportLogos {
			font-size: .75em;
		}

		.Support img {
			display: inline-block;
			margin: 0 1.5em;
		}

			.Support img.JaneGoodall {
				width: 14.063em;
			}

			.Support img.Wildsight {
				width: 5.5em;
				margin-right: 3.5em
			}

			.Support img.MyClassNeeds {
				width: 10em;
			}

			.Support img.LivingWage {
				position: relative;
			}

		footer .Col-1-4 {
			width: 22.375%;
		}

		.BCorp {
			margin: 1em 0 0 0;
		}

		/*.Slogan {
		text-align: left; 
		padding-left: 1.5em ;
		}*/

		.CurrencyCountry {
			text-align: right;
			padding-right: 1.5em;
		}

		footer .Social {
			/*margin-right: 1.5em;*/
			margin-top: 2.375em;
			text-align: right;
		}

			footer .Social a {
				margin-left: .25em;
				margin-right: 0;
			}

		.Copyright {
			text-align: left;
		}

		.RKD {
			margin: 0;
			float: right;
		}
	}

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

		.SupportLogos {
			font-size: 1em;
		}
		
		.Support img.Wildsight {
			width: 4.5em;
		}

		footer ul {
			padding: 0;
		}
	}