/* Main
---------------------------------------------------------------------------- */
body {
	position: relative;
	overflow-x: hidden;
	font-family: Helvetica, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	background: #ebebeb; /* L93% */
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
a,
span {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
p {
	line-height: 1.4;
	color: #363636; /* L23% */
}

button,
input,
select,
textarea {
	font-family: Helvetica, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	color: #363636; /* L23% */
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
::-webkit-input-placeholder {
	color: #919191; /* L60% */
	-webkit-transition: all 0.2s ease-in-out;
}
:-moz-placeholder {
	color: #919191; /* L60% */
}
input:focus,
select:focus,
textarea:focus {
	outline: none;
}
.outer-balance {
	overflow: hidden;
	display: table;
	width: 100%;
	height: 100%;
}
.inner-balance {
	vertical-align: middle;
	display: table-cell;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
::-moz-selection {
	color: #fff;
	text-shadow: none;
	background: #000;
}
::selection {
	color: #fff;
	text-shadow: none;
	background: #000;
}

/* Header
---------------------------------------------------------------------------- */
header {
	padding: 0.625em 0.375em 0 0.375em; /* 10px / 16px = 0.625em | 6px / 16px = 0.375em */
	width: 100%;
	height: 3.125em; /* 50px / 16px = 3.125em */
	background: #ebebeb; /* L93% */
}
/* --- Navigation --- */
nav[role="primary"] ul li {
	float: left;
	display: block;
}
nav[role="primary"] ul li a {
	position: relative;
	z-index: 90;
	display: inline-block;
	padding: 0.46153846153846em; /* 6px / 13px = 0.46153846153846em */
	font-size: 0.8125em; /* 13px / 16px = 0.8125em */
	text-transform: uppercase;
	color: #363636; /* L23% */
}
nav[role="primary"] ul li a:visited {
	color: #363636; /* L23% */
}
nav[role="primary"] ul li a:hover {
	color: #ebebeb; /* L93% */
}
nav[role="primary"] ul li a:active {
	opacity: 0.7;
}
nav[role="primary"] ul li b {
	display: inline;
	margin: 0 0.46153846153846em; /* 6px / 13px = 0.46153846153846em */
	font-size: 0.8125em; /* 13px / 16px = 0.8125em */
	font-weight: bold;
	color: #363636; /* L23% */
}
nav[role="primary"] ul li:last-child b {
	display: none;
}
nav[role="primary"] ul li a span {
	z-index: -1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background: #000;
}
nav[role="primary"] ul li a:hover span {
	width: 100%;
}
nav[role="primary"] ul li:first-child a {
	font-weight: bold;
}
nav[role="primary"] ul li:first-child a i.icon-home {
	z-index: 999;
	position: absolute;
	top: 0.125em; /* 2px / 16px = 0.125em */
	left: 0.375em; /* 6px / 16px = 0.375em */
	font-size: 1.23076923076923em; /* 16px / 13px = 1.23076923076923em */
	text-transform: lowercase;
	color: #262626 !important; /* L15% */
	background: #ebebeb !important; /* L93% */
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	   -moz-transition: opacity 0.3s ease-in-out;
		-ms-transition: opacity 0.3s ease-in-out;
		 -o-transition: opacity 0.3s ease-in-out;
			transition: opacity 0.3s ease-in-out;
}
nav[role="primary"] ul li:first-child a:hover i.icon-home {
	opacity: 1;
}
nav[role="primary"] ul li:first-child a:active {
	opacity: 0.8;
}
nav[role="primary"] ul li:last-child a {
	cursor: default;
	color: #ababab !important; /* L70% */
}
nav[role="primary"] ul li:last-child a span {
	display: none;
}
/* --- Current Navigation --- */
nav[role="primary"] ul li.current_page_item:nth-child(1n+2) a,
nav[role="primary"] ul li.current_page_parent:nth-child(1n+2) a {
	cursor: default;
	color: #ebebeb; /* L93% */
}
nav[role="primary"] ul li.current_page_item:nth-child(1n+2) a span,
nav[role="primary"] ul li.current_page_parent:nth-child(1n+2) a span {
	width: 100%;
}
#case-study nav[role="primary"] ul li.current_page_parent:nth-child(1n+2) a {
	cursor: pointer;
	color: #363636; /* L23% */
}
#case-study nav[role="primary"] ul li.current_page_parent:nth-child(1n+2) a span {
	width: 0%;
}


/* Footer
---------------------------------------------------------------------------- */
footer {
	z-index: 10;
	position: relative;
	padding: 3.75em 0.75em 2.5em 0.75em; /* 60px / 16px = 3.75em | 12px / 16px = 0.75em | 40px / 16px = 2.5em */
}
footer ul {
	margin-bottom: 2.5em; /* 40px / 16px = 2.5em */
	width: 100%;
}
footer ul[role="address"] li {
	margin-bottom: 0.71428571428571em; /* 10px / 14px = 0.71428571428571em */
}
footer ul li {
	font-size: 0.875em; /* 14px / 16px = 0.875em */
}
footer ul li a {
	position: relative;
	z-index: 90;
	display: inline-block;
	margin-left: -0.42857142857143em; /* 6px / 14px = 0.42857142857143em */
	padding: 0.42857142857143em 0.42857142857143em 0.28571428571429em 0.42857142857143em; /* 6px / 14px = 0.42857142857143em | 4px / 14px = 0.28571428571429em */
	color: #000;
}
footer ul li[role="career"] {
	margin-bottom: 0.42857142857143em; /* 6px / 14px = 0.42857142857143em */
}
footer ul li a:visited {
	color: #000;
}
footer ul li a:hover {
	color: #ebebeb; /* L93% */
}
footer ul li a:active {
	opacity: 0.7;
}
footer ul li a span {
	z-index: -1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background: rgba(0,0,0,1.0);
}
footer ul li a:hover span {
	width: 100%;
	background: rgba(0,0,0,1.0);
}
footer p[role="copyright"] {
	font-size: 0.6875em; /* 11px / 16px = 0.6875em */
	color: #919191; /* L60% */
}


/*	==|== shared styles =======================================================
	======================================================================== */

/* Common
---------------------------------------------------------------------------- */
section[id$="content"] {
	max-width: 75em; /* 1200px / 16px = 75em */
	position: relative;
}
#home #main-content article {
	opacity: 0;
}

/* About Brick
---------------------------------------------------------------------------- */
#about-brick {
	position: relative;
	background-repeat: no-repeat;
	-webkit-background-size: contain !important;
	   -moz-background-size: contain !important;
		-ms-background-size: contain !important;
		 -o-background-size: contain !important;
			background-size: contain !important;
}
#about-brick,
#about-brick div.outer-balance,
#about-brick div.about-hover {
	width: 10em; /* 160px / 16px = 10em */
	height: 10em; /* 160px / 16px = 10em */
	
}
#about-brick div.outer-balance div.inner-balance h1 {
	font-size: 1.375em; /* 22px / 16px = 1.375em */
	font-weight: bold;
	color: #fff;
}
#about-brick div.about-hover {
	position: absolute;
	top: 0;
	background: #000; /* salmon pink */
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
#about-brick div.about-hover:hover {
	opacity: 1;
}
#about-brick div.about-hover p {
	padding: 0.85714285714286em 0.85714285714286em 0 0.85714285714286em; /* 12px / 14px = 0.85714285714286em */
	font-size: 0.875em; /* 14px / 16px = 0.875em */
	font-style: italic;
	letter-spacing: 0.07142857142857em; /* 1px / 14px = 0.07142857142857em */
	line-height: 1.6;
	text-transform: uppercase;
	color: #fff;
}

/* Social Links
---------------------------------------------------------------------------- */
ul.social {
	float: right;
	overflow: hidden;
}
ul.social li.social-link {
	float: left;
	display: block;
	text-align: right;
}
ul.social li.social-link a {
	display: block;
	padding: 0.25em; /* 4px / 16px = 0.25em */
	color: #252525; /* L15% */
}
ul.social li.social-link.twitter a {
	padding-right: 0;
}
ul.social li.social-link a:active {
	opacity: 0.8;
}
ul.social li.social-link a i {
	font-size: 1.25em; /* 20px / 16px = 1.25em */
}
ul.social li.social-link.facebook a:hover {
	color: #3b5998; /* facebook blue */
}
ul.social li.social-link.twitter a:hover {
	color: #00aced; /* twitter blue */
}

ul.social li.social-link.instagram a:hover {
	color: #517fa4; /* instagram blue */
}



ul.social li.social-link div.social-tip {
	z-index: 1001;
	overflow-x: hidden;
	position: absolute;
	top: 3.125em; /* 50px / 16px = 3.125em */
	right: 0;
	width: 8.75em; /* 140px / 16px = 8.75em */
	height: 2em; /* 32px / 16px = 2em */
}
ul.social li.social-link div.social-tip span {
	display: block;
	position: absolute;
	top: 0;
	right: -11.66666666666667em; /* 140px / 12px = 11.66666666666667em */
	width: 11.66666666666667em; /* 140px / 12px = 11.66666666666667em */
	padding: 0.83333333333333em 0; /* 10px / 12px = 0.83333333333333em */
	font-size: 0.75em; /* 12px / 16px = 0.75em */
	text-align: center;
	color: #fff;
	background: #000;
	opacity: 0;
}
ul.social li.social-link a:hover + div.social-tip span {
	right: 0;
	opacity: 1;
}
/* --- Header --- */
header ul.social {
	display: none;
}
header ul.social {
	margin-right: 1.25em; /* 20px / 16px = 1.25em */
}

/* Dribbble / Tweet / Snippet
---------------------------------------------------------------------------- */
.dts {
	position: relative;
}
.dts a {
	display: block;
	width: 100%;
	height: 100%;
}
.dts a:active {
	opacity: 0.8;
}
.dts a span.at-link {
	position: absolute;
	top: 0.83333333333333em; /* 10px / 12px = 0.83333333333333em */
	left: 0.83333333333333em; /* 10px / 12px = 0.83333333333333em */
	font-size: 0.75em; /* 12px / 16px = 0.75em */
	font-weight: bold;
	color: #919191; /* L60% */
}
.dts a i {
	position: absolute;
	top: 0.625em; /* 10px / 16px = 0.625em */
	right: 0.625em; /* 10px / 16px = 0.625em */
	color: #e2e2e2; /* L90% */
}
.dts a blockquote {
	position: absolute;
	bottom: 0.625em; /* 10px / 16px = 0.625em */
	left: 0.625em; /* 10px / 16px = 0.625em */
	width: 8.75em; /* 140px / 16px = 8.75em */
}
.dts a blockquote p {
	font-size: 0.75em; /* 12px / 16px = 0.75em */
	font-weight: bold;
	color: #252525; /* L15% */
}
.dts a blockquote p strong {
	color: #777; /* L50% */
}
/* --- Hover States --- */
.dts a:hover img {
	opacity: 0.8;
}
.dts.dribbble a:hover i.icon-dribbble,
.dts.dribbble a:hover blockquote p,
.dts.dribbble a:hover blockquote p strong {
	color: #ea4c89; /* dribble pink */
}
.dts.tweet a:hover span.at-link,
.dts.tweet a:hover i.icon-twitter,
.dts.tweet a:hover blockquote p,
.dts.tweet a:hover blockquote p strong {
	color: #00aced; /* twitter blue */
}
.dts.snippet a:hover span.at-link,
.dts.snippet a:hover i.icon-snippet,
.dts.snippet a:hover blockquote p,
.dts.snippet a:hover blockquote p strong {
	color: #14a4b8; /* salmon pink */
}
/* --- Main Content DTS --- */
#main-content article.dts a i {
	z-index: 300;
	position: absolute;
	top: 0.625em; /* 10px / 16px = 0.625em */
	left: 18.375em; /* 294px / 16px = 18.375em */
}
#main-content article.dts:nth-of-type(2n+8) a i {
	left: 8.375em; /* 134px / 16px = 8.375em */
}

/* Go Back
---------------------------------------------------------------------------- */
#go-back {
	width: 10em; /* 160px / 16px = 10em */
	height: 10em; /* 160px / 16px = 10em */
}
#go-back a {
	overflow-x: hidden;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: #000;
}
#go-back a i.icon-arrow-left {
	display: block;
	position: absolute;
	top: 1.07692307692308em; /* 56px / 52px = 1.07692307692308em */
	left: 0;
	width: 100%;
	font-size: 3.25em; /* 52px / 16px = 3.25em */
	text-align: center;
	color: #d7d7d7; /* L86% */
}
#go-back a i.icon-arrow-left:before {
	margin-left: -0.11538461538462em; /* 6px / 52px = 0.11538461538462rm */
}
#go-back a span {
	display: block;
	position: absolute;
	top: 4.75em; /* 76px / 16px = 4.75em */
	right: -10em; /* 160px / 16px = 10em */
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
#go-back a:hover i {
	left: -3.07692307692308em; /* 160px / 52px = 3.07692307692308em */
}
#go-back a:hover span {
	right: 0;
}
#go-back a:active {
	opacity: 0.9;
}


.backcenterarrow {
	display: block;
	position: absolute;
	top: 1.07692307692308em; /* 56px / 52px = 1.07692307692308em */
	left: 0;
	width: 100%;
	font-size: 3.25em; /* 52px / 16px = 3.25em */
	text-align: center;
	color: #d7d7d7; /* L86% */
}

.whitecenter a.hover {
	color: #fff; /* white */
}


/*	==|== home page styles ====================================================
	======================================================================== */

/* Main Content
---------------------------------------------------------------------------- */
#nav-home {
	visibility: hidden;
}
#infscr-loading {
	position: absolute;
	bottom: -3.25em; /* 52px / 16px = 3.25em */
	left: 0.625em; /* 10px / 16px = 0.625em */
	width: 2.1875em; /* 35px / 16px = 2.1875em */
	height: 2.1875em; /* 35px / 16px = 2.1875em */
}
@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		   -moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			 -o-transform: rotate(0deg);
				transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		   -moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			 -o-transform: rotate(360deg);
				transform: rotate(360deg);
	}
}
@-moz-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		   -moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			 -o-transform: rotate(0deg);
				transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		   -moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			 -o-transform: rotate(360deg);
				transform: rotate(360deg);
	}
}
#infscr-loading img {
	-webkit-animation: loading 1s infinite;
	   -moz-animation: loading 1s infinite;
}
#infscr-loading div {
	display: none !important;
}
/* --- Home About Brick --- */
#home #about-brick {
	width: 20em; /* 320px / 16px = 20em */
}
#home #about-brick div.about-hover {
	left: 10em; /* 160px / 16px = 10em */
	opacity: 1;
}
/* --- Masonry Articles --- */
#main-content article {
	width: 20em; /* 320px / 16px = 20em */
	height: 10em; /* 160px / 16px = 10em */
	-webkit-transition-duration: 0.4s;
	   -moz-transition-duration: 0.4s;
		-ms-transition-duration: 0.4s;
		 -o-transition-duration: 0.4s;
			transition-duration: 0.4s;
	-webkit-transition-property: left, right, top;
	   -moz-transition-property: left, right, top;
		-ms-transition-property: left, right, top;
		 -o-transition-property: left, right, top;
			transition-property: left, right, top;
}
#main-content article *,
#main-content article.standard-brick a div.txt-box:before,
#main-content article.standard-brick a div.txt-box:after {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
#main-content article div.first,
#main-content article div.second {
	position: absolute;
	top: 0;
	width: 10em; /* 160px / 16px = 10em */
	height: 10em; /* 160px / 16px = 10em */
}
#main-content article div.first {
	z-index: 100;
	display: block;
	left: 0;
	background: #000;
}
#main-content article div.second {
	z-index: 200;
	left: 10em; /* 160px / 16px = 10em */
	background: #fff;
}
/* --- First / Image Boxes --- */
#main-content article div.first img {
	max-width: 100%;
	max-height: 100%;
}
#main-content article div.first div.outer-balance {
	position: absolute;
	top: 0;
	left: 0;
}
#main-content article div.first div.outer-balance div.inner-balance p {
	padding: 0 1em; /* 20px / 20px = 1em */
	font-size: 1.25em; /* 20px / 16px = 1.25em */
	text-align: left;
	text-transform: uppercase;
	color: #fff;
}
/* --- Second / Text Boxes --- */
#main-content article.standard-brick a,
#main-content article.standard-brick a * {
	-webkit-transition: all 0.3s ease-in-out !important;
	   -moz-transition: all 0.3s ease-in-out !important;
		-ms-transition: all 0.3s ease-in-out !important;
		 -o-transition: all 0.3s ease-in-out !important;
			transition: all 0.3s ease-in-out !important;
}
#main-content article.standard-brick a div.txt-box h3 {
	position: absolute;
	top: 0.71428571428571em; /* 10px / 14px = 0.71428571428571em */
	left: 0.71428571428571em; /* 10px / 14px = 0.71428571428571em */
	width: 8.28571428571429em; /* 160px - (10px + 10px) = 140px - (14px + 10px) = 116px / 14px = 8.28571428571429em */
	font-size: 0.875em; /* 14px / 16px = 0.875em */
	line-height: 1.2;
	text-transform: uppercase;
	color: #000;
}
#main-content article.standard-brick a div.txt-box p {
	position: absolute;
	bottom: 1.11111111111111em; /* 10px / 9px = 1.11111111111111em */
	left: 1.11111111111111em; /* 10px / 9px = 1.11111111111111em */
	width: 15.5555555555556em; /* 140px / 9px = 15.5555555555556em */
	font-size: 0.5625em; /* 9px / 16px = 0.5625em */
	color: #363636; /* L23% */
}
#main-content article.standard-brick a div.txt-box i { /* .icon-search */
	z-index: 1000;
	position: absolute;
	top: 0.625em; /* 10px / 16px = 0.625em */
	right: 0.625em; /* 10px / 16px = 0.625em */
	color: #e2e2e2; /* L90% */
}
#main-content article.standard-brick a:hover div.txt-box i {
	color: #fff;
}
/* --- Article Hovers --- */
#main-content article.standard-brick a div.txt-box div.txt-bg {
	z-index: 300;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}
#main-content article.standard-brick a:hover div.txt-box div.txt-bg {
	background: #111; /* L5% */
}
#main-content article.standard-brick a:visited div.txt-box h3 {
	color: #000;
}
#main-content article.standard-brick a:visited div.txt-box p {
	color: #363636; /* L23% */
}
#main-content article.standard-brick a:hover div.txt-box h3,
#main-content article.standard-brick a:hover div.txt-box p {
	color: #fff;
}
#main-content article.standard-brick a:hover div.img-box img {
	opacity: 0.8;
}
#main-content article.standard-brick a:active {
	opacity: 0.9;
}
/* --- Arrows Before / After--- */
#main-content article.standard-brick a div.txt-box i.icon-eqtri-left,
#main-content article.standard-brick a div.txt-box i.icon-eqtri-right {
	z-index: 150;
	overflow: hidden;
	position: absolute;
	top: 40%;
	font-size: 2em; /* 32px / 16px = 2em */
	color: #fff;
}
#main-content article.standard-brick a div.txt-box i.icon-eqtri-left {
	left: 0;
}
#main-content article.standard-brick a div.txt-box i.icon-eqtri-right {
	right: 0;
}
#main-content article.standard-brick a:hover div.txt-box i.icon-eqtri-left {
	left: -0.71875em; /* 23px / 32px = 0.71875em */
}
#main-content article.standard-brick a:hover div.txt-box i.icon-eqtri-right {
	right: -0.71875em; /* 23px / 32px = 0.71875em */
}
#main-content article.standard-brick a:hover div.txt-box i.icon-eqtri-left,
#main-content article.standard-brick a:hover div.txt-box i.icon-eqtri-right {
	color: #111; /* L5% */
}

/* Single Brick
---------------------------------------------------------------------------- */
#main-content article.single-brick {
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: -0.0625em; /* 1px / 16px = 0.0625em */
	padding: 0;
	width: 0.0625em; /* 1px / 16px = 0.0625em */
	height: 0.0625em; /* 1px / 16px = 0.0625em */
	border: 0;
}

/* Main Features
---------------------------------------------------------------------------- */
/* --- Slider --- */
@-webkit-keyframes slider-320px {
	31% {
		left: 0;
	}
	33% {
		left: -20em; /* 320px / 16px = 20em */
	}
	64% {
		left: -20em; /* 320px / 16px = 20em */
	}
	66% {
		left: -40em; /* 640px / 16px = 40em */
	}
	99% {
		left: -40em; /* 640px / 16px = 40em */
	}
	100% {
		left: 0;
	}
}
@-moz-keyframes slider-320px {
	31% {
		left: 0;
	}
	33% {
		left: -20em; /* 320px / 16px = 20em */
	}
	64% {
		left: -20em; /* 320px / 16px = 20em */
	}
	66% {
		left: -40em; /* 640px / 16px = 40em */
	}
	99% {
		left: -40em; /* 640px / 16px = 40em */
	}
	100% {
		left: 0;
	}
}
#main-content article.main-feature * {
	-webkit-transition: none;
	   -moz-transition: none;
		-ms-transition: none;
		 -o-transition: none;
			transition: none;
}
#main-content article.main-feature {
	position: relative;
	overflow: hidden;
	z-index: 4000;
}
#main-content article.main-feature > ul {
	position: relative;
	left: 0;
	width: 80em; /* 320px * 3 = 960px / 16px = 60em */
	background: #000;
	-webkit-animation: slider-320px 24s infinite;
	   -moz-animation: slider-320px 24s infinite;
}
#main-content article.main-feature > ul > li {
	float: left;
	display: block;
	position: relative;
	width: 20em;
	height: 10em;
}
#main-content article.main-feature > ul > li a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
#main-content article.main-feature > ul > li a:hover {
	opacity: 0.8;
}
#main-content article.main-feature > ul > li a:active {
	opacity: 1;
}
#main-content article.main-feature > ul > li img.feature-mobile {
	max-width: 100%;
}
#main-content article.main-feature > ul > li img.feature-desktop {
	display: none;
}

/* Post Orientation
---------------------------------------------------------------------------- */
#main-content article:nth-of-type(2) div.first,
#main-content article:nth-of-type(2n+8) div.first {
	left: 10em; /* 160px / 16px = 10em */
}
#main-content article:nth-of-type(2) div.second,
#main-content article:nth-of-type(2n+8) div.second {
	left: 0;
}
/* --- Arrows Before / After --- */
#main-content article:nth-of-type(2) div.txt-box i.icon-eqtri-left,
#main-content article:nth-of-type(3) div.txt-box i.icon-eqtri-right,
#main-content article:nth-of-type(7) div.txt-box i.icon-eqtri-right,
#main-content article:nth-of-type(2n+8) div.txt-box i.icon-eqtri-left,
#main-content article:nth-of-type(2n+9) div.txt-box i.icon-eqtri-right {
	display: none;
}

/* Fire Poop
---------------------------------------------------------------------------- */
#fire-poop {
	z-index: 3000;
	position: fixed;
	top: 0;
	left: -45em; /* 720px / 16px = 45em */
	width: 45em; /* 720px / 16px = 45em */
	height: 100%;
	background-color: rgba(0,0,0,0.86);
	-moz-transition: all 0.2s ease-in-out 0.8s;
}
#fire-poop div {
	padding: 10em 1.25em 0 1.25em; /* 160px / 16px = 10em | 20px / 16px = 1.25em */
}
#fire-poop div h6 {
	margin-bottom: 1em; /* 16px / 16px = 1em */
	font-weight: bold;
	color: #fff;
}
#fire-poop div p {
	color: #fff;
}


/*	==|== case study styles ===================================================
	======================================================================== */

/* Case Study Content
---------------------------------------------------------------------------- */
#casestudy-content {
	z-index: 100;
}
#casestudy-content article {
	float: left;
	background: #fff;
	opacity: 0;
}
#casestudy-content article,
#casestudy-content article * {
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		 -o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
}
#casestudy-content article * {
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
		-ms-transition-duration: 0.2s;
		 -o-transition-duration: 0.2s;
			transition-duration: 0.2s;
}
#casestudy-content article.casestudy-square {
	position: relative;
	width: 10em; /* 160px / 16px = 10em */
	height: 10em; /* 160px / 16px = 10em */
}
#casestudy-content article.casestudy-square.image,
#casestudy-content article.casestudy-square.video {
	background: #000;
}
#casestudy-content article.casestudy-square.video a img,
#casestudy-content article.casestudy-square.image img {
	max-width: 100%;
}
#casestudy-content article.casestudy-square.video a {
	display: block;
	width: 100%;
	height: 100%;
}
#casestudy-content article.casestudy-square.image a:hover,
#casestudy-content article.casestudy-square.video a:hover {
	opacity: 0.8;
}
#casestudy-content article.casestudy-square.image a:active,
#casestudy-content article.casestudy-square.video a:active {
	opacity: 0.9;
}
/* --- Banner --- */
#casestudy-content #banner {
	padding: 0.625em; /* 10px / 16px = 0.625em */
	width: 20em; /* 320px / 16px = 20em */
	height: 10em; /* 160px / 16px = 10em */
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		-ms-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}
#casestudy-content #banner h2 {
	width: 100%;
	font-size: 2em; /* 32px / 16px = 2em */
	font-weight: bold;
	letter-spacing: -0.03125em; /* 1px / 32px = 0.03125em */
	color: #fff;
	text-align: left;
}
/* --- Case Study Post --- */
#casestudy-content article.casestudy-post {
	padding: 2em 0.625em; /* 32px / 16px = 2em | 10px / 16px = 0.625em */
	width: 20em; /* 320px / 16px = 20em */
	height: auto;
}
#casestudy-content article.casestudy-post h3 {
	margin-top: 2.12em;
	margin-bottom: 2em;
	font-size: 0.6375em; /* 15px / 16px = 0.9375em */
	color: #111; /* L5% */
	text-transform: uppercase;
}
#casestudy-content article.casestudy-post h4 {
	margin-bottom: 1.12em; /* 28px / 25px = 1.12em */
	font-size: 1.5625em; /* 25px / 16px = 1.5625em */
	font-weight: bold;
	color: #111; /* L5% */
}
#casestudy-content article.casestudy-post p {
	margin-bottom: 1em;
	font-size: 0.9375em; /* 15px / 16px = 0.9375em */
	color: #252525;
}

#casestudy-content article.casestudy-post div.specialsection {
	padding-top:2em;
	margin-bottom: 1em;
	margin-top:2em;
	border-top: 0.125em solid #ebebeb; 
}
#casestudy-content article.casestudy-post p.specialtag {
	margin-bottom: 1em;
	margin-left: 19px;
	letter-spacing: -0.03em;
	font-weight: bold;
	font-size: 0.9em; /* 15px / 16px = 0.9375em */
	color: #c5cbce;
	width:23em;
}

#casestudy-content article div.trueheart {
	position: absolute;
	float: left;
	font-size:0.8em;
	color:#c5cbce;
	margin-right:10px;
	}

#casestudy-content article.casestudy-post p:last-of-type {
	margin-bottom: 0; /* L15% */
}
#casestudy-content article.casestudy-post p a {
	color: #14a4b8; /* salmon pink */
}
#casestudy-content article.casestudy-post p a:hover {
	color: #919191; /* L60% */
}
#casestudy-content article.casestudy-post p a:active {
	color: #474747; /* L30% */
}

#casestudy-content article.casestudy-post ul{
	list-style-type:circle;
	margin-left: 15px;
	font-size: 0.9375em;
}

#casestudy-content article.casestudy-post ul li{
	padding: 0.5em 0 0.5em 0;
}
	
/* --- Video --- */
#casestudy-content article.casestudy-square.video a i.icon-isotri-right {
	display: block;
	position: absolute;
	top: 36%;
	width: 100%;
	margin-left: 0.16666666666667em; /* 8px / 48px = 0.16666666666667em */
	text-align: center;
	font-size: 3em; /* 48px / 16px = 3em */
	color: #14a4b8; /* salmon pink */
}
#casestudy-content article.casestudy-square.video a:hover i.icon-isotri-right {
	color: #fff;
}
/* --- Statistics --- */
#casestudy-content article.statistic {
	padding: 0.625em; /* 10px / 16px = 0.625em */
}
#casestudy-content article.statistic p {
	font-size: 0.875em; /* 14px / 16px = 0.875em */
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	text-align: left;
}
#casestudy-content article.statistic p strong {
	color: #252525; /* L15% */
}

/* CASE STUDY SNIPPET REMOVED */


/*	==|== internal styles =====================================================
	======================================================================== */

/* Internals
---------------------------------------------------------------------------- */
section.internal article {
	float: left;
	background: #fff;
	opacity: 0;
}
section.internal article,
section.internal article * {
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		 -o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
}
section.internal article * {
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
		-ms-transition-duration: 0.2s;
		 -o-transition-duration: 0.2s;
			transition-duration: 0.2s;
}
#post-container {
	float: left;
	width: 20em; /* 320px / 16px = 20em */
	max-width: 45em; /* 720px / 16px = 45em */
}
/* --- Tag Cloud --- */
section.internal #tag-cloud {
	position: relative;
	width: 20em; /* 320px / 16px = 20em */
	height: 3.5em; /* 56px / 16px = 3.5em */
	background: #000;
}
section.internal #tag-cloud:hover {
	background: #111; /* L5% */
}
section.internal #tag-cloud span.field {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 1.375em 0 0 0.625em; /* 22px / 16px = 1.375em | 10px / 16px = 0.625em */
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	color: #fff;
	background: transparent;
}
section.internal #tag-cloud span.field i {
	display: block;
	position: absolute;
	top: 1.25em; /* 20px / 16px = 1.25em */
	right: 1.25em; /* 20px / 16px = 1.25em */
	font-size: 1em; /* 16px / 16px = 1em */
	text-transform: lowercase;
	color: #fff;
}
section.internal #tag-cloud ul.wp-tag-cloud {
	display: none;
	z-index: 999;
	position: absolute;
	top: 3.5em; /* 56px / 16px = 3.5em */
	left: 0;
	margin: 0;
	width: 100%;
	background: #000;
}
section.internal #tag-cloud ul.wp-tag-cloud li a {
	display: block;
	padding: 1em 0.625em; /* 10px / 16px = 0.625em */
	color: #fff;
	background: #000;
}
section.internal #tag-cloud ul.wp-tag-cloud li a:hover {
	background: #252525; /* L15% */
}
section.internal #tag-cloud ul.wp-tag-cloud li a:active {
	background: #111; /* L5% */
}
/* --- Blog Intro --- */
#post-container #blog-intro {
	padding: 0 0.625em; /* 10px / 16px = 0.625em */
	height: 10em; /* 160px / 16px = 10em */
	background: none;
}
#post-container #blog-intro div.outer-balance div.inner-balance h3 {
	font-size: 1.25em; /* 20px / 16px = 1.25em */
	font-weight: bold;
	letter-spacing: -0.05em; /* 1px / 20px = 0.05em */
	line-height: 1.2;
	text-align: left;
	color: #111; /* L5% */
}
#post-container #blog-intro div.outer-balance div.inner-balance h3 span {
	display: block;
}
#archive-content #post-container #blog-intro div.outer-balance div.inner-balance h3 {
	font-size: 2.5em; /* 40px / 16px = 2em */
	letter-spacing: -0.025em; /* 1px / 40px = 0.025em */
}
/* --- Blog Post --- */
#post-container article.blog-post {
	width: 100%;
}
#post-container article.blog-post hr {
	margin: -0.125em 0 0 0 !important; /* 2px / 16px = 0.125em */
	border-top: 0.125em solid #ebebeb;
}
#post-container article.blog-post a.blog-feature-img,
#post-container article.blog-post span.blog-feature-img {
	display: block;
}
#post-container article.blog-post a.blog-feature-img:hover {
	opacity: 0.9;
}
#post-container article.blog-post a.blog-feature-img:active {
	opacity: 1;
}
#post-container article.blog-post a.blog-feature-img img,
#post-container article.blog-post span.blog-feature-img img {
	max-width: 100%;
}
#post-container article.blog-post div.post-content {
	padding: 1.25em 0.625em; /* 20px / 16px = 1.25em | 10px / 16px = 0.625em */
}
#post-container article.blog-post div.post-content hgroup {
	margin-bottom: 0.875em; /* 14px / 16px = 0.875em */
}
#post-container article.blog-post div.post-content hgroup h1 {
	display: inline-block;
	margin-bottom: 0.58333333333333em; /* 14px / 24px = 0.58333333333333em */
	font-size: 1.5em; /* 24px / 16px = 1.5em */
	font-weight: bold;
	letter-spacing: -0.04166666666667em; /* 1px / 24px = 0.04166666666667em */
	color: #252525; /* L15% */
}
#post-container article.blog-post div.post-content hgroup h1 a {
	color: #252525; /* L15% */
}
#post-container article.blog-post a.blog-feature-img:hover + div.post-content hgroup h1 a,
#post-container article.blog-post div.post-content hgroup h1 a:hover {
	color: #919191; /* L60% */
}
#post-container article.blog-post a.blog-feature-img:active + div.post-content hgroup h1 a,
#post-container article.blog-post div.post-content hgroup h1 a:active {
	color: #474747; /* L30% */
}
#post-container article.blog-post div.post-content hgroup h2 {
	font-size: 0.875em; /* 14px / 16px = 0.875em */
	color: #919191; /* L60% */
}
/* --- The Content --- */
#post-container article.blog-post div.post-content div.the-content p {
	margin-bottom: 1em; /* 14px / 14px = 1em */
	font-size: 0.875em; /* 14px / 16px = 0.875em */
	color: #111; /* L5% */
}
#post-container article.blog-post div.post-content div.the-content p:last-of-type,
#post-container article.blog-post div.post-content div.the-content p:only-of-type  {
	margin-bottom: 0;
}
#post-container article.blog-post div.post-content div.the-content blockquote {
	margin-bottom: 0.875em; /* 14px / 16px = 0.875em */
	padding: 0.625em; /* 10px / 16px = 0.625em */
	position: relative;
}
#post-container article.blog-post div.post-content div.the-content blockquote p {
	font-style: italic;
	color: #5e5e5e; /* L40% */
}
#post-container article.blog-post div.post-content div.the-content blockquote p:before,
#post-container article.blog-post div.post-content div.the-content blockquote p:after {
	font-size: 1.85714285714286em; /* 26px / 14px = 1.85714285714286em */
	font-weight: 300;
	color: #ababab; /* L70% */
}
#post-container article.blog-post div.post-content div.the-content blockquote p:before {
	content: "\201C";
	display: block;
	position: absolute;
	top: -0.15384615384615em; /* 4px / 26px = 0.15384615384615em */
	left: -0.15384615384615em; /* 4px / 26px = 0.15384615384615em */
}
#post-container article.blog-post div.post-content div.the-content blockquote p:after {
	content: "\2002 \201E";
	display: inline-block;
	line-height: 0;
}
#post-container article.blog-post div.post-content div.the-content p a {
	color: #14a4b8; /* salmon pink */
}
#post-container article.blog-post div.post-content div.the-content p a:hover {
	color: #919191; /* L60% */
}
#post-container article.blog-post div.post-content div.the-content p a:active {
	color: #474747; /* L30% */
}
#post-container article.blog-post div.post-content div.the-content ol,
#post-container article.blog-post div.post-content div.the-content ul {
	margin-bottom: 1em; /* 14px / 14px = 1em */
	font-size: 0.875em; /* 14px / 16px = 0.875em */
	color: #111; /* L5% */
}
#post-container article.blog-post div.post-content div.the-content ol {
	counter-reset: li;
}
#post-container article.blog-post div.post-content div.the-content ol > li,
#post-container article.blog-post div.post-content div.the-content ul > li {
	position: relative;
	margin-left: 1.42857142857143em; /* 20px / 14px = 1.42857142857143em */
}
#post-container article.blog-post div.post-content div.the-content ol > li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	top: 0;
	left: -2.85714285714286em; /* 40px / 14px = 2.85714285714286em */
	width: 2em; /* 28px / 14px = 2em */
	font-weight: bold;
	text-align: right;
	/* margin-right: 0.57142857142857em; /* 8px / 14px = 0.57142857142857em | Spacing for browsers that support generated content but not positioning it */
}
#post-container article.blog-post div.post-content div.the-content ul > li:before {
	content: "\2022";
	position: absolute;
	top: 0;
	left: -1.42857142857143em; /* 20px / 14px = 1.42857142857143em */
}
#post-container article.blog-post div.post-content div.the-content ol li,
#post-container article.blog-post div.post-content div.the-content ul li {
	margin-bottom: 0.71428571428571em; /* 10px / 14px = 0.71428571428571em */
}
#post-container article.blog-post div.post-content div.the-content ol li:last-of-type,
#post-container article.blog-post div.post-content div.the-content ul li:last-of-type {
	margin-bottom: 0;
}
#post-container article.blog-post div.post-content div.the-content a[href$=".jpg"] {
	display: block;
	margin-bottom: 1.42857142857143em; /* 20px / 14px = 1.42857142857143em */
}
#post-container article.blog-post div.post-content div.the-content a[href$=".jpg"]:hover {
	opacity: 0.8;
}
#post-container article.blog-post div.post-content div.the-content a[href$=".jpg"] img {
	max-width: 100%;
}
/* --- Post Footer --- */
#post-container article.blog-post div.post-content div.post-footer {
	margin-top: 1.5em; /* 24px / 16px = 1.5em */
}
#post-container article.blog-post div.post-content div.post-footer div.column.one {
	margin-bottom: 1em; /* 16px / 16px = 1em */
}
#post-container article.blog-post div.post-content div.post-footer div.column span {
	font-size: 0.8125em; /* 13px / 16px = 0.8125em */
}
/* --- Pagination --- */
#post-container #nav-blog {
	float: left;
	width: 100%;
}
#post-container #nav-blog ul {
}
#post-container #nav-blog ul li {
	width: 50%;
	height: 3.5em; /* 56px / 16px = 3.5em */
	background: #fff; /* L5% */
	border-top: 2px solid #ebebeb; /* L93% */
}
#post-container #nav-blog ul li.pagination-prev {
	float: left;
}
#post-container #nav-blog ul li.pagination-next {
	float: right;
	text-align: right;
}
#post-container #nav-blog ul li a {
	display: block;
	position: relative;
	padding-top: 1.25em; /* 20px / 16px = 1.25em */
	width: 100%;
	height: 100%;
	font-size: 1em; /* 16px / 16px = 1em */
	font-weight: bold;
	color: #000;
}
#post-container #nav-blog ul li a:hover {
	background: #f3f3f3; /* L96% */
}
#post-container #nav-blog ul li a:active {
	color: #111; /* L5% */
	background: #ebebeb; /* L93% */
}
#post-container #nav-blog ul li.pagination-prev a {
	padding-left: 0.625em; /* 32px / 16px = 2em */
}
#post-container #nav-blog ul li.pagination-next a {
	padding-right: 0.625em; /* 32px / 16px = 2em */
}
#post-container #nav-blog ul li.pagination-prev a:before,
#post-container #nav-blog ul li.pagination-next a:after {
	font-family: 'narmy';
}
#post-container #nav-blog ul li.pagination-prev a:before {
	content: "\0071";
	margin-right: 0.75em; /* 12px / 16px = 0.75em */
}
#post-container #nav-blog ul li.pagination-next a:after {
	content: "\0072";
	margin-left: 0.75em; /* 12px / 16px = 0.75em */
}
/* --- Author --- */
#post-container article.blog-post div.post-content div.post-footer div.column.one span.author {
	font-weight: bold;
	color: #111; /* L5% */
}
/* --- Tags --- */
#post-container article.blog-post div.post-content div.post-footer div.column.one span.tags,
#post-container article.blog-post div.post-content div.post-footer div.column.one span.tags a {
	color: #919191; /* L60% */
}
#post-container article.blog-post div.post-content div.post-footer div.column.one span.tags a:hover {
	color: #252525; /* L15% */
}
#post-container article.blog-post div.post-content div.post-footer div.column.one span.tags a:active {
	color: #474747; /* L30% */
}
/* --- Comment Count --- */
#post-container article.blog-post div.post-content div.post-footer div.column.two span.comment-count {
	float: left;
}
#post-container article.blog-post div.post-content div.post-footer div.column.two span.comment-count a {
	display: block;
	position: relative;
	padding-left: 2.61538461538462em; /* 34px / 13px = 2.61538461538462em */
	font-weight: bold;
	color: #111; /* L5% */
}
#post-container article.blog-post div.post-content div.post-footer div.column.two span.comment-count a em {
	display: block;
	position: absolute;
	top: -0.18181818181818em; /* 2px / 11px = 0.18181818181818em */
	left: 0;
	padding-top: 0.36363636363636em; /* 4px / 11px = 0.36363636363636em */
	width: 2.27272727272727em; /* 25px / 11px = 2.27272727272727em */
	height: 1.45454545454545em; /* 16px / 11px = 1.45454545454545em */
	font-size: 0.84615384615385em; /* 11px / 13px = 0.84615384615385em */
	font-style: normal;
	color: #fff;
	text-align: center;
	border-radius: 0.27272727272727em; /* 3px / 11px = 0.27272727272727em */
	background: #111; /* L5% */
}
#post-container article.blog-post div.post-content div.post-footer div.column.two span.comment-count a em:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -0.45454545454545em; /* 5px / 11px = 0.45454545454545em */
	left: 0.54545454545455em; /* 6px / 11px = 0.54545454545455em */
	width: 0;
	height: 0;
	border-left: 0.54545454545455em solid transparent;
	border-right: 0.54545454545455em solid transparent;
	border-top: 0.54545454545455em solid #111; /* L5% */
}
#post-container article.blog-post div.post-content div.post-footer div.column.two span.comment-count a em,
#post-container article.blog-post div.post-content div.post-footer div.column.two span.comment-count a em:after {
	-webkit-transition: all 0.2s ease-in-out !important;
	   -moz-transition: all 0.2s ease-in-out !important;
		-ms-transition: all 0.2s ease-in-out !important;
		 -o-transition: all 0.2s ease-in-out !important;
			transition: all 0.2s ease-in-out !important;
}
#post-container article.blog-post div.post-content div.post-footer div.column.two span.comment-count a:hover {
	opacity: 0.5;
}
#post-container article.blog-post div.post-content div.post-footer div.column.two span.comment-count a:active {
	opacity: 0.8;
}
/* --- Share Links --- */
#post-container article.blog-post div.post-content div.post-footer div.column.two ul.social {
	margin: -0.3125em 0 0 0; /* 6px / 16px = 0.3125em */
	padding: 0;
}
#post-container article.blog-post div.post-content div.post-footer div.column.two ul.social li {
	margin-bottom: 0;
}
#post-container article.blog-post div.post-content div.post-footer div.column.two ul.social li a i {
	font-size: 1.1875em; /* 19px / 16px = 1.1875em */
}
/* --- Advertisements --- */
section.internal article[id^="advertisement"] {
	width: 10em; /* 160px / 16px = 10em */
	height: 10em; /* 160px / 16px = 10em */
}
section.internal article[id^="advertisement"] a:hover {
	opacity: 0.8;
}
section.internal article[id^="advertisement"] a:active {
	opacity: 0.9;
}
section.internal article[id^="advertisement"] a img {
	max-width: 100%;
}

/* Comments
---------------------------------------------------------------------------- */
#comments {
	float: left;
	padding: 1.25em 0.625em; /* 20px / 16px = 1.25em | 10px / 16px = 0.625em */
	width: 100%;
	background: #f3f3f3; /* L96% */
	border-top: 2px solid #ebebeb; /* L93% */
}
#comments h3 {
	margin-bottom: 1em; /* 20px / 20px = 1em */
	font-size: 1.25em; /* 20px / 16px = 1.25em */
	font-weight: bold;
}
/* --- Comments List --- */
#comments-list {
	margin-bottom: 2em; /* 32px / 16px = 2em */
}
#comments-list ol li.comment {
	margin-bottom: 1.25em; /* 20px / 16px = 1.25em */
	padding-bottom: 1.25em; /* 20px / 16px = 1.25em */
	border-bottom: 1px solid #c6c6c6; /* L80% */
}
#comments-list ol li.comment div.comment {
	position: relative;
}
#comments-list ol li.comment div.comment div.comment-meta {
	margin-bottom: 1em;
	font-size: 0.875em; /* 14px / 16px = 0.875em */
}
#comments-list ol li.comment div.comment div.comment-meta div.comment-author span {
	display: block;
	margin-bottom: 0.28571428571429em; /* 4px / 14px = 0.28571428571429em */
	font-weight: bold;
}
#comments-list ol li.comment div.comment div.comment-meta div.comment-author span a {
	font-weight: bold;
	color: #14a4b8; /* salmon pink */
}
#comments-list ol li.comment div.comment div.comment-meta div.comment-author span a:hover {
	color: #919191; /* L60% */
}
#comments-list ol li.comment div.comment div.comment-meta div.comment-author span a:active {
	color: #474747; /* L30% */
}
#comments-list ol li.comment div.comment div.comment-meta div.comment-author time {
	display: block;
	font-style: italic;
	color: #5e5e5e; /* L40% */
}
#comments-list ol li.comment div.comment div.comment-content p {
	margin-bottom: 1em; /* 14px / 14px = 1em */
	font-size: 0.875em; /* 14px / 16px = 0.875em */
}
#comments-list ol li.comment div.comment div.comment-content p:last-of-type,
#comments-list ol li.comment div.comment div.comment-content p:only-of-type {
	margin-bottom: 0;
}
#comments-list ol li.comment div.comment div.reply {
	display: none;
}
/* --- Comment Pagination --- */
#comments-list #nav-comments ul li.comments-prev {
	float: left;
}
#comments-list #nav-comments ul li.comments-next {
	float: right;
	text-align: right;
}
#comments-list #nav-comments ul li a {
	font-size: 0.875em; /* 14px / 16px = 0.875em */
	color: #14a4b8; /* salmon pink */
}
#comments-list #nav-comments ul li a:hover {
	color: #919191; /* L60% */
}
#comments-list #nav-comments ul li a:active {
	color: #474747; /* L30% */
}
/* --- Comment Form --- */
#comment-form {
	*zoom: 1;
}
#comment-form:after {
	clear: both;
}
#comment-form:before,
#comment-form:after {
	content: "";
	display: table;
}
#comment-form div {
	margin-bottom: 1.25em; /* 20px / 16px = 1.25em */
}
#comment-form div label {
	display: block;
	margin-bottom: 0.42857142857143em; /* 6px / 14px = 0.42857142857143em */
	font-size: 0.875em; /* 14px / 16px = 0.875em */
	font-weight: bold;
}
#comment-form div input,
#comment-form div textarea,
#comment-form p input {
	border: none;
	border-radius: 0;
}
#comment-form div input,
#comment-form div textarea {
	padding: 0.71428571428571em; /* 10px / 14px = 0.71428571428571em */
	width: 100%;
	font-size: 0.875em; /* 14px / 16px = 0.875em */
	border: 1px solid #ccc;
}
#comment-form div input:focus,
#comment-form div textarea:focus {
	border-color: #000;
}
#comment-form div input:focus,
#comment-form div textarea:focus {
	border-color: #000;
}
#comment-form div input:focus::-webkit-input-placeholder,
#comment-form div textarea:focus::-webkit-input-placeholder {
	color: #e2e2e2; /* L90% */
}
#comment-form div textarea {
	min-height: 8.57142857142857em; /* 120px / 14px = 8.57142857142857em */
	max-height: 30em; /* 420px / 14px = 30em */
}
#comment-form p.form-submit #submit {
	padding: 0.5em 0.75em; /* 8px / 16px = 0.5em | 12px / 16px = 0.75em */
	color: #fff;
	background: #111; /* L5% */
}
#comment-form p.form-submit #submit:hover {
	background: #303030; /* L20% */
}
#comment-form p.form-submit #submit:active {
	background: #1b1b1b; /* L10% */
}
/* --- Extras --- */
#comment-form p.logged-in-as {
	display: block;
	margin-bottom: 1.42857142857143em; /* 20px / 14px = 1.42857142857143em */
	font-size: 0.875em; /* 14px / 16px = 0.875em */
	font-weight: bold;
}
#comment-form p.logged-in-as a {
	color: #14a4b8; /* salmon pink */
}
#comment-form p.logged-in-as a:hover {
	color: #919191; /* L60% */
}
#comment-form p.logged-in-as a:active {
	color: #474747; /* L30% */
}
#comments-list ol li.comment div.comment span.edit-link {
	position: absolute;
	top: 0;
	right: 0;
}


/*	==|== vanilla styles ======================================================
	======================================================================== */

/* Shared Styles
---------------------------------------------------------------------------- */
section.vanilla article {
	max-width: 56.625em; /* 906px / 16px = 56.625em */
	padding: 1.25em 0.625em 0 0.625em; /* 20px / 16px = 1.25em | 10px / 16px = 0.625em */
	opacity: 0;
}
section.vanilla article p {
	margin-bottom: 1em; /* 20px / 20px 1em */
	font-size: 1.25em; /* 20px / 16px = 1.25em */
	font-weight: bold;
	letter-spacing: -0.05em; /* 1px / 20px = 0.05em */
	line-height: 1.2;
}
section.vanilla article p a {
	color: #898989; /* L57% */
}
section.vanilla article p a:hover {
	color: #5e5e5e; /* L40% */
}
section.vanilla article p a:active {
	color: #363636; /* L23% */
}
section.vanilla article h3 {
	margin-bottom: 1.25em; /* 20px / 16px = 1.25em */
	font-weight: bold;
	letter-spacing: -0.0625em; /* 1px / 16px = 0.0625em */
}
section.vanilla article ul li {
	margin-bottom: 0.625em; /* 10px / 16px = 0.625em */
	font-weight: bold;
	letter-spacing: -0.0625em; /* 1px / 16px = 0.0625em */
	color: #898989; /* L57% */
}

section.vanilla article div.feature-img {
		margin-bottom: 2em;
		/*overflow-y: hidden;
		max-height: 20.8125em; /* 333px / 16px = 20.8125em */
	}
section.vanilla article  div.post-content hgroup {
		margin-bottom: 1.25em; /* 20px / 16px = 1.25em */
	}
section.vanilla article  div.post-content hgroup h1 {
		margin-bottom: 0.58823529411765em; /* 20px / 34px = 0.58823529411765em */
		font-size: 2.125em; /* 34px / 16px = 2.125em */
		letter-spacing: -0.05882352941176em; /* 2px / 34px = 0.05882352941176em */
	}
	
	

/* Error Content
---------------------------------------------------------------------------- */
#error-content article {
	max-width: 52.5em; /* 840px / 16px = 52.5em */
}
#error-content article p {
	font-size: 2em; /* 32px / 16px = 2em */
	font-weight: bold;
	letter-spacing: -0.03125em; /* 1px / 32px = 0.03125em */
	line-height: 1.2;
}


/*	==|== media queries =======================================================
	Targeting: 480px / 720px / 735px / 960px / 975px / 1200px
	======================================================================== */

@media only screen and (min-width: 30em) { /* 480px / 16px = 30em */

	/* Header
	---------------------------------------------------------------------------- */
	header {
		padding-left: 0;
		padding-right: 0;
	}
	header ul.social {
		display: block;
	}
	/* --- Navigation --- */
	nav[role="primary"] {
		float: left;
		padding: 0.25em 0 0 0.875em; /* 4px / 16px = 0.25em | 20px - 6px = 14px / 16px = 0.875em */
	}

	/* Footer
	---------------------------------------------------------------------------- */
	footer {
		padding-left: 0;
		padding-right: 0;
	}
	footer ul {
		float: left;
		width: 15em; /* 240px / 16px = 15em */
		padding: 0 1.25em; /* 20px / 16px = 1.25em */
	}
	footer ul[role="contact"] {
		margin-top: -0.3125em; /* 5px / 16px = 0.3125em */
	}
	footer ul li {
		font-size: 0.8125em; /* 13px / 16px = 0.8125em */
	}
	footer ul li[role="career"] {
		margin-bottom: 0.38461538461538em; /* 5px / 13px = 0.38461538461538em */
	}
	footer p[role="copyright"] {
		clear: both;
		padding-left: 1.81818181818182em; /* 20px / 11px = 1.81818181818182em */
	}

/*	==|== shared styles =======================================================
	======================================================================== */

	/* About Brick
	---------------------------------------------------------------------------- */
	#about-brick,
	#about-brick div.outer-balance,
	#about-brick div.about-hover {
		width: 15em; /* 240px / 16px = 15em */
		height: 15em; /* 240px / 16px = 15em */
	}
	#about-brick div.outer-balance div.inner-balance h1 {
		font-size: 1.625em; /* 26px / 16px = 1.625em */
	}
	#about-brick div.about-hover p {
		padding: 0.88888888888889em 1.11111111111111em 0 1.11111111111111em; /* 16px / 18px = 0.88888888888889em | 20px / 18px = 1.11111111111111em */
		font-size: 1.125em; /* 18px / 16px = 1.125em */
		letter-spacing: 0.16666666666667em; /* 3px / 18px = 0.16666666666667em */
		line-height: 1.9;
	}

	/* Dribbble / Tweet / Snippet
	---------------------------------------------------------------------------- */
	.dts a span.at-link {
		top: 1.25em; /* 20px / 13px = 1.25em */
		left: 1.25em; /* 20px / 13px = 1.25em */
		font-size: 1em; /* 16px / 16px = 1em */
		letter-spacing: -0.0625em; /* 1px / 16px = 0.0625em */
	}
	.dts a i {
		top: 1em; /* 20px / 20px = 1em */
		right: 1em; /* 20px / 20px = 1em */
		font-size: 1.25em; /* 20px / 16px = 1.25em */
	}
	.dts a blockquote {
		bottom: 1.25em; /* 20px / 16px = 1.25em */
		left: 1.25em; /* 20px / 16px = 1.25em */
		width: 12.5em; /* 200px / 16px = 12.5em */
	}
	.dts a blockquote p {
		font-size: 1.25em; /* 20px / 16px = 1.25em */
		letter-spacing: -0.05em; /* 1px / 20px = 0.05em */
		line-height: 1.2;
	}
	/* --- Main Content DTS --- */
	#main-content article.dts a i {
		top: 1em; /* 20px / 20px = 1em */
		left: 22em; /* 440px / 20px = 22em */
	}
	#main-content article.dts:nth-of-type(2n+8) a i {
		left: 10em; /* 200px / 20px = 10em */
	}

	/* Go Back
	---------------------------------------------------------------------------- */
	#go-back {
		width: 15em; /* 240px / 16px = 15em */
		height: 15em; /* 240px / 16px = 15em */
	}
	#go-back a i.icon-arrow-left {
		top: 1.56666666666667em; /* 94px / 60px = 1.56666666666667em */
		font-size: 3.75em; /* 60px / 16px = 3.75em */
	}
	#go-back a i.icon-arrow-left:before {
		margin-left: -0.16666666666667em; /* 10px / 60px = 0.16666666666667em */
	}
	#go-back a span {
		top: 7.25em; /* 116px / 16px = 7.25em */
		right: -15em; /* 240px / 16px = 15em */
	}
	#go-back a:hover i {
		left: -4em; /* 240px / 60px = 4em */
	}


/*	==|== home page styles ====================================================
	======================================================================== */

	/* Main Content
	---------------------------------------------------------------------------- */
	#infscr-loading {
		left: 1.25em; /* 20px / 16px = 1.25em */
	}
	/* --- Home About Brick --- */
	#home #about-brick {
		width: 30em; /* 480px / 16px = 30em */
	}
	#home #about-brick div.about-hover {
		left: 15em; /* 240px / 16px = 15em */
	}
	/* --- Articles --- */
	#main-content article {
		width: 30em; /* 480px / 16px = 30em */
		height: 15em; /* 240px / 16px = 15em */
	}
	#main-content article div.first,
	#main-content article div.second {
		width: 15em; /* 240px / 16px = 15em */
		height: 15em; /* 240px / 16px = 15em */
	}
	/* --- Text Boxes --- */
	#main-content article.standard-brick a div.txt-box h3 {
		top: 1.05263157894737em; /* 20px / 19px = 1.05263157894737em */
		left: 1.05263157894737em; /* 20px / 19px = 1.05263157894737em */
		width: 9.26315789473684em; /* 240px - (20px + 20px) = 200px - (14px + 10px) = 176px / 19px = 9.26315789473684em */
		font-size: 1.1875em; /* 19px / 16px = 1.1875em */
	}
	#main-content article.standard-brick a div.txt-box p {
		bottom: 1.53846153846154em; /* 20px / 13px = 1.53846153846154em */
		left: 1.53846153846154em; /* 20px / 13px = 1.53846153846154em */
		width: 15.3846153846154em; /* 200px / 13px = 15.3846153846154em */
		font-size: 0.8125em; /* 13px / 16px = 0.8125em */
	}
	#main-content article.standard-brick a div.txt-box i { /* .icon-search */
		top: 1.11111111111111em; /* 20px / 18px = 1.11111111111111em */
		right: 1.11111111111111em; /* 20px / 18px = 1.11111111111111em */
		font-size: 1.125em; /* 18px / 16px = 1.125em */
	}
	/* --- Arrows Before / After--- */
	#main-content article.standard-brick a div.txt-box i.icon-eqtri-left,
	#main-content article.standard-brick a div.txt-box i.icon-eqtri-right {
		font-size: 3em; /* 48px / 16px = 3em */
	}
	#main-content article.standard-brick a:hover div.txt-box i.icon-eqtri-left {
		left: -0.6875em; /* 33px / 48px = 0.6875em */
	}
	#main-content article.standard-brick a:hover div.txt-box i.icon-eqtri-right {
		right: -0.6875em; /* 33px / 48px = 0.6875em */
	}

	/* Main Feature
	---------------------------------------------------------------------------- */
	/* --- Slider --- */
	@-webkit-keyframes slider-480px {
		31% {
			left: 0;
		}
		33% {
			left: -30em; /* 480px / 16px = 30em */
		}
		64% {
			left: -30em; /* 480px / 16px = 30em */
		}
		66% {
			left: -60em; /* 960px / 16px = 60em */
		}
		99% {
			left: -60em; /* 960px / 16px = 60em */
		}
		100% {
			left: 0;
		}
	}
	@-moz-keyframes slider-480px {
		31% {
			left: 0;
		}
		33% {
			left: -30em; /* 480px / 16px = 30em */
		}
		64% {
			left: -30em; /* 480px / 16px = 30em */
		}
		66% {
			left: -60em; /* 960px / 16px = 60em */
		}
		99% {
			left: -60em; /* 960px / 16px = 60em */
		}
		100% {
			left: 0;
		}
	}
	#main-content article.main-feature > ul {
		width: 120em; /* 480px * 3 = 1440px / 16px = 90em */
		-webkit-animation: slider-480px 24s infinite;
		   -moz-animation: slider-480px 24s infinite;
	}
	#main-content article.main-feature > ul > li {
		width: 30em; /* 480px / 16px = 30em */
		height: 15em; /* 240px / 16px = 15em */
	}

	/* Post Orientation
	---------------------------------------------------------------------------- */
	#main-content article div.second {
		left: 15em; /* 240px / 16px = 15em */
	}
	#main-content article:nth-of-type(2) div.first,
	#main-content article:nth-of-type(2n+8) div.first {
		left: 15em; /* 240px / 16px = 15em */
	}

/*	==|== case study styles ===================================================
	======================================================================== */

	/* Case Study Content
	---------------------------------------------------------------------------- */
	#casestudy-content article.casestudy-square {
		width: 15em; /* 240px / 16px = 15em */
		height: 15em; /* 240px / 16px = 15em */
	}
	/* --- Banner --- */
	#casestudy-content #banner {
		padding: 1.25em; /* 20px / 16px = 1.25em */
		width: 30em; /* 480px / 16px = 30em */
		height: 15em; /* 240px / 16px = 15em */
	}
	#casestudy-content #banner h2 {
		font-size: 3em; /* 48px / 16px = 3em */
		letter-spacing: -0.04166666666667em; /* 2px / 48px = 0.04166666666667em */
	}
	/* --- Case Study Post --- */
	#casestudy-content article.casestudy-post {
		padding: 2em 1.25em; /* 32px / 16px = 2em | 20px / 16px = 1.25em */
		width: 30em; /* 480px / 16px = 30em */
	}
	/* --- Video --- */
	#casestudy-content article.casestudy-square.video a i.icon-isotri-right {
		top: 40%;
	}
	/* --- Statistics --- */
	#casestudy-content article.statistic {
		padding: 1.25em; /* 20px / 16px = 1.25em */
	}
	#casestudy-content article.statistic p {
		font-size: 1.1875em; /* 19px / 16px = 1.1875em */
	}

/*	==|== internal styles =====================================================
	======================================================================== */

	/* Internals
	---------------------------------------------------------------------------- */
	#post-container {
		width: 30em; /* 480px / 16px = 30em */
	}
	/* --- Tag Cloud --- */
	section.internal #tag-cloud {
		width: 30em; /* 480px / 16px = 30em */
	}
	section.internal #tag-cloud span.field {
		padding-left: 1.25em; /* 20px / 16px = 1.25em */
	}
	section.internal #tag-cloud ul.wp-tag-cloud {
		-webkit-column-count: 2;
		-webkit-column-gap: 0;
		   -moz-column-count: 2;
		   -moz-column-gap: 0;
				column-count: 2;
				column-gap: 0;
	}
	section.internal #tag-cloud ul.wp-tag-cloud li a {
		padding: 1.25em; /* 20px / 16px = 1.25em */
	}
	/* --- Blog Intro --- */
	#post-container #blog-intro {
		padding: 0 1.25em; /* 20px / 16px = 1.25em */
		height: 15em; /* 240px / 16px = 15em */
	}
	#post-container #blog-intro div.outer-balance div.inner-balance h3 {
		font-size: 1.875em; /* 30px / 16px = 1.875em */
		letter-spacing: -0.06666666666667em; /* 2px / 30px = 0.06666666666667em */
	}
	#archive-content #post-container #blog-intro div.outer-balance div.inner-balance h3 {
		font-size: 4em; /* 64px / 16px = 4em */
		letter-spacing: -0.03125em; /* 2px / 64px = 0.03125em */
	}
	/* --- Blog Post --- */
	#post-container article.blog-post div.post-content {
		padding: 1.25em; /* 20px / 16px = 1.25em */
	}
	#post-container article.blog-post div.post-content hgroup {
		margin-bottom: 1em; /* 16px / 16px = 1em */
	}
	#post-container article.blog-post div.post-content hgroup h1 {
		margin-bottom: 0.53333333333333em; /* 16px / 30px = 0.53333333333333em */
		font-size: 1.875em; /* 30px / 16px = 1.875em */
		letter-spacing: -0.06666666666667em; /* 2px / 30px = 0.06666666666667em */
	}
	/* --- Advertisements --- */
	section.internal article[id^="advertisement"] {
		width: 15em; /* 240px / 16px = 15em */
		height: 15em; /* 240px / 16px = 15em */
	}
	/* --- Pagination --- */
	#post-container #nav-blog ul li {
		height: 4em; /* 64px / 16px = 4em */
	}
	#post-container #nav-blog ul li a {
		padding-top: 1.5em; /* 24px / 16px = 1.5em */
	}
	#post-container #nav-blog ul li.pagination-prev a {
		padding-left: 1.25em; /* 20px / 16px = 1.25em */
	}
	#post-container #nav-blog ul li.pagination-next a {
		padding-right: 1.25em; /* 20px / 16px = 1.25em */
	}

	/* Comments
	---------------------------------------------------------------------------- */
	#comments {
		padding: 1.25em; /* 20px / 16px = 1.25em */
	}

/*	==|== vanilla styles ======================================================
	======================================================================== */

	/* Shared Styles
	---------------------------------------------------------------------------- */
	section.vanilla article {
		padding: 1.25em; /* 20px / 16px = 1.25em */
	}

}

@media only screen and (min-width: 45em) { /* 720px / 16px = 45em */

	body {
		padding-top: 3.125em; /* 50px / 16px = 3.125em */
	}

	/* Header
	---------------------------------------------------------------------------- */
	header {
		z-index: 6666;
		position: fixed;
		top: 0;
		left: 0;
	}

/*	==|== shared styles =======================================================
	======================================================================== */

	/* Dribbble / Tweet / Snippet
	---------------------------------------------------------------------------- */
	/* --- Main Content DTS --- */
	#main-content article.dts a i {
		top: 13em; /* 260px / 20px = 13em */
		left: 10em; /* 200px / 20px = 10em */
	}

/*	==|== home page styles ====================================================
	======================================================================== */

	/* Main Content
	---------------------------------------------------------------------------- */
	/* --- Home About Brick --- */
	#home #about-brick {
		width: 15em; /* 240px / 16px = 15em */
	}
	#home #about-brick div.about-hover {
		left: 0;
		opacity: 0;
	}
	#home #about-brick div.about-hover:hover {
		opacity: 1;
	}

	/* Single Brick
	---------------------------------------------------------------------------- */
	#main-content article.single-brick {
		overflow: visible;
		overflow-x: hidden;
		clip: auto;
		margin: 0;
		width: 15em; /* 240px / 16px = 15em */
		height: 15em; /* 240px / 16px = 15em */
	}
	#main-content article.single-brick a i {
		top: 1em; /* 20px / 20px = 1em */
	}
	#main-content article.single-brick div.first,
	#main-content article.single-brick div.second {
		left: 0;
	}

	/* Main Feature
	---------------------------------------------------------------------------- */
	/* --- Slider --- */
	@-webkit-keyframes slider-720px {
		31% {
			left: 0;
		}
		33% {
			left: -45em; /* 720px / 16px = 45em */
		}
		64% {
			left: -45em; /* 720px / 16px = 45em */
		}
		66% {
			left: -90em; /* 1440px / 16px = 90em */
		}
		99% {
			left: -90em; /* 1440px / 16px = 90em */
		}
		100% {
			left: 0;
		}
	}
	@-moz-keyframes slider-720px {
		31% {
			left: 0;
		}
		33% {
			left: -45em; /* 720px / 16px = 45em */
		}
		64% {
			left: -45em; /* 720px / 16px = 45em */
		}
		66% {
			left: -90em; /* 1440px / 16px = 90em */
		}
		99% {
			left: -90em; /* 1440px / 16px = 90em */
		}
		100% {
			left: 0;
		}
	}
	#main-content article.main-feature {
		width: 45em !important; /* 720px / 16px = 45em */
	}
	#main-content article.main-feature > ul {
		width: 135em; /* 720px * 3 = 2160px / 16px = 135em */
		-webkit-animation: slider-720px 24s infinite;
		   -moz-animation: slider-720px 24s infinite;
	}
	#main-content article.main-feature > ul > li {
		width: 45em; /* 720px / 16px = 45em */
	}
	#main-content article.main-feature > ul > li img.feature-mobile {
		display: none;
	}
	#main-content article.main-feature > ul > li img.feature-desktop {
		display: block;
	}

	/* Case Study Posts / Post Formats
	---------------------------------------------------------------------------- */
	/* --- Format Bricks --- */
	#main-content article.format-brick {
		width: 15em; /* 240px / 16px = 15em */
		height: 30em; /* 480px / 16px = 30em */
	}
	#main-content article.format-brick div.first {
		top: 0;
	}
	#main-content article.format-brick div.second {
		top: 15em; /* 240px / 16px = 15em */
	}

	/* Post Orientation
	---------------------------------------------------------------------------- */
	/* --- Orientation Reset --- */
	#main-content article:nth-of-type(2) div.first,
	#main-content article:nth-of-type(2n+8) div.first {
		left: 0;
	}
	#main-content article:nth-of-type(2) div.second,
	#main-content article:nth-of-type(2n+8) div.second {
		left: 15em; /* 240px / 16px = 15em */
	}
	/* --- Orientation Initialize --- */
	#main-content article:nth-of-type(2) div.first,
	#main-content article:nth-of-type(3) div.first,
	#main-content article:nth-of-type(3n+9) div.first {
		left: 15em; /* 240px / 16px = 15em */
	}
	#main-content article:nth-of-type(2) div.second,
	#main-content article:nth-of-type(3) div.second,
	#main-content article:nth-of-type(3n+9) div.second,
	#main-content article:nth-of-type(3n+10) div.first,
	#main-content article:nth-of-type(3n+10) div.second {
		left: 0;
	}
	/* --- Arrows Before / After Reset --- */
	#main-content article:nth-of-type(2) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(3) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(7) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(2n+8) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(2n+9) div.txt-box i.icon-eqtri-right {
		display: block;
	}
	/* --- Arrows Before / After Initialize --- */
	#main-content article:nth-of-type(2) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(3) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(7) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(3n+8) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(3n+9) div.txt-box i.icon-eqtri-left {
		display: none;
	}

	/* Fire Poop
	---------------------------------------------------------------------------- */
	#fire-poop {
		-moz-transform: translateX(45em); /* 720px / 16px = 45em */
	}

/*	==|== internal styles =====================================================
	======================================================================== */

	/* Internals
	---------------------------------------------------------------------------- */
	section.internal article,
	#post-container {
		float: none;
	}
	/* --- Tag Cloud --- */
	section.internal #tag-cloud {
		width: 15em; /* 240px / 16px = 15em */
		height: 20.8125em; /* 333px / 16px = 20.8125em */
		background: #636363; /* L42% */
	}
	section.internal #tag-cloud:hover,
	section.internal #tag-cloud:active {
		background: #636363; /* L42% */
	}
	section.internal #tag-cloud span.field {
		cursor: default;
		position: static;
		padding: 2em 1.33333333333333em; /* 30px / 15px = 2em | 20px / 15px = 1.33333333333333em */
		height: auto;
		font-size: 0.9375em; /* 15px / 16px = 0.9375em */
		background: #14a4b8; /* salmon pink */
	}
	section.internal #tag-cloud span.field i {
		display: none !important;
		visibility: hidden;
	}
	section.internal #tag-cloud ul.wp-tag-cloud {
		display: block !important;
		position: static;
		background: #fff;
		-webkit-column-count: 1;
		   -moz-column-count: 1;
				column-count: 1;
	}
	section.internal #tag-cloud ul.wp-tag-cloud li {
		background: #111;
	}
	section.internal #tag-cloud ul.wp-tag-cloud li:hover {
		opacity: 0.94;
	}
	section.internal #tag-cloud ul.wp-tag-cloud li:active {
		opacity: 1;
	}
	section.internal #tag-cloud ul.wp-tag-cloud li:nth-child(2) {
		background: #252525; /* L15% */
	}
	section.internal #tag-cloud ul.wp-tag-cloud li:nth-child(3) {
		background: #363636; /* L23% */
	}
	section.internal #tag-cloud ul.wp-tag-cloud li:nth-child(4) {
		background: #474747; /* L30% */
	}
	section.internal #tag-cloud ul.wp-tag-cloud li:nth-child(5) {
		background: #555; /* L36% */
	}
	section.internal #tag-cloud ul.wp-tag-cloud li:nth-child(6) {
		background: #636363; /* L42% */
	}
	section.internal #tag-cloud ul.wp-tag-cloud li:last-child {
		margin-bottom: 0;
	}
	section.internal #tag-cloud ul.wp-tag-cloud li a {
		padding: 0.93333333333333em 1.33333333333333em; /* 14px / 15px = 0.93333333333333em | 20px / 16px = 1.33333333333333em */
		font-size: 0.9375em; /* 15px / 16px = 0.9375em */
		background: none;
	}
	section.internal #tag-cloud ul.wp-tag-cloud li a:hover {
		background: none;
	}
	section.internal #tag-cloud ul.wp-tag-cloud li a:active {
		background: none;
	}
	/* --- Blog Intro --- */
	#post-container #blog-intro div.outer-balance div.inner-balance h3 {
		font-size: 2.125em; /* 34px / 16px = 2.125em */
		letter-spacing: -0.05882352941176em; /* 2px / 34px = 0.05882352941176em */
		line-height: 1.1;
	}
	/* --- Blog Post --- */
	#post-container article.blog-post a.blog-feature-img,
	#post-container article.blog-post span.blog-feature-img {
		overflow-y: hidden;
		max-height: 20.8125em; /* 333px / 16px = 20.8125em */
	}
	#post-container article.blog-post div.post-content hgroup {
		margin-bottom: 1.25em; /* 20px / 16px = 1.25em */
	}
	#post-container article.blog-post div.post-content hgroup h1 {
		margin-bottom: 0.58823529411765em; /* 20px / 34px = 0.58823529411765em */
		font-size: 2.125em; /* 34px / 16px = 2.125em */
		letter-spacing: -0.05882352941176em; /* 2px / 34px = 0.05882352941176em */
	}
	/* --- Layout --- */
	section.internal #about-brick,
	section.internal #go-back,
	section.internal #tag-cloud,
	section.internal article[id^="advertisement"] {
		position: absolute;
		left: 0;
	}
	section.internal #about-brick {
		top: 0;
	}
	section.internal #tag-cloud {
		top: 15em;
	}
	section.internal #go-back {
		top: 35.8125em; /* 240px + 333px = 573px / 16px = 35.8125em */
	}
	section.internal #advertisement-1 {
		top: 50.8125em; /* 573px + 240px = 813px / 16px = 50.8125em */
	}
	section.internal #advertisement-2 {
		top: 65.8125em; /* 813px + 240px = 1053px / 16px = 65.8125em */
	}
	#post-container {
		margin-left: 15em;
		width: auto;
	}
	/* --- Share Links --- */
	#post-container article.blog-post div.post-content div.post-footer div.column.two ul.social {
		margin-top: -0.5em; /* 8px / 16px = 0.5em */
	}

/*	==|== vanilla styles ======================================================
	======================================================================== */

	/* Shared Styles
	---------------------------------------------------------------------------- */
	section.vanilla article p {
		font-size: 2.375em; /* 38px / 16px = 2.375em */
		letter-spacing: -0.05263157894737em; /* 2px / 38px = 0.05263157894737em */
	}
	section.vanilla article h3 {
		margin-bottom: 1.3em; /* 26px / 20px = 1.3em */
		font-size: 1.25em; /* 20px / 16px = 1.25em */
		letter-spacing: -0.05em; /* 1px / 20px = 0.05em */
	}
	section.vanilla article ul li {
		margin-bottom: 0.5em; /* 10px / 16px = 0.5em */
		font-size: 1.25em; /* 20px / 16px = 1.25em */
		letter-spacing: -0.05em; /* 1px / 20px = 0.05em */
	}

	/* Error Content
	---------------------------------------------------------------------------- */
	#error-content article p {
		font-size: 3.625em; /* 58px / 16px = 3.625em */
		letter-spacing: -0.03448275862069em; /* 2px / 58px = 0.03448275862069em */
		line-height: 1.1;
	}

}

@media only screen and (min-width: 45.9375em) { /* 735px / 16px = 45.9375em */

	/* Fire Poop
	---------------------------------------------------------------------------- */
	#fire-poop {
		-moz-transform: translateX(0);
	}

}

@media only screen and (min-width: 60em) { /* 960px / 16px = 60em */

/*	==|== shared styles =======================================================
	======================================================================== */

	/* Dribbble / Tweet / Snippet
	---------------------------------------------------------------------------- */
	/* --- Main Content DTS Reset--- */
	#main-content article.dts a i {
		top: 1em; /* 20px / 20px = 1em */
		left: 10em; /* 200px / 20px = 10em */
	}
	/* --- Main Content DTS Reinitialize --- */
	#main-content article.dts:nth-of-type(12n+13) a i,
	#main-content article.dts:nth-of-type(12n+16) a i {
		left: 22em; /* 440px / 20px = 22em */
	}

/*	==|== home page styles ====================================================
	======================================================================== */

	/* Main Content
	---------------------------------------------------------------------------- */
	/* --- Home About Brick --- */
	#home #about-brick {
		height: 30em; /* 480px / 16px = 30em */
	}
	#home #about-brick div.about-hover {
		top: 15em; /* 240px / 16px = 15em */
		opacity: 1;
	}

	/* Single Brick
	---------------------------------------------------------------------------- */
	#main-content #single-2 div.first {
		z-index: 200;
	}
	#main-content #single-2 div.second {
		z-index: 100;
	}

	/* Case Study Posts / Post Formats
	---------------------------------------------------------------------------- */
	#single-2 + article.standard-brick {
		width: 15em !important; /* 240px / 16px = 15em */
		overflow: hidden;
	}
	#single-2 + article.standard-brick a div.first {
		z-index: 200;
	}
	#single-2 + article.standard-brick a div.second {
		z-index: 100;
		left: 0 !important;
	}
	#single-2 + article.standard-brick a:hover div.first {
		left: 15em !important; /* 240px / 16px = 15em */
	}
	#single-2 + article.standard-brick a:hover div.img-box img {
		opacity: 1 !important;
	}
	#single-2 + article.standard-brick a:hover div.second div.txt-bg {
		background: #111 !important;
	}
	#single-2 + article.standard-brick a div.txt-box h3,
	#single-2 + article.standard-brick a div.txt-box p,
	#single-2 + article.standard-brick a div.txt-box i.icon-search {
		color: #fff !important;
	}
	#single-2 + article.standard-brick a div.txt-box:before {
		display: none !important;
	}
	/* --- Format Bricks --- */
	#main-content article.format-brick {
		width: 30em; /* 480px / 16px = 30em */
		height: 15em; /* 240px / 16px = 15em */
	}
	#main-content article.format-brick div.img-box,
	#main-content article.format-brick div.txt-box,
	#main-content article.format-brick.dts div.second {
		top: 0 !important;
	}

	/* Post Orientation
	---------------------------------------------------------------------------- */
	/* --- Orientation Reset --- */
	#main-content article:nth-of-type(2) div.first,
	#main-content article:nth-of-type(3) div.first,
	#main-content article:nth-of-type(3n+9) div.first {
		left: 0;
	}
	#main-content article:nth-of-type(2) div.second,
	#main-content article:nth-of-type(3) div.second,
	#main-content article:nth-of-type(3n+9) div.second,
	#main-content article:nth-of-type(3n+10) div.second {
		left: 15em; /* 240px / 16px = 15em */
	}
	/* --- Orientation Re-Initialize --- */
	#main-content article:nth-of-type(2) div.first,
	#main-content article:nth-of-type(4n+10) div.first,
	#main-content article:nth-of-type(4n+11) div.first {
		left: 15em; /* 240px / 16px = 15em */
	}
	#main-content article:nth-of-type(2) div.second,
	#main-content article:nth-of-type(4n+10) div.second,
	#main-content article:nth-of-type(4n+11) div.second {
		left: 0;
	}
	/* --- Arrows Before / After Reset --- */
	#main-content article:nth-of-type(2) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(3) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(7) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(3n+8) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(3n+9) div.txt-box i.icon-eqtri-left {
		display: block;
	}
	/* --- Arrows Before / After Initialize --- */
	#main-content article:nth-of-type(2) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(3) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(7) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(7) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(4n+8) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(4n+9) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(4n+10) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(4n+11) div.txt-box i.icon-eqtri-left {
		display: none;
	}

	/* Fire Poop
	---------------------------------------------------------------------------- */
	#fire-poop {
		left: -60em; /* 960px / 16px = 60em */
		width: 60em; /* 960px / 16px = 60em */
		-moz-transform: translateX(60em); /* 960px / 16px = 60em */
	}

/*	==|== case study styles ===================================================
	======================================================================== */

	/* Case Study Content
	---------------------------------------------------------------------------- */
	/* --- Banner --- */
	#casestudy-content #banner {
		width: 45em; /* 720px / 16px = 45em */
	}
	#casestudy-content #banner h2 {
		font-size: 5.125em; /* 82px / 16px = 5.125em */
		letter-spacing: -0.03658536585366em; /* 3px / 82px = 0.03658536585366em */
	}

/*	==|== internal styles =====================================================
	======================================================================== */

	/* Internals
	---------------------------------------------------------------------------- */
	/* --- Blog Intro --- */
	#post-container #blog-intro div.outer-balance div.inner-balance h3 {
		font-size: 2.5em; /* 40px / 16px = 2.5em */
		letter-spacing: -0.05em; /* 2px / 40px = 0.05em */
	}
	#archive-content #post-container #blog-intro div.outer-balance div.inner-balance h3 {
		font-size: 5em; /* 80px / 16px = 5em */
		letter-spacing: -0.025em; /* 2px / 80px = 0.025em */
	}
	/* --- Blog Post --- */
	#post-container article.blog-post div.post-content hgroup h1 {
		margin-bottom: 0.47619047619048em; /* 20px / 42px = 0.47619047619048em */
		font-size: 2.625em; /* 42px / 16px = 2.625em */
		letter-spacing: -0.04761904761905em; /* 2px / 42px = 0.04761904761905em */
	}
	/* --- Author --- */
	#post-container article.blog-post div.post-content div.post-footer div.column.one {
		width: 60%;
	}
	#post-container article.blog-post div.post-content div.post-footer div.column.two {
		width: 40%;
	}
	#post-container article.blog-post div.post-content div.post-footer div.column.one {
		float: left;
	}
	#post-container article.blog-post div.post-content div.post-footer div.column.two {
		float: right;
	}
	/* --- Comment Count / Share Links--- */
	#post-container article.blog-post div.post-content div.post-footer div.column.two {
		position: relative;
	}
	#post-container article.blog-post div.post-content div.post-footer div.column.two span.comment-count,
	#post-container article.blog-post div.post-content div.post-footer div.column.two ul.social {
		float: none;
		display: block;
		position: absolute;
	}
	#post-container article.blog-post div.post-content div.post-footer div.column.two span.comment-count {
		top: 0;
		right: 6.15384615384615em; /* 80px / 13px = 6.15384615384615em */
	}
	#post-container article.blog-post div.post-content div.post-footer div.column.two ul.social {
		top: 0;
		right: 0;
	}

	/* Comments
	---------------------------------------------------------------------------- */
	/* --- Comment Form --- */
	#comment-form div.comment-form-author {
		float: left;
		width: 48%;
	}
	#comment-form div.comment-form-url {
		float: right;
		width: 48%;
	}

}

@media only screen and (min-width: 60.9375em) { /* 975px / 16px = 60.9375em */

	/* Fire Poop
	---------------------------------------------------------------------------- */
	#fire-poop {
		-moz-transform: translateX(0);
	}

}

@media only screen and (min-width: 75em) { /* 1200px / 16px = 75em */

/*	==|== shared styles =======================================================
	======================================================================== */

	/* About Brick
	---------------------------------------------------------------------------- */
	#home #about-brick {
		height: 15em !important; /* 240px / 16px = 15em */
	}
	#home #about-brick div.about-hover {
		top: 0;
		opacity: 0;
	}

	/* Dribbble / Tweet / Snippet
	---------------------------------------------------------------------------- */
	/* --- Main Content DTS Reset--- */
	#main-content article.dts a i {
		top: 1em; /* 20px / 20px = 1em */
		left: 10em !important; /* 200px / 20px = 10em */
	}

/*	==|== home page styles ====================================================
	======================================================================== */

	/* Main Feature
	---------------------------------------------------------------------------- */
	/* --- Home About Brick --- */
	#home #about-brick {
		height: 15em; /* 240px / 16px = 15em */
	}
	#home #about-brick div.about-hover {
		top: 0;
		opacity: 0;
	}
	/* --- Masonry Articles --- */
	#main-content article.single-brick {
		overflow: hidden;
		clip: rect(0 0 0 0);
		margin: -0.0625em; /* 1px / 16px = 0.0625em */
		width: 0.0625em; /* 1px / 16px = 0.0625em */
		height: 0.0625em; /* 1px / 16px = 0.0625em */
	}

	/* Case Study Posts / Post Formats
	---------------------------------------------------------------------------- */
	#single-2 + article.standard-brick {
		width: 30em !important; /* 480px / 16px = 30em */
		overflow: visible;
	}
	#single-2 + article.standard-brick a div.first {
		left: 0 !important;
	}
	#single-2 + article.standard-brick a div.second {
		left: 15em !important; /* 240px / 16px = 15em */
	}
	#single-2 + article.standard-brick a div.first {
		z-index: 100 !important;
	}
	#single-2 + article.standard-brick a div.second {
		z-index: 200 !important;
	}
	#single-2 + article.standard-brick a:hover div.first {
		left: 0 !important;
	}
	#single-2 + article.standard-brick a:hover div.img-box img {
		opacity: 0.8 !important;
	}
	#single-2 + article.standard-brick a:hover div.second div.txt-bg {
		background: #111 !important; /* L5% */
	}
	#single-2 + article.standard-brick a div.txt-box h3 {
		color: #000 !important;
	}
	#single-2 + article.standard-brick a div.txt-box p {
		color: #363636 !important; /* L23% */
	}
	#single-2 + article.standard-brick a div.txt-box i.icon-search {
		color: #d7d7d7 !important;
	}
	#single-2 + article.standard-brick a:hover div.txt-box h3,
	#single-2 + article.standard-brick a:hover div.txt-box p,
	#single-2 + article.standard-brick a:hover div.txt-box i.icon-search {
		color: #fff !important;
	}
	#single-2 + article.standard-brick a div.txt-box:before {
		display: block !important;
	}
	/* --- Format Bricks --- */
	#main-content article.format-brick {
		width: 15em; /* 240px / 16px = 15em */
	}
	#main-content article.format-brick.reverse {
		overflow-x: hidden;
	}
	#main-content article.format-brick.reverse div.first {
		z-index: 200;
	}
	#main-content article.format-brick.reverse div.second {
		z-index: 100;
	}

	/* Post Orientation
	---------------------------------------------------------------------------- */
	/* --- Orientation Reset --- */
	#main-content article:nth-of-type(2) div.first,
	#main-content article:nth-of-type(4n+10) div.first,
	#main-content article:nth-of-type(4n+11) div.first {
		left: 0;
	}
	#main-content article:nth-of-type(2) div.second,
	#main-content article:nth-of-type(4n+10) div.second,
	#main-content article:nth-of-type(4n+11) div.second {
		left: 15em; /* 240px / 16px = 15em */
	}
	/* --- Orientation Re-Initialize --- */
	#main-content article:nth-of-type(2) div.first,
	#main-content article:nth-of-type(3) div.first,
	#main-content article:nth-of-type(6n+11) div.first,
	#main-content article:nth-of-type(6n+12) div.first {
		left: 15em; /* 240px / 16px = 15em */
	}
	#main-content article:nth-of-type(2) div.second,
	#main-content article:nth-of-type(3) div.second,
	#main-content article:nth-of-type(6n+11) div.second,
	#main-content article:nth-of-type(6n+12) div.second {
		left: 0;
	}
	#main-content article.format-brick div.first,
	#main-content article.format-brick div.second {
		left: 0 !important;
	}
	/* --- Arrows Before / After Reset --- */
	#main-content article:nth-of-type(2) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(3) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(7) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(7) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(4n+8) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(4n+9) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(4n+10) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(4n+11) div.txt-box i.icon-eqtri-left {
		display: block;
	}
	/* --- Arrows Before / After Initialize --- */
	#main-content article:nth-of-type(2) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(3) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(7) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(6n+8) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(6n+9) div.txt-box i.icon-eqtri-right,
	#main-content article:nth-of-type(6n+11) div.txt-box i.icon-eqtri-left,
	#main-content article:nth-of-type(6n+12) div.txt-box i.icon-eqtri-left {
		display: none;
	}

	/* Fire Poop
	---------------------------------------------------------------------------- */
	#fire-poop {
		left: -75em; /* 1200px / 16px = 75em */
		width: 75em; /* 1200px / 16px = 75em */
		-moz-transform: translateX(75em); /* 1200px / 16px = 75em */
	}

}

@media only screen and (min-width: 75.9375em) { /* 1215px / 16px = 75.9375em */

	/* Fire Poop
	---------------------------------------------------------------------------- */
	#fire-poop {
		-moz-transform: translateX(0);
	}

}


/*	==|== non-semantic helper classes =========================================
	AUTHOR: HTML5 Boilerplate Team
	======================================================================== */

/* For image replacement */
.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }

/* Hide from both screenreaders and browsers */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { overflow: hidden; clip: rect(0 0 0 0); position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { overflow: visible; clip: auto; position: static; width: auto; height: auto; margin: 0; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/*	==|== print styles ========================================================
	AUTHOR: Curtis Dulmage
	======================================================================== */

@media print {

	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow:none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: ""; /* Don't show links for images, or javascript/internal links */
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group; /* h5bp.com/t */
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}

}