html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased
}
html {
	box-sizing: border-box
}
*, :after, :before {
	box-sizing: inherit
}
body {
	margin: 0;
	overflow-x: hidden
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
progress {
	vertical-align: baseline
}
[hidden], template {
display:none
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active, a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}
b, strong {
	font-weight: inherit
}
b, strong {
	font-weight: bolder
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
button, input, select, textarea {
	font: inherit;
	margin: 0
}
optgroup {
	font-weight: 700
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
textarea {
	overflow: auto
}
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-input-placeholder {
color:inherit;
opacity:.54
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
.icon-list li:before, .markdown blockquote:before, .ui-s, .ui-sa:after, .ui-sb:before {
	background-image: url(../images/sprite.png)
}
.poster.blog:after {
	background-image: url(../images/blog/poster.png)
}
.poster.skills:after {
	background-image: url(../images/blog/poster.png)
}
.insights-slider {
	background-image: url(../images/profile/insights.jpg)
}
.s-illu {
	background-image: url(../images/profile/profile-illustration.png)
}
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
.icon-list li:before, .markdown blockquote:before, .ui-s, .ui-sa:after, .ui-sb:before {
	background-image: url(../images/sprite%402x.png);
	background-size: 400px 600px
}
.s-illu {
	background-image: url(../images/profile/profile-illustration%402x.png);
	background-size: 392px 420px
}
.poster.blog:after {
	background-image: url(../images/blog/poster%402x.png);
	background-size: 671px 572px
}
.poster.skills:after {
	background-image: url(../images/blog/poster%402x.png);
	background-size: 671px 572px
}
.insights-slider {
	background-image: url(../images/profile/insights%402x.jpg);
	background-size: 1420px 350px
}
}
.wrap {
	width: 1240px;
	margin: 0 auto;
	position: relative;
}
.wrap-s {
	width: 816px;
	margin: 0 auto;
	position: relative
}
.wrap-h {
	width: 1240px;
	margin: 0 auto;
	position: relative
}
.non-relative {
	position: static
}
.clearfix::after, .clearfix::before {
	content: " ";
	display: table
}
.clearfix::after {
	clear: both
}
.hidden {
	display: none
}
@media screen and (min-width:1460px) {
.wrap-h {
	width: 100%;
	padding-left: 100px;
	padding-right: 100px
}
}
.spline {
	padding: 100px 0
}
.spline.white {
	background: #FFF
}
.spline.subtle {
	background: #EAEFF2
}
.spline.subtle-light {
	background: #F4F7F8
}
.spline.black {
	background: #000;
	color: #FFF
}
.g {
	float: left
}
.g-05 {
	width: 174px
}
.g-25 {
	width: 1027px
}
.g-1 {
	width: 392px
}
.g-2 {
	width: 816px
}
.g-50 {
	width: 604px
}
.p-l {
	margin-left: 32px
}
.p-r {
	margin-right: 32px
}
::selection {
	background: #2646FF;
	color: #FFF
}
::-moz-selection {
background:#2646FF;
color:#FFF
}
body {
	font-family: "Roboto", Roboto, sans-serif;
	font-weight: 300
}
body.no-helvetica {
	font-family: "Roboto", sans-serif
}
h1, h2, h3, h4 {
	font-family: 'Roboto';
	font-weight: 400;
	margin: 0
}
a {
	text-decoration: none
}
ul {
	list-style-type: none
}
.h-massive {
	font-size: 56px;
	letter-spacing: -2.2px;
	line-height: 52px;
	color: #000;
	margin-bottom: 40px
}
.h-massive.light {
	color: #FFF
}
.h-space {
	font-size: 18px;
	letter-spacing: 1px;
	font-family: 'Roboto';
	text-transform: uppercase;
	color: rgba(0,0,0,.4)
}
.h-space.light {
	color: rgba(255,255,255,.5)
}
.h-space.line {
	position: relative
}
.h-space.line:after {
	background: rgba(0,0,0,.1);
	height: 1px;
	position: absolute;
	left: 0;
	width: 70px;
	content: "";
	bottom: -20px
}
.h-space.small {
	font-size: 14px
}
.h-med {
	font-size: 20px;
	letter-spacing: -1px
}
p.tease {
	font-size: 22px;
	line-height: 34px;
	color: #FFF;
	margin: 0
}
p.tease.blue {
	color: #333333	/* color: #2646FF */
}
p.tease.gray {
	color: #767676
}
.timestamp {
	font-size: 12px;
	font-family: 'Roboto';
	letter-spacing: 1px;
	text-transform: uppercase;
	color: rgba(0,0,0,.4)
}
blockquote {
	padding: 0 0 0 38px;
	margin: 0;
	position: relative
}
blockquote:before {
	width: 55px;
	height: 36px;
	position: absolute;
	content: "";
	background-position: 0 -64px;
	left: 0;
	top: -18px
}
blockquote.light:before {
	background-position: -70px -64px
}
blockquote p {
	color: #2646FF;
	font-size: 20px;
	line-height: 1.6em;
	margin: 0 0 30px 0;
	position: relative;
	z-index: 1
}
blockquote img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin-right: 10px;
	float: left
}
blockquote cite {
	font-style: normal
}
blockquote .name {
	font-size: 14px;
	color: #646E7D;
	font-family: 'Roboto';
	letter-spacing: -.5px;
	display: block;
	position: relative;
	top: 3px;
	margin-bottom: 2px
}
blockquote .title {
	color: #8D959A;
	font-size: 12px;
	letter-spacing: -.4px;
	font-family: 'Roboto'
}
.icon-list, .list {
	font-family: 'Roboto';
	font-size: 16px;
	letter-spacing: -.45px;
	margin: 0;
	padding: 0
}
.icon-list li, .list li {
	margin-bottom: 15px
}
.list {
	padding-top: 6px
}
.icon-list li {
	padding-left: 52px;
	position: relative;
	line-height: 30px
}
.icon-list li:before {
	width: 30px;
	height: 30px;
	content: "";
	position: absolute;
	left: 0
}
.icon-list.no-icons li {
	padding-left: 0
}
.icon-list.no-icons li:before {
	display: none
}
.icon-list.links li {
	padding-left: 0
}
.icon-list.links a {
	padding-left: 52px;
	position: relative;
	z-index: 1;
	display: block
}
.icon-list.links.no-icons a {
	padding-left: 0
}
.icon-list a {
	color: #000
}
.icon-list a:hover {
	color: #2646FF
}
a {
	transition: .2s
}
.button {
	display: inline-block;
	height: 52px;
	line-height: 50px;
	text-align: center;
	padding: 0 20px;
	font-family: 'Roboto';
	font-size: 18px;
	letter-spacing: -.8px;
	cursor: pointer;
	transition: .2s;
	background: 0 0
}
.button:active, .button:focus {
	outline: 0
}
.button.arrow:after {
	content: "➝";
	margin-left: 10px;
	position: relative;
	top: 1px
}
.button.blue {
	border: 2px solid #2646FF;
	color: #2646FF
}
.button.blue:focus, .button.blue:hover {
	color: #FFF;
	background: #2646FF
}
.button.icon {
	position: relative;
	padding-left: 50px
}
.button.icon.gplus {
	padding-left: 60px
}
.button.icon:before {
	width: 40px;
	height: 30px;
	content: "";
	position: absolute;
	top: 8px;
	left: 10px;
	transition: .2s
}
.button.icon:focus:before, .button.icon:hover:before {
	-webkit-filter: brightness(10);
	-moz-filter: brightness(10);
	filter: brightness(10)
}
.button.stand-alone {
	width: 52px;
	padding-left: 0;
	text-indent: -99999em
}
.fig-border.markdown figure:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(0,0,0,.08)
}
.fig-border.markdown figure.no-border:before {
	display: none
}
.markdown {
	font-size: 20px;
	line-height: 1.8em
}
.markdown figure {
	margin: 50px auto;
	position: relative
}
.markdown figure.small {
	max-width: 900px
}
.markdown figure.small+.image-caption {
	max-width: 900px;
	margin: -20px auto 50px auto
}
.markdown figure.align-left {
	float: left;
	margin-top: 0;
	margin-right: 50px
}
.markdown figure.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0
}
.markdown figure.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.markdown .note {
	background: #F2F4FF;
	padding: 40px 40px 20px 0;
	position: relative;
	margin: 40px 0;
	color: #00093B
}
.markdown .note:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1000px;
	width: 1000px;
	content: "";
	background: #F2F4FF
}
.markdown .note h4 {
	margin-top: 0
}
.markdown .note p {
	font-size: 18px
}
.markdown video {
	margin-bottom: 50px
}
.markdown img, .markdown video {
	max-width: 100%;
	display: block
}
.markdown .image-caption {
	margin: -20px 0 50px 0;
	border-left: 2px solid #EAEAEA;
	padding-left: 30px
}
.markdown .image-caption .title {
	font-family: 'Roboto';
	display: block;
	font-size: 16px;
	letter-spacing: -.4px
}
.markdown .image-caption p {
	font-size: 15px;
	font-style: italic;
	color: #7C7C7C;
	margin: 0;
	line-height: 1.6em
}
.markdown p {
	margin: 30px 0
}
.markdown p.excerpt {
	color: #767676
}
.markdown a {
	color: #2646FF;
	font-weight: 400;
	border-bottom: 2px solid rgba(40,69,255,.15)
}
.markdown a:hover {
	color: #001cbf;
	border-bottom-color: rgba(40,69,255,.3)
}
.markdown ol, .markdown ul {
	padding-left: 50px;
	margin: 30px 0
}
.markdown ol li, .markdown ul li {
	margin-bottom: 15px
}
.markdown ul {
	list-style-type: disc
}
.markdown hr {
	border: none;
	border-bottom: 1px solid #2646FF;
	margin: 50px 0
}
.markdown h2 {
	font-size: 38px;
	letter-spacing: -1.5px;
	margin: 70px 0 30px 0;
	font-family: 'Roboto'
}
.markdown h3 {
	font-size: 28px;
	letter-spacing: -1px;
	margin: 60px 0 30px 0;
	font-family: 'Roboto'
}
.markdown h4 {
	color: #FF4564;
	font-family: 'Roboto';
	font-size: 16px;
	letter-spacing: 2px;
	margin: 50px 0 30px 0;
	text-transform: uppercase
}
.markdown blockquote {
	margin: 50px 0
}
.markdown b, .markdown strong {
	font-weight: 400
}
.markdown .columns {
	margin-right: -3rem;
	font-size: 18px
}
.markdown .column {
	display: inline-block;
	vertical-align: top;
	padding-right: 3rem
}
.markdown .columns-1 .column {
	width: 100%
}
.markdown .columns-2 .column {
	width: 50%
}
.markdown .columns-3 .column {
	width: 33.33%
}
.markdown .table-holder {
	width: 100%
}
.markdown table {
	width: 100%;
	min-width: 700px;
	line-height: 1.4em;
	border-collapse: collapse;
	margin: 40px auto
}
.markdown tr {
	border-bottom: 1px solid #F2F3F3
}
.markdown thead tr {
	border-bottom: 2px solid #EBECEC
}
.markdown th {
	text-align: left;
	font-family: 'Roboto';
	font-size: 20px;
	letter-spacing: -.3px;
	font-weight: 400
}
.markdown td, .markdown th {
	padding: 8px 16px 8px 0
}
.markdown td {
	font-size: 17px
}
.markdown td .sub-device {
	opacity: .5;
	font-style: italic;
	display: block;
	font-size: 14px
}
.no-helvetica .markdown .image-caption p, .no-helvetica .markdown em, .no-helvetica .markdown td .sub-device {
	font-style: normal;
	font-family: 'Roboto'
}
.no-helvetica .markdown a, .no-helvetica .markdown b, .no-helvetica .markdown strong {
	font-weight: 400;
	font-family: 'Roboto'
}
.no-helvetica .carbon-text, .no-helvetica .fusion-title {
	font-weight: 400;
	font-family: 'Roboto'
}
.markdown code, .markdown pre {
	color: #000;
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.6;
	font-size: 16px;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}
pre[class*=language-] {
	margin: 40px 0;
	overflow: auto
}
:not(pre)>code[class*=language-] {
	padding: .1em;
	border-radius: .3em
}
.token.cdata, .token.comment, .token.doctype, .token.prolog {
	color: #708090
}
.token.punctuation {
	color: #999
}
.namespace {
	opacity: .7
}
.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
	color: #905
}
.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
	color: #690
}
.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url, .token.variable {
	color: #a67f59;
	background: rgba(255,255,255,.5)
}
.token.atrule, .token.attr-value, .token.keyword {
	color: #07a
}
.token.function {
	color: #DD4A68
}
.token.important, .token.regex {
	color: #e90
}
.token.important {
	font-weight: 700
}
.token.entity {
	cursor: help
}
.icon-advertisement:before {
	background-position: 0 -127px
}
.icon-automotive:before {
	background-position: 0 -167px
}
.icon-biotech:before {
	background-position: 0 -207px
}
.icon-3d:before {
	background-position: 0 -247px
}
.icon-ecommerce:before {
	background-position: 0 -287px
}
.icon-health-care:before {
	background-position: -40px -127px
}
.icon-legal:before {
	background-position: -40px -167px
}
.icon-android-app:before, .icon-ios-application:before, .icon-mobile-games:before, .icon-mobile:before {
	background-position: -40px -207px
}
.icon-real-estate:before {
	background-position: -40px -247px
}
.icon-travel:before {
	background-position: -40px -287px
}
.icon-design:before {
	background-position: -80px -167px
}
.icon-development:before {
	background-position: -80px -207px
}
.icon-business:before, .icon-finance:before {
	background-position: -80px -247px
}
.icon-thumb:before {
	background-position: -80px -287px
}
.icon-web-application:before, .icon-website:before {
	background-position: -80px -127px
}
.icon-macos-app:before {
	background-position: -120px -167px
}
.icon.twitter:before {
	background-position: 0 -327px
}
.icon.facebook:before {
	background-position: -40px -327px
}
.icon.gplussmall:before {
	background-position: 0 -367px
}
.icon.gplus:before {
	background-position: -80px -327px
}
.icon.dribbble:before {
	background-position: -40px -367px
}
.icon.reddit:before {
	background-position: -80px -367px
}
.header {
	padding-top: 40px;
	padding-bottom: 40px
}
#profile-background {
	visibility: hidden;
	display: none;
	opacity: 0
}
@keyframes wings {
0% {
transform:rotateY(90deg)
}
100% {
transform:rotateY(0)
}
}
.wing-logo {
	width: 34px;
	height: 34px;
	position: relative;
	display: inline-block;
	float: left
}
.wing-logo>span {
	width: 17px;
	display: inline-block;
	position: absolute;
	top: 0;
	height: 34px;
	opacity: 0;
	transition: .5s opacity ease
}
.wing-logo>span.animate {
	opacity: 1
}
.wing-logo>span.animate:before {
	animation: wings .5s ease forwards
}
.wing-logo>span.animate:after {
	animation: wings .5s .2s ease forwards
}
.wing-logo>span:after, .wing-logo>span:before {
	content: "";
	position: absolute;
	height: 34px;
	top: 0;
	transform: rotateY(90deg)
}
.wing-logo>span:before {
	width: 9px
}
.wing-logo>span:after {
	width: 8px
}
.wing-logo .left {
	left: 0
}
.wing-logo .left:before {
	right: 0;
	background-position: -9px 0;
	transform-origin: 100% 50%
}
.wing-logo .left:after {
	left: 0;
	background-position: 0 0;
	transform-origin: 100% 50%
}
.wing-logo .right {
	right: 0
}
.wing-logo .right:before {
	left: 0;
	background-position: -19px 0;
	transform-origin: 0 50%
}
.wing-logo .right:after {
	right: 0;
	background-position: -29px 0;
	transform-origin: 0 50%
}
.main-nav {
	padding: 5px 0;
	margin: 0;
	float: right
}
.main-nav li {
	display: inline-block;
	font-size: 13px;
	letter-spacing: 1px;
	font-family: 'Roboto';
	font-weight:500;
	text-transform: uppercase;
	text-shadow: 0 1px 2px rgba(255,255,255,.5);
	margin-left: 25px
}
.main-nav a {
	padding: 4px;
	display: inline-block;
	color: rgba(11,18,29,.5)
}
.main-nav a:hover {
	color: rgba(11,18,29,.7)
}
.main-nav a.active {
	color: rgba(11,18,29,.8)
}
.header.clone {
	position: fixed;
	background: #000;
	z-index: 999;
	top: 0;
	left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%
}
.header.clone .main-nav li {
	text-shadow: none
}
.header.clone .main-nav a {
	color: rgba(255,255,255,.6)
}
.header.clone .main-nav a:hover {
	color: rgba(255,255,255,.8)
}
.header.clone .main-nav a.active {
	color: #fff
}
.header.clone .wing-logo>span {
	display: none
}
.header.clone .wing-logo:before {
	content: "";
	width: 34px;
	height: 34px;
	background-position: -180px 0;
	display: inline-block
}
@supports (-webkit-backdrop-filter:blur(20px)) or (-moz-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)) {
.header.clone {
background:rgba(0,0,0,.85);
-webkit-backdrop-filter:blur(20px);
-moz-backdrop-filter:blur(20px);
backdrop-filter:blur(20px)
}
}
.headroom {
	will-change: transform;
	transition: .3s;
	transform: translateY(-100%);
	opacity: 0
}
.headroom--pinned {
	transform: translateY(0);
	opacity: 1
}
.headroom--unpinned {
	transform: translateY(-100%);
	opacity: 0
}
.headroom--top {
	transform: translateY(-100%);
	opacity: 0
}
.poster {
	border: 10px solid #FFF
}
.poster.profile {
	height: 100vh;
	background-image: url(../images/profile/poster8.jpg);
	background-size: cover;
	background-position: center 20%
}
.poster.unified {
	min-height: 630px
}
.poster.unified .teaser {
	margin-top: 110px;
}
.poster.work-single.unified .teaser {
	margin-top: 95px;
	background: linear-gradient(to bottom, rgba(255,255,255,.8) 0, rgba(255,255,255,.8) 100%); 
	padding:15px 15px 15px 15px;
}s
.cta {
	background: #BBF7D3;
	padding: 40px 0
}
.cta .text {
	float: left
}
.cta span {
	display: block
}
.cta .head {
	font-size: 20px;
	letter-spacing: -1px;
	font-family: 'Roboto';
	margin-bottom: 10px
}
.cta .sub {
	font-size: 16px;
	color: rgba(0,0,0,.5);
	display: block;
	max-width: 626px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.cta .button {
	float: right;
	margin-right: -2px
}
.footer {
	background: #000;
	padding: 60px 0 40px 0;
	min-height: 200px; /* was 280px*/
	text-align: center;
	font-family: 'Roboto';
	position: relative
}
.footer:after {
	content: "";
	width: 285px;
	height: 126px;
	background-position: 0 -420px;
	left: 50%;
	bottom: 0;
	margin-left: -142px;
	position: absolute
}
.footer span {
	display: block
}
.footer .social {
	letter-spacing: 2px;
	font-size: 11px;
	text-transform: uppercase;
	color: rgba(255,255,255,.6);
	margin-bottom: 68px /*was 105px */
}
.footer .social a {
	color: rgba(255,255,255,.6)
}
.footer .social a:hover {
	color: rgba(255,255,255,.8)
}
.footer .copyright {
	font-size: 13px;
	color: #5A5A5A;
	position: relative;
	z-index: 1
}
.sitemap {
	margin: 0 0 26px 0;
	padding: 0
}
.sitemap li {
	display: inline-block;
	margin: 0 12px
}
.sitemap a {
	display: inline-block;
	position: relative;
	color: #FFF;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 2px
}
.sitemap a:after {
	background: rgba(255,255,255,.3);
	height: 1px;
	position: absolute;
	content: "";
	left: 6px;
	right: 6px;
	bottom: -4px;
	opacity: 0;
	transform: scale(.7) translateY(-3px);
	transition: .3s
}
.sitemap a:hover:after {
	transform: scale(1) translateY(0);
	opacity: 1
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}
.slick-track:after, .slick-track:before {
	content: "";
	display: table
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}
.slick-slide:focus {
	outline: 0
}
.slick-slide img {
	display: block;
	box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 8px rgba(0,0,0,.1);
	transform: scale(.95);
	transition: .3s
}
.slick-slide.slick-center img {
	transform: scale(1)
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.slick .image-caption {
	text-align: center;
	padding: 0 45px
}
.slick .image-caption .title {
	font-family: 'Roboto';
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
	letter-spacing: -.4px
}
.slick .image-caption p {
	font-size: 16px;
	color: #7C7C7C;
	margin: 0;
	line-height: 1.6em
}
.slick img {
	display: block;
	margin: 0 auto 40px auto
}
.tablet .slick .image-caption {
	max-width: 1024px;
	margin: 0 auto
}
.tablet .slick .slick-slide img {
	transform: scale(1)
}
.slick-dots {
	padding: 0;
	margin: 40px auto 0 auto;
	text-align: center
}
.slick-dots li {
	display: inline-block;
	margin: 0 4px
}
.slick-dots button {
	cursor: pointer;
	border-radius: 100%;
	width: 10px;
	height: 10px;
	background: #FFF;
	border: 1px solid rgba(0,0,0,.2);
	display: inline-block;
	text-indent: -9999em;
	padding: 0;
	transition: .25s;
	transform: scale(.9)
}
.slick-dots button:focus {
	outline: 0
}
.slick-dots .slick-active button {
	background: #2646FF;
	transform: scale(1)
}
.slick-arrow {
	border: none;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -130px;
	color: #2646FF;
	transition: .2s;
	background: 0 0;
	cursor: pointer;
	padding: 30px;
	font-size: 40px
}
.slick-arrow:focus {
	outline: 0
}
.slick-arrow:hover {
	color: #001cbf
}
.slick-prev {
	left: 10px;
	transform: rotate(-180deg)
}
.slick-prev:hover {
	transform: rotate(-180deg) translateX(10px)
}
.slick-next {
	right: 10px
}
.slick-next:hover {
	transform: translateX(10px)
}
.animsition {
	position: relative;
	opacity: 0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	overflow-x: hidden
}
@-webkit-keyframes fade-in {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fade-in {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fade-in {
	-webkit-animation-name: fade-in;
	animation-name: fade-in
}
@-webkit-keyframes fade-out {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fade-out {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fade-out {
	-webkit-animation-name: fade-out;
	animation-name: fade-out
}
.animsition-loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh
}
.sk-folding-cube {
	margin: -20px 0 0 -20px;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg)
}
.sk-folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.sk-folding-cube .sk-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2646FF;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
.sk-folding-cube .sk-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg)
}
.sk-folding-cube .sk-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg)
}
.sk-folding-cube .sk-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg)
}
.sk-folding-cube .sk-cube2:before {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.sk-folding-cube .sk-cube3:before {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}
.sk-folding-cube .sk-cube4:before {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform:perspective(140px) rotateX(-180deg);
transform:perspective(140px) rotateX(-180deg);
opacity:0
}
25%, 75% {
-webkit-transform:perspective(140px) rotateX(0);
transform:perspective(140px) rotateX(0);
opacity:1
}
100%, 90% {
-webkit-transform:perspective(140px) rotateY(180deg);
transform:perspective(140px) rotateY(180deg);
opacity:0
}
}
@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform:perspective(140px) rotateX(-180deg);
transform:perspective(140px) rotateX(-180deg);
opacity:0
}
25%, 75% {
-webkit-transform:perspective(140px) rotateX(0);
transform:perspective(140px) rotateX(0);
opacity:1
}
100%, 90% {
-webkit-transform:perspective(140px) rotateY(180deg);
transform:perspective(140px) rotateY(180deg);
opacity:0
}
}
.poster.profile .teaser {
	max-width: 550px;
	position: relative;
	margin-top: calc(50vh - 400px)
}
.poster.profile .teaser p {
	position: relative
}
.poster.profile .teaser p:after {
	content: "";
	position: absolute;
	width: 112px;
	height: 23px;
	background-position: -47px -11px;
	left: 0;
	bottom: -60px
}
@media (max-height:990px) {
.poster.profile .teaser {
	margin-top: calc(16vh)
}
}
.services h2 {
	margin-bottom: 45px
}
.services .g {
	background: #141414;
	padding: 40px;
	text-align: center;
	min-height: 380px
}
.services p {
	font-size: 16px;
	line-height: 1.6em;
	color: rgba(255,255,255,.80);
	margin: 0
}
.services h3 {
	font-size: 18px;
	letter-spacing: -.4px;
	margin-bottom: 20px
}
.s-illu {
	height: 140px;
	width: 312px;
	margin-bottom: 35px;
	position: relative
}
.s-illu svg {
	position: absolute
}
.s-illu.web {
	background-position: center 0
}
.s-illu.web svg {
	left: 69px;
	top: 13px
}
.s-illu.mobile {
	background-position: center -140px
}
.s-illu.mobile svg {
	top: 12px;
	left: 108px
}
.s-illu.dev {
	background-position: center -280px
}
.s-illu.dev svg {
	top: 96px;
	left: 84px
}
.s-illu .blob {
	width: 13px;
	height: 13px;
	background: #44D97F;
	border-radius: 14px;
	position: absolute;
	transform: scale(0)
}
#blob-1 {
	left: 114px;
	top: 7px
}
#blob-2 {
	top: 8px;
	left: 104px
}
#blob-3 {
	left: 80px;
	top: 90px
}
.profile-body h2 {
	margin-bottom: 70px
}
.principles {
	padding: 0;
	margin: 0 0 -60px 0;
	counter-reset: principles-counter
}
.principles li {
	width: 50%;
	float: left;
	margin-bottom: 60px;
	padding-right: 40px;
	position: relative
}
.principles li:after, .principles li:before {
	font-family: 'Roboto';
	font-size: 15px;
	position: absolute;
	top: 6px
}
.principles li:before {
	content: counter(principles-counter);
	counter-increment: principles-counter;
	font-weight: 700;
	color: #2646FF;
	text-align: right;
	width: 20px;
	left: -40px
}
.principles li:after {
	content: "/";
	color: #A7A9B4;
	left: -16px
}
.principles h3 {
	margin-bottom: 22px
}
.principles p {
	margin: 0;
	font-size: 16px;
	color: rgba(0,0,0,.45);
	line-height: 1.6em
}
.unslider {
	margin: 0;
	padding: 0
}
.unslider-fade {
	position: relative
}
.unslider-fade .unslider-wrap li {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 8
}
.unslider-fade .unslider-wrap li.unslider-active {
	z-index: 10
}
.unslider li, .unslider ol, .unslider ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none
}
.spline.insights {
	padding: 65px 0;
	height: 350px;
	position: relative;
	margin-bottom: 10px
}
.insights h3 {
	margin-bottom: 55px
}
.insights ul {
	max-width: 200px
}
.insights-slider {
	position: absolute;
	height: 350px;
	top: 0;
	min-width: 1420px;
	left: 50%;
	margin-left: -408px
}
.poster.work {
	background-image: linear-gradient(-35deg, #D6DFDE 0, #C1C5C8 100%);
	position: relative
}
.poster.work a, .poster.work h1, .poster.work p {
	position: relative;
	z-index: 1
}
.poster.work .teaser {
	max-width: 520px
}
.poster.work-single {
	min-height: 630px;
	position: relative;
	background-size: cover;
	background-position: center center
}
.poster.work-single .teaser {
	max-width: 580px; /*used to be 480px */
	margin-top: 0px
}
.cta.work-next {
	background-color: #FFF;
	position: relative;
	margin-top: 10px
}
.cta.work-next .img {
	background-size: cover;
	background-position: center center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .3
}
.glance {
	margin-bottom: 100px
}
.glance h2 {
	margin-bottom: 25px
}
.glance h3 {
	margin-bottom: 30px
}
.glance .tease {
	padding-right: 40px
}
.quote-spline {
	margin-top: -40px
}
#particles {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .25
}
.clients {
	margin-bottom: -20px
}
.clients p {
	margin: 0
}
.clients h2 {
	margin-bottom: 40px
}
.clients .icon-list li {
	width: 50%;
	float: left
}
.bricklayer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.bricklayer-column-sizer {
	width: 50%;
	display: none
}
.bricklayer-column {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 16px
}
.bricklayer-column+.bricklayer-column {
	padding-left: 16px;
	padding-right: 0
}
.bricklayer-column article {
	margin-bottom: 32px
}
.projects h2 {
	margin-bottom: 80px
}
.projects a {
	display: inline
}
.projects article {
	border: 10px solid #FFF;
	position: relative
}
.projects img {
	max-width: 100%;
	display: block
}
.projects .card {
	position: absolute;
	border: 2px solid #2646FF;
	background: #2646FF;
	color: #FFF;
	padding: 25px 84px 25px 25px;
	transition: .2s;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0
}
.projects .card small {
	font-family: 'Roboto';
	font-size: 12px;
	letter-spacing: 1px;
	opacity: .7;
	text-transform: uppercase;
	margin-bottom: 12px;
	display: block
}
.projects .card h3 {
	font-size: 24px;
	letter-spacing: -.6px
}
.projects .card:after {
	content: "➝";
	font-size: 24px;
	color: #2646FF;
	background: #FFF;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 56px;
	text-align: center;
	line-height: 102px;
	transition: .2s
}
.projects .card:hover {
	background: #1B3AF0;
	border-color: #1B3AF0
}
.projects .card:hover:after {
	padding-left: 5px
}
.projects article:hover .card {
	opacity: 1
}
.world h2 {
	padding-top: 230px
}
.world p {
	margin: 20px 0
}
.world img {
	max-width: 100%
}
.world .map {
	position: relative
}
.world ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	top: 0;
	position: absolute
}
.world li {
	background: #FF4564;
	border: 2px solid #FFF;
	width: 11px;
	height: 11px;
	border-radius: 12px;
	position: absolute;
	text-indent: -99999em;
	opacity: 0
}
.world li.animate {
	animation: mappoint .5s forwards
}
.world .sf {
	top: 268px;
	left: 95px
}
.world .la {
	top: 287px;
	left: 104px
}
.world .ch {
	top: 267px;
	left: 176px
}
.world .hs {
	top: 298px;
	left: 164px
}
.world .ln {
	top: 235px;
	left: 376px
}
.world .am {
	top: 231px;
	left: 389px
}
.world .ml {
	top: 211px;
	left: 407px
}
.world .br {
	top: 236px;
	left: 400px
}
.world .gz {
	top: 247px;
	left: 409px
}
.world .cp {
	top: 283px;
	left: 433px
}
.world .lb {
	top: 295px;
	left: 456px
}
.world .mb {
	top: 464px;
	left: 709px
}
@keyframes mappoint {
0% {
opacity:0
}
100% {
opacity:1
}
}
.poster.blog {
	background-image: linear-gradient(-33deg, #E4E4E4 0, #EFEFEF 100%);
	position: relative
}
.poster.skills {
	background-image: linear-gradient(-33deg, #E4E4E4 0, #EFEFEF 100%);
	position: relative
}
.poster.blog a, .poster.blog h1, .poster.blog p {
	position: relative;
	z-index: 1
}
.poster.skills a, .poster.skills h1, .poster.skills p {
	position: relative;
	z-index: 1
}
.poster.blog:after {
	content: "";
	background-repeat: no-repeat;
	width: 671px;
	height: 572px;
	position: absolute;
	top: 0;
	left: 60%;
	margin-left: -340px
}
.poster.skills:after {
	content: "";
	background-repeat: no-repeat;
	width: 671px;
	height: 572px;
	position: absolute;
	top: 0;
	left: 60%;
	margin-left: -340px
}
.poster.blog .teaser {
	max-width: 420px
}
.poster.skills .teaser {
	max-width: 420px
}
.poster.article {
	border: none;
	border-top: 2px solid #2646FF;
	margin-bottom: -40px
}
.poster.article .teaser {
	padding-top: 40px
}
.poster.article .timestamp {
	margin-bottom: 40px;
	display: block
}
.poster.article .h-massive {
	font-size: 46px;
	line-height: 50px;
	margin-bottom: 20px
}
.category-head {
	font-size: 28px;
	letter-spacing: -1px;
	border-bottom: 1px solid #000;
	padding-bottom: 30px;
	font-family: 'Roboto';
	display: block;
	position: relative;
	padding-left: 50px;
	margin-bottom: 20px
}
.category-head:before {
	content: "➝";
	transform: rotate(-180deg);
	position: absolute;
	left: 0;
	top: -4px;
	transition: .2s
}
.category-head:hover:before {
	transform: translateX(-5px) rotate(-180deg)
}
.blog-index a {
	color: #2646FF
}
.blog-index a:hover {
	color: #000
}
.blog-index a.category-head {
	color: #000
}
.blog-index img {
	max-width: 100%
}
.blog-index article {
	position: relative
}
.blog-index article h2 {
	font-size: 28px;
	letter-spacing: -1px
}
.blog-index .normal {
	border-bottom: 1px solid #2646FF;
	padding: 40px 0 40px 50px
}
.blog-index .normal a {
	display: block
}
.blog-index .normal h2 {
	margin-bottom: 10px
}
.blog-index .normal:last-child {
	border: none
}
.blog-index .featured {
	margin-bottom: 20px
}
.blog-index .featured .timestamp {
	margin-bottom: 10px;
	display: block
}
.blog-index .card {
	background: #FFF;
	position: absolute;
	left: 19px;
	bottom: 20px;
	padding: 30px 30px 26px 30px
}
.blog-sidebar h3 {
	margin-bottom: 40px
}
.blog-sidebar ul {
	margin-bottom: 60px
}
.blog-sidebar .wg a {
	color: #2646FF
}
.article-spline {
	padding-bottom: 50px
}
.article-sidebar {
	padding-top: 30px
}
.article-sidebar h4 {
	margin-bottom: 30px
}
.wg {
	margin-bottom: 50px
}
.wg img {
	width: auto!important;
	max-width: 100%!important;
	height: auto!important;
	display: block;
	margin-bottom: 15px
}
.carbon-text, .fusion-title {
	font-size: 12px;
	font-weight: 400;
	display: block;
	margin-bottom: 5px;
	line-height: 1.4em
}
.carbon-text:active, .carbon-text:focus, .fusion-title:active, .fusion-title:focus {
	color: #000d59
}
.carbon-poweredby, .fusion-power {
	color: rgba(0,0,0,.4);
	font-size: 10px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-family: 'Roboto'
}
#fusionattach {
	max-width: 812px;
	margin: 40px auto -20px auto
}
#fusionattach .wg img {
	max-width: 160px!important;
	float: left;
	margin-right: 30px
}
#fusionattach .carbon-text, #fusionattach .fusion-title {
	font-family: 'Roboto';
	font-size: 14px;
	letter-spacing: -.2px
}
.post {
	max-width: 812px;
	margin: 0 auto
}
.social-bar {
	margin: 0;
	padding: 0;
	width: 100%;
	display: inline-block
}
.social-bar .button {
	margin-right: -2px
}
.social-bar li {
	display: inline-block;
	float: left
}
.comments .social-bar {
	margin-bottom: 60px
}
.poster.contact {
	background: url(../images/contact/poster2.jpg) no-repeat center center;
	background-size: 2560px 610px
}
.poster.contact .teaser {
	max-width: 420px
}
.vcard {
	font-family: 'Roboto';
	font-size: 14px;
	letter-spacing: -.5px;
	text-shadow: 0 1px 2px #FFF;
	position: absolute;
	left: 50%;
	top: 120px;
	margin-left: 15px
}
.contact-bar {
	background: #000;
	color: #FFF;
	height: 80px;
	font-family: 'Roboto';
	font-size: 18px
}
.contact-bar a {
	display: inline-block;
	line-height: 80px;
	margin-right: 50px;
	opacity: .6;
	letter-spacing: -.4px;
	cursor: pointer;
	position: relative
}
.contact-bar a:after {
	bottom: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255,255,255,0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -12px;
	transition: .3s;
	transform: translateY(12px)
}
.contact-bar a:hover {
	opacity: .8
}
.contact-bar a.active {
	font-family: 'Roboto';
	opacity: 1
}
.contact-bar a.active:after {
	transform: translateY(0)
}
.contact-switcher {
	min-height: 100px
}
#result {
	padding: 100px 0;
	text-align: center;
	position: relative;
	opacity: 1;
	transition: .3s
}
#result.out {
	opacity: 0
}
#result p {
	margin: 20px 0 0 0
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 20px;
	transition: .3s;
	opacity: 1
}
fieldset.out {
	opacity: 0
}
fieldset h2 {
	padding-left: 5px;
	margin-bottom: 60px
}
fieldset .row {
	margin-bottom: 50px
}
fieldset .row span {
	display: inline-block
}
fieldset .leading {
	padding-left: 5px
}
fieldset .s-1 {
	width: 137px
}
fieldset .s-2 {
	text-align: center;
	width: 116px
}
fieldset .s-3 {
	width: 188px
}
input[type=email], input[type=text], textarea {
	border: none;
	border-bottom: 1px solid #D8D8D8;
	padding: 0 10px 6px 5px;
	resize: none;
	transition: .2s border
}
input[type=email].error, input[type=text].error, textarea.error {
	border-color: #FF4564
}
input[type=email]:focus, input[type=text]:focus, textarea:focus {
	outline: 0;
	border-color: #2646FF
}
::-moz-placeholder {
color:#4C4C4C
}
:-ms-input-placeholder {
color:#4C4C4C
}
::-webkit-input-placeholder {
color:#4C4C4C
}
.input-w-1 {
	width: 272px
}
.input-w-2 {
	width: 622px
}
.input-w-3 {
	width: 673px
}
textarea {
	width: 100%
}
.select-style {
	border-bottom: 1px solid #D8D8D8;
	overflow: hidden;
	position: relative
}
.select-style:after {
	position: absolute;
	z-index: 1;
	right: 5px;
	top: 9px;
	content: "";
	width: 11px;
	height: 6px;
	background-position: -120px -130px
}
.select-style select {
	padding: 0 0 6px 5px;
	width: 110%;
	border: none;
	box-shadow: none;
	background: 0 0;
	background-image: none;
	-webkit-appearance: none;
	position: relative;
	z-index: 2
}
.select-style select.placeholder {
	color: #999
}
.select-style select:focus {
	outline: 0
}
.contact-sidebar {
	padding-left: 90px
}
.contact-sidebar h3 {
	margin-bottom: 50px
}
.contact-sidebar>div {
	background: #EAEFF2;
	padding: 40px 40px 25px 40px
}
.stamp {
	height: 180px;
	width: 180px;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 100px
}
.stamp.anim {
	animation: stamp-in .3s 1s ease-in forwards
}
@keyframes stamp-in {
from {
opacity:0;
transform:scale(2) rotate(0)
}
to {
	opacity: 1;
	transform: scale(.8) rotate(15deg)
}
}
.poster.error {
	height: 50vh;
	position: relative
}
.poster.error .error {
	color: #2646FF;
	font-style: italic;
	display: block;
	font-size: 16vw;
	font-weight: 400;
letter-spacing:-.5vw;
	text-align: center;
	width: 100%;
	line-height: 50vh
}
.error-spline {
	text-align: center;
	height: 50vh;
	padding: 8vh 50px
}
.error-spline p {
	font-size: 26px;
	margin-bottom: 50px
}
@media (max-width:1459px) {
.header.clone {
	padding-left: 30px;
	padding-right: 30px
}
}
@media (max-width:1320px) {
.wrap, .wrap-h {
	width: 1000px
}
.header.clone {
	padding-left: 30px;
	padding-right: 30px
}
.g-1 {
	width: 312px
}
.g-2 {
	width: 644px
}
.g-50 {
	width: 484px
}
.g-25 {
	width: 794px
}
.article-spline .g-25 {
	width: 764px
}
.spline {
	padding: 80px 0
}
.cta {
	padding: 40px 0
}
.services .g {
	padding: 25px;
	min-height: 350px
}
.services h3 {
	font-size: 17px
}
.services p {
	font-size: 15px
}
.s-illu {
	margin-left: -25px
}
.profile-body h2 {
	margin-bottom: 50px
}
.h-med {
	font-size: 20px
}
.h-space {
	font-size: 16px
}
p.tease {
	font-size: 20px;
	line-height: 32px
}
.principles h3 {
	margin-bottom: 15px
}
.principles li:after, .principles li:before {
	top: 4px
}
.principles p {
	font-size: 15px
}
blockquote p {
	font-size: 18px
}
.insights-slider {
	margin-left: -280px
}
.world .map {
	transform: scale(.8);
	transform-origin: left center
}
.world img {
	max-width: 816px
}
.glance {
	margin-bottom: 50px
}
.glance .g-50 {
	margin: 0 0 40px 0;
	width: 100%;
	float: none
}
.glance .g-05 {
	width: 304px
}
.slick-slide img {
	transform: scale(1)
}
.poster.blog:after {
	opacity: .2
}
.blog-index .normal {
	padding: 30px 0 30px 30px
}
.blog-index article h2 {
	font-size: 26px
}
.article-sidebar {
	margin-left: 62px
}
.contact-sidebar {
	padding-left: 40px
}
fieldset .row {
	margin-bottom: 40px
}
fieldset .row .g-1 {
	width: 306px
}
.input-w-1 {
	width: 187px
}
.input-w-2 {
	width: 450px
}
.input-w-3 {
	width: 501px
}
}
@media (max-width:1124px) {
.wrap, .wrap-h, .wrap-s {
	width: 90%
}
.spline {
	padding: 60px 0
}
.article-spline .g-25, .g-1, .g-2, .g-25, .g-50 {
	width: 100%;
	margin: 0;
	float: none
}
.glance .g-05 {
	width: 33.33%;
	margin: 0
}
.services .g {
	margin: 30px 0 0 0;
	text-align: left;
	padding: 40px;
	min-height: 210px
}
.services h3 {
	font-size: 18px
}
.services p {
	font-size: 16px
}
.s-illu {
	float: left;
	margin-left: -70px;
	margin-right: -20px;
	margin-top: -5px
}
.principles {
	padding-left: 30px;
	padding-bottom: 50px
}
.profile-body .h-space {
	clear: both
}
.unslider {
	min-height: 180px
}
.spline.insights {
	padding: 45px 0;
	height: 290px
}
.insights-slider {
	margin-left: -20%;
	background-size: cover;
	height: 290px;
	min-width: 1100px;
	background-position: left center
}
.cta {
	padding: 50px 0
}
.cta .head {
	font-size: 18px;
	margin-bottom: 5px
}
.cta .sub {
	font-size: 15px
}
.cta .button {
	height: 42px;
	line-height: 40px;
	font-size: 17px;
	padding: 0 15px
}
.social-bar .button {
	height: 42px;
	line-height: 40px;
	font-size: 16px
}
.clients h2 {
	margin-bottom: 30px
}
.clients .p-r {
	margin-bottom: 40px
}
.projects h2 {
	margin-bottom: 60px
}
.projects article {
	border-width: 5px
}
.world .map {
	transform-origin: left center;
	margin-left: -330px;
	left: 50%
}
.world h2 {
	padding: 0
}
.article-sidebar, .blog-sidebar, .vcard, fieldset .row span {
	display: none
}
.row {
	display: inline-block;
	width: 100%
}
.input-w-1, fieldset .row .g-1 {
	width: 48%;
	float: left
}
.input-w-1[name=name], .select-style.p-r {
	margin-right: 4%
}
.input-w-2, .input-w-3 {
	width: 100%
}
fieldset .button {
	width: 100%
}
.contact-sidebar {
	padding: 0;
	margin-top: 60px
}
.contact-sidebar li {
	width: 33.33%;
	float: left
}
.slider {
	width: 100%;
	margin: 0 auto
}
.tablet .slick .slick-slide img {
	max-width: 75%
}
.poster.profile {
	max-height: 720px
}
.poster.profile .teaser {
	margin-top: 0px
}
.poster.unified {
	min-height: 400px
}
.poster.unified .teaser {
	margin-top: 20px
}
.poster.work-single.unified {
	min-height: 400px
}
.poster.work-single.unified .teaser {
	margin-top: 0px
}
.poster.blog:after {
	transform: scale(.6);
	transform-origin: top
}
.h-massive {
	margin-bottom: 30px
}
.button.icon:before {
	top: 3px
}
.markdown .columns-1 .column, .markdown .columns-2 .column, .markdown .columns-3 .column {
	width: 100%
}
}
@media (max-width:768px) {
.spline {
	padding: 50px 0
}
.h-massive {
	font-size: 48px;
	letter-spacing: -1.5px;
	line-height: 48px
}
p.tease {
	font-size: 18px;
	line-height: 30px
}
.services {
	padding-bottom: 0
}
.services .g {
	margin: 0;
	padding: 0;
	background: 0 0;
	min-height: 175px
}
.s-illu {
	transform: scale(.8);
	transform-origin: top left;
	margin-left: -50px;
	margin-right: -80px
}
.principles li {
	width: 100%
}
.unslider {
	min-height: 220px
}
.insights-slider {
	display: none
}
.spline.insights {
	height: 210px
}
.insights h3 {
	margin-bottom: 60px
}
.insights ul {
	max-width: 100%
}
.insights ul li {
	width: 33.33%;
	float: left
}
.cta {
	padding: 40px 0
}
.cta .text {
	width: 100%;
	float: none;
	margin-bottom: 30px
}
.cta .r-50 {
	width: 50%
}
.cta .r-100 {
	width: 100%
}
.cta .r-33 {
	width: 33.33%
}
.cta .r-33.icon:before {
	left: 50%;
	margin-left: -20px
}
.bricklayer-column-sizer {
	width: 100%
}
.bricklayer-column {
	padding-right: 0
}
.projects .card {
	opacity: 1;
	padding: 20px 84px 15px 20px;
	background: #FFF;
	border: none;
	color: #2646FF
}
.projects .card:hover {
	background: #FFF;
	color: #2646FF
}
.projects .card:after {
	line-height: 91px
}
.projects .card small {
	font-size: 11px;
	margin-bottom: 10px
}
.projects .card h3 {
	font-size: 20px;
	letter-spacing: -.5px
}
.projects img {
	min-width: 100%
}
.world .map {
	transform: scale(.6);
	margin-left: -250px;
	margin-top: -100px;
	margin-bottom: -50px
}
.glance .g-05 {
	width: 100%;
	margin: 0 0 20px 0
}
.glance h3 {
	margin-bottom: 20px
}
.blog-index .card {
	position: static;
	border-bottom: 1px solid #2646FF
}
.markdown {
	font-size: 18px
}
.markdown h2 {
	font-size: 32px;
	letter-spacing: -1px
}
.markdown h3 {
	font-size: 24px;
	letter-spacing: -.8px
}
.markdown code, .markdown pre {
	font-size: 14px
}
.markdown .table-holder {
	overflow: scroll
}
.markdown table {
	margin: 20px auto
}
.markdown th {
	font-size: 16px
}
.markdown td {
	font-size: 14px
}
.tablet .slick .slick-slide img {
	max-width: 90%
}
.header {
	z-index: 99
}
.poster {
	border: none
}
.poster.profile {
	max-height: 550px
}
.poster.profile .h-massive.light {
	color: #000
}
.poster.profile p.tease {
	color: #006633
}
.poster.contact {
	background: url(../images/contact/poster-mobile.jpg) no-repeat center center;
	background-size: cover
}
.poster.r-shade {
	position: relative
}
.poster.r-shade .teaser {
	z-index: 2;
	position: relative
}
.poster.r-shade:after {
	position: absolute;
	background: linear-gradient(to bottom, rgba(255,255,255,.8) 0, rgba(255,255,255,.6) 100%);
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0
}
.poster.work-single.unified .teaser {
	background: none; 
}
.blog-index .card, .blog-index .normal {
	padding: 30px 0
}
.blog-index article h2 {
	font-size: 24px
}
.contact-bar a {
	width: 49%;
	margin: 0;
	text-align: center
}
}
@media (max-width:540px), (max-height:500px) and (max-width:667px) {
.header {
	display: none
}
.spline {
	padding: 30px 0
}
.header.clone {
	transform: translateY(0);
	opacity: 1;
	display: block;
	position: static;
	padding: 10px 3%
}
.main-nav li {
	margin-left: 10px;
	font-size: 12px
}
.main-nav li:first-child {
	margin-left: 0
}
.h-massive {
	font-size: 28px;
	letter-spacing: -1px;
	line-height: 28px;
	margin-bottom: 20px
}
p.tease {
	font-size: 15px;
	line-height: 1.6em
}
.poster.profile {
	max-height: 320px
}
.poster.profile .teaser {
	margin-top: 0;
	padding-top: 30px
}
.poster.unified {
	min-height: 100px;
	padding: 40px 0
}
.poster.unified .teaser {
	margin-top: 0
}
.poster.work-single.unified {
	min-height: 100px;
	padding: 40px 0
}
.poster.work-single.unified .teaser {
	margin-top: 0
}
.poster.article {
	padding: 0
}
.poster.article .timestamp {
	margin-bottom: 20px
}
.poster.article .h-massive {
	font-size: 28px;
	letter-spacing: -1px;
	line-height: 28px;
	margin-bottom: 20px
}
.s-illu {
	display: none
}
.h-space {
	font-size: 13px
}
.h-med {
	font-size: 16px;
	letter-spacing: -.6px
}
.services .g {
	min-height: 10px;
	margin-top: 25px
}
.services h2 {
	margin-bottom: 25px
}
.services h3 {
	font-size: 16px;
	margin-bottom: 15px
}
.services p {
	font-size: 14px
}
.principles {
	padding-bottom: 10px
}
.profile-body h2 {
	margin-bottom: 20px
}
.principles li {
	padding-right: 0;
	margin-bottom: 30px
}
.r-none {
	display: none
}
.cta .r-50 {
	width: 100%;
	display: block;
	margin: -2px 0 0 0
}
.cta .sub {
	white-space: normal;
	overflow: visible
}
.social-bar li {
	float: none;
	display: block
}
.social-bar .button {
	padding: 0;
	text-indent: -9999em;
	width: 25%;
	float: left
}
.social-bar .button.icon.gplus {
	padding: 0
}
.social-bar .button.icon:before {
	left: 50%;
	margin-left: -18px
}
.footer {
	padding: 30px 0 20px 0;
	min-height: auto
}
.footer .social {
	letter-spacing: 1px;
	line-height: 1.6em;
	padding: 0 10px;
	margin-bottom: 40px;
	position: relative;
	z-index: 1
}
.sitemap li {
	margin: 0 4px
}
.sitemap a {
	font-size: 11px
}
.clients h2 {
	margin-bottom: 15px
}
.icon-list, .list {
	font-size: 14px
}
.clients .icon-list li {
	width: 100%;
	float: none
}
.projects h2 {
	margin-bottom: 40px
}
.bricklayer-column article {
	margin-bottom: 15px
}
.poster.blog:after {
	display: none
}
.poster.skills:after {
	display: none
}
.blog-index article h2 {
	font-size: 20px;
	margin-bottom: 5px
}
.blog-index .card, .blog-index .normal {
	padding: 20px 0
}
.contact-bar {
	height: 60px;
	font-size: 16px
}
.contact-bar a {
	line-height: 60px
}
fieldset {
	font-size: 16px
}
fieldset h2 {
	margin-bottom: 40px
}
fieldset .row {
	margin-bottom: 30px
}
.input-w-1, .select-style, fieldset .row .g-1 {
	width: 100%
}
.input-w-1[name=name], .select-style.p-r {
	margin: 0 0 30px 0
}
.markdown {
	font-size: 15px
}
.markdown p {
	margin: 20px 0
}
.markdown h2 {
	font-size: 28px;
	margin: 50px 0 15px 0
}
.markdown h3 {
	font-size: 20px;
	margin: 40px 0 15px 0
}
.markdown h4 {
	font-size: 14px;
	margin: 40px 0 15px 0
}
.markdown ol, .markdown ul {
	padding-left: 20px
}
.markdown figure {
	margin: 40px auto
}
.markdown .image-caption {
	padding-left: 15px
}
.markdown .image-caption .title {
	font-size: 14px
}
.markdown .image-caption p {
	font-size: 14px
}
.markdown .note {
	padding: 20px 20px 20px 0
}
.markdown .note p {
	font-size: 15px
}
.glance {
	margin: 0
}
.glance .tease {
	padding: 0
}
.slick-slide img {
	max-width: 90%;
	margin: 0 auto 20px auto
}
.slick .image-caption {
	padding: 0 5%
}
.slick .image-caption .title {
	font-size: 16px
}
.slick .image-caption p {
	font-size: 14px
}
#fusionattach {
	margin: 30px auto -10px auto
}
#fusionattach .wg img {
	max-width: 130px!important;
	margin-right: 20px
}
#fusionattach .carbon-text, #fusionattach .fusion-title {
	font-size: 13px;
	letter-spacing: -.2px
}
}