/*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 'Noto Sans', Arial, Helvetica, sans-serif; 
	color: #615e5e;	
	} 
	.BodyStyle { background: #FFF; } /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
	
	.Preload * { /* Transitions fire only after page load http://css-tricks.com/transitions-only-after-page-load/ */
		-webkit-transition: none !important;
			transition: none !important;
		}
		
*, *: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, li { margin:0; padding: 0 0 1em; }

@media only screen and (min-width: 40em) {	
	.BodyStyle { background: #e8e6e6; }
}

/* ------------------------------------------------------------------------ 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: #0c327e;
	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 #f6cc26; } /* outline shows with keyboard... */
	a:hover, a:active { outline: none !important; } /*...not with mouse (kinda) */
		

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

h1, h2, h3, h4  { 	
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	line-height:1.2;
	font-weight: bold; 	
	text-rendering: optimizeLegibility;
	margin:0;
	color: #d41f26;
	}	

	h1 {
		font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
		font-size: 1.125em; /*18px*/
		/*color: #009ed0;*/
		padding-bottom: 0.5em; /* 16px (consistent with p, ol, ul, li, img) */
		text-transform: uppercase;
		}
		
	h2 { 
		font-size: 0.875em; /*14px*/
		/*color: #0c327e;*/
		/*padding: 0.615em 0; */
		padding: 1.5em 0 0.615em 0; /* 16px */
		}
			
	h3 { 
		font-size: 0.875em; /*14px*/ 
		padding: 0.667em 0; /* 16px */
		}	
		
		/*h1 + h2, h1 + h3, h2 + h3  { padding-top: 0; }	*/
		

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

ul { 
	list-style: none; 
	/*list-style-type: disc;*/
	list-style-position: outside;
	padding-left: 0;
	}
	ul li {	
	    padding: 0 0 0.4em 0.75em;
	    padding-bottom: 0.3em;
		position: relative;
		background: url(../../images/bullet.png) no-repeat left 0.75em;
		}
			
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 { 
	font-size: 0.8125em; /*13px*/
	padding-bottom: 0.800em; /* 16px */
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	}
	
@media only screen and (min-width: 60em) {	

}

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

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

	a img {
		display: block;
		border: none;
		-webkit-backface-visibility: hidden;
			
		-webkit-transition: opacity 0.5s;
			transition: opacity 0.5s;
		}				
		a img:hover { opacity: .8; }
			
.More {
	display: inline-block;
	text-decoration:none;	
	position: relative;
	font: bold 0.9em 'Noto Sans', Arial, Helvetica, sans-serif;
	padding-right: 1.2em;
	margin-top: .25em;
	
	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%227px%22%20height%3D%2211.1px%22%20viewBox%3D%220%200%207%2011.1%22%20enable-background%3D%22new%200%200%207%2011.1%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23D42028%22%20d%3D%22M2%2C10.8c0.4-0.4%2C4.6-4.5%2C4.6-4.5C6.8%2C6.1%2C7%2C5.8%2C7%2C5.5C7%2C5.3%2C6.8%2C5%2C6.6%2C4.8c0%2C0-4.2-4.1-4.6-4.5%0D%0A%09c-0.4-0.4-1.2-0.4-1.6%2C0c-0.5%2C0.4-0.5%2C1%2C0%2C1.5l3.8%2C3.7L0.4%2C9.3c-0.5%2C0.5-0.5%2C1.1%2C0%2C1.5C0.8%2C11.2%2C1.6%2C11.2%2C2%2C10.8z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
	background-repeat: no-repeat;
	background-position: right 0.375em;
	
	-webkit-transition: color 0.5s;
		transition: color 0.5s;
	}		
	/*.More:hover { 
		color: #0c327e; 
		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%2326397A%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');
		}*/
	
.Button {
	color: #5a5959;
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	white-space: normal; /*Makes text wrap on resize */
	border:none;
	border-radius: 0.25em; 
	font: bold 1em/1.2 'Noto Sans', Arial, Helvetica, sans-serif;
	
	display:inline-block;	
	background: #FFF;
	width: auto;
	margin: 0.5em 0 ;
	padding: 0.2em 0.25em;
	cursor: pointer;
	}
	
	.Button:hover, .Button:focus  { background: #E8E6E6; }	
		
@media only screen and (min-width: 40em) {	
	
	/*.More  {font-size: 1.625em; }*/
	
	/*.Button { 
		font-size: 1.625em;
		padding: 0.5em 1.5em; 
		width: auto;
		}*/
	
}
		
	
/* ------------------------------------------------------------------------ Images */

img {
	 border: 0; 
	 width:100%;
	 margin: 0 0 1em 0; 
	 padding:0;
    -ms-interpolation-mode: bicubic;	
	}
	img[style] { 
		width: 100%!important; 
		height: auto!important; 
		}	
	
img.ImageFloatLeft, img.ImageFloatRight { margin: .375em 0 1em 0;	}
	
				
@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;
		margin: .375em 3.5% .375em 0;
		width:50%;
		}
		
	img.ImageFloatRight {
		float: right;
		margin: .375em 0 .375em 3.5%;
		width:50%;
		}
		img.ImageFloatLeft[style], img.ImageFloatRight[style]{ width: 50%!important; }	
	
}

@media only screen and (min-width: 60em) {	
		
	img.ImageFloatLeft, img.ImageFloatRight { width:33%; }
		img.ImageFloatLeft[style], img.ImageFloatRight[style]{ width: 33%!important; }	
	
}	
		
	
/* ------------------------------------------------------------------------ Horizontal Rules */

hr { 
	border:none;
	color: #dbdddf;
	background: #dbdddf;
	height:0.063em;
	margin:1em auto 2em auto;
	}	
	
	hr + h2, hr + h3 { padding-top: 0; }
	hr + .InfoBox { margin-top: 2.5em; }	
	table + hr, .InfoBox + hr { margin-top: 2.5em; }


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

.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%;
		}
		
.Map { border: 2px solid #ccc; }



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

	
.Wrapper {
	/*max-width:60em;*/
	max-width: 73.125em;/*1170px*/
	width:93%;
	margin:0 auto;
	}	
	
@media only screen 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*/
			
		
		.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%; }		
			
}	

@media only screen 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;
	position: relative;
	background: #d41f26;
	}
	header .Wrapper { position: relative;}
	
	.Logo { 
		float: left;
		margin:0.5em auto ;
		display:block;
		width: 231px;
		}
		.Logo.Desktop {display: none;}

	p.Phone {
		display: block;
		position: absolute;
		left: 8.2em;
		top: 0.9em;
		color: #FFF;
		padding: 1em 0;
		z-index: 2;
		overflow: hidden;
		line-height: 1.2;
		font: normal 0.8125em 'Noto Sans', Arial, Helvetica, sans-serif;
		margin-left: 1em;
		}	
		p.Phone a {
			color: #FFF;
			text-decoration: none;
			font-weight: normal;
			}
			
		
@media only screen and (min-width: 60em) {	
			
	.Logo { 
		margin:0.5em 0 ;
		width: 234px;
		/*float:left;*/
		}
		.Logo.Desktop {display: block;}
		.Logo.Mobile {display: none;}

	p.Phone {
		position: static;
		float: right;
		left: 0;
		top: 0;
		}


}
	
		
/* ------------------------------------------------------------------------ Breadcrumbs http://codepen.io/bradfrost/full/dKulf */
	
.BreadCrumbs .Wrapper {
	overflow:hidden;
	border-top: 1px solid #e1e3e5;
	border-bottom: 1px solid #e1e3e5;
	}

.BreadCrumbs ul {
	float:left;
	padding: .5em 0; 
	font-size: 0.938em;
	margin:0;
	display: block;
	}	
	.BreadCrumbs ul li {
		float: left;
		position: relative;
		overflow: hidden;
		margin:0 .5em 0 0;
		padding:  0 0 0 .75em;
		display: none; 
		background-position: left 0.55em;		
		}
		.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: #0c327e;
		text-decoration:none;
		font-weight: normal;
		display: inline-block;
		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%23253A7A%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; }		
		
}

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

.MainNav { /*background: #22a53f;*/ }
	

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

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

	.flexnav.opacity { opacity: 0;  }
		
	.flexnav.flexnav-show {
		max-height: 2000px;
		opacity: 1;
		-webkit-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out; 
		}
	
	.flexnav li {
		font-size: 100%;
		position: relative;
		overflow: hidden; 
		padding:0;
		background-image: none;
		}
	
	.flexnav li a {
		position: relative;
		display: block;
		padding: 1em 5%;
		z-index: 2;
		overflow: hidden;
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25); 
		text-decoration: none;
		line-height: 1.2;
		font: normal 0.8125em 'Noto Sans', Arial, Helvetica, sans-serif;
		/*font-weight: bold;*/
		}
		.flexnav li > a:hover, .flexnav li.Current > a { background: #BD1D23; }
		
		.flexnav > li > a { 
			/*font: normal 0.8125em 'Noto Sans', Arial, Helvetica, sans-serif;*/
			/*padding: .75em 5%;*/
			}
		
	.flexnav li ul { 
		width: 100%;
		margin: 0; 
		padding:0; 
		/*background: #22a53f;*/
		}
	
	.flexnav li ul li {
		font-size: 100%;
		position: relative;
		overflow: hidden;
		background: rgba(0, 0, 0, 0.1); 
		}
	
		.flexnav li li li { background: rgba(0, 0, 0, 0.2); }
		
		.flexnav li li li li { background: rgba(0, 0, 0, 0.3); }
		
	
	.flexnav li ul.flexnav-show li { overflow: visible; }

	/*Keep products submenu open on mobile*/
	.flexnav li ul {
		display: block!important;
		height: auto!important;
		opacity: 1!important;
		}
	
	.flexnav li ul li a { display: block; }
		
	.flexnav .touch-button {
		position: absolute;
		z-index: 999;
		top: 0;
		right: 0;
		width: 50px;
		height: 45px;
		display: inline-block;
		text-align: center; 

		background: rgba(0, 0, 0, 0.1);
		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%2216px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2016%2010%22%20enable-background%3D%22new%200%200%2016%2010%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M15.6%2C2.9C15%2C3.5%2C9.1%2C9.5%2C9.1%2C9.5C8.8%2C9.8%2C8.4%2C10%2C8%2C10S7.2%2C9.8%2C6.9%2C9.5c0%2C0-5.9-6-6.5-6.6%0D%0A%09c-0.6-0.6-0.6-1.7%2C0-2.4c0.6-0.7%2C1.4-0.7%2C2.2%2C0L8%2C6l5.4-5.5c0.7-0.7%2C1.6-0.7%2C2.2%2C0C16.2%2C1.2%2C16.1%2C2.3%2C15.6%2C2.9z%22/%3E%0D%0A%3C/svg%3E%0D%0A'); /*arrow-down-white.svg*/
		background-repeat: no-repeat;
		background-position: center center;
		}
		.flexnav .touch-button.active {
			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%2216px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2016%2010%22%20enable-background%3D%22new%200%200%2016%2010%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M15.6%2C7.1C15%2C6.5%2C9.1%2C0.5%2C9.1%2C0.5C8.8%2C0.2%2C8.4%2C0%2C8%2C0S7.2%2C0.2%2C6.9%2C0.5c0%2C0-5.9%2C6-6.5%2C6.6%0D%0A%09c-0.6%2C0.6-0.6%2C1.7%2C0%2C2.4c0.6%2C0.7%2C1.4%2C0.7%2C2.2%2C0L8%2C4l5.4%2C5.5c0.7%2C0.7%2C1.6%2C0.7%2C2.2%2C0C16.2%2C8.8%2C16.1%2C7.7%2C15.6%2C7.1z%22/%3E%0D%0A%3C/svg%3E%0D%0A'); /*arrow-up-white.svg*/
			}		
			.flexnav .touch-button .navicon { display: none; }
			
		.flexnav .touch-button:hover { cursor: pointer; }

.menu-button {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	/*padding: .75em 5%;*/
	/* background: #22a53f; */
	color: #fff;
	cursor: pointer;
	/* border-bottom: 1px solid rgba(255, 255, 255, 0.4); */
	font: 1.125em 'Noto Sans', Arial, Helvetica, sans-serif;
	}
		
	.menu-button .touch-button {
		position: relative;
		z-index: 999;
		/*top: 0;*/
		/*right: 0;*/
		width: 50px;
		height: 51px;
		display: inline-block;
		text-align: center; 
		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%2220px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2020%2015%22%20enable-background%3D%22new%200%200%2020%2015%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M1.4%2C9h17.1C19.4%2C9%2C20%2C8.3%2C20%2C7.5C20%2C6.7%2C19.4%2C6%2C18.6%2C6H1.4C0.6%2C6%2C0%2C6.7%2C0%2C7.5C0%2C8.3%2C0.6%2C9%2C1.4%2C9z%22/%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M1.4%2C3h17.1C19.4%2C3%2C20%2C2.3%2C20%2C1.5S19.4%2C0%2C18.6%2C0H1.4C0.6%2C0%2C0%2C0.7%2C0%2C1.5S0.6%2C3%2C1.4%2C3z%22/%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M1.4%2C15h17.1c0.8%2C0%2C1.4-0.7%2C1.4-1.5S19.4%2C12%2C18.6%2C12H1.4C0.6%2C12%2C0%2C12.7%2C0%2C13.5S0.6%2C15%2C1.4%2C15z%22/%3E%0D%0A%3C/svg%3E%0D%0A'); /*menu-hamburger.svg*/
		background-repeat: no-repeat;
		background-position: center center;
		}		
		.menu-button.active .touch-button {
			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%2215px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2015%2016%22%20enable-background%3D%22new%200%200%2015%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M14.4%2C15.5c-0.7%2C0.7-2%2C0.7-2.7%2C0l-4.2-4.7l-4.2%2C4.7c-0.7%2C0.7-2%2C0.7-2.7%2C0c-0.7-0.7-0.7-1.9%2C0-2.6L5%2C8%0D%0A%09L0.6%2C3.2c-0.7-0.7-0.7-1.9%2C0-2.6c0.7-0.7%2C2-0.7%2C2.7%2C0l4.2%2C4.7l4.2-4.7c0.7-0.7%2C2-0.7%2C2.7%2C0c0.7%2C0.7%2C0.7%2C1.9%2C0%2C2.6L10%2C8l4.4%2C4.8%0D%0A%09C15.2%2C13.6%2C15.2%2C14.7%2C14.4%2C15.5z%22/%3E%0D%0A%3C/svg%3E%0D%0A'); /*menu-close.svg*/
			}	
			.menu-button .touch-button .navicon { display: none; }	

				
@media only screen and (min-width: 60em) {	
	
	.MainNav { 
		position: relative;
		z-index: 5; 
		float: right;
		}
			
	.flexnav { overflow: visible; }
	
	.flexnav.opacity { opacity: 1; }
		
	.flexnav li {
		position: relative;
		list-style: none;
		float: left;
		display: block;
		background: transparent;
		overflow: visible;
		}

						
	.flexnav li a {
		background: transparent; 
		padding: 1.1em 2em;
		}		
		.flexnav > li > a {
			text-align:center;		
			/*font-size: 1.25em;*/
			border-bottom: none;		
			}
			/*.flexnav > li > a:hover { background: #BD1D23; }*/
			
		.flexnav li:last-child > a {border:none; }
			.flexnav li.Last > a {border:none; } /*IE8*/
			
		.flexnav li.AdditionalLinks { display: none; } /* These are the TopLinks items displayed in the main nav at mobile size to save vertical real estate*/
			
	
		.flexnav > li > a.LanguageToggle {
			border: 1px solid #A9181D;
			background: #BD1D23;
			padding: 0.35em 1em;
			margin-top: 0.65em;
			margin-right: 1.0em;
			font-style: italic;
			}		

	.flexnav li > ul {
		position: absolute;
		display: none;
		top: auto;
		left: 0; 
		}
	
	.flexnav li > ul li {width: 100%; }
	
	.flexnav li ul li > ul {
		margin-left: 100%;
		top: 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 .touch-button {
		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%23FFFFFF%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-white.svg*/
		}
	
	.menu-button, .flexnav > li > .touch-button { display: none; } 

}

@media only screen and (min-width: 70em) {
	
	/*.MainNav .Wrapper { width: 90%; }*/

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


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

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

main {  }

	main:focus { outline: none; }

	article {margin: 0.5em 0;}

	article p {font-size: 0.875em;}
	
	aside {
		display: none; 
		/*margin: 2em 0 0;*/
		}	
		

@media only screen and (min-width: 50em) {			
		
	main { }
	
		article {
			float: right;
			width: 82.9%;
			margin: 1.1em 0 1.5em 0;
			}
			article.HomeArticle {
				width:65%;
				float:left;
				margin: 0.5em 0 1.5em 0;
				}
			
		aside {
			display: block;
			float: left;
			width: 14.5%;
			padding-top: 0;
			margin: 0.5em 0;
			}
			aside.HomeAside {
				float: right;
				width: 31.5%;	
				}
					
}	

/* ------------------------------------------------------------------------ Homepage styles */

.Slider + .IntroText {padding-top:0.5em;}

/*Homenav only appears at mobile size*/
.HomeNav {
	margin: 1em 0;
	}
	.HomeNav a {
		display: block;
		background: #d41f26;
		padding: 1em 0.75em;
		color: #FFF;
		font-size: 0.875em;
		font-weight: normal;
		text-transform: uppercase;
		text-decoration: none;
		margin-bottom: 0.25em;
		}
		.HomeNav a:after {
			content: "";
			display: inline-block;
			background: url(../../images/callout-arrow.png) no-repeat center;
			width: 12px;
			height: 12px;
			margin-left: 0.5em;
			vertical-align: -4%;
			}

/*Three Callouts at bottom of homepage*/
.HomeCallouts {margin: 1em 0;}

	.HomeCallouts .Col-1-3 {
		float: left;
		width: 33%;
		}
	.HomeCallouts img {
		display: block;
		margin: 0 auto;
		width: 55px;
		}
	.HomeCallouts h2 {
		font-weight: bold;
		font-size: 0.625em;
		padding: 0.615em 0;
		text-transform: uppercase;
		color: #010101;
		text-align: center;
		}
	.HomeCallouts p {
		display: none;
		}

/*Aside Callouts*/
.CalloutGroup {display: none;}	

/*Contact Form*/
.ContactForm {
	background: #d41f26;
	padding: 0 1em;
	}
	.ContactForm h2 {
		color: #FFF;
		font-size: 1.125em;
		padding: 0.3em 0 0.2em 0;
		}

	.ContactForm .RadioCheck {
		color: #FFF;
		font-size: 0.75em;
		}	
	
	.ContactForm input,
	.ContactForm textarea {
		margin-bottom: 0.4em;
		}
		.ContactForm textarea {margin-top: 0.25em;}	

	.ContactForm .Error {
		color: yellow!important;
		margin-left: 0.5em;
		font-size: 0.8em!important;
		font-style: italic;
		}			


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

	.HomeCallouts {margin: 1.5em 0 1em 0;}
		
		.HomeCallouts .Col-1-3 {
			width: 31%;
			}
		
		.HomeCallouts p {
			display: block;
			font-size: 0.875em;
			line-height: 1.4;
			}

		.HomeCallouts h2 {
			font-size: 0.9375em;
			padding-bottom: 1em;
			}
		
		.HomeCallouts img {
			width: 104px;
			margin: 0 auto 1em auto;
			}


	.CalloutGroup {display: block;}
		.CalloutGroup a {
			display: block;
			text-decoration: none;
			margin-bottom: 0.5em;
			}
			.CalloutGroup img {
				margin-bottom: 0;
				}
			.CalloutGroup .CalloutTitle {
				display: block;
				background: #d41f26;
				padding: 0.1em 0.75em;
				color: #FFF;
				font-size: 0.875em;
				font-weight: normal;
				text-transform: uppercase;
				}
				.CalloutTitle:after {
					content: "";
					display: inline-block;
					background: url(../../images/callout-arrow.png) no-repeat center;
					width: 12px;
					height: 12px;
					margin-left: 0.5em;
					vertical-align: -4%;
					}			
	
}	

@media only screen and (min-width: 50em) {	
	.HomeNav {display: none;}									
}

/* ------------------------------------------------------------------------ Products Page */



.ProductGrid {
	margin: 0.25em 0 1em 0;
	clear: both;
	}
	
	.ProductGrid a {text-decoration: none;}
	
	.ProductGrid .Product {
		/*background: #cac9c9;*/
		/*border: 2px solid #cac9c9;*/
		border: 2px solid #cac9c9;
		  border-bottom: none;
		text-align: center;
		padding-bottom: 1.5em;
		margin-top: 1em;
		}
		.ProductGrid .ProductImage {overflow: hidden;}
			.ProductGrid .ProductImage img {margin: 0;}

		.ProductGrid .ProductName {
			text-transform: uppercase;
			color: #d41f26;
			font-size: 0.875em;
			/*font-size: 1em;*/
			padding: 0.2em;
			}
		.ProductGrid .ProductDescription {
			color: #615e5e;
			font-size: 0.875em;
			font-weight: normal;
			line-height: 1.4;
			}
		.ProductGrid .Button {
			display: block;
			color: #FFF;
			background: #615e5e;
			border-radius: 0;
			font-size: 0.875em;
			margin-top: 0;
			}



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

	article .video {
		float: right;
		margin: 0 0 0.5em 2em;
		}
		.video iframe {height: 240px;}

	.ProductGrid .ProductImage {
		height: 12em;
		position: relative;
		}
		.ProductGrid .ProductImage img {
			position: absolute;
			padding: 0;
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			}
	
}

/* ------------------------------------------------------------------------ Models page */

.ModelGrid {margin: 0.25em 0;}
	

	.ModelGrid .Model {
		border-bottom: 2px solid #cac9c9;
		padding: 1em 0;
		}
		/*.ModelGrid .Model:last-child {border-bottom: 0;}	*/

	.ModelGrid .ModelImage {
		/*width: 75%;*/
		/*text-align: center;
		overflow: hidden;*/
		}
		/*.ModelGrid .ModelImage img {
			margin: 0;
			}*/

		.Carousel {display: none!important;}	


	.ModelGrid .ModelName,
	.ModelGrid .ModelNumber {
		font-weight: bold;
		color: #615e5e;
		}
		.ModelGrid .ModelName {
			font-size: 0.875em;
			padding-bottom: 0.7em;
			}

		.ModelGrid .ModelNumber {
			font-size: 0.75em;
			color: #615e5e;
			/*padding-bottom: 0.1em;*/
			margin-left: 0.85em;
			}

	.ModelGrid ul {
		margin-left: 0.65em;
		padding-bottom: 0;
		}
		.ModelGrid li,
		.ModelGrid .ModelDescription li {
			font-size: 0.75em;
			}

	.Model p {
		/*font-size: 0.875em;*/
		margin-left: 0.75em;
		}

	.Model table td:nth-child(odd) { font-weight: bold;}

	h2 + .ModelGrid > .Model:first-child {padding-top: 0.5em;}


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

	.Carousel {
		display: block!important;
		margin: 0.5em 0!important;
		}
		.Carousel img {padding: 0 0.25em;}

}

@media only screen and (min-width: 60em) {
	
	.ModelGrid .Model {padding: 2em 0}

	.ModelGrid .ModelImage {}

		.PhotoSlider .slick-slide {
			height: 210px;
			overflow: hidden;
			}

	.Model table {
		margin-left: 0.75em;
		width: calc(100% - 0.75em);
		}	
}

/* ------------------------------------------------- SideNav Module */

.SideNav {	}
	.SideNavImage {
		display: block;
		margin: 0;
		}

	.SideNav a {
		display: block;
		text-decoration: none;
		font-size: 0.8125em;
		font-weight: normal;
		text-transform: uppercase;
		padding: 0.25em 0 0.25em 1em;
		}

	.SideNav ul {
		margin: 0;
  		padding: 0;
  		list-style: none;
		}		

	.SideNav ul li {
		background-image: none;
		padding: 0;
		}
		.SideNav > ul > li {margin-bottom: 0.5em;}	
	
	.SideNav > ul > li > a {
		background: #d41f26;
		color: #FFF;
		}
		.SideNav > ul > li > a:hover {
			background: #BD1D23;
			}

	.SideNav ul li.Open {}
		.SideNav ul li.Open ul {display: block;}		


	/*2nd level*/	
	.SideNav ul ul {display: none;}

		.SideNav ul ul a {
			color: #615e5e;
			border-bottom: 1px solid #615e5e;
			background: #cac9c9;
			}
			.SideNav ul ul li.Last a {border-bottom: none}

		.SideNav ul ul li.Current a,
		.SideNav ul ul li a:hover {color: #d41f26;}	
	
@media only screen and (min-width: 40em) {	

	.SideNav {	
		margin-bottom: 3.375em;
		}

}

/* ------------------------------------------------------------------------ Inline Modals */

.InlineModal {display: none; }

	.InlineModal .Wrapper {
		width: 95%; 
		padding:.5em 0 1em 0;
		}
	


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

table {
    border-collapse: collapse;
    border-spacing: 0;
	border:none; 
	width:100%;	
	margin:1em 0;
	overflow:auto;
	}	
	table[style] {width:100% !important; }	
		
	tr { background: #eaecef; }
		/*tr:nth-child(odd) { background: #f2f4f7; }*/
	
	th, td {
		text-align: left;
		vertical-align: top;
		font-size: 0.75em;
		padding: 0.5em;
		border: 1px solid #615E5E;
		}	
			
		th {
			border:1px solid #0668a7;
			background: #0c327e;
			color: #fff;
			font-weight:bold;
			}
			

/* RESPONSIVE EXAMPLE */

.st-head-row { 
	background: #4399d4;
	border:1px solid #fff;
	color: #fff;
	}
	
	.st-head-row a { color: #fff;}
	
.st-head-row-main { background: #0c327e; }


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


@media only screen and (max-width: 60em) {
	
  .large-only { display: none; }
  .stacktable.small-only {
	  display: table; 
	  *display: inline-block; 
	  }
  
}


/* ------------------------------------------------------------------------ Forms */
	
.Error, .Error[style], .Required {
	color: #e7004c;
	font-size: 0.875em;
	font-weight:bold;
	}
	
.RadioCheckHeader {
	margin-top:1.250em;
	padding-bottom:.25em;
	}
	
.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;
			}
	
input, select, textarea {
	border: none;
	font-size:0.75em;
	font: normal 0.75em/1.6 'Noto Sans', Arial, Helvetica, sans-serif; 
	color: #272923;
	width: 100%;
	padding: 0.10em .5em; 
	background: #fff;	
	border-radius: 0.35em;	
		
	-webkit-transition: all 0.5s;	
		transition: all 0.5s;
	}	
								
	input[type="checkbox"], input[type="radio"], input[type="image"] {
		height: auto;
		width:auto;
		padding: 0;
		background:transparent;
		vertical-align:top;
		}
			
	textarea { 
		height: 4.5em; 
		width:100%;
		display: block;
		}
		/*textarea.Description { height: 20em; }*/


	*::-webkit-input-placeholder {
   		color: #000;
		}
	*:-moz-placeholder {
	    color: #000;
		}
	*::-moz-placeholder {
	    color: #000;
		}
	*:-ms-input-placeholder {
	   color: #000;
		}	
		
@media (max-width:50em) and (min-width:40em) {
	
	label.RadioCheck, .RadioTable td label { width:75%;	}
		
}
			
@media (max-width:64em) and (min-width:0) {
	
	input[type="text"], input[type="submit"], textarea { -webkit-appearance: none; }
	
}
			

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

.PrintFooter { display:none; }

footer {
	display: none; 
	}

@media only screen and (min-width: 40em) {
	
	footer {
		display: block; 
		background: #d41f26;
		padding: 0.15em 0 0.5em 0;
		}

		footer p {font-size: .875em; }
		
			footer p, footer a { color:#fff; }

			footer p.ContactInfo {
				overflow: hidden;
				width: auto;
				}

		footer .Logo {
			width: 101px;
			margin: 1.5em 1em 0 0;
			}	

		.FooterLinks {}
			.FooterLinks a {
				display: block;
				text-decoration: none;
				font-size: 0.625em;
				font-weight: normal;
				line-height: 1.4;
				}

			.FooterLinks h3 {padding: 0.25em 0 0.1em 0;}
				.FooterLinks h3 a {font-size: 0.875em}	


		.FooterLinks .Col-1-3 {
			width: 25%;
			}

}


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

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

.MT035 { margin-top: 0.35em; }
.MT1 { margin-top: 1em; }
.MT2 { margin-top: 2em; }

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

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

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

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

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