/* -------------------------------------------------------------------------- */
/* Reset -------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
body, div, img, hr, form, fieldset, label, legend, iframe, input, select, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0; padding: 0;}
img, a img {border: none; -ms-interpolation-mode: bicubic;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
._acc, .accessibility {position: absolute; left: -9999em;}
.hidden {display: none;}
html {
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body {
	background: #000;
	color: #717171;
	font-size: 16px;
	line-height: 28px;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
#searchForm {
  width: 70rem;
  padding: 1rem;
  background: #222;
  margin: 2rem auto;
  font-size: 5.5rem;
}
.searchBox-inputWrapper,
.searchBox-clearWrapper {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.searchBox-input {
 	background-color: transparent;
	border: none;
  box-shadow: none;
  outline: none;
    font-size: 5.5rem;
    color:#fff;
	width: 100%;
	padding: 0.5rem;
	font-size: inherit;
}
.searchBox-input:focus {
  outline: none;
	background-color: transparent;
	 color:#fff;
  box-shadow: none;
}
.searchBox-clearWrapper {
	font-size: 0.75em;
  padding-right: 0.5rem;
}
.searchBox-clear {
	color: #CCC;
	padding: 0;
	cursor: pointer;
	font-size: inherit;
	cursor: pointer;
	line-height: 1.5;
 	-webkit-transition: all 3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.searchBox-clearInput:hover {
	color: #AAA;
}
#fnblogo {

position:fixed;
right:10px;
top:10px;
z-index: 20;
}

.fixedNav{
	position: fixed;
	height: 60px;
	top:0;
	left:0;
	width: 100%;
	z-index: 10000;
	}
	#nav-slide{
		z-index: 400000;
		margin-top:55px;
	}
	.spacer{
		z-index: 1;
		pointer-events: none;
		margin-top:35px;
	}
	
/* -------------------------------------------------------------------------- */
/* Font-face ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@font-face {
	font-family: 'FF-National-Regular';
	src: url('fonts/National/National-Regular.eot');
	src: url('fonts/National/National-Regular.eot?#iefix') format('embedded-opentype'),
	     url('fonts/National/National-Regular.woff') format('woff'),
	     url('fonts/National/National-Regular.ttf') format('truetype'),
	     url('fonts/National/National-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FF-National-Semibold';
	src: url('fonts/National/National-Semibold.eot');
	src: url('fonts/National/National-Semibold.eot?#iefix') format('embedded-opentype'),
	     url('fonts/National/National-Semibold.woff') format('woff'),
	     url('fonts/National/National-Semibold.ttf') format('truetype'),
	     url('fonts/National/National-Semibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* -------------------------------------------------------------------------- */
/* Layout ------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* Global wrap used for structure layout rows */
.l-wrap {
	clear: both;
}
#l-masthead {
	background: #222;
	margin-bottom: 24px;
}
	#site-logo {
		display: block;
		margin-top: 10px;
		
		z-index: 300000;
		color:#fff;
		width: 253px;
		background-size: 92px;
	}
		#site-logo .link-home {
			margin-top: 10px;
			display: block;
			width: 253px;
			height: 40px;
				overflow: hidden;
			
		}
	.to-bottom {
		position: absolute;
			right: 0;
			top: 0;
		display: block;
		width: 40px;
		height: 40px;
			overflow: hidden;
		background: url(images/sprites/sprites-2x.png) -170px 50% no-repeat;
		background-size: 240px;
		text-indent: -999em;
	}
#l-container {
	
	color: #393939;
	background: #FFF;
}

#l-mega {
	bottom: 0;
	width: 100%;
	clear: both;
	background: #222;
	color: #717171;
	margin: 0;
}
#l-footer {
	bottom: 0;
	width: 100%;
	background: #000;
	color: #717171;
	font: 12px "FF-National-Regular", Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	padding: 17px 0 16px;
}
	.footer-copyright {
		padding: 2px 0 0 0;
	}
/* -------------------------------------------------------------------------- */
/* Base --------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
a,
a:active {
	/*color: #0088CC;*/
	color: #00AFC4;
	text-decoration: none;
	-webkit-transition: color .15s ease-out;
	   -moz-transition: color .15s ease-out;
	    -ie-transition: color .15s ease-out;
	     -o-transition: color .15s ease-out;
	        transition: color .15s ease-out;
}
	a:hover {
		/*color: #88CAE0;*/
		color: #00CDE6;
	}
/* -------------------------------------------------------------------------- */
/* Navigation --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#nav-global .global-nav {
	
	float: left;
	list-style: none;
	padding: 0;
}
	#nav-global .global-nav-item {
		position: relative;
		display: block;
		float: left;
		padding: 0;
	}
		#nav-global .global-nav-link {
			display: block;
			float: left;
			background: #222;
			color: #999;
			font-family: "FF-National-Regular", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			font-size: 13px;
			line-height: 24px;
			padding: 18px 10px;
		}
		#nav-global .global-nav-item-last .global-nav-link {
			padding-right: 0;
		}
		#nav-global .global-nav-item.is-active .global-nav-link {
			color: #E59503;
		}
		#nav-global .global-nav-link:hover,
		#nav-global .global-nav-item.is-active .global-nav-link:hover {
			color: #E59503;
		}

		#nav-global .activeLink {
			color: #008fb3;
		}
/* Buy dropdown */
	.buy-link {
		display: block;
		height: 57px;
		background: url(images/navigation/buy-now-7.png) no-repeat;
		background-size: 120px;
		text-indent: -999em;
	}













#header-sub {
	display: none;
}

.nav-footer {
	list-style: none;
	overflow: hidden;
	padding: 20px 0 3px;
}
	.nav-footer-item {
		display: inline-block;
	}
		a.nav-footer-link {
			color: #717171;
			font: 14px "FF-National-Regular", Helvetica, Arial, sans-serif;
			padding: 0 15px;
		}
		.nav-footer-item:first-child .nav-footer-link {
			border: 0;
		}
			.is-active .nav-footer-link,
			.nav-footer-link:hover {
				color: #FFF;
			}
/* -------------------------------------------------------------------------- */
/* Systematic --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: "FF-National-Semibold", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 26px;
	line-height: 20px;
	text-transform: uppercase;
}
h2 {
	font-size: 24px;
	line-height: 24px;
	padding: 0 0 5px;
}
h2.small, h3, h4, h5, h6 {
	font-size: 20px;
	line-height: 18px;
	padding: 0 0 6px;
}

hgroup h2 {
	padding-bottom: 10px;
}
hgroup h3 {
	color: #646464;
	padding-bottom: 10px;
}

/* Page header and options */
.page-header {
	position: relative;
	padding: 0 0 5px;
	margin: 0 0 22px;
}
.page-header.border,
.page-title.border {
	padding-bottom: 21px;
	border-bottom: 1px solid #DDD;
}
.page-header.no-margin {
	margin-bottom: 0;
}
	.page-header .hero {
		width: 80%;
		margin: 32px auto -21px;
	}
.page-title {
	clear: both;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 28px;
}
.page-header .page-title {
	padding-bottom: 8px;
	border: 0;
}
/* To create headlines that have more space beneath them */
.spaced {
	padding: 0 0 26px;
}
.page-intro {
	text-align: center;
	font-size: 14px;
	line-height: 22px;
}
.l-content .page-title,
.page-title.left {
	text-align: left;
}
.l-content .page-title {
	border: 0;
}
.l-content .page-header .page-title {
	padding-bottom: 3px;
}
.l-content .note {
	color: #999;
	font: normal 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	text-align: left;
	font-style: italic;
	text-transform: none;
	padding: 0;
}

p,
dl {
	padding: 0 0 24px;
	margin: 0;
}
ul,
ol {
	padding: 0 0 17px;
	margin: 0;
}
ul {
	list-style-type: square;
	padding-left: 19px;
}
ol {
	padding-left: 25px;
}
	ul ul,
	ol ul {
		list-style-type: circle;
	}
	ol ol {
		list-style: lower-alpha;
		padding-left: 19px;
	}
	ul ul,
	ol ol,
	ul ol,
	ol ul {
		padding-top: 5px;
		padding-bottom: 0;
		margin-bottom: -5px;
	}
	li {
		padding-bottom: 4px;
	}
		li p {
			padding-bottom: 4px;
		}
	.ico-list {
		position: relative;
		left: -10px;
		list-style-type: none;
	}
blockquote {
	font-style: italic;
	padding: 0 30px 15px;
	margin: 0;
}
	blockquote p,
	blockquote ul,
	blockquote ol,
	blockquote dl {
		padding-bottom: 1rem;
	}
	blockquote footer {
		display: block;
		font-weight: bold;
	}
code {
	display: inline-block;
	background: #EDEDED;
	color: #000;
	padding: 1px 10px 4px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
img {
	display: block;
}
p code,
ul code,
ol code {
	background: #F2F2F2;
	padding: 0 5px;
}
hr {
	clear: both;
	width: 100%;
	height: 1px;
		overflow: hidden;
	background: #CCC;
	border: 0;
	margin: 0 0 22px;
}
iframe {
	line-height: 0;
	padding: 0;
	margin: 0;
}

.list-plain {
	list-style: none;
	padding-left: 0;
}
.list-linkout {
	list-style: none;
	padding-left: 0;
}
	.list-linkout li {
		line-height: 24px;
		padding-bottom: 16px;
	}
.list-grid li {
	line-height: 22px;
	padding-bottom: 15px;
}

.nopad,
.nopad {
	padding-bottom: 0;
}
.linklist,
.datelist {
	list-style: none;
	font-size: 14px;
	padding-top: 5px;
	padding-left: 0;
}
	.linklist-item,
	.datelist-item {
		line-height: 19px;
		padding: 0 0 12px;
	}
	.datelist-item {
		padding-left: 100px;
	}
		.linklist-title,
		.linklist-head,
		.datelist-date {
			display: inline-block;
			color: #777;
			font: normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
			padding: 0;
		}
		.datelist-date {
			width: 94px;
			margin: 0 0 0 -100px;
		}
		.linklist-head,
		.page-section .linklist-head {
			display: inline-block;
			padding: 0 0 1px;
		}
		.linklist-black .linklist-link,
		.datelist-link {
			color: #000;
		}
			.linklist-link:hover,
			.datelist-link:hover {
				color: #88CAE0;
			}
			.linklist-link:hover .linklist-title,
			.linklist-link:hover .linklist-head,
			.datelist-link:hover .datelist-title {
				color: #000;
			}

.orange {
	color: #E59503;
}

.left {
	float: left;
}
.text-small {
	font-size: 13px;
	line-height: 18px;
}
	.text-small p,
	.text-small ul,
	.text-small ol {
		padding-bottom: 16px;
	}
img.left {
	margin: 0 25px 10px 0;
}
.right {
	float: right;
}
img.right {
	margin: 0 0 10px 25px;
}
.col img.bottom {
	margin-bottom: -44px;
}
.upper {
	text-transform: uppercase;
}
.light {
	color: #666;
}
.lightest {
	color: #919191;
}
.nobr {
	white-space: nowrap;
}
.center {
	text-align: center;
}
	img.center {
		display: block;
		float: none;
		margin: 0 auto;
	}
.img-border {
	border: 1px solid #EEE;
}
.block {
	display: block;
	margin: 0 0 22px;
}
span.block {
	margin: 0;
}
.nowrap {
	white-space: nowrap;
}
.blurb {
	font-size: 14px;
	line-height: 22px;
}
.note {
	color: #333;
	font-size: 12px;
	line-height: 20px;
}
/* Universal page section */
.page-section {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #DDD;
	padding: 44px 0 0;
}
.page-section.bottom-border {
	border-bottom: 1px solid #DDD;
}
.page-section:first-child,
.page-section:first-of-type {
	padding-top: 0;
	border: 0;
}
	.page-section h2,
	#contact-us h2 {
		padding-bottom: 10px;
	}
/* Width-based styles */
.w-full {
	width: 100%;
	margin: 0;
}
.resp-45 {
	width: 45%;
}
/* -------------------------------------------------------------------------- */
/* Buttons, Icons & Badges -------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.ico {
	position: relative;
	overflow: hidden;
	background: url(images/sprites/sprites-2x.png) no-repeat;
	background-size: 240px;
	line-height: inherit;
	padding: 0 3px;
	margin: 0 0 0 2px;
}
.btn .ico {
	display: inline-block;
	width: 10px;
	height: 12px;
	padding: 0;
}
.ico-arr-blu {
	top: 1px;
	background-position: 0 50%;
}
.ico-arr-tan {
	background-position: -30px 50%;
}
.ico-arr-sm {
	top: 2px;
	background-position: -15px 50%;
}
.ico-arr-u {
	background-position: -15px 0;
}



.overlay {
	display: block;
	position: relative;
}
.overlay:after,
.ind:after {
	position: absolute;
	display: inline-block;
	clear: both;
	content: "\00a0";
	width: 10px;
	/* overflow: hidden; this causes a line break in Firefox */
	background: url(images/sprites/sprites-2x.png) no-repeat;
	background-size: 240px;
	line-height: inherit;
}
.overlay-play:after {
		left: 50%;
		top: 50%;
	display: block;
	width: 48px;
	height: 48px;
	background-position: -60px 0;
	margin: -24px 0 0 -24px;
}
.ind-arr-u:after,
.ind-arr-d:after {
	position: absolute;
		right: 6px;
		top: 5px;
	width: 15px;
	height: 10px;
}
.ind-arr-u:after {
	background-position: -30px 0;
}
.ind-arr-d:after {
	background-position: 0 0;
}

.btn {
	position: relative;
	display: inline-block;
	clear: both;
	min-width: 146px;
	background: #999;
	color: #EDEFE6;
	font: 16px/16px "FF-National-Semibold", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	padding: 10px 33px 11px 10px;
	margin: 0 0 32px;
	-webkit-transition: background .15s ease-out;
	   -moz-transition: background .15s ease-out;
	    -ie-transition: background .15s ease-out;
	     -o-transition: background .15s ease-out;
	        transition: background .15s ease-out;
}
	.btn .ico-arr-tan {
		position: absolute;
			right: 13px;
			top: 50%;
		margin-top: -6px;
	}
	.btn-action {background: #34494C;}
	.btn-action:hover {background: #000; color: #EDEFE6;}

	.btn-secondary {background: #E59503;}
	.btn-secondary:hover {background: #34494C; color: #FFF;}

.badge {
	display: inline-block;
	overflow: hidden;
	background-image: url(images/sprites/badges-2x.png);
	background-size: 136px;
	text-indent: -999em;
	margin: 22px 22px 22px 0;
}
p .badge {
	margin: 0;
}
table .badge {
	margin: 0;
}
	.badge-appstore {
		width: 136px;
		height: 41px;
	}
/* -------------------------------------------------------------------------- */
/* Tables ------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
table {
	/*table-layout: fixed;*/
	table-layout: fixed;
	width: 100%;
	clear: both;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 22px;
}
	caption {
		color: #969696;
		font-size: 75%;
		font-style: italic;
		text-align: left;
		padding: 5px 6px;
	}
		td {
			font-size: 14px;
			line-height: 20px;
			vertical-align: top;
			padding: 8px 13px;
			border: 1px solid #DDD;
		}
		.td-label {
			width: 200px;
			font-size: 20px;
			font-family: "FF-National-Regular", Helvetica, Arial, sans-serif;
		}
		.zebra tr.even td,
		.zebra tr:nth-child(even) td {
			background: #F6F6F6;
		}
		th,
		thead td {
			background: rgb(237,237,237);
			font-weight: bold;
			text-align: left;
			border-color: #EDEDED;
			border-bottom: 2px solid #333;
		}
	tfoot {
		color: #969696;
		font-size: 75%;
	}
		tfoot td {
			padding-top: 0;
			padding-bottom: 2px;
			border-color: #FFF;
			border-bottom-color: #DDD;
		}
/* -------------------------------------------------------------------------- */
/* Sprites ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */
.sprite {
	background-image: url(images/sprites/sprites.png);
	background-repeat: no-repeat;
	background-size: 90px;
}
/* -------------------------------------------------------------------------- */
/* Columns ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */
.row {
	clear: both;
	overflow: hidden;
}
.row.border {
	padding-bottom: 22px;
	border-bottom: 1px solid #DDD;
}
	.col {
		clear: both;
		padding-bottom: 0;
		margin-bottom: 22px;
	}
	.row .col:first-child {
		padding-left: 0;
	}
		.col-head {
			text-transform: uppercase;
			padding: 0;
		}
	.row .note {
		clear: both;
	}
/* -------------------------------------------------------------------------- */
/* Modules ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */
/* Collapsible footer */
.m-collapse.collapse-footer {
	color: #919191;
	font-family: "FF-National-Regular", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0;
}
	.m-collapse .col {
		margin-bottom: 0;
	}
	.collapse-footer .collapse-head {
		color: #919191;
		font-family: "FF-National-Regular", Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: normal;
		padding: 0;
	}
	.collapse-list {
		list-style: none;
		overflow: hidden;
		line-height: 14px;
		padding: 0;
		-webkit-transition: height .25s cubic-bezier(0, .51, .12, 1);
		   -moz-transition: height .25s cubic-bezier(0, .51, .12, 1);
		        transition: height .25s cubic-bezier(0, .51, .12, 1);
	}
		.collapse-item {
			line-height: 14px;
		}
		.collapse-link {
			color: #919191;
		}
			.collapse-link:hover {
				color: #E59503;
			}
.collapse-link.ext-fb:hover {color: #3B5999;} 
.collapse-link.ext-tw:hover {color: #4099FF;} 
.collapse-link.ext-gp:hover {color: #D34836;} 
.collapse-link.ext-yt:hover {color: #CD332D;} 

/* Handheld sidenav */
.m-sidenav,
.sidenav-sub {
	list-style: none;
	font: 15px "FF-National-Regular", Helvetica, Arial, sans-serif;
	padding: 0 0 24px;
}
.sidenav-sub {
	padding-bottom: 0;
	padding-left: 24px;
	border-left: 1px dotted #DDD;
	margin-bottom: 1px;
}
	.sidenav-item {
		padding: 0;
	}
		.sidenav-link,
		.m-sidenav .sidenav-sub .sidenav-link {
			display: block;
			color: #444;
			text-transform: uppercase;
			padding: 6px 0;
		}
		.is-active .sidenav-link,
		.sidenav-sub .is-active .sidenav-link {
			color: #BBB;
		}
			.sidenav-link:hover,
			.is-active .sidenav-link:hover,
			.sidenav-sub .sidenav-link:hover {
				color: #00CDE6;
			}

/* Notify */
.m-notify {
	position: relative;
		top: -24px;
	background: #E59503;
	background: #24D7FB;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	padding: 8px 10px 10px;
}
	.notify-link {
		color: #FFF;
	}
		.notify-link:hover {
			color: #222;
		}
		.notify-link .ico {
			top: 2px;
		}

/* Anchor List Navigation */
.m-anchor {
	list-style: none;
	overflow: hidden;
	background: #FCFCFC;
	font: 16px "FF-National-Semibold", Helvetica, Arial, sans-serif;
	padding: 0;
}
.page-header .m-anchor {
	margin: 27px 0 -11px 0;
}
.anchor-upper {
	border-top: 1px solid #DDD;
}
.page-header .anchor-upper {
	border-bottom: 1px solid #EEE;
	margin: 27px 0 0 0;
}
.anchor-lower {
	border-bottom: 1px solid #DDD;
}
.page-header .anchor-lower {
	margin: 0 0 -11px 0;
}
	.anchor-item {
		padding: 0;
	}
		.anchor-link {
			display: block;
			color: #E59503;
			text-align: center;
			text-transform: uppercase;
			padding: 10px 10px 12px;
			border-top: 1px solid #EEE;
		}
		.anchor-link.is-first {
			border: 0;
		}
			.anchor-link:hover {
				color: #000;
			}




.m-sideinfo {
	font-size: 13px;
	line-height: 21px;
}
	.sideinfo-head {
		padding-top: 1px;
	}





/* Footnotes */
.m-footnotes {
	clear: both;
	color: #999;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: -60px;
}
ul.m-footnotes {
	list-style: none;
	padding: 25px 0;
}
.footnote-extra {
	margin-bottom: -50px;
}
.m-buystrip .m-footnotes {
	top: 0;
}
	.footnote {
		padding: 0;
	}
	.footnote-plain {
		list-style-type: none;
	}


/* Living picture embed */
.m-lfp {
	overflow: hidden;
	margin: 0 0 22px;
}
.lfp-200 {
	width: 200px;
}
	.lfp-embed {
		display: block;
		background: transparent;
	}
	.col .lfp-embed {
		margin-top: 1px;
	}
	.lfp-embed {
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border: 0;
	}
	.lfp-caption {
		color: #919191;
		font-size: 14px;
		line-height: 18px;
		text-align: center;
		padding: 8px 0;
	}


/* Press page */
#media-resources {
	padding-top: 44px;
	border-top: 1px solid #DDD;
}


/* Drowpdown module */
.m-drop {
	position: relative;
	max-width: 225px;
	background: transparent;
	font-family: Helvetica, Arial, sans-serif;
	margin: 15px 0;
}
.m-drop .ind-arr-u:after {
	background-position: -15px 0;
}
	.drop-trigger {
		position: relative;
		display: block;
		background: #EDEFE6;
		color: #222;
		cursor: pointer;
		padding: 1px 7px;
	}
		.drop-trigger.ind-arr-d:after {
			position: absolute;
				right: 6px;
				top: 12px;
		}
		.m-drop:hover .drop-trigger {
			color: #222;
		}
	.drop-panel {
		position: absolute;
			left: 0;
			top: 100%;
		list-style: none;
		width: 100%;
		background: transparent;
		padding: 12px 0 0 0;
		-webkit-transition: opacity .15s ease-out;
		   -moz-transition: opacity .15s ease-out;
		    -ie-transition: opacity .15s ease-out;
		     -o-transition: opacity .15s ease-out;
		        transition: opacity .15s ease-out;
	}
	.js-on .drop-panel {
		display: none;
	}
	.m-drop:hover .drop-panel {
		display: block;
	}
		.drop-item {
			padding: 0;
		}
		.drop-item.is-active {
			display: none;
		}
			.drop-link {
				display: block;
				background: #EDEFE6;
				color: #222;
				padding: 5px 7px 8px;
				-webkit-transition: background .15s ease-out;
				   -moz-transition: background .15s ease-out;
				    -ie-transition: background .15s ease-out;
				     -o-transition: background .15s ease-out;
				        transition: background .15s ease-out;
			}
				.drop-link:hover {
					background: #222;
					color: #EDEFE6;
				}


/* Workflow */
	.workflow-head {
		clear: both;
	}
	.workflow-img {
		margin: 0 auto;
	}


/* Executive Bios & Board Members */
.m-execs,
.m-boards {
	line-height: 20px;
	padding: 0;
}
.m-boards {
	padding: 47px 0 20px 0;
	border-top: 1px solid #DDD;
	margin: 50px 0 0 0;
}
	.boards-col {
		margin-bottom: 0;
	}
	.m-boards .page-title.left {
		padding-bottom: 33px;
	}
	.m-execs .row {
		margin-bottom: 0;
	}
	.team-member {
		color: #666;
		font-size: 14px;
		padding: 0 0 17px;
	}
	.m-boards .team-member {
		padding-bottom: 28px;
	}
	.member-link {
		display: block;
		color: #000;
		text-align: center;
	}
		.member-portrait {
			width: 75%;
			margin: 0 auto 8px;
		}
		.member-name,
		.member-title {
			-webkit-transition: color .15s ease-out;
			   -moz-transition: color .15s ease-out;
			    -ie-transition: color .15s ease-out;
			     -o-transition: color .15s ease-out;
			        transition: color .15s ease-out;
		}
		.member-name {
			color: #000;
			font-size: 20px;
			text-transform: uppercase;
			padding: 0 0 2px;
		}
			.member-link:hover .member-name {
				color: #00CDE6;

			}
		.member-title {
			color: #666;
			padding: 0;
		}
		.member-sub {
			display: block;
		}
			.member-link:hover .member-title {
				color: #000;
			}
	/* Deconcealer show/hide */
	.m-deconcealer.exec {
		background: #EDEFE6;
		color: #1D1D1D;
		line-height: 24px;
	}
		.deconcealer-content.m-exec {
			position: relative;
			padding-top: 52px;
			padding-bottom: 40px;
		}
			.exec-name {
				color: #000;
				font-size: 30px;
				line-height: 32px;
				text-transform: uppercase;
				padding: 0;
			}
			.exec-title {
				display: block;
				color: #666;
				font-size: 14px;
				line-height: 16px;
				padding: 0 0 26px;
			}
			.exec-portrait {
				max-width: 85%;
				margin: 0 0 -39px -25px;
			}


/* Technical Specifications tables */
.m-techspecs {
	clear: both;
	overflow: auto;
}
.m-techspecs table {
	min-width: 700px;
}
	.m-techspecs td {
		padding: 18px 21px;
		padding: 24px 0 25px 28px;
		border-right-color: #FFF;
		border-left-color: #FFF;
	}
	.m-techspecs .td-label {
		text-align: left;
		padding-right: 10px;
		padding-left: 0;
		border-right-color: #DDD;
	}
.m-techspecs ul.nopad,
.m-techspecs ol.nopad {
	margin-bottom: -5px;
}
.m-techspecs .cols-4 .col {
	width: 100%;
	text-align: center;
	padding: 0 5px 20px;
}
	.m-techspecs .cols-4 img {
		margin: .5em 0 0 0;
	}


/* Image Gallery Switcher */
.m-gallery {}
	.gallery-gallery {
		list-style: none;
		padding: 0;
	}
		.js-on .gallery-item {
			display: none;
		}
		.js-on .gallery-item.is-active {
			display: block;
		}
			.gallery-img {
				width: 100%;
			}

		.gallery-nav {
			display: none;
			list-style: none;
			padding: 0;
		}
		.js-on .gallery-nav {
			display: block;
		}
		.gallery-nav-small {
			width: 40%;
		}
			.gallery-nav .gallery-item,
			.gallery-nav .gallery-item.is-active {
				display: inline-block;
				width: 25%;
				border: 1px solid #EEE;
				margin: 0 4% 22px 0;
				cursor: pointer;
			}
			.gallery-nav-small .gallery-item,
			.gallery-nav-small .gallery-item.is-active {
				width: 50%;
			}
			.gallery-nav .gallery-item.is-active {
				border-color: #E59503;
			}
				.gallery-nav .gallery-img {
					width: 100%;
				}


/* Pageout module */
.m-pageout {
	text-align: center;
	padding: 44px 0 12px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-top: 24px;
}
	.m-pageout .btn {
		margin-left: 24px;
	}


/* Buy Now Strip */
.m-buystrip {
	background: #F3F3F3;
	padding: 36px 0;
	margin: 60px 0 -60px;
}
	.m-buystrip .row {
		margin-bottom: 0;
	}
	.buystrip-item {
		position: relative;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		padding-bottom: 22px;
		border-bottom: 1px solid #DDD;
		margin: 10px 0 22px;
	}
	.buystrip-item.col3 {
		margin-bottom: 0;
	}
	.buystrip-item.buystrip-intro:first-child {
		background: #E59503;
		font-size: 14px;
		line-height: 18px;
		text-align: left;
		padding: 16px;
		border: 0;
		margin-top: 0;
		margin-bottom: 32px;
	}
		.buystrip-head {
			font-size: 24px;
			line-height: 24px;
			text-transform: uppercase;
			padding: 0 0 22px;
		}
		.buystrip-title {
			color: #E59503;
			font-size: 16px;
			line-height: 22px;
			text-transform: uppercase;
			padding: 0 0 3px;
		}
		.buystrip-item p {
			padding-bottom: 0;
		}
		.buystrip-img {
			display: block;
			width: 96px;
			height: 96px;
				overflow: hidden;
			background-image: url(images/modules/buystrip.png);
			background-size: 288px;
			margin: 0 auto 12px;
		}
			.buystrip-store {background-position: 0 0;}
			.buystrip-usa   {background-position: 50% 0;}
			.buystrip-intl  {background-position: 100% 0;}
		.buystrip-highlight {
			display: block;
			color: #FFF;
			font-weight: normal;
			padding: 6px 0;
		}


/* Deconcealer */
.m-deconcealer,
.deconcealer-placeholder {
	position: relative;
	clear: both;
	width: 100%;
	height: 0;
		overflow: hidden;
	background: rgba(0,0,0,.2);
	background: #FFF;
	margin: 0;
}
.m-deconcealer.is-open {
	margin-bottom: 51px;
}
.deconcealer-placeholder.deconcealer-inline {
	float: left;
	width: 45%;
	margin: 0 27px 20px 0;
}
	.deconcealer-placeholder {
		overflow: visible;
	}
.m-deconcealer,
.deconcealer-content,
.deconcealer-placeholder {
/* This breaks the YouTube player in Firefox on Mac.
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	    -ie-transform: translate3d(0,0,0);
	     -o-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);*/
	-webkit-transition: height .5s cubic-bezier(.50, 0, .50, 1), top .5s cubic-bezier(.50, 0, .50, 1),  margin .5s cubic-bezier(.50, 0, .50, 1);
	   -moz-transition: height .5s cubic-bezier(.50, 0, .50, 1), top .5s cubic-bezier(.50, 0, .50, 1),  margin .5s cubic-bezier(.50, 0, .50, 1);
	    -ie-transition: height .5s cubic-bezier(.50, 0, .50, 1), top .5s cubic-bezier(.50, 0, .50, 1),  margin .5s cubic-bezier(.50, 0, .50, 1);
	     -o-transition: height .5s cubic-bezier(.50, 0, .50, 1), top .5s cubic-bezier(.50, 0, .50, 1),  margin .5s cubic-bezier(.50, 0, .50, 1);
	        transition: height .5s cubic-bezier(.50, 0, .50, 1), top .5s cubic-bezier(.50, 0, .50, 1),  margin .5s cubic-bezier(.50, 0, .50, 1);
	/* Stops artifacts during animation */ 
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

.m-deconcealer.no-ani {
	-webkit-transition: none;
	   -moz-transition: none;
	    -ie-transition: none;
	     -o-transition: none;
	        transition: none;
}

.deconcealer-content.no-slide,
.deconcealer-inline {
	-webkit-transition: none;
	   -moz-transition: none;
	    -ie-transition: none;
	     -o-transition: none;
	        transition: none;
}
.m-deconcealer.is-static {}
	.m-deconcealer:before,
	.m-deconcealer:after {
		position: absolute;
			left: 0;
			z-index: 1000;
		display: block;
		width: 100%;
		height: 5px;
			overflow: hidden;
		background: #DDD;
		background: transparent;
		content: '\00a0';
	}
	.m-deconcealer:before {
		top: 0;
		border-top: 1px solid #DDD;
	}
	.m-deconcealer:after {
		bottom: 0;
		border-bottom: 1px solid #DDD;
	}
	.deconcealer-content {
		position: relative;
			top: 0;
			z-index: 1;
		display: block;
		overflow: hidden;
		margin: 0 auto;
	}
	.deconcealer-content.deconcealer-scrollable {
		overflow: auto;
	}
	.deconcealer-img {
		float: left;
		width: 100%;
	}
	.deconcealer-lytroplayer {
		width: 100%;
		background: #000;
		text-align: center;
		margin: -7.5px auto 0;
	}
		.deconcealer-lytroplayer iframe {
			display: inline-block;
			float: left;
			margin: 0 auto;
		}
	.deconcealer-activate {
		position: absolute;
			left: 0;
			top: 0;
			z-index: 10000;
		display: block;
		width: 100%;
		height: 100%;
			overflow: hidden;
		/* IE background bug */
		background: rgba(255,255,255,0.000000000000000001);
		cursor: pointer;
	}
		.m-deconcealer .deconcealer-activate {
			left: auto;
			right: 4.5%;
			top: 24px;
			width: 50px;
			height: 10px;
			background: url(images/sprites/sprites-2x.png) no-repeat -150px 0;
			background-size: 240px;
		}
		.m-deconcealer.video .deconcealer-activate {
			background-position: -150px 100%;
		}

/* vcard */
.vcard {
	clear: both;
	font-size: 14px;
	line-height: 24px;
}
.vcard .adr {
	padding: 8px 0 1px 0;
}
.vcard .tel,
.vcard .org,
.vcard .web {
	list-style: none;
	padding: 0;
}
.vcard .tel {
	display: inline-block;
	padding: 0 0 3px;
}
.vcard .email {
	font-size: 12px;
	padding: 8px 0 0;
}
	.email-item {
		padding: 10px 0;
	}
	.vcard .organization-unit {
		display: block;
		color: #666;
		font-weight: bold;
		padding: 0 0 2px;
	}
	.vcard .url {
		display: block;
		font-weight: normal;
	}
	.vcard .vcard-nopad {
		display: block;
		line-height: 18px;
		padding-bottom: 0;
	}

/* Where to Buy */
.section-where .col {
	float: none;
	width: 100%;
}
.where-country {
	font-size: 24px;
	line-height: 28px;
	padding: 0 0 16px;
}
.where-region {
	padding: 18px 0 14px;
}
.where-region:first-child {
	padding-top: 0;
}
.m-where {
	line-height: 20px;
	padding: 0 0 24px;
}
	.m-where .fn {
		display: block;
		font: bold 14px/20px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
		padding: 0;
	}
	.m-where .adr {
		padding: 0;
	}
	.m-where .tel {
		display: block;
		padding: 0;
	}
	.m-where .email,
	.m-where .url {
		font-size: 14px;
		padding: 0;
	}
	.m-where .map {
		color: #000;
	}
		.m-where .map:hover {
			color: #00CDE6;
		}


/* Buy page */
.buy-store-link {
	display: block;
	width: 100%;
	height: 168px;
	border: 1px solid #DDD;
	margin: 0 0 14px;
}
	.buy-store-logo {
		max-width: 90%;
		margin: 0 auto;
	}


/* Learn Section */
.boxed-title {
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	border-top: 1px solid #DDD;
	margin: 0 0 42px;
}
	.boxed-title-box {
		position: relative;
			top: -1px;
		display: inline-block;
		background: #E59503;
		color: #FFF;
		font-weight: normal;
		padding: 1px 75px 2px;
	}
	.box-podcasts {
		background: #384C4C;
	}
	.box-basics {
		background: #A6CE49;
	}
	.box-learnmore {
		background: #00AFC4;
	}


.m-videos {
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 27px;
}
	.videos-link {
		display: block;
		color: #000;
		text-align: center;
	}
		.m-videos .ico-play {
			display: block;
		}
		.videos-thumb {
			width: 100%;
			margin: 0 0 24px;
		}
		.videos-head {
			color: #000;
			font-size: 24px;
			line-height: 24px;
			padding: 0 0 3px;
		}


.m-lessons {
	background: #F6F6F6;
	padding: 36px 0 0;
	margin-bottom: 0;
}
.m-lessons.last {
	margin-bottom: 72px;
}
	.m-lessons.last .col {
		padding-bottom: 30px;
	}
.lesson-head {
	width: 80%;
	clear: both;
	text-align: center;
	padding: 0 0 25px;
	margin: 0 auto;
}
	.lesson-subtitle {
		color: #000;
		font-size: 24px;
		line-height: 28px;
		padding: 0 0 2px;
	}
	.lesson-intro {
		color: #000;
		font-size: 16px;
		line-height: 24px;
	}
.m-lessons .lesson-list {
	list-style: none;
	overflow: hidden;
	padding: 0;
	border: 0;
	margin: 0;
}
	.lesson-lesson {
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 0;
	}
	.lesson-link {
		position: relative;
		display: block;
		color: #000;
	}
		.lesson-img {
			position: relative;
			display: block;
			width: 100%;
			padding: 0;
			margin: 0 0 14px;
		}
			.lesson-img img {
				display: block;
				width: 100%;
			}
		.lesson-type {
			display: block;
			color: #E59503;
			font-size: 12px;
			font-weight: normal;
			padding: 0 0 4px;
		}
		.lesson-name {
			color: #000;
			font: normal 18px/20px "FF-National-Semibold", Helvetica, Arial, sans-serif;
			padding: 0;
		}
		.lesson-type,
		.lesson-name {
			padding-right: 34px;
		}

		.lesson-pin {
			position: absolute;
				right: 0;
				bottom: -55px;
			display: block;
			width: 24px;
			height: 34px;
				overflow: hidden;
			background: url(images/sprites/sprites-2x.png) no-repeat -120px 0;
			background-size: 240px;
			color: #FFF;
			font: bold 12px/20px Helvetica, Arial, sans-serif;
			text-align: center;
			padding: 3px 0 0 0;
		}
			.col1 .lesson-pin {
				padding-right: 1px;
			}

.m-lessongallery {
	list-style: none;
	overflow: hidden;
	text-align: center;
	padding: 36px 0 0 0;
	margin: 0 0 -29px;
}
	.lessongallery-item {
		display: inline-block;
		padding: 0;
		border: 3px solid #000;
		margin: 0 13px 12px 0;
	}
	.lessongallery-item.is-active {
		border-color: #E59503;
	}
		.lessongallery-link {}
			.lessongallery-image {
				height: 64px;
			}

.m-deconcealer.video {
	background: #000;
	color: #FFF;
}
.m-deconcealer.video:before,
.m-deconcealer.video:after {
	display: none;
}
.m-deconcealer.video.is-open {
	margin-bottom: 0;
}
	.deconcealer-content.video-content {
		line-height: 26px;
		padding: 52px 10px;
	}
		.lesson-video {
			height: 100%;
			background: url(images/structure/loading.gif) no-repeat 50% 50%;
		}
		.lesson-video .lessongallery-main {
			display: block;
			margin: 0 auto;
		}
		/*.lesson-video.full {
			background: transparent;
		}*/
		.lesson-iframe {
			width: 100%;
			display: block;
			clear: both;
		}
		.lesson-title {
			font: 32px/32px "FF-National-Semibold", Helvetica, Arial, sans-serif;
			padding: 47px 0 3px;
		}
		.lesson-desc {
			display: block;
			font-size: 14px;
			line-height: 20px;
			padding: 0 0 18px;
		}

.m-supportlink {
	text-align: center;
	padding-top: 44px;
	border-top: 1px solid #DDD;
}


/* Camera Info */
.camera-info-hero {
	width: 100%;
	max-width: 488px;
	margin: 0 auto 25px;
}


/* Camera components */
.m-components {
	padding-bottom: 44px;
}
	.components-header {
		padding: 0 0 22px;
	}
	.components-components {
		list-style: none;
		padding: 0;
	}
		.components-item {
			padding-bottom: 0;
		}

	.components-swatches {
		list-style: none;
		text-align: center;
		padding: 25px 0 18px;
	}
		.swatch-item {
			display: inline-block;
			padding: 0;
		}
			.components-swatch {
				display: inline-block;
				width: 40px;
				height: 40px;
					overflow: hidden;
				background: #000;
				padding: 0;
				margin: 0 12px 0 0;
			}
			.swatch-seaglass     {background: #88CAA7;}
			.swatch-redhot       {background: #CE2F2F;}
			.swatch-electricblue {background: #38AABF;}
			.swatch-graphite     {background: #5F5F5F;}
			.swatch-moxiepink    {background: #EB51A1;}
			.swatch-champagne    {background: #EBD178;}
			.swatch-cobalt       {background: #0035AD;}

		.components-camera,
		.components-inside {
			position: relative;
			width: 290px;
			height: 104px;
				overflow: hidden;
			padding: 0;
			margin: 22px auto 0;
		}
		.components-inside {
			margin: 0 auto 35px;
		}
			.components-grip {
				float: right;
				overflow: hidden;
				background: url(images/modules/m-cross/camera-grip.png) no-repeat 0 0;
				background-size: 100%;
				text-indent: -999em;
			}
			.components-colors {
				position: absolute;
					left: 0;
					top: 0;
					z-index: 20;
				display: none;
				overflow: hidden;
				background: url(images/modules/m-cross/camera-colors-7.jpg) no-repeat;
				background-size: 100%;
				text-indent: -999em;
				padding: 0;

			}
		.components-inside .camera-inside {
			width: 100%;
		}
			.components-grip {
				width: 114px;
				height: 104px;
			}
			.components-colors {
				width: 177px;
				height: 104px;
			}
				.components-colors.is-active {display: block; z-index: 10;}
				/*.color-seaglass     {background-position: 0 0;}
				.color-redhot       {background-position: 0 25%;}
				.color-electricblue {background-position: 0 50%;}
				.color-graphite     {background-position: 0 75%;}
				.color-moxiepink    {background-position: 0 100%;}*/



				.color-seaglass     {background-position: 0 0;}
				.color-redhot       {background-position: 0 16.66%;}
				.color-electricblue {background-position: 0 33.33%;}
				.color-graphite     {background-position: 0 50%;}
				.color-moxiepink    {background-position: 0 66.66%;}
				.color-champagne    {background-position: 0 83.33%;}
				.color-cobalt       {background-position: 0 100%;}



#living-filters .row.cols-2 {
	margin-bottom: 22px;
}
#living-filters .filter-example {
	margin: 0 auto;
}


/* m-top - Back-to-top link in Handheld layout */
.m-top {
	background: #222;
	color: #919191;
	font: 18px/22px 'National Semibold', Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
	border-top: 1px solid #444;
	margin: 60px 0 0 0;
}
	.m-top .icon-up {
		position: relative;
			left: 10px;
			top: 1px;
		display: inline-block;
		width: 20px;
		height: 20px;
			overflow: hidden;
		background: url(images/sprites/sprites-2x.png) -210px 50% no-repeat;
		background-size: 240px;
		text-indent: -999em;
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter:alpha(opacity=5);
	}
	.m-top a {
		color: #919191;
	}
	.newsletter-frame {
		width: 600px;
		margin: -36px 0 0 -28px;
	}
/* -------------------------------------------------------------------------- */
/* Homepage ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.m-hero-wrapper {
	position: relative;
	border-bottom: 1px solid #C4C4C4;
	margin: 0;
}
.m-hero {
	position: relative;
}
#home-hero .tabs-container {
	margin: 0 0 -1px;
}
	.hero-hero {
		width: 100%;
			overflow: hidden;
		background: #FFF;
		padding: 20px 0;
		border-top: 1px solid #DDD;
	}
	.js-on .hero-hero {
		position: relative;
		display: none;
		border: 0;
		padding: 0;
		margin: 0 auto;
	}
	.hero-hero.is-active {
		display: block;
	}
	.hero-hero:first-child {
		border: 0;
	}
		.hero-content {
			position: relative;
				z-index: 10;
			min-height: 190px;
			color: #E59503;
			font: 17px/20px "FF-National-Semibold", Helvetica, Arial, sans-serif;
			text-align: center;
			padding: 0 20px;
		}
			.hero-section-name {
				color: #A6CE49;
				font-size: 16px;
				line-height: 28px;
				text-align: center;
			}
			.hero-head {
				color: #1D1D1D;
				font: 24px/24px "FF-National-Regular", Helvetica, Arial, sans-serif;
				letter-spacing: -1px;
				text-transform: none;
				padding: 0 0 7px;
			}
			.hero-section-name.hero-icon {
				padding: 0 0 10px;
			}
			.btn-home-hero {
				margin-bottom: 10px;
			}
	.hero-bg {
		position: relative;
			z-index: 1;
		width: 60%;
		margin: 0 auto;
	}
	#home-hero .tabs-nav {
		position: relative;
			z-index: 100;
		list-style: none;
		max-width: 1024px;
			overflow: hidden;
		background: transparent;
		padding: 0;
		margin: 0 auto -39px;
	}
		#home-hero .tabs-tab {
			float: left;
			width: 33.333333333%;
			padding: 0;
		}
			#home-hero .tabs-tab-link {
				display: block;
					height: 40px;
				background: transparent;
				text-indent: -999em;
				border-top: 2px solid #FFF;
				-webkit-transition: border-color .5s ease-out;
				   -moz-transition: border-color .5s ease-out;
				    -ie-transition: border-color .5s ease-out;
				     -o-transition: border-color .5s ease-out;
				        transition: border-color .5s ease-out;
			}
				#home-hero .is-current .tabs-tab-link {
					border-top-color: #000;
				}
				#home-hero .tabs-tab-link:hover {
					border-top-color: #00CDE6;
				}

/* Cameras hero ---------- */
	.hero-cameras .hero-bg,
	.hero-desktop .hero-bg {
		left: -30px;
	}
	.hero-cameras .hero-content p {
		padding-bottom: 17px;
	}

/* Mobile hero ----------- */
	.hero-mobile .btn-home-hero {
		margin: 10px 0 0 0;
	}
	.hero-mobile .hero-bg {}

/* Desktop hero ---------- */
/* Colors hero ----------- */
.hero-colors .hero-bg {
	top: -30px;
	left: 30px;
}


/* Homepage promos ------- */
.m-promos {
	background: #EEE;
	font-size: 14px;
	line-height: 22px;
	padding: 46px 0;
	border-bottom: 1px solid #C4C4C4;
	margin: 0 0 92px;
}
	.m-promos .col {
		padding-top: 24px;
		padding-bottom: 24px;
		border-top: 1px solid #DDD;
	}
	.m-promos .col:first-child {
		padding-top: 0;
		border: 0;
	}
		.promos-head,
		.promos-title {
			font-size: 18px;
			line-height: 22px;
			text-transform: uppercase;
			padding: 0 0 5px;
		}
		.promos-title {
			padding-bottom: 0;
		}
		.promo-lfp {
			background: #EEE;
			margin: 0 0 10px;
		}
		.promos-title {
			color: #E59503;
		}
		.m-promos p {
			padding: 0;
		}

/* Press Quotes ---------- */
#press-quotes {
	overflow: hidden;
	padding: 0 0 44px;
	margin: 0 auto;
}
	.tabs-container {
		position: relative;
		overflow: hidden;
		-webkit-transition: height .25s ease-out;
		   -moz-transition: height .25s ease-out;
		    -ie-transition: height .25s ease-out;
		     -o-transition: height .25s ease-out;
		        transition: height .25s ease-out;
	}
	.preload .tabs-container {
		-webkit-transition: none;
		   -moz-transition: none;
		    -ie-transition: none;
		     -o-transition: none;
		        transition: none;
	}
	#press-quotes .tabs-item {
		width: 100%;
		text-align: center;
		padding-top: 22px;
		border-top: 1px solid #DDD;
	}
	.js-on #press-quotes .tabs-item {
		display: none;
		padding-top: 0;
		border: 0;
	}
	#press-quotes .tabs-item:first-child {
		display: block;
		border: 0;
	}
		#press-quotes .tabs-item .head {
			color: #E59503;
			font-family: "FF-National-Semibold", Helvetica, Arial, sans-serif;
		}

	#press-quotes .tabs-nav {
		list-style: none;
			overflow: hidden;
		background: #FFF;
		padding: 0;
	}
		#press-quotes .tabs-tab {
			position: relative;
				z-index: 10;
			width: 50%;
			padding: 0;
		}
		#press-quotes .tabs-tab.is-current {
			z-index: 30;
		}
			.fuse {
				display: none;
			}
			.tabs-tab-link {
				opacity: .2;
				-moz-opacity: .2;
				filter:alpha(opacity=20);
				position: relative;
				display: block;
/*
				-webkit-transition: opacity .15s ease-out;
				   -moz-transition: opacity .15s ease-out;
				    -ie-transition: opacity .15s ease-out;
				     -o-transition: opacity .15s ease-out;
				        transition: opacity .15s ease-out;
*/
			}
		.tabs-tab-link:hover,
		.is-current .tabs-tab-link,
		.is-current .tabs-tab-link:hover {
			opacity: 1;
			-moz-opacity: 1;
			filter:alpha(opacity=100);
		}

	#press-quotes .tabs-tab {
		position: relative;
			z-index: 10;
		float: left;
		padding: 0;
	}
	#press-quotes .tabs-tab.is-current {
		z-index: 30;
	}
	.tab-tabquote {
		display: block;
		width: 144px;
		height: 65px;
			overflow: hidden;
		background: url(images/modules/press-quotes.png) no-repeat 50% 0;
		text-indent: -999em;
		margin: 0 auto;
	}
	.tabquote-02 {background-position: 50% -100px;}
	.tabquote-03 {background-position: 50% -200px;}
	.tabquote-04 {background-position: 50% -300px;}
	.tabquote-05 {background-position: 50% -400px;}
	.tabquote-06 {background-position: 50% -500px;}


.m-palette {
	position: relative;
	list-style: none;
	clear: both;
	margin: 72px 0;
}
	.palette-head {
		padding: 0 0 10px;
	}
	.palette-colors {
		position: relative;
		list-style: none;
		height: 300px;
		background: #000;
		padding: 0;
	}
		.palette-colors:before {
			position: absolute;
				top: -1%;
				left: -.75%;
				z-index: 1;
			display: inline-block;
			clear: both;
			content: "\00a0";
			width: 101.2%;
			height: 102%;
			background: transparent;
			border: 2px solid rgba(0,0,0,.2);
		}
		.palette-colors:after {
			position: absolute;
				z-index: 5;
			display: inline-block;
			clear: both;
			content: "\00a0";
			width: 100%;
			height: 50%;
			background: #FFF;
		}
	.palette-color,
	.blitzen-palette-color {
		position: absolute;
			top: 50%;
			z-index: 10;
		width: 15%;
		height: 150px;
		font: 11px/20px Helvetica, Arial, sans-serif;
		padding: 10px 12px 12px;
		margin: -75px 0 0 0;
	}
	.palette-color {
		width: 15%;
	}
	.blitzen-palette-color {
		width: 10%;
	}

	.l-palette-dkgray {left: 2.5%;  background: rgb(29,29,29); color: rgba(255,255,255,.7);}
	.l-palette-blue   {left: 22.5%; background: rgb(56,76,76); color: rgba(255,255,255,.7);}
	.l-palette-orange {left: 42.5%; background: rgb(229,149,3); color: rgba(0,0,0,.7);}
	.l-palette-green  {left: 62.5%; background: rgb(166,206,73); color: rgba(0,0,0,.7);}
	.l-palette-cream  {left: 82.5%; background: rgb(237,239,230); color: rgba(0,0,0,.7);}

	.b-palette-black   {left: 3.75%; background: rgb(0,0,0); color: rgba(255,255,255,.7);}
	.b-palette-gray    {left: 17.5%; background: rgb(51,51,51); color: rgba(255,255,255,.7);}
	.b-palette-red     {left: 31.25%; background: rgb(255,62,13); color: rgba(0,0,0,.7);;}
	.b-palette-orange  {left: 45%; background: rgb(255,126,0); color: rgba(0,0,0,.7);}
	.b-palette-mustard {left: 58.75%; background: rgb(249,170,0); color: rgba(0,0,0,.7);}
	.b-palette-yellow  {left: 72.5%; background: rgb(255,220,0); color: rgba(0,0,0,.7);}
	.b-palette-blue    {left: 85.25%; background: rgb(168,252,253); color: rgba(0,0,0,.7);}


		.palette-title {
			font: bold 16px/20px Helvetica, Arial, sans-serif;
			padding: 0 0 8px;
		}
		.palette-value {
			font: 14px/12px monospace;
			padding: 0 0 10px;
		}
			.palette-label {
				font: normal 12px/12px Helvetica, Arial, sans-serif;
				padding: 0 0 2px;
			}

.m-breakpoints {
	position: relative;
	list-style: none;
	clear: both;
	margin: 72px 0;
}
	.breakpoints-head {
		padding: 0 0 10px;
	}
	.breakpoints-values {
		position: relative;
		list-style: none;
		height: 180px;
		padding: 0;
	}
		.breakpoints-bp {
			position: absolute;
				left: 50%;
			height: 35px;
			line-height: 35px;
			background: silver;
			text-align: center;
			padding: 0;
			margin: 0 0 10px;
		}
		.bp-220  {top: 0; width: 220px; margin-left: -110px;}
		.bp-580  {top: 45px; width: 580px; margin-left: -290px;}
		.bp-768  {top: 90px; width: 768px; margin-left: -384px;}
		.bp-1124 {top: 135px; width: 1124px; margin-left: -562px;}

.m-icons {
	position: relative;
	list-style: none;
	clear: both;
	margin: 72px 0;
}
	.icons-head {
		padding: 0 0 10px;
	}
	.icons-img {
		float: none;
		margin: 0;
	}









/* -------------------------------------------------------------------------- */
/* Clearfixes --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#l-container, .l-wrap, .hero-hero {overflow: visible; min-height: 1%;}
#l-container:after, .l-wrap:after, .hero-hero:after {display:block;clear:both;content:"";height:0;visibility:hidden;}