/* TABLE OF CONTENTS */
/* --------------------------------------------- BASE STYLES AND LAYOUT */
/* ------------------------------------------------- Page Styles & Resets */
/* ------------------------------------------------- Clearfix Hack */
/* ------------------------------------------------- Keyboard Accessibility */
/* ------------------------------------------------- Headers */
/* ------------------------------------------------- Lists */
/* ------------------------------------------------- Other Base Text Styles */
/* ------------------------------------------------- Links */
/* ------------------------------------------------- Images */
/* ------------------------------------------------- SVG's */
/* ------------------------------------------------- Video */
/* ------------------------------------------------- Horizontal Rules */
/* ------------------------------------------------- Flexible iFrames */
/* ------------------------------------------------- Layout */

/* --------------------------------------------- HEADER */
/* ------------------------------------------------- Nav (SmartMenus) */
/* ----------------------------------------------------- Mobile Core CSS (don't touch!) */
/* ----------------------------------------------------- Mobile Styling (adapted from Simple Theme) */
/* ----------------------------------------------------- Desktop Core CSS (don't touch!) */
/* ----------------------------------------------------- Desktop Styling (adapted from Simple Theme) */
/* ----------------------------------------------------- Right to left and vertical menu options... if needed) */
/* ----------------------------------------------------- Mobile Menu/Hamburger Button */

/* --------------------------------------------- MAIN CONTENT AREA*/
/* ------------------------------------------------- Layout */
/* ------------------------------------------------- Sections */
/* ------------------------------------------------- Hero */
/* ------------------------------------------------- Standard Testimonial or Quote sections (Home, About, etc) */
/* ------------------------------------------------- Testimonials Page */
/* ------------------------------------------------- Showroom */
/* ------------------------------------------------- Callouts */
/* ----------------------------------------------------- Portfolio Callouts */
/* ------------------------------------------------- Share Buttons */
/* ------------------------------------------------- Blog Posts */
/* ------------------------------------------------- Portfolio Images */
/* ------------------------------------------------- Portfolio No Results */
/* ------------------------------------------------- Portfolio Filter */
/* ------------------------------------------------- InfoBox Modules */
/* ----------------------------------------------------- Base Styles */
/* ----------------------------------------------------- Title Module */
/* ----------------------------------------------------- List of Links Module */
/* ----------------------------------------------------- SideNav Module */
/* ----------------------------------------------------- Accordions Module */
/* ------------------------------------------------- Photo Gallery */
/* ------------------------------------------------- Tables */
/* ------------------------------------------------- Forms */
/* ------------------------------------------------- Modal */

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

/* --------------------------------------------- ONE-OFF ALIGNMENT, MARGIN AND PADDING STYLES - CAN BE USED ON ANYTHING */
	


/*ALL EM CONVERSIONS BASED ON 16PX*/


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

/* ------------------------------------------------------------------------ Page Styles & Resets */

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%; 
	 box-sizing: border-box;
	}
	
body {
	margin: 0;
	min-height: 100%;
	font: normal 100%/1.6 'Open Sans', Arial, Helvetica, sans-serif; 
	color: #222;	
	} 

	.Preload * { /* Transitions fire only after page load http://css-tricks.com/transitions-only-after-page-load/ */
		-webkit-transition: none !important;
			transition: none !important;
		}
	
	.ErrorPage {
		background: #eee url(../../images/section-grey-bg.png) repeat center bottom;
		background-size:641px;
		}
		
*, *:before, *:after { box-sizing: inherit; } /*inherits border-box from html*/

article, aside, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

p, ol, ul { margin:0; padding: 0 0 1em; }
li { margin:0; padding: 0 0 .5em; }


/* ------------------------------------------------------------------------ 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; }

		
/* ------------------------------------------------------------------------ Keyboard Accessibility */

.SkipLink { 
	position:absolute; 
	left:-10000px; 
	top:auto; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	background: #333;
	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; 
		} 
		
a:focus, input:focus, select:focus, textarea:focus {outline: solid medium #333; } /* outline shows with keyboard... */
	a:hover, a:active { outline: none !important; } /*...not with mouse (kinda) */
		

/* ------------------------------------------------------------------------ Headers */

h1, h2, h3, .H3, h4  { 	
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	line-height:1.2;
	font-weight:normal; 
	letter-spacing:	.0375em;
	text-rendering: optimizeLegibility;
	margin:0;
	text-transform: uppercase;
	}	

	@-webkit-keyframes pagetitle {
		0% { -webkit-transform:translateY(30px); opacity:0; }
		100% {  -webkit-transform:translateY(0); opacity:1; }
		}
	
	@-moz-keyframes pagetitle {
		0% { -moz-transform:translateY(30px); opacity:0; }
		100% {  -moz-transform:translateY(0); opacity:1; }
		}
		
	@-o-keyframes pagetitle {
		0% { -o-transform:translateY(30px); opacity:0; }
		100% {  -o-transform:translateY(0);opacity:1; }
		}
	
	@keyframes pagetitle {
		0% { transform:translateY(30px); opacity:0; }
		100% {  transform:translateY(0); opacity:1; }
		}	
		
	h1 {
		font-size: 3em; /*48px*/
		padding-bottom: 0.333em; /* 16px (consistent with p, ol, ul, li, img) */	

		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		
		-webkit-animation: pagetitle .5s  ;			
		-moz-animation: pagetitle .5s  ;
		-o-animation: pagetitle .5s  ;				
		animation: pagetitle .5s   ;	
	
		}
		.Home h1 {
			font-size: 2.5em; /*40px*/
			padding-bottom: 0.4em; /* 16px (consistent with p, ol, ul, li, img) */		
			}
		
	h2 { 
		font-size: 2.25em; /*36px*/
		padding: 0.444em 0; /* 16px */
		}
		section h2:first-child { padding-top: 0; }
			section h2.First {padding-top:0; } /*IE8*/
			
	h3, .H3 { 
		font-size: 2em; /*32px*/
		padding-bottom: 0.5em; /* 16px */
		}
		
	h4 { 
		font-size: 1.75em; /*28px*/
		padding: 0.571em 0; /* 16px */
		}	
			
		
		h1 + h2, h1 + h3, h2 + h3, h3 + h4  { padding-top: 0; }	
		
@media all and (min-width: 40em) {	

	h1, .Home h1 {
		 font-size: 3.75em; /*60px*/
		 padding-bottom: 0.267em; /* 16px */
		 line-height:1.05;
		 } 
		 
	h2 { 
		font-size: 3em; /*48px*/
		padding: 0.333em 0; /* 16px */
		}
		
	h3, .H3 { 
		font-size: 2.5em; /*40px*/
		padding-bottom: 0.4em; /* 16px */
		}
		
	h4 { 
		font-size: 2em; /*32px*/
		padding-bottom: 0.5em; /* 16px */
		}	
	
}

@media all and (min-width: 60em) {	
		
	h1, .Home h1 { 
		font-size: 5em; /*80px*/
		padding-bottom: 0.25em; /* 20px */
		}
		
	h2 { 
		font-size: 3.75em;/*60px*/ 
		padding: 0.267em 0; /* 16px */
		}
		h2.Lg { 
			font-size: 4.5em;/*72px*/ 
			padding: 0.222em 0; /* 16px */
			}
		
	h3, .H3 { 
		font-size: 3em; /*48px*/
		padding: 0.333em 0; /* 16px */
		}
		
	h4 { 
		font-size: 2.25em; /*36px*/
		padding-bottom: 0.444em; /* 16px */
		}
	
}	

@media all and (min-width: 68em) {	
		
	h1, .Home h1 { 
		font-size: 6em; /*96px*/
		padding-bottom: 0.208em; /* 20px */
		}

}

				
/* ------------------------------------------------------------------------ Lists */

ul { 
	list-style: none; 
	list-style-position: outside;
	padding-left: .25em;
	}
	ul li {	
	    padding-left:.75em;
		position: relative;
		background-image: url(../../images/arrow-right-grey.svg);
		background-repeat: no-repeat;
		background-position: left 0.5em;
		background-size: 6px;
		}
			
ol { 
	list-style-position: outside;
	padding-left: 1.5em;
	}
	ol li { 
		padding-left:0; 
		background-image: none; 
		}
				

	li ul, li ol { margin: 0.875em 0 -.5em 0; }
	
		li:last-child {padding-bottom:0; }
			li.Last {padding-bottom:0; } /*IE8*/
			
					
/* ------------------------------------------------------------------------ Other Base Text Styles */

b, strong { 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; }

.Note {
	font-size: 0.875em;
	font-style:italic; 
	}	
		
.IntroText, .IntroTextSm { 
	font-size: 1.125em; /*18px*/
	padding-bottom: 0.889em; /* 16px */
	}
	
@media all and (min-width: 60em) {	

	main p, main li { font-size: 1.125em; }
		main li li,  main .Note { font-size: 1em; }


	.IntroText { 
		font-size:1.75em; /*28px*/
		padding-bottom: 0.571em; /* 16px */
		}
		
	.IntroTextSm { 
		font-size: 1.5em; /*24px*/
		padding-bottom: 0.667em; /* 16px */
		}

}

	
/* ------------------------------------------------------------------------ Links */

a { 
	/*color: #857d50;*/
	color: #222; 
	font-weight: bold;
	text-decoration:none;
	
	-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}	
	a:hover { text-decoration:underline; }
	
	main a { word-wrap: break-word; /*Makes long URL's wrap*/ }

	a img {
		display: block;
		border: none;
		-webkit-backface-visibility: hidden;
			
		-webkit-transition: opacity 0.5s;
			transition: opacity 0.5s;
		}				
		a:hover img { opacity: .8; }		
			 
/*.More {
	display: inline-block;
	text-decoration:none;	
	position: relative;
	font-size: 1.25em;
	color: #333;
	padding-left: 1.375em;
	
	background-image: url(../../images/arrow-right-white.svg);
	background-repeat: no-repeat;
	background-position: left 0.22em;
	
	-webkit-transition: color 0.5s;
		transition: color 0.5s;
	}		
	.More:hover { 
		color: #222; 
		background-image: url(../../images/more-hover.svg);
		}*/
	
	.Button {
		text-decoration:none;
		text-align:center;
		white-space: normal; /*Makes text wrap on resize */
		font-weight: normal;
		line-height: 1.2;
		text-transform: uppercase;
		color: #222;
		border: 2px solid #333;
		
		display:inline-block;	
		width:auto;
		margin: 1em 0  ;
		padding: 0.875em 2em;
		cursor: pointer;
		}
		
		.ButtonGroup .Button { 
			padding: 0.875em 1.25em;
			margin: 0.5em 0; 
			width: 100%;
			}
		
		.Button:hover, .Button:focus  { 
			/*border-color: #857d50;
			background-color: #857d50;*/
			border-color: #444;
			background-color: #444; 
			color: #fff;
			text-decoration:none;
			}	
		
@media all and (min-width: 40em) {	
	
	/*.More  {font-size: 1.375em; }*/
	
	.Button  {font-size: 1.125em; }
		p .Button { font-size: 1em; }
		
		p .ButtonSm { font-size: .875em; }
			
		
}

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

	.ButtonGroup .Button { 
		width: auto;
		margin: 0.889em .625em; 
		}
	
}
		
	
/* ------------------------------------------------------------------------ Images */

img {
	 border: 0; 
	 max-width:100%;
	 height:auto!important;
	 margin: 0 0 1em 0; 
	 padding:0;
    -ms-interpolation-mode: bicubic;	
	}
	
figure {
	width: 100%; 
	margin: .5em auto 2em auto;
	padding: 1em;
	background: #f3f3f3;
	}
	
	figure img { 
		width: 100%;
		margin-bottom: .5em; 
		}
	
	figcaption { 
		color: #333;
		text-align: center;
		padding:0 0 .5em 0;
		}
	
img.ImageFloatLeft, img.ImageFloatRight { margin: .375em 0 1em 0;	}
	
				
@media all and (min-width: 30em) {	

	img.ImageFloatLeft, img.ImageFloatRight { max-width:65%; }	
	
}

@media all and (min-width: 40em) {	
	
	img.ImageFloatLeft {
		float: left;
		margin: .375em 3.5% .375em 0;
		max-width:48.25%;
		}
		
	img.ImageFloatRight {
		float: right;
		margin: .375em 0 .375em 3.5%;
		max-width:48.25%;
		}
	
}
	
	
/* ------------------------------------------------------------------------ SVG's */

svg {
	width: 100%;
	height: 100%;
	}
		
a.SVG { /*this makes links work when wrapped around an svg used as an <object> */
	position: relative;
	display: inline-block; 
	}
	a.SVG:after {
		content: ""; 
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left:0;
		}
		
img[src$=".svg"] { max-width:100%; } /*when using svg as an <img>, this keeps it from doing wonky things in IE when being resized*/
			
.SVGFullWidth  { /*this makes full width inline or external <use> svg's resize properly in IE  */
	width:100%;
	height: 0;
    padding-top: 48%; /*adjust as necessary*/
    position: relative;
	}
	.SVGFullWidth svg {
		position: absolute;
		top: 0;
		left: 0;
		}
		
		
/* ------------------------------------------------------------------------ Video */

video { margin:1em 0 }


/* ------------------------------------------------------------------------ Horizontal Rules */

hr { 
	border:none;
	color: #ddd;
	background: #ddd;
	height:0.125em;
	margin:1.25em auto 2em auto;
	}	
	
	hr + h2, hr + h3, hr + h4 { padding-top: 0; }
	hr + .InfoBox { margin-top: 2.5em; }	
	.TableWrapper + hr, table + hr, .InfoBox + hr, .FlexibleIframe + hr { margin-top: 2.75em; }


/* ------------------------------------------------------------------------ Flexible iFrames */

.FlexibleIframe {
	position: relative;
	margin: .5em 0 2em 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%;
		}
		
.FlexibleIframe.Map { border: 2px solid #ddd; }


/* ------------------------------------------------------------------------ Layout */
	
.Wrapper {
	max-width:80em;
	width:90%;
	margin:0 auto;
	position: relative;
	}	
		
@media all and (min-width: 40em) {	
		
	[class*='Col-'] { 
		margin-right: 3.5%;
		float:left; 
		}
		[class*='Col-']:last-child { margin-right: 0; }
			[class*='Col-'].Last { margin-right: 0; } /*IE8*/
				
		.Col-1-3 { width:31%; }	
			.Col-1-3:nth-child(3n) { margin-right: 0; }
				.Col-1-3.ThreeN { margin-right: 0; } /*IE8*/
				
			.Col-1-3:nth-child(3n+4) {clear: both;}
				.Col-1-3.ThreeNPlusFour { clear: both; } /*IE8*/
				
			.MR0 .Col-1-3 { 
				margin-right: 0; 
				width: 33.3%;  
				}
		
		.Col-2-3 { width:65.5%; }	
					
		.Col-1-2, .Col-1-4 { width:48.25%;}
			.Col-1-2:nth-child(2n), .Col-1-4:nth-child(2n) { margin-right: 0; }
				.Col-1-2.TwoN, .Col-1-4.TwoN { margin-right: 0; } /*IE8*/
		
		.Col-3-4 { width:74.125%; }		
		
		.Col-1-6 { width:16.08%; }		
	
		.Col-5-6 { width:80.42%; }	
		
		.NarrowCol { 
			width:65.5%;
			margin:0 auto;
			}	
			
}	

@media all and (min-width: 60em) {		
			
	.Col-1-4 { width:22.375%; }
	
		.Col-1-4:nth-child(2n) { margin-right: 3.5%; }
			.Col-1-4.TwoN { margin-right: 3.5%; } /*IE8*/
			
		.Col-1-4:nth-child(4n) { margin-right: 0; }
			.Col-1-4.FourN { margin-right: 0; } /*IE8*/
			
		.Col-1-4:nth-child(4n+5) {clear: both;}
				.Col-1-4.FourNPlusFive { clear: both; } /*IE8*/
		
}



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

.PrintHeader { display:none; }

header {
	z-index: 20;	
	width: 100%;
	background: #222;
	padding-bottom: 5.5em;
	}
	.OverHero header { 
		position: absolute;
		background: transparent; 
		}	
	
	header .Wrapper { max-width: 20em; }
		
.Logo { 
	margin:2em auto 1.5em auto;
	padding: 0;
	display:block;
	width: 219px; 
	height: 97px;
	max-width: 100%;
	
	background: url(../../images/logo.svg) no-repeat;
	background-size: 100%;
	}
	.Logo a { 
		display: block;
		width: 100%;
		height: 100%;
		}
		
	
@media all and (min-width: 60em) {	
			
	header { padding-bottom: 0; }
	
	header .Wrapper { 
		width: 90%;
		max-width: 80em;
		}
		
	.Logo { 
		margin:2.5em 0 2em 0 ;
		float:left;
		}	
		
		.ErrorPage .Logo {
			margin:5em auto 2em auto;
			width: 300px;
			height: 133px;
			float: none;
			}
}
	

			

/* ------------------------------------------------------------------------ Nav (SmartMenus) - Original css is in Rough folder */

/* ------------------------------------------------- Mobile Core CSS (don't touch!) */

.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}


/* ------------------------------------------------- Mobile Styling (adapted from Simple Theme) */
 
.MainNav {
	position: absolute;
	width: 100%;
	}
	
	.sm-simple { background: #333; }

.sm-simple a {
	padding: 1.125em 1em;	
	padding-right: 3.625em; /* make room for the toggle button (sub indicator) */
	color: #fff;
	font-weight: normal;
	line-height: 1.2;
	text-decoration: none;
	outline: 0;
	}
	.sm-simple > li > a { text-transform: uppercase; }
	
	.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted { background: #222; }
	
	.sm-simple a.current { background: #222; }
		
	.sm-simple a.disabled { 
		background: #666;
		color: #cccccc;
		}
		
		
.sm-simple a span.sub-arrow {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: auto;
	right: 4px;
	width: 34px;
	height: 34px;
	overflow: hidden;
	font: bold 14px/34px monospace !important;
	text-align: center;
	text-shadow: none;
	background: rgba(0, 0, 0, 0.1);
	}	

	.sm-simple a.highlighted span.sub-arrow:before {
		display: block;
		content: '-';
		text-align: center;
		}
		
	
.sm-simple li { 
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	background-image: none;
	}
	.sm-simple > li { border-top: 2px solid rgba(255, 255, 255, 0.5); }

	.sm-simple > li:first-child { border-top: 0; }
	

.sm-simple ul { background: rgba(0, 0, 0, 0.1); }

	.sm-simple ul a { font-size: 0.938em; }
	
.sm-simple .mega-menu li {
	font-size: .875em;
	color: #fff; 
	padding: 1em ;
	min-width: 20em;
	}
	
	
@media all and (max-width:60em) and (min-width:0em) { /*This adds a left indent on each level*/
	
/*	.sm-simple ul a { border-left: 8px solid transparent; }	
		.sm-simple ul ul a { border-left: 16px solid transparent; }		
			.sm-simple ul ul ul a { border-left: 24px solid transparent; }
				.sm-simple ul ul ul ul a { border-left: 32px solid transparent; }
					.sm-simple ul ul ul ul ul a { border-left: 40px solid transparent; }*/
		
}
	

@media all and (min-width: 60em) {
	
	/* ------------------------------------------------- Desktop Core CSS (don't touch!) */
	
	.sm-simple ul { position: absolute; width: 12em;}
	.sm-simple li { float: left; }
	.sm-simple.sm-rtl li { float: right; }
	.sm-simple ul li, .sm-simple.sm-rtl ul li, .sm-simple.sm-vertical li { float: none; }
	.sm-simple a { white-space: nowrap; }
	.sm-simple ul a, .sm-simple.sm-vertical a { white-space: normal; }
	.sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a { white-space: nowrap; }
	
	
	/* ------------------------------------------------- Desktop Styling (adapted from Simple Theme) */
	 	
	.MainNav {
		float: right;
		margin-top: 2.875em;
		position: relative;
		width: auto;
		}
	
	.sm-simple { background: transparent; }
	
	.sm-simple li { border-top: 2px solid rgba(255, 255, 255, 0.2); }
	
		.sm-simple > li, .sm-simple ul li:first-child { border-top: none; }

	.sm-simple a {
		padding: 1.125em .625em;
		color: #fff;
		border: 2px solid transparent;
		}
		.sm-simple > li > a { padding: 1em .625em; }
		
		.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted { background: rgba(0, 0, 0, 0.5); }
			.sm-simple > li > a:hover, .sm-simple > li > a:focus, .sm-simple > li > a:active, .sm-simple > li > a.highlighted { /*background: #857d50;*/ background: #444;  }
	

	.sm-simple a.has-submenu { padding-right: 32px; }
	
		.sm-simple a span.sub-arrow {
			margin-top: -8px;
			right: 20px;
			width: 8px;
			height: 16px;
			font: 14px/16px monospace !important;
			background: transparent;
			}
		
			.sm-simple a.highlighted span.sub-arrow:before { display: none; }
			
			.sm-simple > li > a.has-submenu { padding-right: .75em; } /*top level - no sub-arrow*/
	
			.sm-simple > li > a span.sub-arrow { display: none; } /*top level - no sub-arrow*/
			

	.sm-simple ul { background: #333;}
	
		.sm-simple ul a.has-submenu { padding-left: 1.75em; }
		
		.sm-simple ul a span.sub-arrow {
			right: auto;
			margin-left: -12px;
			}
			
	
	.sm-simple span.scroll-up,
	.sm-simple span.scroll-down {
		position: absolute;
		display: none;
		visibility: hidden;
		overflow: hidden;
		background: #222;
		height: 2em;
		}
	
		.sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow {
			position: absolute;
			top: .25em;
			left: 50%;
			margin-left: -8px;
			width: 0;
			height: 0;
			overflow: hidden;
			border-width: 8px;
			border-style: dashed dashed solid dashed;
			border-color: transparent transparent #fff transparent;
			}
			
		.sm-simple span.scroll-down-arrow {
			top: .875em;
			border-style: solid dashed dashed dashed;
			border-color: #fff transparent transparent transparent;
			}

	
}

	

/* ------------------------------------------------- Mobile Menu/Hamburger Button */

.MainNavButton {	
	color: #fff;
	border: 2px solid #eee;
	
	-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.MainNavButton:hover { background: rgba(0, 0, 0, 0.5);  }
		

.main-menu-btn {
	font-size: 1.25em;
	text-align: center;
	margin:0;
	padding:.625em 1em;
	position: relative;
	/*display: inline-block;*/
	text-indent: 1.75em;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	
		
	/* hamburger icon */
	.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
		position: absolute;
		top: 50%;
		left: calc(50% - 70px);
		height: 2px;
		width: 24px;
		background: #eee;
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
		}
		
		.main-menu-btn-icon:before {
			content: '';
			top: -7px;
			left: 0;
			}
		
		.main-menu-btn-icon:after {
			content: '';
			top: 7px;
			left: 0;
			}
		
		/* x icon */
		#main-menu-state:checked ~ .MainNavButton .main-menu-btn .main-menu-btn-icon {
			height: 0;
			background: transparent;
			}
			
		#main-menu-state:checked ~ .MainNavButton .main-menu-btn .main-menu-btn-icon:before {
			top: 0;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			}
			
		#main-menu-state:checked ~ .MainNavButton .main-menu-btn .main-menu-btn-icon:after {
			top: 0;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
			
		/* hide menu state checkbox offscreen (so it stays visible to screen readers) */
		#main-menu-state {
			position: absolute;
			top: -99999px;
			}
			
		/* hide the menu in mobile view */
		#main-menu-state:not(:checked) ~ #main-menu { display: none; }
		
		#main-menu-state:checked ~ #main-menu { display: block; }
		

@media all and (min-width: 60em) {
	
.MainNavButton { display: none; }
	
	/* hide the button in desktop view */
	.main-menu-btn {
		position: absolute;
		top: -99999px;
		}
		
	/* always show the menu in desktop view */
	#main-menu-state:not(:checked) ~ #main-menu {
		display: block;
		}
	
}

@media all and (max-width:68em) and (min-width:60em) {
	
	.Logo { 
		width: 190px; 
		height: 85px;
		}
	
	.MainNav {
		font-size: 0.875em;
		margin-top: 3.25em;		
		}
	
}



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

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

main:focus { outline: none; }
	
	aside { margin-top:1em; }	
		
@media all and (min-width: 40em) {			
			
	article {
		float:left;
		width:65%;
		}
		
	aside {
		float:right;
		width:31.5%;
		padding-top:0;
		margin-top:0;
		border-top:none;
		}
					
}


/* ------------------------------------------------------------------------ Sections */

section { padding: 3em 0 3.5em 0 ; }

	section.Grey {
		background: #eee url(../../images/section-grey-bg.png) repeat center bottom;
		background-size:641px;
		}
		section.Grey.Solid { background: #eee }
		
		section.Arrow { 
			position: relative;
			z-index: 100;
			}
		
			section.Arrow:after {
				content: "";
				position: absolute;
				bottom: -41px;
				width: 83px;
				height: 41px;
				background: url(../../images/section-grey-arrow.png) repeat center top;
				background-size: 83px;				
				left: 50%;
				
				-webkit-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					transform: translateX(-50%);
				}
		
	section.Blue { background: #aba374; }

	section.DarkGrey { background: #222; }
	section.DarkGrey p { color: #fff;}
	
	section.ExtraP {  padding: 3.5em 0 ;  }
	

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

	section, section.ExtraP { padding: 4em 0 ; }
	
}

@media all and (min-width: 60em) {	
	
	section { padding: 4em 0 5em 0; }
	
		section.ExtraP {  padding: 7em 0 ;  }
		
		section.PBSm { padding-bottom: 3.5em; }

}




/* ------------------------------------------------------------------------ Hero */

.Hero {
	padding:0;
	overflow:hidden;
	position: relative;
	color: #fff; 
	background: #333 url(../../images/mobile-hero.jpg) no-repeat center top;
	background-size: cover;
	}
	.HeroOverlay { 
		position: absolute;
		top: 0;
		left: 0; 
		width: 100%;
		height:100%;
		background: rgba(0, 0, 0, 0.65);
		}
		
	.HeroImage {
		display:none;		
		width: 100%;
		height: 100%;
		position: absolute;
		
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
		}
			
		.Home .HeroImage { /*Parallax: https://codepen.io/hendrysadrak/pen/ctgaz*/
			background-attachment: fixed; 
			}

	.Hero .Wrapper { padding: 15em 0 3em 0; }
	
		.Hero .Button {
			color: #fff;
			border-color: #eee;
			
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-moz-osx-font-smoothing: grayscale;
			
			-webkit-animation: pagetitle 1s  ;			
			-moz-animation: pagetitle 1s  ;
			-o-animation: pagetitle 1s  ;				
			animation: pagetitle 1s   ;	
			}
			
			.Hero .Button:hover, .Hero .Button:focus  { border-color: #857d50; }		
		
@media all and (max-width:48em) and (min-width:0em) {
	
	.HeroImage[style] { background-image: none !important; }
	
}

@media all and (min-width: 48em) {	

	.Hero { background-image: none; }
	
	.Hero .Wrapper { padding: 16em 0 3.5em 0; }
	
	.HeroImage { display:block; }

}

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

	.Hero  .Wrapper { padding: 14em 0 3.5em 0; }

}

@media all and (min-width: 68em) {	

	.Home .Hero { height: 53em;}
		.Hero .Wrapper { padding: 18em 0 3.5em 0; }

}
	

				
/* ------------------------------------------------------------------------ Standard Testimonial or Quote sections (Home, About, etc) */	

.TestimonialQuote .Wrapper {
	padding: 5em 0 0 0;
	background: url(../../images/testimonials-bg.svg) no-repeat center .5em;
	background-size:50px;
	}
	.Home .TestimonialQuote .Wrapper { margin-bottom: 2em; }
	
	.Blue.TestimonialQuote .Wrapper { background-image: url(../../images/testimonials-white-bg.svg); }
	
	.TestimonialQuote .slick-slide {
		color: #fff;
		text-align: center;
	}

	.TestimonialQuote hr { 
		/*color: #aba374;
		background: #aba374;*/
		color: #444;
    	background: #444;
		width:75%; 
		}	

		.Blue.TestimonialQuote hr { 
			color: #fff;
			background: #fff;
			}	

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

	.TestimonialQuote .Wrapper {
		padding-top: 8em;
		background-position: center 1em;
		background-size:76px;
		}
		.TestimonialName { font-size: 1.125em; }
		
	.TestimonialQuote hr { width:33%; }	
	
	.TestimonialQuote .slick-slide {
		font-size: 1.5em;
        padding-bottom: 0.667em;
	}
		
}



/* ------------------------------------------------------------------------ Testimonials Page */	

.Testimonial {
}




/* ------------------------------------------------------------------------ Showroom */	

.Showroom {
	background: #333 url(../../images/showroom-bg.jpg) no-repeat center top;
	background-size:cover;
	}
	
	.Showroom { color: #fff; }
	
	.PlayButton { margin: 1em 0; }
	
	.PlayButton svg {
		width: 80px;
		height: 80px;
		fill: #fff;

		-webkit-transition: all .5s;
			transition: all .5s;
		}
		
		.PlayButton a:hover svg { 
			fill: #aba374;
			
			-webkit-transform: scale(1.1); 
				transform: scale(1.1);
			}
	
	
@media all and (min-width: 60em) {	

	.PlayButton { margin-top: 2em; }
	
	.PlayButton svg { 
	width: 110px;
	height: 110px;
	}


}

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

.CalloutGroup { margin: 0; }

.CalloutGroup.PortfolioGroup .Col-1-3 {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-animation: pagetitle 1s  ;			
	-moz-animation: pagetitle 1s  ;
	-o-animation: pagetitle 1s  ;				
	animation: pagetitle 1s  ;	
	}

	.Callout {overflow: hidden; }
		
	.Callout a { 
		display: block;
		width: 100%;
		padding-bottom:66%;
		height:0;
		margin: 0 auto ;
		color: #fff;
		text-align:center;
		position:relative;
		overflow: hidden;
		border-bottom: 1px solid #eee;
		}
		
	.CalloutImage {	
		position: absolute;
		top: 0;
		left: 0; 
		width: 100%;
		height:100%;
		
		background-color: #aaa; 
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		
		-webkit-transition: all 1s;
			transition: all 1s;
		}
		
		.Callout a:hover .CalloutImage { 
			-webkit-transform: scale(1.1); 
				transform: scale(1.1);
			}

    .CalloutOverlay { 
		position: absolute;
		top: 0;
		left: 0; 
		width: 100%;
		height:100%;
		background: rgba(0, 0, 0, 0.65);
		
		-webkit-transition: all .5s;
			transition: all .5s;
		}
		.Callout a:hover .CalloutOverlay { background: rgba(0, 0, 0, 0.75); }
		
	.Callout h3, .Callout .H3 { 
		font-weight: bold;
		position: absolute;
		width: 90%;
		padding: 0 ;
		top: 50%;
		left: 50%;
		
		-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}

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

	.Callout a { 
		border-right: 1px solid #eee; 
		border-bottom: none;
		}
		.Col-1-3.Last .Callout a {border-right: none; }
		
		.Callout h3, .Callout .H3 { font-size: 1.625em; }

}

@media all and (min-width: 60em) {	
	
	.Callout h3, .Callout .H3 { font-size: 2.5em; }
		
}



/* ------------------------------------------------- Portfolio Callouts */

.CalloutGroup.MR1 { 
	margin-bottom: -1em;
	overflow: hidden;
	background: #f3f3f3;
	}
	
	
	.CalloutGroup.MR1 .Callout { margin-bottom: 1em; }
	
	.CalloutGroup.MR1 .CalloutOverlay { background: rgba(0, 0, 0, 0); }
		.CalloutGroup.MR1 .Callout a:hover .CalloutOverlay { background: rgba(0, 0, 0, 0.75); }
		
	.CalloutGroup.MR1 .Callout h3 { opacity: 0; } 
		.CalloutGroup.MR1 .Callout a:hover h3 { opacity: 1; } 
		
		
@media all and (min-width: 40em) {	

	.CalloutGroup.MR1 .Col-1-3 { 
		margin-right: 1%; 
		width: 32.6%;  
		}
		.CalloutGroup.MR1 .Col-1-3:nth-child(3n) { margin-right: 0; }
		.CalloutGroup.MR1 .Col-1-3.ThreeN { margin-right: 0; } /*IE8*/
		
}


	
/* ------------------------------------------------------------------------ Share Buttons */	

.ShareButtons	{ padding: .25em 0 .5em 0 }
	
				
		
/* ------------------------------------------------------------------------ Blog Posts */	

.BlogPostGroup { background: #ddd; }

	.BlogPostGroup .Col-1-3 {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		
		-webkit-animation: pagetitle 1s  ;			
		-moz-animation: pagetitle 1s  ;
		-o-animation: pagetitle 1s  ;				
		animation: pagetitle 1s  ;	
		}
	
.BlogPost a {
	color:inherit;
	text-decoration:none;
	font-weight: normal;
	padding: 3em 1em 3.5em 1em ;
	display: block; 
	text-align: center;
	background: #e8e8e8;
	}
	.Col-1-3:nth-child(even) .BlogPost a { background: #e3e3e3; }
	
		.BlogPost .BlogPostImage {

			width: 100%;
			height: 0;
			padding-bottom: 66.24%;
			margin: .5em auto 2em auto ; 
			
			background-color: #aaa; 
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
			}
			
			
			/*.BlogPost img { margin: .5em auto 2em auto ; }*/
			
		.BlogPost h3 {
			font-weight: bold;
			/*color: #857d50;*/
			color: #222;
			padding: 0  0 0.571em 0;
			}	
			
		.BlogPost p.Summary { font-size: 1.125em; }	
		
		.BlogPost hr { 
			color: #fff;
			background: #fff;
			width:75%;
			margin: 1em auto ;
			}
		
		.BlogPost p.Date { text-transform: uppercase; }	
		
		.BlogPost a:hover, .Col-1-3:nth-child(2n) .BlogPost a:hover { background: #fff; }
			
			.BlogPost a:hover hr { 
				color: #eee;
				background: #eee;
				}
		
			
@media all and (min-width: 40em) {	

	.BlogPost a {padding: 4em 1em;}
	
		.BlogPost h3 {
			font-size: 1.75em;
			line-height:1.1;
			}
				
}

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

	.BlogPost a {padding: 4em 2em 5em 2em;}
	
		.BlogPost h3 { font-size: 2.25em; }
			
		.BlogPost p.Summary { font-size: 1.25em; }
		
		.BlogPost hr { width:50%; }
	
}

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

	.BlogPost a {padding: 4.25em 3em 5em 3em;}
	
}
	



/* ------------------------------------------------------------------------ Portfolio Images */

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

    .Portfolio {
		background: #f3f3f3;
		padding: 3em 10%;
		}
		
		.Portfolio img { margin: 0 auto 1em auto; }
		
}


	
/* ------------------------------------------------------------------------ Portfolio No Results */

.NoResults { 
	padding: 3em 0 3.5em 0 ;
	background: #aba374;
	}

@media all and (min-width: 40em) {	
	
	.NoResults { padding: 4em 0 ; }
	
}
	
@media all and (min-width: 60em) {	
	
	.NoResults { padding: 4.5em 0 5em 0; }
	
} 


	
/* ------------------------------------------------------------------------ Portfolio Filter */

.Filter { 
	text-align:center;
	margin-bottom: 1em;
	}

	.Filter .Button { 
		padding: 0.875em 1.25em;
		margin: 0.5em 0; 
		width: 100%;
		}
		.Filter .Button.Selected { 
			color: #fff;
			/*border-color: #54787e;*/
			border-color: #222;
			padding-right: 3em;
			/*background: #54787e url(../../images/clear-filter-categories.svg) no-repeat right 1.25em center;*/
			background: #222 url(../../images/clear-filter-categories.svg) no-repeat right 1.25em center;
			}
			.Filter .Button.Selected.All { 
				padding-right: 1.25em;
				background-image:none;
				}
		
		.Filter hr { 
			color: #fff;
			background: #fff;
			margin: .75em auto 1.25em auto;
			}

		.Styles {
			background:#f3f3f3; 
			padding: .5em 1em; 
			}
		
		.Styles a {
			color: inherit;
			text-decoration: none;
			font-weight: normal;
			padding: .5em 1em;
			display: block;
			border-bottom: 2px solid #fff;
			}
			.Styles a:last-child { border-bottom: none; }
			
			.Styles a:hover { 
				/*color: #857d50;*/
				color: #555;
			}
			
			.Styles a.Selected { 
				/*color: #857d50;*/
				color: #222;
				font-weight: bold;
				padding-right: 3em;
				background: url(../../images/clear-filter-styles.svg) no-repeat right 1.25em center;
				}
				.Styles a.Selected.All { 
					/*color: #857d50;*/
					color: #222;
					padding-right: 1em;
					background-image:none;				
					}
				

@media all and (min-width: 30em) {	
	
		.Filter .Button { 
			width: auto;
			margin: 0.5em .625em; 
			}
		
		.Filter hr { margin: 1em auto .875em auto ; }

		.Styles {
			background:transparent; 
			padding: 0; 
			}
			
			.Styles a {
				display: inline-block;
				border-bottom: none;
				padding: .375em .5em ;
				}
				.Styles a.Selected.All { padding-right: .5em; }
		
}

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

	.Styles a { font-size: 1.125em; }

}
			
@media all and (min-width: 60em) {	

	
		.Filter .Button { 
			width: auto;
			margin: 0.889em .625em; 
			}

	.Filter hr { margin: .5em auto 1em auto ; }
	
	.Styles a {
			font-size: 1.125em;
			padding: 0 1.5em;
			display: inline-block;
			border-bottom: none;
			}
	
}

			

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

.DoorStyles .Door { margin-bottom: 2em; }

.DoorStyles img { 
	margin-bottom: 0;
	display: block;
	}
	
.DoorStyles .Caption {
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	background: #333;
	padding: .75em 1.5em;
	font-weight: bold;
	color: #fff;
	margin-top: .125em;
	}
	

	
			
			

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

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

.InfoBox {	
	background-color: #eee;
	margin:.5em 0 2em 0;
	}	
	.InfoBox.Padded, .InfoBox .Padded { padding: 1.75em 1em 1.25em 1em; } /*If extra padding is needed*/
	
	.InfoBox > h2:first-child, .InfoBox > h3:first-child { padding-top: 0; }
		.InfoBox > h2.First, .InfoBox > h3.First { padding-top: 0; } /*IE8*/
		
	 .InfoBox .InfoBox { background-color: #f3f3f3; }
	
	.Grey .InfoBox { background-color: #f3f3f3; }
		.Grey .InfoBox  .InfoBox { background-color: #fff; }
		
		.Blue .InfoBox { background-color: #bed4d8; } 
		
@media all and (min-width: 40em) {	

	.InfoBox.Padded, .InfoBox .Padded { padding: 1.75em 2em 1.25em 2em; } /*If extra padding is needed*/
	
}
	
	
	
/* ------------------------------------------------- Title Module  */	

.InfoBox h3.Header { 
	padding: 0;
	color: #fff;		
	background: #333;
	}				
	.InfoBox h3.Header a {
		color: #fff; 
		background: #333;
		text-decoration: none;
		font-weight: normal;
		padding:.375em .625em;
		display: block;
		}
		.InfoBox h3.Header a:hover { 
			text-decoration: none;
			background: #222; 
			}
			
		.InfoBox h3.Header.NoLink { padding:.375em .625em; } /* If the title has no link in it */
			
@media all and (min-width: 40em) {	

	.InfoBox h3.Header a, .InfoBox h3.Header.NoLink { padding:.25em .5em; }
		
}


/* ------------------------------------------------- List of Links Module */	

.InfoBox a {
	color: #fff;
}

.InfoBox h3, .InfoBox h4 {
	color: #fff;
}

.InfoBox .Button {
    color: #fff;
    border: 2px solid #fff;
}

.InfoBox .Button:hover {
    color: #bbb;
    border: 2px solid #bbb;
}

.InfoBox ul.LinksList { padding: 0; }
	
	.InfoBox ul.LinksList li { 
		margin:0; 
		padding: 0;
		border-bottom:1px solid #fff;
		background-image: none; 
		}
		.InfoBox ul.LinksList li:last-child { border-bottom: none; }
												
		.InfoBox ul.LinksList li a {  		
			display: block;
			width: 100%;
			padding:.875em 1.5em;
			text-decoration:none;
			color: #333;
			font-weight: bold;
			
			-webkit-transition: background 0.5s;
				transition: background 0.5s;
			}
			.InfoBox ul.LinksList li a:hover { 
				background-color: #f3f3f3;
				text-decoration: underline; 
				}
				.Grey .InfoBox ul.LinksList li a:hover { background-color: #fff; }

				.Grey .InfoBox a {
					color: #222;
				}

				.Grey .InfoBox .Button {
					color: #222;
					border: 2px solid #333;
				}
				
				.Grey .InfoBox .Button:hover {
					color: #fff;
				}

				.Grey .InfoBox h3, .Grey .InfoBox h4 {
					color: #222;
				}
				
				.InfoBox ul.LinksList li ul {
					border-top: 1px solid #fff;
					margin: 0;
					padding:0; 
					}
														
					.InfoBox ul.LinksList li li a { 
						font-weight: normal;
						padding-left: 2.5em;
						
						background: url(../../images/arrow-right-grey.svg) no-repeat 1.5em 1.25em;
						background-size: 6px;
						}
				
						.InfoBox ul.LinksList li li li a { 
							padding-left: 3.5em; 
							background-position: 2.5em 1.25em;
							}
							
							.InfoBox ul.LinksList li li li li a { 
								padding-left: 4.5em; 
								background-position: 3.5em 1.25em;
								}
								
								.InfoBox ul.LinksList li li li li li a { 
									padding-left: 5.5em;
									background-position: 4.5em 1.25em;
									}
									
															
/* ------------------------------------------------- SideNav Module - variation on LinksList module */

.SideNav, .Grey .SideNav {	
	background: #333; 
	margin-top: 0;
	}	
	
	.SideNav h3.Header a { background: #222; }	
		.SideNav h3.Header a:hover { background: #333; }
		
	.SideNav ul.LinksList li { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
			
		.SideNav ul.LinksList li a { color: #fff; }
		
			.SideNav ul.LinksList li a:hover, .Grey .SideNav ul.LinksList li a:hover { 
				background: #222; 
				text-decoration: underline; 
				}
				
				.SideNav ul.LinksList li ul { border-top: 1px solid rgba(255, 255, 255, 0.25); }
					

		.SideNav ul.LinksList li li { background: rgba(0, 0, 0, 0.1); }
		 
			.SideNav ul.LinksList li li a { background-image: none; }
									
				.SideNav ul.LinksList li li a, .SideNav ul.LinksList li li li a, .SideNav ul.LinksList li li li li a, .SideNav ul.LinksList li li li li li a { padding-left: 1.5em; }
																				

/* ------------------------------------------------- Accordions Module */

.InfoBox .Accordion { 
		margin: 0;
		padding:0;
		overflow:hidden;	
		list-style: none; 
		}		
		.InfoBox .Accordion dt { 
			margin:0; 
			padding: 0;
			border-bottom:1px solid #fff;
			position:relative;			
			}
				
			.InfoBox .Accordion dt a {  		
				display: block;
				width: 100%;
				padding: .875em 1.5em .875em 3.125em;
				font-weight: normal;
				text-decoration:none;
				color: #333;
				
				background-image: url(../../images/arrow-right-grey.svg);
				background-repeat: no-repeat;
				background-position: 1.5em 1.125em;
				
				-webkit-transition: background-color 0.5s;
					transition: background-color 0.5s;
				}
				.InfoBox .Accordion dt a:hover { 
					background-color: #f3f3f3; 
					text-decoration:underline; 
					}
					.Grey .InfoBox .Accordion dt a:hover { background-color: #fff; }
					
					.InfoBox .Accordion dt.Active a { 
						color: #fff;
						font-weight:bold;
						
						background-color: #333;
						background-image: url(../../images/arrow-down-white.svg);
						background-position: 1.5em 1.25em;
						}
						.Grey .InfoBox .Accordion dt.Active a:hover { background-color: #333; }
						.InfoBox .Accordion dt.Active a:focus { outline: none; } 
					
	.InfoBox .Accordion dd {		
		margin: 0 ;
		padding:  1em 1.5em .75em 1.5em ;
		display: block;
		border-bottom:1px solid #fff;
		background: #f3f3f3;
		}
		.Grey .InfoBox .Accordion dd { background-color: #fff; }
			
	
/* ------------------------------------------------------------------------ Photo Gallery */

.Gallery { margin:.5em 0 1em 0; }

	.GalleryItem { margin-bottom: 1.5em; }
	
		.GalleryItem a { 
			display: block;
			text-decoration: none;
			}
	
		.GalleryItem .Image {
			display: block;	
			width: 100%;
			height: 12em;
			
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			}
	
		.GalleryItem .Caption {
			display: block;
			width: 100%;
			text-align: center;
			text-decoration: none;
			background: #333;
			padding: .75em 1.5em;
			font-weight: bold;
			color: #fff;
			
			-webkit-transition: all 0.5s;
				transition: all 0.5s;
			}
			.GalleryItem a:hover .Caption { background: #222; }
	

/* ------------------------------------------------------------------------ Tables */

table {
    border-collapse: collapse;
    border-spacing: 0;
	border:none; 
	width:100%;	
	margin:.5em 0 2em 0;
	overflow:auto;
	}	
	table[style] {width:100% !important; }	
	
	tr {
		background: #fff;
		border: none;
		border-bottom:2px solid #eee;
		}
		
		tr:nth-child(odd) { background: #f3f3f3; }
			tr.Odd { background: #f3f3f3; } /*IE8*/
	
	th, td {
		text-align: left;
		vertical-align: top;
		font-size: 0.813em;	
		padding:1.25em 1.5em ;
		}	
			
		th {
			background: #333;
			color: #fff;
			font-weight:bold;
			}
			

/* ------------------------------------------------- Basic Table Responsive Tables */

@media all and (max-width:60em) and (min-width:0) {
	
	.TableWrapper {
		margin: .5em 0 2em 0;
		max-height: 320px;
		overflow: auto;
			-webkit-overflow-scrolling: touch;
		}
		.TableWrapper table { margin: 0; }
		
		
		/* jQuery Basic Table - Author: Jerry Low */

		table.bt thead,
		table.bt tbody th {
		  display: none;
		}
		
		table.bt tfoot th,
		table.bt tfoot td,
		table.bt tbody td {
		  border: none;
		  display: block;
		  vertical-align: top;
		}
		
		table.bt tfoot th:before,
		table.bt tfoot td:before,
		table.bt tbody td:before {
		  content: attr(data-th) ": ";
		  font-weight: bold;
		  width: 6.5em;
		  display: inline-block;
		}
		
		table.bt tfoot th.bt-hide,
		table.bt tfoot td.bt-hide,
		table.bt tbody td.bt-hide {
		  display: none;
		}
		
		table.bt tfoot th .bt-content,
		table.bt tfoot td .bt-content,
		table.bt tbody td .bt-content {
		  vertical-align: top;
		  width: calc(100% - 7.5em); 
		}
		
		table.bt tfoot th,
		table.bt tfoot td,
		table.bt tbody td {
		  padding: .75em 1em;
		  border-bottom:1px solid #eee;
		}
		
		table.bt tfoot th:before,
		table.bt tfoot td:before,
		table.bt tbody td:before {
		  color: #333;
		  margin-right: 1em;
		  padding: 0 ;
		}
		
		table.bt tfoot th .bt-content,
		table.bt tfoot td .bt-content,
		table.bt tbody td .bt-content {
		  display: inline-block;
		  padding: 0;
		}
		
		table.bt tfoot th:first-of-type:before,
		table.bt tfoot th:first-of-type .bt-content,
		table.bt tfoot td:first-of-type:before,
		table.bt tfoot td:first-of-type .bt-content,
		table.bt tbody td:first-of-type:before,
		table.bt tbody td:first-of-type .bt-content {
		  height: 100%;
		}
		
}


/* ------------------------------------------------------------------------ Forms */
	
hr.Form { margin-top: 2.5em; }

.Error, .Error[style], .Required {
	color: #e7004c !important;
	font-size: 0.875em;
	font-weight:bold;
	}
	
.RadioCheckHeader {
	margin-top:1.250em;
	padding-bottom:.25em;
	}
	
.RadioCheckBox { 
	background: #f3f3f3;
	padding: 1em ;
	}
	
.Other {margin: 0 0 .5em 1.5em; }

.RadioTable {width: auto; }

	.RadioTable td {
		padding: 0;
		border: none;
		font-size: 1em;
		}
	
label {
	display:block; 
	margin: 1.125em 0 0.25em 0;
	}	
	label.RadioCheck, .RadioTable td label {
		display:inline-block; 
		margin: 0 0 0.5em 0;
		width:85%;	
		line-height: 1.4;
		}
		.RadioTable td label {
			margin-left: .25em; 
			width: auto;
			}
			
		label.RadioCheck.Last {margin-bottom:0; }
	
input, select, textarea {
	border: 2px solid #ddd;
	font: normal 1em/1.6 'Open Sans', Arial, Helvetica, sans-serif; 
	color: #222;
	width: 100%;
	padding:.75em; 
	border-radius: 0;
	background: #fff;	
		
	-webkit-transition: all 0.5s;	
		transition: all 0.5s;
	}
	.Blue input, .Blue select, .Blue textarea { border-color: #fff; }	
		.Blue input.Button{ border-color: #333; }
			.Blue input.Button:hover, .Blue input.Button:focus  { border-color: #857d50; }
								
	input[type="checkbox"], input[type="radio"], input[type="image"] {
		height: auto;
		width:auto;
		padding: 0;
		background:transparent;
		vertical-align:top;
		margin-top:.375em;
		}
			
	textarea { 
		height: 20em; 
		width:100%;
		display: block;
		}
		textarea.Description { height: 20em; }
		
@media all and (max-width:50em) and (min-width:40em) {
	
	label.RadioCheck, .RadioTable td label { width:75%;	}
		
}
			
@media all and (max-width:64em) and (min-width:0) {
	
	input[type="text"], input[type="submit"], textarea { -webkit-appearance: none; }
	
}

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

	label { font-size: 1.25em; }

}
			
/* ------------------------------------------------------------------------ Modal */

#animatedModal {
padding: 40px 10% !important;
background-color: rgba(0,0,0,0.8) !important;
padding: 20px;
}
.modalPad {
background-color: #690000;
padding: 3em;
	position: relative;
}
.modal-content {
	text-align: left;
}
.modal-content p, .modal-content h3 {
color: white;
}
.modal-content p {
font-size: 14px;
	line-height: 1.5;
}
.modal-content p a {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}
.modal-content h3 {
font-size: 30px;
}
.close-animatedModal {
color: white;
font-weight: bold;
text-align: right;
position: absolute;
top: 1em;
right: 1em;
cursor: pointer;
}

.mb-0 {
margin-bottom: 0;
font-style: italic;
padding-bottom: 0;
font-size: 22px;
}

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

.PrintFooter { display:none; }

footer { 
	background: #111;
	padding: 0;
	position: relative;
	}
	
	.Social {
		padding:0; 
		background: #222 url(../../images/social-bg.png) repeat center top;
		background-size:641px;
		}
		
		.Social .Icon {
			float: left;
			padding: .75em 0 .5em 0;
			margin:0;
			width: 25%;
			}
	
			.Social a {
				display: block;
				width: 100%;
				height: 3em;
				text-align:center;
				}		
		
				.Social .Icon svg {
					fill: #fff;
	
					-webkit-transition: all .5s;
						transition: all .5s;
					}
					.Facebook svg { width: 18px; }
					.Twitter svg { width: 34px ; }								
					.Instagram svg { width: 33px ; }		
					.Houzz svg { width: 23px ; }											
					/*.Pinterest svg { width: 26px ; }*/
				
				.Social .Icon:hover svg { fill: #aba374; }

	
	.MainFooter { text-align: center; }

		footer .Address { 	color:#fff; }
			
			.HeadOffice { display: block; }
			
			.MobileBr { 
				display: block; 
				visibility:hidden; 
				height:0; 
				}
			
			footer a { 
				color:#fff;
				text-decoration:none;
				font-weight:normal;
				}
				
			
		footer .Button {
			color: #fff;
			border-color: #eee;
			}
			
			footer .Button:hover, footer .Button:focus  { border-color: #857d50; }	
					
		.Copyright { color: #bbb;  }	
	
		.RKD {
			margin: .375em 0 1em 0;
			width: 155px; 
			height: 13px;
			background-size:100%;
			display:inline-block;
			
			background-image: url(../../images/rkd-logo.svg);
			background-repeat: no-repeat;
			}	
			.RKD a {
				display: block;
				width: 100%;
				height: 100%;
				}
				
	
@media all and (min-width: 40em) {	

	.Social .Icon { padding: 1.25em 0 1em 0; }
	
	footer .Address { padding-top: .5em; }
	
	footer .Button { font-size: 1.125em; }
			
		.HeadOffice { 
			display: inline-block;
			margin-right: .5em;
			padding-right: 1.375em;
			background: url(../../images/arrow-right-white.svg) no-repeat right .375em;
			}
			
		.MobileBr { 
			display: inline-block; 
			visibility: visible; 
			height:auto; 
			margin:0 .25em;
			}	
		
}


/* =============================================================================================
	ONE-OFF ALIGNMENT, MARGIN AND PADDING STYLES - CAN BE USED ON ANYTHING
============================================================================================= */

.AlignL {text-align:left; }
.AlignC {text-align:center; }
.AlignR {text-align:right; }

.MT1, .MT2, .MT3 { margin-top: 1em; }

.MB1, .MB2, .MB3 { margin-bottom: 1em; }

.MT0 { margin-top: 0; }
.MB0 { margin-bottom: 0; }

.PT1, .PT2, .PT3 { padding-top: 1em; }

.PB1, .PB2, .PB3 { padding-bottom: 1em; }

.PT0 { padding-top: 0; }
.PB0 { padding-bottom: 0; }

@media all and (min-width: 40em) {
	.FloatL {float: left;}
	.FloatR {float: right;}
} 

@media all and (min-width: 60em) {
	
	.MT2 { margin-top: 2em; }
	.MT3 { margin-top: 3em; }
	
	.MB2 { margin-bottom: 2em; }
	.MB3 { margin-bottom: 3em; }
	
	.PT2 { padding-top: 2em; }
	.PT3 { padding-top: 3em; }
	
	.PB2 { padding-bottom: 2em; }
	.PB3 { padding-bottom: 3em; }

}