/* -------------------------------------------------------------------------- */
/* Layout Structure --------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@media only screen and (min-width: 602px) {
	.l-content {float: left; padding-right: 48px; margin-right: 220px; margin-bottom: 48px;}
	.l-c_a .l-content,.l-a_c .l-content {margin-bottom: 0;}
	.l-a_c .l-content {float: right; padding-right: 0; margin-right: 0; margin-left: 268px;}
	.l-aside {float: left; width: 220px; padding-top: 0; border: 0; margin-left: -220px;}
	.l-c_a .l-aside {margin-left: -440px;}
	.l-a_c .l-aside {position: relative; left: 440px; width: 268px; padding-right: 48px; margin-left: -440px;}
	.l-a_c .l-content,
	.l-c_a .l-aside {float: right;}
	.l-a_c .l-content,
	.l-c_a .l-aside {float: right;}
}
/* -------------------------------------------------------------------------- */
#l-container {
	position: relative;
		z-index: 10;
	-webkit-transform: none;
	   -moz-transform: none;
	    -ie-transform: none;
	     -o-transform: none;
	        transform: none;
	-webkit-transition: none;
	   -moz-transition: none;
	    -ie-transition: none;
	     -o-transition: none;
	        transition: none;
	/* Stops artifacts during animation */ 
	-webkit-backface-visibility: visible;
	-webkit-perspective: none;
}


#l-masthead {
	margin-bottom: 0;
}
	#site-logo {
		float: left;
		width: 113px;
		background-position: 0 19px;
		margin: 0;
	}
		#site-logo .link-home {
			display: block;
			width: 113px;
			height: 60px;
				overflow: hidden;
			text-indent: -999em;
		}
.l-wrap {
	clear: both;
	padding: 0 2.5%;
}
	#l-mega .l-wrap {
		padding: 33px 2.5% 38px;
	}

#nav-slide {
	display: none;
}
#nav-global .global-nav {
	display: block;
}
	#nav-global .head,
	#nav-global .global-nav-sub,
	#nav-global .global-nav-addl,
	.global-subnav {
		display: none;
	}











/* -------------------------------------------------------------------------- */
/* Scrolled Nav ------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.scrolled #l-masthead,
.scrolled #header-sub {
	position: fixed;
		top: 0;
		left: 0;
		z-index: 9000001;
	width: 100%;
}
.scrolled #header-sub {
	top: 60px;
	z-index: 9000000;
	background: #FFF;
}
/*	.scrolled #site-logo {
		height: 34px;
		background-size: 69px;
		background-position: 0 50%;
	}
	.scrolled #nav-global .global-nav-link {
		line-height: 34px;
		padding: 0 10px;
	}
	.scrolled #nav-global .global-nav-item-last .global-nav-link {
		padding-right: 0;
	}
	.scrolled #header-sub {
		top: 34px;
		min-height: 34px;
		background: #FFF;
		border: 0;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
		   -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
		        box-shadow: 0 0 3px rgba(0,0,0,.3);
	}
	.scrolled #nav-secondary .section-title {
		line-height: 34px;
		padding: 0;
	}
		.scrolled .secondary-nav-link {
			line-height: 34px;
			padding: 0 14px;
		}
		.scrolled .secondary-nav-link.last {
			padding-right: 0;
		}*/















/* Buy Dropdown */
.buy-menu {
	position: relative;
}
	.buy-menu .buy-panel {
		position: absolute;
			right: 0;
			top: 100%;
			z-index: 1000;
		list-style: none;
		display: none;
		width: 120px;
		padding: 10px 0 0 0;

	}
	.buy-panel.ico-arr-u:after {
		position: absolute;
			right: 4px;
			top: 4px;
	}
		.buy-item {
			background-color: #222;
			padding: 0;
		}
			.buy-link {
				position: relative;
					z-index: 1;
				border-top: 1px solid #444;
				border-bottom: 1px solid #444;
				margin-bottom: -1px;
				-webkit-transition: border-color .15s ease-out;
				   -moz-transition: border-color .15s ease-out;
				    -ie-transition: border-color .15s ease-out;
				     -o-transition: border-color .15s ease-out;
				        transition: border-color .15s ease-out;
			}




.to-bottom {
	display: none;
}

#header-sub {
	display: block;
	border-bottom: 1px solid #DDD;
	margin: 0 0 31px;
}

#nav-secondary {
	
}
	.section-title {
		float: left;
		line-height: 28px;
		padding: 0;
	}
		.section-link {
			color: #444;
		}
	.secondary-nav {
		float: right;
		list-style: none;
		padding: 0;
	}
		.secondary-nav-item {
			display: inline;
		}
			.section-title,
			.secondary-nav-link {
				display: block;
				float: left;
				color: #444;
				font: 13px/28px "FF-National-Regular", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				padding: 10px 0 8px;
			}
			.secondary-nav-link {
				position: relative;
				padding-right: 14px;
				padding-left: 14px;
			}
			.secondary-nav-link.last,
			.is-active .secondary-nav-link.last {
				padding-right: 0;
				margin-right: 0;
			}
			.is-active .secondary-nav-link:after {
				position: absolute;
					left: 0;
					bottom: -1px;
				display: block;
				content: "\00a0";
				width: 100%;
				height: 2px;
					overflow: hidden;
				background: #222;
			}
				.is-active .secondary-nav-link {
					color: #101010;
				}
				.secondary-nav-link:hover,
				.is-active .secondary-nav-link:hover,
				.section-link:hover {
					color: #E59503;
				}

#l-footer {
	text-align: left;
}

.nav-footer {
	display: inline-block;
	padding: 0;
}
	a.nav-footer-link {
		display: block;
		padding: 0 10px 0 12px;
		border-left: 1px solid #444;
	}
	.nav-footer-item:first-child .nav-footer-link {
		padding-left: 0;
	}
/* -------------------------------------------------------------------------- */
/* Systematic --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
ul ul,
ol ol {
	padding-left: 29px;
}

.list-grid {
	overflow: hidden;
	padding-right: 5%;
	padding-left: 5%;
}
	.list-grid li {
		float: left;
		width: 50%;
	}

.page-header {
	padding-bottom: 21px;
	margin-bottom: 44px;
}
	.l-content .page-header.has-menu {
		padding-right: 200px;
		margin-bottom: 0;
	}
.page-title {
	font-size: 30px;
	line-height: 30px;
	/*padding-bottom: 28px;*/
}
.page-intro {
	font-size: 16px;
	line-height: 26px;
}

.col img.bottom {
	margin-bottom: 0;
}

/* Universal page section */
.page-section {
	padding-bottom: 22px;
}
/* -------------------------------------------------------------------------- */
/* Columns ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */
.row {
	margin-bottom: 22px;
}
.page-section.row,
.page-section .row {
	margin-bottom: 0;
}
	.col {
		float: left;
		clear: none;
		padding-left: 4.5%;
		margin-bottom: 0;
	}
	.cols-2 .col,
	.cols-4 .col  {width: 52.25%;}

	.cols-2 .col1,
	.cols-4 .col1,
	.cols-4 .col3 {width: 47.75%; padding-left: 0;}
	.cols-4 .col1,
	.cols-4 .col2 {margin-bottom: 22px;}
	.cols-4 .col3 {clear: left;}

	.cols-4 .col.span1,
	.cols-4 .col2.span2,
	.cols-4 .col3.span2 {
		clear: both;
		width: 100%;
		padding-left: 0;
	}

	.cols-3 .col  {width: 34.83%;}
	.cols-3 .col1 {width: 30.33%; padding-left: 0;}

	.cols-swap.cols-2 .col1 {float: right; width: 52.25%; padding-left: 4.5%;}
	.cols-swap.cols-2 .col2 {float: left; width: 47.75%; padding-left: 0;}

	.cols-2 .note,
	.cols-4 .note  {width: 52.25%;}
	.cols-3 .note {width: 65.16%;}

	table .col {padding-left: 2.5%;}
	table .cols-2 .col {width: 45%;}
/* -------------------------------------------------------------------------- */
/* Modules ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */
.collapse-footer .col {
	float: left;
	width: 50%;
	padding-right: 2.5%;
	margin-bottom: 48px;
}

.collapse-footer {
	font-size: 14px;
	text-align: left;
	cursor: text;
}
	.collapse-footer .col:nth-child(odd) {
		padding-right: 0;
		padding-left: 2.5%;
	}
		.collapse-footer .collapse-head {
			font-size: 16px;
			text-align: left;
			padding: 0 0 12px;
			border: 0;
			cursor: default;
		}
		.collapse-footer .collapse-head:after {
			display: none;
		}
		.collapse-footer .collapse-link {
			display: inline-block;
			text-align: left;
			padding: 5px 0;
		}

/* Notify */
.m-notify {
	top: -32px;
	margin: 0 0 10px;
}
.page-home .m-notify {
	top: 0;
}

/* Workflow */
.workflow-list {
	float: left;
	margin-right: 30%;
}
.workflow-img {
	width: 25%;
	float: right;
	margin: -1.5em 0 0 -30%;
}




/* Executive Bios & Board Members */
.member-link {
	text-align: left;
}
	.member-portrait {
		width: 100%;
	}




/* Technical Specifications */
.m-techspecs .col {
	clear: both;
}
.m-techspecs .cols-4 .col {
	width: 50%;
}
	.m-techspecs .cols-4 img {
		width: 100%;
	}


/* LFP embed */
.span2 .m-lfp {
	width: 75%;
	margin: 8px auto 0;
}


/* Anchor List Navigation */
.m-anchor {
	font-size: 16px;
}
.page-header .anchor-upper {
	border-bottom: 0;
}
	.anchor-item.col {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.anchor-link {
		display: block;
		padding: 10px 0 12px;
		text-align: center;
		border: 0;
	}



/* Where to Buy */
.section-where .col {
	width: 50%;
	padding-left: 0;
}

/* Buy page */
.buy-store-link {
	margin-bottom: 28px;
}

/* Learn section */
.m-lessons .lesson-list {
	padding-right: 20px;
	padding-left: 20px;
}

.deconcealer-content.video-content {
	padding-right: 20px;
	padding-left: 20px;
}


/* Buy Now Strip */
.m-buystrip {
	margin-bottom: -60px;
}
	.buystrip-item {
		padding-bottom: 0;
		margin-bottom: 33px;
		border: 0;
	}
		.buystrip-item.col4 {
			margin-bottom: 22px;
		}
	.buystrip-item.buystrip-intro:first-child {
		min-height: 220px;
		padding: 29px 22px 22px 22px;
	}


/* Footnotes */
.m-footnotes {
	text-align: left;
}



/* Camera components */
.components-camera,
.components-inside {
	width: 500px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
}
	.components-grip {
		width: 196px;
		height: 180px;
	}
	.components-colors {
		width: 305px;
		height: 180px;
	}
	.color-seaglass     {background-position: 0 0;}
	.color-redhot       {background-position: 0 -181px;}
	.color-electricblue {background-position: 0 -361px;}
	.color-graphite     {background-position: 0 -541px;}
	.color-moxiepink    {background-position: 0 -721px;}

/* m-top - acts as a bottm-spacer in non-handheld layouts */
.m-top {
	height: 60px;
		overflow: hidden;
	background: transparent;
	text-indent: -999em;
	padding: 0;
	border: 0;
	margin: 0;
}

.m-deconcealer .deconcealer-activate {
	right: 2.5%;
}
/* -------------------------------------------------------------------------- */
/* Homepage ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.hero-content {
	width: 45%;
	text-align: left;
	float: left;
}
	.hero-head {
		font-size: 24px;
		line-height: 24px;
	}
	.hero-section-name.hero-icon {
		padding-bottom: 15px;
	}
/* Cameras hero ---------- */
	.hero-cameras .hero-content,
	.hero-desktop .hero-content {
		float: right;
		padding: 5% 20px 0 0;
	}
	.hero-cameras .hero-bg,
	.hero-desktop .hero-bg {
		float: left;
		width: 50%;
	}

/* Mobile hero ----------- */
	.hero-mobile .hero-content {
		padding: 5% 0 0 0;
		margin: 0 0 0 10%;
	}
		.btn-home-hero,
		.hero-mobile .btn-home-hero {
			margin: 10px 0;
		}
	.hero-mobile .hero-bg {
		float: right;
		width: 50%;
		margin-left: -100px;
	}

/* Desktop hero ---------- */
	.hero-desktop .hero-icon {
		padding-bottom: 10px;
	}
	.hero-desktop .btn-home-hero {
		margin: 18px 0 6px;
	}

/* Colors hero ----------- */
.hero-colors .hero-content {
	padding: 5% 0 0 0;
	margin: 0 0 0 10%;
}
.hero-colors .hero-bg {
	top: 0;
	float: right;
	width: 50%;
	margin-left: -90px;
}

/* Homepage promos ------- */
.m-promos {
	font-size: 14px;
	line-height: 24px;
	padding: 46px 0 22px 0;
}
	.m-promos .col {
		padding-top: 0;
		padding-bottom: 0;
		border: 0;
	}
		.promos-head,
		.promos-title {
			font-size: 18px;
		}
		.promo-lfp {
			margin: 0 0 16px;
		}

/* Press Quotes ---------- */
#press-quotes {
	padding-bottom: 24px;
}
#press-quotes .tabs-tab {
	width: 33%;
}



/* -------------------------------------------------------------------------- */
/* Clearfixes --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#nav-secondary {overflow: visible; min-height: 1%;}
#nav-secondary:after {display:block;clear:both;content:"";height:0;visibility:hidden;}