/**
*	CONTENTS
*
*	#BASE
*	-Headings...........H1–H6 styles + utility heading classes.
*	-Anchors............Link states.
*	-Typographic........Standard typographic elements.
*	-Lists..............Various list layouts and styles.
*	-Forms..............Inputs and form elements.
*	-Tables.............Table layouts and variations.
*
*	#COMPONENTS
*	-Buttons............Button elements.
*	-Panel..............Panels with header content and footer.
*	-Modal..............TODO: Modal styles for modal popovers.
*	-Media..............Image and text media object.
*	-Bubble.............Bubble callout for quotes and endorsements.
*	-Hero-images........Large images with text overlay
*	-Nice-social........Icon list displays/hides native Social Share buttons.
*	-Column-system......Standardized sets of equal columns.
*	-Products...........TODO: Product displays
*
*/


/*------------------------------*\
	#BASE
\*------------------------------*/
body {
	background: #FFF;
}
/* 
	-Headings
*/
.l6base h1,
.l6base h2,
.l6base h3,
.l6base h4,
.l6base h5,
.l6base h6,
.l6base .font-super-1,
.l6base .font-1,
.l6base .font-2,
.l6base .font-3,
.l6base .font-4,
.l6base .font-5,
.l6base .font-6,
.l6base .subheading-1,
.l6base .subheading-2 {
	margin-bottom: .6em;
	color: #333;
	font-weight: normal;
	line-height: 1.2;
	font-family: 'Gotham A', 'Gotham B', Arial, sans-serif;
	letter-spacing: 0;
}
.l6base h1,
.l6base .font-1 {
	font-size: 48px;
	letter-spacing: -2px;
}
.l6base h2,
.l6base .font-2 {
	font-size: 36px;
	letter-spacing: -1px;
}
.l6base h3,
.l6base .font-3 {
	font-size: 24px;
}
.l6base h4,
.l6base .font-4 {
	margin-bottom: 10px;
	font-size: 18px;
}
.l6base h5,
.l6base .font-5 {
	margin-bottom: 10px;
	font-size: 14px;
}
.l6base h6,
.l6base .font-6 {
	margin-bottom: 10px;
	font-size: 12px;
}
.l6base .subheading-1 {
	color: #333;
	font-size: 24px;
}
.l6base .subheading-2 {
	color: #AAA;
	font-size: 18px;
}
.l6base .font-super-1 {
	margin-bottom: 0;
	font-weight: 300;
	font-size: 72px;
	line-height: 1.1;
	letter-spacing: -2px;
}
/*
	-Anchors
*/
.l6base h1>a,
.l6base h2>a,
.l6base h3>a,
.l6base h4>a,
.l6base h5>a,
.l6base h6>a,
.l6base .font-super-1>a,
.l6base .font-1>a,
.l6base .font-2>a,
.l6base .font-3>a,
.l6base .font-4>a,
.l6base .font-5>a,
.l6base .font-6>a,
.l6base .subheading-1>a,
.l6base .subheading-2>a {
	color: #006CED;
	font-family: inherit;
}
.l6base a,
.l6base a:hover {
	color: #006CED;
	text-decoration: none;
}
.l6base a:hover,
.l6base a:focus {
	text-decoration: underline;
	outline: none;
}
.l6base .link-arrow:before {
	content: '>';
	display: inline-block;
	margin-right: 3px;
	font-size: 1.2em;
	font-family: Consolas, monaco, monospace;
	vertical-align: baseline;
}

/*
	-Typographic
*/
.l6base p {
	margin-bottom: 1em;
	color: #333;
	font-size: 14px;
	line-height: 1.4285;
	font-family: Arial, sans-serif;
}
.l6base .lead {
	font-size: 18px;
}
.l6base .code,
.l6base code,
.l6base pre {
	border: 1px solid #DDD;
	border-radius: 3px;
	margin: 0;
	padding: 0 .3em;
	font-family: Consolas,'Liberation Mono',Courier,monospace;
	background-color: #F8F8F8;
}
.l6base .pullquote {
	border-left: 5px solid #EEE;
	padding: 10px 20px;
	color: #777;
	font-size: 18px;
	line-height: 24px;
}
.l6base .quote-cite {
	display: block;
	margin-top: 10px;
	margin-bottom: 0;
	color: #777;
	font-size: 14px;
}

/*
	-Lists
*/
.l6base li {
	font-size: 12px;
}
.l6base .list-inline {
	clear: both;
}
.l6base .list-inline>li {
	position: relative;
	display: inline-block;
	margin-left: 0;
	list-style: none;
	vertical-align: middle;
}
.l6base .list-inline>li+li {
	margin-left: 10px;
}

.l6base .list-inline-pipe>li+li,
.l6base .list-inline-bullet>li+li,
.l6base .list-breadcrumb>li+li {
	margin-left: 0;
}
.l6base .list-inline-pipe>li+li:before {
	content: '|';
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
}

.l6base .list-inline-bullet>li+li:before {
	content: '•';
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 0;
}
.l6base .list-breadcrumb>li+li:before {
	content: '/';
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	color: #AAA;
}

/*
	-Forms
*/
.l6base fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 0;
}
.l6base label {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	max-width: 100%;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
}
.l6base .input-text {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #DDD;
	border-radius: 4px;
	margin: 0;
	padding: 10px 13px;
	width: 100%;
	height: 40px;
	color: #333;
	font-size: 14px;
	line-height: 40px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
}
.l6base .input-select option {
	line-height: 20px;
}
.l6base .input-text:focus {
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.l6base .input-text:disabled,
.l6base .input-text.disabled {
	background: #E2E2E2;
	box-shadow: none;
}
.l6base .input-text+.input-text {
	margin-top: 10px;
}
.l6base .input-group {
	margin-bottom: 10px;
}
.l6base input[type=checkbox],
.l6base input[type=radio] {
	margin: 0;
	vertical-align: middle;
}
.l6base .form-inline .input-text {
	display: inline-block;
}
.l6base .form-inline .input-text+.input-text {
	margin-top: 0;
	margin-left: 10px;
}
.l6base textarea.input-text {
	height: auto;
	line-height: 1.2;
}

.l6base .input-xlg {
	width: 320px;
}
.l6base .input-lg {
	width: 260px;
}
.l6base .input-md {
	width: 140px;
}
.l6base .input-sm {
	width: 100px;
}

/*
	-Tables
*/
.l6base table {
	width: 100%;
	max-width: 100%;
}
.l6base td,
.l6base th {
	border-top: 1px solid #DDD;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
.l6base thead th {
	border-top: none;
	border-bottom: 2px solid #DDD;
	padding: 20px 10px 10px;
	text-align: left;
}
.l6base .table-striped tr:nth-child(2n+1) td {
	background: #F5F5F5;
}
.l6base .table-bordered {
	border: 1px solid #DDD;
}
.l6base .table-bordered td,
.l6base .table-bordered th {
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
.l6base .table-bordered thead th {
	border-top: none;
}


/*------------------------------*\
	#COMPONENTS
\*------------------------------*/
/* 
	-Buttons
*/
.l6base .btn,
.l6base .btn-primary,
.l6base .btn-secondary {
	display: inline-block;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 0 20px;
	min-width: 110px;
	height: 40px;
	color: inherit;
	font-weight: normal;
	font-size: 14px;
	line-height: 40px;
	font-family: 'Gotham A', 'Gotham B', Arial, sans-serif;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	background-color: #FFF;
	background-image: none;
}
.l6base .btn:hover,
.l6base .btn:focus,
.l6base .btn-primary:hover,
.l6base .btn-primary:focus,
.l6base .btn-secondary:hover,
.l6base .btn-secondary:focus {
	text-decoration: none;
	opacity: .8;
}
.l6base .btn-primary:hover,
.l6base .btn-primary:focus {
	color: #000;
}
.l6base .btn-secondary:hover,
.l6base .btn-secondary:focus {
	color: #FFF;
}
.l6base .btn-disabled,
.l6base .btn:disabled,
.l6base .btn-primary:disabled,
.l6base .btn-secondary:disabled {
	cursor: default;
	pointer-events: none;
	opacity: .5;
}

.l6base .btn-primary {
	border: none;
	color: #000;
	background: #FFF;
}
.l6base .btn-primary.btn-dropdown:before {
	border-left: 1px solid #FFF;
}
.l6base .btn-primary.btn-dropdown:after {
	border-top-color: #FFF;
}

.l6base .btn-secondary {
	border: 1px solid #FFF;
	color: #FFF;
	line-height: 38px;
	background: transparent;
}
.l6base .btn-secondary:before,
.l6base .btn-secondary:after {
	border-color: inherit;
}

.l6base .btn-dropdown {
	position: relative;
	padding-right: 60px;
}
.l6base .btn-dropdown:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid;
	width: 40px;
	height: 100%;
	color: inherit;
	line-height: 40px;
	text-align: center;
}
.l6base .btn-dropdown:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 14px;
	border-width: 8px 6px 0 6px;
	border-style: solid;
	border-color: transparent;
	border-top-color: inherit;
	margin-top: -4px;
	color: inherit;
}

.l6base .btn-buy.btn-primary {
	color: #FFF;
	background-color: #FF6500;
}
.l6base .btn-buy.btn-secondary {
	border: 1px solid #FF6500;
	color: #FF6500;
}
.l6base .btn-buy-alt.btn-primary {
	color: #FFF;
	background-color: #006CED;
}
.l6base .btn-buy-alt.btn-secondary {
	border: 1px solid #006CED;
	color: #006CED;
}

.l6base .btn-cta.btn-primary {
	color: #FFF;
	background-color: #006CED;
}
.l6base .btn-cta.btn-secondary {
	border: 1px solid #006CED;
	color: #006CED;
}
.l6base .btn-cta-alt.btn-primary {
	color: #FFF;
	background-color: #FF6500;
}
.l6base .btn-cta-alt.btn-secondary {
	border: 1px solid #FF6500;
	color: #FF6500;
}

.l6base .btn-submit.btn-primary {
	color: #FFF;
	background-color: #006CED;
}
.l6base .btn-submit.btn-secondary {
	border: 1px solid #006CED;
	color: #006CED;
}

.l6base .btn-success.btn-primary {
	color: #FFF;
	background-color: #43AC6A;
}
.l6base .btn-success.btn-secondary {
	border: 1px solid #43AC6A;
	color: #43AC6A;
}

.l6base .btn-error.btn-primary {
	color: #FFF;
	background-color: #F14326;
}
.l6base .btn-error.btn-secondary {
	border: 1px solid #F14326;
	color: #F14326;
}

.l6base .btn+.btn {
	margin-left: 10px;
}

.l6base .btn-block {
	display: block;
	width: 100%;
}
.l6base .btn-block+.btn-block {
	margin-top: 5px;
	margin-left: 0;
}

.l6base .btn-link {
	border: none;
	color: #006CED;
	background-color: transparent;
}

.l6base .btn-super {
	height: 70px;
	font-size: 24px;
	line-height: 70px;
}
.l6base .btn-secondary.btn-super {
	line-height: 68px;
}

.l6base .btn-group {
	display: block;
}
.l6base .btn-group-start,
.l6base .btn-group-middle,
.l6base .btn-group-end {
	float: left;
}
.l6base .btn-group-start {
	border-radius: 4px 0 0 4px;
}
.l6base .btn-group-middle {
	border-radius: 0;
	margin-left: 1px;
}
.l6base .btn-group-end {
	border-radius: 0 4px 4px 0;
	margin-left: 1px;
}

/* Play button */
.l6base .btn-play-wrapper {
	display: inline-block;
	text-align: center;
}
.l6base .btn-play-label {
	display: block;
}
.l6base .btn-play {
	position: relative;
	display: inline-block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 4px solid #FFF;
	border-radius: 50%;
	min-width: 90px;
	max-width: 100%;
	min-height: 90px;
	box-shadow: 0 2px 3px rgba(0,0,0,.4);
}
.l6base .btn-play-flat {
	position: relative;
	display: inline-block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	min-width: 22px;
	min-height: 22px;
	background: url("/images/l6/shared/play_icon_thin.svg") no-repeat center center #006ced;
}
.l6base .btn-play-lg {
	width: 150px;
	height: 150px;
}
.l6base .btn-play-md {
	width: 120px;
	height: 120px;
}
.l6base .btn-play-sm {
	width: 90px;
	height: 90px;
}
.l6base .btn-play .btn-overlay-blue {
	background-color: rgba(0,108,206,.6);
}
.l6base .btn-play .btn-overlay-gray {
	background-color: rgba(0,0,0,.6);
}

.l6base .btn-play:hover .btn-overlay-blue,
.l6base .btn-play-wrapper:hover .btn-overlay-blue {
	background-color: rgba(0,108,206,.4);
}
.l6base .btn-play:hover .btn-overlay-gray,
.l6base .btn-play-wrapper:hover .btn-overlay-gray {
	background-color: rgba(0,0,0,.4);
}
.l6base .btn-play img {
	display: block;
	border: none;
	min-width: 100%;
	max-width: 100%;
	height: auto;
}
.l6base .btn-play-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	display: block;
	margin: auto;
	width: 100%;
	height: 100%;
	color: #FFF;
	font-size: 80px;
	line-height: 150px;
	text-align: center;
	background-color: transparent;
	background-image: url(/assets/images/l6/shared/play_icon.svg);
	background-repeat: no-repeat;
	background-position: center center;
}
.no-svg .l6base .btn-play-overlay {
	width: 114px;
	height: 112px;
	background-image: url(/images/global/play-sprite.png);
	background-position: -866px 0;
}
/* Image based play icon */
.l6base .play-icon {
	display: inline-block;
	overflow: hidden;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	background: url(/assets/images/l6/shared/play-sprite.png) no-repeat 0 0;
	box-shadow: inset 0 0 0 -2px #FFF;
}
.l6base .play-icon-sm {
	width: 21px;
	height: 21px;
	background-position: -0px -72px;
}
.l6base .play-icon-sm:hover {
	background-position: -0px -93px;
}
.l6base .play-icon-dark.play-icon-sm {
	width: 21px;
	height: 21px;
	background-position: -21px -72px;
}
.l6base .play-icon-dark.play-icon-sm:hover {
	background-position: -21px -93px;
}
.l6base .play-icon-1 {
	width: 36px;
	height: 36px;
	background-position: 0 0;
}
.l6base .play-icon-1:hover {
	background-position: 0 -36px;
}

.l6base .play-icon-2 {
	width: 52px;
	height: 52px;
	background-position: -72px 0;
}
.l6base .play-icon-2:hover {
	background-position: -72px -52px;
}

.l6base .play-icon-3 {
	width: 69px;
	height: 68px;
	background-position: -176px 0;
}
.l6base .play-icon-3:hover {
	background-position: -176px -68px;
}

.l6base .play-icon-4 {
	width: 81px;
	height: 79px;
	background-position: -316px 0;
}
.l6base .play-icon-4:hover {
	background-position: -316px -79px;
}

.l6base .play-icon-5 {
	width: 90px;
	height: 88px;
	background-position: -479px 0;
}
.l6base .play-icon-5:hover {
	background-position: -479px -88px;
}

.l6base .play-icon-6 {
	width: 103px;
	height: 101px;
	background-position: -659px -1px;
}
.l6base .play-icon-6:hover {
	background-position: -659px -102px;
}

.l6base .play-icon-7 {
	width: 114px;
	height: 112px;
	background-position: -866px 0;
}
.l6base .play-icon-7:hover {
	background-position: -866px -112px;
}

/* BLACK ICON */
.l6base .play-icon-dark {
	box-shadow: inset 0 0 0 -2px #000;
}
.l6base .play-icon-1.play-icon-dark {
	background-position: -36px 0;
}
.l6base .play-icon-1.play-icon-dark:hover {
	background-position: -36px -36px;
}

.l6base .play-icon-2.play-icon-dark {
	background-position: -124px 0;
}
.l6base .play-icon-2.play-icon-dark:hover {
	background-position: -124px -52px;
}

.l6base .play-icon-3.play-icon-dark {
	background-position: -246px 0;
}
.l6base .play-icon-3.play-icon-dark:hover {
	background-position: -246px -68px;
}

.l6base .play-icon-4.play-icon-dark {
	background-position: -397px 0;
}
.l6base .play-icon-4.play-icon-dark:hover {
	background-position: -397px -79px;
}

.l6base .play-icon-5.play-icon-dark {
	background-position: -569px 0;
}
.l6base .play-icon-5.play-icon-dark:hover {
	background-position: -569px -88px;
}

.l6base .play-icon-6.play-icon-dark {
	background-position: -762px 0;
}
.l6base .play-icon-6.play-icon-dark:hover {
	background-position: -762px -101px;
}

.l6base .play-icon-7.play-icon-dark {
	background-position: -980px 0;
}
.l6base .play-icon-7.play-icon-dark:hover {
	background-position: -980px -112px;
}

.l6base .family-icon {
	display: block;
	width: 90px;
	height: 90px;
	background-image: url(/assets/images/l6/shared/family-icons.png);
	background-repeat: no-repeat;
}
.l6base .family-icon-white {
	display: block;
	width: 90px;
	height: 90px;
	background-image: url(/images/l6/shared/family-icons-white.png);
	background-repeat: no-repeat;
}
.l6base .family-icon-anglican {
	width: 90px;
	height: 90px;
	background-position: -5px -5px;
}
.l6base .family-icon-baptist {
	width: 90px;
	height: 90px;
	background-position: -105px -5px;
}
.l6base .family-icon-lutheran {
	width: 90px;
	height: 90px;
	background-position: -205px -5px;
}
.l6base .family-icon-orthodox {
	width: 90px;
	height: 90px;
	background-position: -305px -5px;
}
.l6base .family-icon-pente-charismatic {
	width: 90px;
	height: 90px;
	background-position: -405px -5px;
}
.l6base .family-icon-reformed {
	width: 90px;
	height: 90px;
	background-position: -505px -5px;
}
.l6base .family-icon-sda {
	width: 90px;
	height: 90px;
	background-position: -605px -5px;
}

/*
	-Panel
*/
.l6base .panel {
	overflow: hidden;
	border: 1px solid #EEE;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #FFF;
}
.l6base .panel-header,
.l6base .panel-content,
.l6base .panel-footer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	width: 100%;
}
.l6base .panel-content-nopad {
	padding: 0;
}
.l6base .panel-header,
.l6base .panel-footer {
	color: #333;
	background: #F5F5F5;
}
.l6base .panel-header {
	border-bottom: 1px solid #EEE;
}
.l6base .panel-footer {
	border-top: 1px solid #EEE;
}
.l6base .panel-header .panel-heading {
	margin: 0;
	font-size: 16px;
	font-family: arial, sans-serif;
	letter-spacing: 0;
}
.l6base .panel-content {
	position: relative;
	border-bottom: 1px solid #EEE;
	margin-bottom: -1px;
}
.l6base .panel-list {
	padding: 0;
}
.l6base .panel-list>li {
	border-bottom: 1px solid #EEE;
	margin-bottom: -1px;
	margin-left: 0;
	padding: 10px;
	list-style: none;
}
.l6base .panel-list-linked>li {
	padding: 0;
}
.l6base .panel-list-linked>li>a {
	display: block;
	padding: 10px;
}
.l6base .panel-list-linked>li>a:hover,
.l6base .panel-list-linked>li>a:target {
	display: block;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
	background: #006CED;
}

/*
	-Modal !TODO!
*/
/*TODO*/

/*
	-Media Object
*/
.l6base .media {
	overflow: hidden;
	margin: 10px 0;
}
.l6base .media-img img,
.l6base .media-imgExt img {
	display: block;
}
.l6base .media-img {
	display: block;
	float: left;
	margin-right: 10px;
}
.l6base .media-imgExt {
	float: right;
	margin-left: 10px;
}
.l6base .media-content {
	overflow: hidden;
}
.l6base .media-top,
.l6base .media-middle,
.l6base .media-bottom {
	display: table;
	overflow: visible;
}
.l6base .media-middle .media-img,
.l6base .media-middle .media-imgExt,
.l6base .media-middle .media-content {
	display: table-cell;
	float: none;
	overflow: visible;
	vertical-align: middle;
}
.l6base .media-middle .media-img {
	padding-right: 10px;
}
.l6base .media-middle .media-imgExt {
	padding-left: 10px;
}
.l6base .media-middle .media-content {
	width: 100%;
}

/*
	-Bubble
*/
.l6base .bubble {
	position: relative;
	border-right: 5px;
	border-radius: 8px;
	padding: 20px 40px;
	text-align: center;
	background: #FFF;
}
.l6base .bubble-small {
	padding: 10px;
}
/*Bubble point*/
.l6base .bubble:after {
	content: '';
	position: absolute;
	display: block;
	border-style: solid;
	border-color: transparent;
	margin: auto;
	width: 0;
	height: 0;
}

.l6base .bubble-left {
	margin-right: 30px;
}
.l6base .bubble-left:after {
	top: 0;
	bottom: 0;
	left: 100%;
	border-width: 15px 0 15px 22px;
	border-left-color: #FFF;
}

.l6base .bubble-right {
	margin-left: 30px;
}
.l6base .bubble-right:after {
	top: 0;
	right: 100%;
	bottom: 0;
	border-width: 15px 22px 15px 0;
	border-right-color: #FFF;
}

.l6base .bubble-above {
	margin-top: 10px;
	margin-bottom: 30px;
}
.l6base .bubble-above:after{
	top: 100%;
	right: 0;
	left: 0;
	border-width: 22px 15px 0 15px;
	border-top-color: #FFF;
}

.l6base .bubble-below {
	margin-top: 30px;
	margin-bottom: 10px;
}
.l6base .bubble-below:after{
	right: 0;
	bottom: 100%;
	left: 0;
	border-width: 0 15px 22px 15px;
	border-bottom-color: #FFF;
}

.l6base .bubble-dark {
	background: #EEE;
}
.l6base .bubble-dark.bubble-above:after {
	border-top-color: #EEE;
}
.l6base .bubble-dark.bubble-right:after{
	border-right-color: #EEE;
}
.l6base .bubble-dark.bubble-below:after{
	border-bottom-color: #EEE;
}
.l6base .bubble-dark.bubble-left:after{
	border-left-color: #EEE;
}

/*
	-Hero-images
*/
.l6base .img-hero {
	position: relative;
}
.l6base .img-hero img {
	display: block;
}
.l6base .hero-text,
.l6base .hero-text-group {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 50px;
	width: 100%;
	color: #FFF;
}
.l6base .hero-text-group {
	padding-bottom: 30px;
}
.l6base .hero-text-group>* {
	color: #FFF;
}
.l6base .hero-text-top {
	top: 0;
	bottom: auto;
}
.l6base .img-skrim {
	position: relative;
}
.l6base .img-skrim:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-color: rgba(0,0,0,.4);
}

/*
	-Nice-social
*/
.l6base .nice-social {
	position: relative;
	margin-bottom: 0;
}
.l6base .nice-social__icon {
	display: inline-block;
	overflow: hidden;
	width: 22px;
	height: 22px;
	-webkit-transition: width .3s ease;
	transition: width .3s ease;
	text-align: left;
}
.l6base .nice-social__icon:before {
	content: '';
	display: inline-block;
	margin-right: 5px;
	width: 22px;
	height: inherit;
	cursor: pointer;
	background-image: url(/assets/images/l6/shared/nice-social-sprite.png);
	background-repeat: no-repeat;
}
.l6base .nice-social__icon--active {
	width: 120px;
}
.l6base .nice-social__icon--facebook .fb-like {
	display: inline-block !important;
	width: auto !important;
}
.l6base .nice-social__icon--twitter .twitter-share-button {
	width: 80px !important;
}
.l6base .nice-social__icon--twitter:before {
	background-position: 0 0;
}
.l6base .nice-social__icon--google:before {
	background-position: -22px 0;
}
.l6base .nice-social__icon--facebook:before {
	vertical-align: bottom;
	background-position: -44px 0;
}
.l6base .nice-social__icon--email:before {
	background-position: -66px 0;
}
.l6base .nice-social__icon--twitter:hover:before {
	background-position: 0 -22px;
}
.l6base .nice-social__icon--google:hover:before {
	background-position: -22px -22px;
}
.l6base .nice-social__icon--facebook:hover:before {
	background-position: -44px -22px;
}
.l6base .nice-social__icon--email:hover:before {
	background-position: -66px -22px;
}
.l6base .nice-social--grayscale .nice-social__icon--twitter:before {
	background-position: -88px 0;
}
.l6base .nice-social--grayscale .nice-social__icon--google:before {
	background-position: -110px 0;
}
.l6base .nice-social--grayscale .nice-social__icon--facebook:before {
	background-position: -132px 0;
}
.l6base .nice-social--grayscale .nice-social__icon--email:before {
	background-position: -154px 0;
}
.l6base .nice-social--grayscale .nice-social__icon--twitter:hover:before {
	background-position: -88px -22px;
}
.l6base .nice-social--grayscale .nice-social__icon--google:hover:before {
	background-position: -110px -22px;
}
.l6base .nice-social--grayscale .nice-social__icon--facebook:hover:before {
	background-position: -132px -22px;
}
.l6base .nice-social--grayscale .nice-social__icon--email:hover:before {
	background-position: -154px -22px;
}

/*
	-Column-system
*/
.l6base .row {
	overflow: hidden;
	margin: 0 -5px;
}
.l6base .col {
	position: relative;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 5px;
	padding-left: 5px;
}
.l6base .col img {
	max-width: 100%;
}
.l6base .two-col .col:nth-child(2n+1),
.l6base .three-col .col:nth-child(3n+1),
.l6base .four-col .col:nth-child(4n+1),
.l6base .five-col .col:nth-child(5n+1),
.l6base .five-col .col:nth-child(6n+1) {
	clear: left;
}
.l6base .two-col .col {
	width: 50%;
}
.l6base .three-col .col {
	width: 33.3333%;
}
.l6base .four-col .col {
	width: 25%;
}
.l6base .five-col .col {
	width: 20%;
}
.l6base .six-col .col {
	width: 16.6666%;
}

/*
	-Products !TODO!
*/
/*TODO*/


/*
	-Images
*/
.l6base .img-headshot {
	border: 5px solid #FFF;
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
	border-radius: 100%;
}
