.site-title a img {
    max-width: 86px;
    margin: 0 auto;
    text-align: center;
}
.site-title a{
	margin-top:2px;
	margin-left: 30px;	
}
.project__info h5{
	 line-height: 22px;
}

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html, button, input, select, textarea {
	font-family: sans-serif
}

body {
	margin: 0
}

a:focus {
	outline: thin dotted
}

a:active, a:hover {
	outline: 0
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0
}

h3 {
	font-size: 1.17em;
	margin: 1em 0
}

h4 {
	font-size: 1em;
	margin: 1.33em 0
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0
}

h6 {
	font-size: 0.75em;
	margin: 2.33em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: bold
}

blockquote {
	margin: 1em 40px
}

dfn {
	font-style: italic
}

mark {
	background: #ff0;
	color: #000
}

p, pre {
	margin: 1em 0
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q:before, q:after {
	content: '';
	content: none
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

dl, menu, ol, ul {
	margin: 1em 0
}

dd {
	margin: 0 0 0 40px
}

menu, ol, ul {
	padding: 0 0 0 40px
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

button, input {
	line-height: normal
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

button[disabled], input[disabled] {
	cursor: default
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@keyframes color {
	from, to {
		color: red
	}
}

@keyframes simpleFade {
	0% {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0
	}
	100% {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1
	}
}

@keyframes simpleFadeAndUpAndTwist {
	0% {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-ms-transform: translateY(1em) rotateX(90deg) translate3d(0, 0, 0);
		transform: translateY(1em) rotateX(90deg) translate3d(0, 0, 0)
	}
	100% {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes simpleFadeAndDown {
	0% {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-ms-transform: translate3d(0, -1em, 0);
		transform: translate3d(0, -1em, 0)
	}
	100% {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
		-ms-transform: none;
		transform: none
	}
}

@keyframes simpleFadeAndUp {
	0% {
		opacity: 0;
		transform: translateY(1em)
	}
	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes simpleFadeAndLeft {
	0% {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-ms-transform: translateX(-2em);
		transform: translateX(-2em)
	}
	100% {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
		-ms-transform: none;
		transform: none
	}
}

@keyframes simpleFadeAndRight {
	0% {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-ms-transform: translateX(2em);
		transform: translateX(2em)
	}
	100% {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
		-ms-transform: none;
		transform: none
	}
}

@keyframes pulse {
	0%, 100% {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1
	}
	50% {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
		opacity: 0.5
	}
}

@keyframes rotate {
	0% {
		transform: rotate(45deg) translate3d(0, 0, 0)
	}
	100% {
		transform: rotate(405deg) translate3d(0, 0, 0)
	}
}

@keyframes rotateAnti {
	0% {
		transform: rotate(405deg)
	}
	100% {
		transform: rotate(45deg)
	}
}

@keyframes rotateSheen {
	0% {
		transform: rotate(0deg)
	}
	10%, 100% {
		transform: rotate(360deg)
	}
}

@keyframes rotateClockwise {
	0% {
		border-color: #525252;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	50% {
		border-color: #f5f5f1
	}
	100% {
		border-color: #525252;
		-ms-transform: rotate(405deg);
		transform: rotate(405deg)
	}
}

@keyframes svgScrollFirst {
	0%, 100% {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
		opacity: 0.5
	}
	50% {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1
	}
}

@keyframes svgScrollSecond {
	0%, 100% {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1
	}
	50% {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
		opacity: 0.5
	}
}

@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translateY(15%)
	}
	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes moveLeftAndIn {
	0%, 100% {
		transform: translateX(0%)
	}
	50% {
		transform: translateX(-15%)
	}
}

@keyframes moveRightAndIn {
	0%, 100% {
		transform: translateX(0%)
	}
	50% {
		transform: translateX(15%)
	}
}

@keyframes elevatrFlick {
	0%, 75%, 77%, 80%, 85%, 95% {
		opacity: 0
	}
	76%, 81%, 84%, 86%, 94%, 96%, 100% {
		opacity: 1
	}
}

@keyframes rdio-ripple {
	0% {
		opacity: 0;
		margin-bottom: -1.5%;
		margin-left: -15%;
		width: 30%
	}
	33% {
		opacity: 0.25
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		margin-bottom: -20%;
		margin-left: -100%;
		width: 200%
	}
}

@keyframes rdio-branding-bg {
	0% {
		transform: translate(0, 0)
	}
	100% {
		transform: translate(0, -88.88889%)
	}
}

@keyframes locationIn {
	0% {
		opacity: 0;
		transform: translateY(-40px)
	}
	100% {
		opacity: 1;
		transform: translateY(0px)
	}
}

@keyframes loaderIn {
	0% {
		-ms-transform: rotateX(-90deg);
		transform: rotateX(-90deg)
	}
	100% {
		-ms-transform: rotateX(0deg);
		transform: rotateX(0deg)
	}
}

@keyframes loaderOut {
	0% {
		-ms-transform: rotateX(0deg);
		transform: rotateX(0deg)
	}
	100% {
		-ms-transform: rotateX(90deg);
		transform: rotateX(90deg)
	}
}

@font-face {
	font-family: 'Fueled Cond';
	src: url("https://fueled.com/assets/fonts/fueled-sans-cond-med.woff") format("woff"), url("https://fueled.com/assets/fonts/fueled-sans-cond-med.woff2") format("truetype");
	font-style: regular
}

@font-face {
	font-family: 'Fueled Reg';
	src: url("https://fueled.com/assets/fonts/fueled-sans-reg-bold.woff") format("woff"), url("https://fueled.com/assets/fonts/fueled-sans-reg-bold.woff2") format("truetype");
	font-style: regular
}

@font-face {
	font-family: 'Fueled Semi';
	src: url("https://fueled.com/assets/fonts/fueled-sans-semi-bold.woff") format("woff"), url("https://fueled.com/assets/fonts/fueled-sans-semi-bold.woff2") format("truetype");
	font-style: regular
}

@font-face {
	font-family: 'Fueled Sans Cond';
	src: url("https://fueled.com/assets/fonts/fueled-sans-cond-regular.woff") format("woff"), url("https://fueled.com/assets/fonts/fueled-sans-cond-regular.woff2") format("truetype");
	font-style: regular;
	font-weight: regular
}

@font-face {
	font-family: 'Fueled Sans Cond';
	src: url("https://fueled.com/assets/fonts/fueled-sans-cond-bold.woff") format("woff"), url("https://fueled.com/assets/fonts/fueled-sans-cond-bold.woff2") format("truetype");
	font-style: regular;
	font-weight: bold
}

@font-face {
	font-family: 'Fueled Sans Cond';
	src: url("https://fueled.com/assets/fonts/fueled-sans-cond-regular-italic.woff") format("woff"), url("https://fueled.com/assets/fonts/fueled-sans-cond-regular-italic.woff2") format("truetype");
	font-style: italic;
	font-weight: regular
}

@font-face {
	font-family: 'Fueled Sans Cond';
	src: url("https://fueled.com/assets/fonts/fueled-sans-cond-bold-italic.woff") format("woff"), url("https://fueled.com/assets/fonts/fueled-sans-cond-bold-italic.woff2") format("truetype");
	font-style: italic;
	font-weight: bold
}

@font-face {
	font-family: 'Fueled Sans Cond';
	src: url("https://fueled.com/assets/fonts/fueled-sans-cond-heavy-italic.woff") format("woff"), url("https://fueled.com/assets/fonts/fueled-sans-cond-heavy-italic.woff2") format("truetype");
	font-style: italic;
	font-weight: 900
}

@font-face {
	font-family: 'Fueled Sans Semi';
	src: url("https://fueled.com/assets/fonts/fueled-sans-semi-regular.woff") format("woff"), url("https://fueled.com/assets/fonts/fueled-sans-semi-regular.woff2") format("truetype");
	font-style: regular;
	font-weight: regular
}

@font-face {
	font-family: 'Fueled Sans Semi';
	src: url("https://fueled.com/assets/fonts/fueled-sans-semi-bold.woff") format("woff"), url("https://fueled.com/assets/fonts/fueled-sans-semi-bold.woff2") format("truetype");
	font-style: regular;
	font-weight: bold
}

.block--what-drives-us .block__cta__title {
	font-family: "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

.hero__title, .block--thank-you .close {
	font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

.face--reg {
	font-family: "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

.face--cond, .block--what-drives-us .block__title {
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

.face--semi, .block__title, .block--what-we-do .media__copy h3, .job__description .job__writeup h2 {
	font-family: "Fueled Sans Semi", "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

* {
	box-sizing: border-box
}

html, body {
	min-height: 100%;
	width: 100%
}

html {
	background: #161616;
	font-size: 125%;
	overflow-y: scroll
}

html, button, input, select, textarea {
	color: #f5f5f1;
	font-family: "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.lte8 {
	font-family: "nudista-web-n4", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

.lte8 button, .lte8 input, .lte8 select, .lte8 textarea {
	font-family: "nudista-web-n4", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

body {
	font-size: 1em;
	line-height: 1.333
}

body:before, body:after {
	background: transparent;
	content: "";
	height: 10px;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 8
}

body:after {
	bottom: 0;
	top: auto
}

body.loading-in-progress {
	overflow: hidden
}

@media only screen and (max-width: 47.9375em) {
	body:before, body:after {
		display: none
	}
}

@media only screen and (max-width: 64em) {
	html {
		font-size: 100%
	}
}

@media only screen and (max-device-width: 320px) and (max-device-height: 568px) {
	body {
		min-height: 504px
	}
}

@media only screen and (max-device-width: 320px) and (max-device-height: 480px) {
	body {
		min-height: 416px
	}
}

img {
	height: auto;
	max-width: 100%
}

body>footer>img {
	height: 1px;
	left: -9999em;
	overflow: hidden;
	position: absolute;
	top: -9999em;
	width: 1px
}

.center {
	text-align: center
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%
}

.hidden {
	display: none !important;
	visibility: hidden
}

.visuallyhidden, .site-header:before, body>footer {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.visuallyhidden.focusable:active, .focusable.site-header:active:before, body>footer.focusable:active, .visuallyhidden.focusable:focus, .focusable.site-header:focus:before, body>footer.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.invisible {
	visibility: hidden
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

.group {
	margin: 0 auto;
	max-width: 60em;
	width: 93.75%
}

.wrap {
	*zoom: 1;
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 40px
}



.wrap2 {
	*zoom: 1;
	margin: 0 auto;
	max-width: 91%;
	margin-bottom: 70px;
	padding: 0 40px
}

.wrap:before, .wrap:after {
	content: " ";
	display: table
}

.wrap:after {
	clear: both
}

.jobs .wrap, .loading-between-jobs .wrap {
	max-width: 1260px;
	padding: 0 30px
}

@media only screen and (max-width: 64em) {
	.wrap {
		padding: 0 20px
	}
}

.table {
	display: table;
	width: 100%
}

.tr {
	display: table-row
}

.td {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%
}

.full-height {
	min-height: 100vh
}

.ie .full-height {
	height: 100vh;
	min-height: 0
}

.full-height.page--team, .full-height.page--team-member {
	min-height: calc(100vh - 56px)
}

.full-height--3 {
	height: 300%;
	min-height: 300%
}

.full-height--3 .full-height {
	height: 33.33333%;
	min-height: 33.33333%
}

.full-height--12 {
	height: 1200%;
	min-height: 1200%
}

.center-v {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.centered-v {
	width: 100%
}

.no-flexbox .center-v {
	display: block;
	height: 100vh
}

.no-flexbox .centered-v {
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.col {
	display: inline-block;
	vertical-align: top
}

.col+.col {
	margin-left: 2%
}

.col--1 {
	width: 6.5%
}

.col--2 {
	width: 15%
}

.col--3 {
	width: 23.5%
}

.col--4 {
	width: 32%
}

.col--5 {
	width: 40.5%
}

.col--6 {
	width: 49%
}

.col--7 {
	width: 57.5%
}

.col--8 {
	width: 66%
}

.col--9 {
	width: 74.5%
}

.col--10 {
	width: 83%
}

.col--11 {
	width: 91.5%
}

.col--12 {
	width: 100%
}

a {
	color: #525252;
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	text-decoration: none;
	-webkit-tap-highlight-color: transparent
}

a:hover {
	color: #f5f5f1
}

a:active, a:focus {
	color: #ae0000;
	outline: none
}

a.secondary-link {
	color: #f5f5f1
}

a.secondary-link:hover {
	color: #ae0000
}

a.secondary-link:active, a.secondary-link:focus {
	color: #525252
}

a.about-text-link:hover, .block--collective p a:hover, .block--clients .wrap>div p a:hover {
	color: #ae0000
}

a.about-text-link:active, .block--collective p a:active, .block--clients .wrap>div p a:active, a.about-text-link:focus, .block--collective p a:focus, .block--clients .wrap>div p a:focus {
	color: #525252
}

.link--invisible {
	border: 0 !important;
	color: inherit !important;
	text-decoration: none !important
}

.btn {
	background: #ae0000;
	border: none;
	box-shadow: 0px -2px 0 rgba(0, 0, 0, 0.25) inset;
	color: #0f0f0f;
	display: inline-block;
	font-size: 18px;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: .2em;
	padding: .5em 1em .6em 1.2em;
	text-transform: uppercase;
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: all 0.3s ease
}

.btn:hover {
	background: #ca3131;
	color: #0f0f0f
}

.btn:active, .btn:focus {
	background: #525252;
	box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.25) inset;
	color: #0f0f0f;
	-ms-transform: translate3d(0, 2px, 0);
	transform: translate3d(0, 2px, 0)
}

.btn.btn--large {
	box-shadow: 0px -4px 0 rgba(0, 0, 0, 0.25) inset;
	padding: 1.5em 2.5em 1.7em
}

.btn.btn--large:active, .btn.btn--large:focus {
	box-shadow: 0px 4px 0 rgba(0, 0, 0, 0.25) inset
}

.btn--rotate {
	background: none;
	border: 0px solid #ae0000;
	box-shadow: none;
	display: block;
	font-size: 22px;
	font-size: 1.1rem;
	font-weight: bold;
	height: 9.54545em;
	padding: 0;
	position: relative;
	width: 9.54545em
}

.btn--rotate:hover {
	background: none;
	box-shadow: none
}

.btn--rotate:active, .btn--rotate:focus {
	background: none;
	box-shadow: none
}

.btn--rotate .btn__border {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	border-color: #ae0000;
	border-style: solid;
	border-width: 3px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .3s ease
}

.btn--rotate:hover .btn__border {
	background: #ae0000
}

.btn--rotate:active .btn__border, .btn--rotate:focus .btn__border {
	background: #525252;
	border-color: #525252
}

.btn--rotate span {
	display: block;
	margin: 0 auto;
	max-width: 7.72727em;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

::-webkit-input-placeholder {
	color: #525252;
	font-style: italic
}

:-moz-placeholder {
	color: #525252;
	font-style: italic
}

::-moz-placeholder {
	color: #525252;
	font-style: italic
}

:-ms-input-placeholder {
	color: #525252;
	font-style: italic
}

input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #1e1e1e;
	border: 3px solid #000000;
	color: #525252;
	transition: all 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
	font-size: 18px;
	font-size: 0.9rem;
	font-style: italic;
	padding: .5em 1em .666666666em;
	width: 100%
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus {
	background: #f5f5f1;
	color: #161616;
	outline: none
}

input[type="text"]:invalid, input[type="text"]:required, input[type="email"]:invalid, input[type="email"]:required, input[type="password"]:invalid, input[type="password"]:required, input[type="search"]:invalid, input[type="search"]:required, input[type="url"]:invalid, input[type="url"]:required, textarea:invalid, textarea:required {
	box-shadow: none;
	outline: none
}

@media only screen and (max-width: 64em) {
	input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], textarea {
		font-size: 16px;
		font-size: 1rem
	}
}

textarea {
	height: 6em;
	resize: none
}

input, textarea, button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px
}

.required--error, .field--error, .form--contact .required--error, .form--contact .field--error {
	border-color: #ae0000
}

.form__field--checkbox {
	cursor: pointer;
	display: inherit;
	overflow: hidden;
	position: relative
}

.form__field--checkbox.visually-hidden {
	opacity: 0
}

.form__field--checkbox:focus {
	border: none;
	outline: none
}

.form__field--checkbox:checked+.form__field--checkbox__label:after {
	opacity: 1;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.form__field--checkbox__label {
	cursor: pointer;
	display: block;
	position: relative;
	padding: 0.25rem 0 0.35rem 2.1rem;
	outline: none;
	border: none
}

.form__field--checkbox__label:before, .form__field--checkbox__label:after {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box;
	content: '';
	display: block;
	position: absolute
}

.form__field--checkbox__label:before {
	border: 0.175rem solid #d8d8d6;
	height: 1.2rem;
	left: 0.2rem;
	top: calc(50% - 0.6rem);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 1.2rem
}

.form__field--checkbox__label:after {
	background: #ae0000;
	height: 0.5rem;
	left: 0.55rem;
	opacity: 0;
	top: calc(50% - 0.25rem);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: all 0.25s cubic-bezier(0.875, 0.105, 0.19, 0.92);
	width: 0.5rem
}

@media only screen and (max-width: 64em) {
	.form__field--checkbox__label:before {
		left: 0.1875rem
	}
	.form__field--checkbox__label:after {
		height: 0.4375rem;
		left: 0.5625rem;
		width: 0.4375rem
	}
}

@-moz-document url-prefix() {
	.form--contact input[type="checkbox"] {
		-moz-appearance: checkbox;
		visibility: hidden;
		opacity: 0
	}
}

input[type="submit"], button {
	transition: all 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

input[type="submit"]:active, input[type="submit"]:focus, button:active, button:focus {
	outline: none
}

.form__field-wrap {
	margin-bottom: .75em
}

.form__field-wrap--submit {
	text-align: right
}

.form__error {
	background: #ae0000;
	border: 4px solid #ae0000;
	bottom: 0;
	color: #f5f5f1;
	left: 1em;
	padding: .4em 0em .5em;
	position: absolute;
	text-align: center;
	width: 1.11111111em
}

.form__error+.form__field {
	border-color: #ae0000
}

::-moz-selection {
	background: #ae0000;
	color: #f5f5f1;
	text-shadow: none
}

.block--red::-moz-selection {
	background: #f5f5f1;
	color: #ae0000;
	text-shadow: none
}

::-moz-selection {
	background: #ae0000;
	color: #f5f5f1;
	text-shadow: none
}

::selection {
	background: #ae0000;
	color: #f5f5f1;
	text-shadow: none
}

.block--red::-moz-selection {
	background: #f5f5f1;
	color: #ae0000;
	text-shadow: none
}

.block--red::selection {
	background: #f5f5f1;
	color: #ae0000;
	text-shadow: none
}

strong {
	font-weight: 600
}

table {
	width: 100%
}

th {
	padding: .5em 0;
	text-align: left;
	vertical-align: middle
}

td {
	padding: .5em 0;
	vertical-align: middle
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1
}

h1, .h1 {
	font-size: 65px;
	font-size: 3.25rem
}

h2, .h2 {
	font-size: 38px;
	
}

h3, .h3 {
	font-size: 50px;
	font-size: 2.5rem;
	margin: .2em 0
}

h4, .h4 {
	font-size: 45px;
	font-size: 2.25rem
}

h5, .h5 {
	font-size: 18px;
	font-size: 0.9rem;
	margin: 0
}

h6, .h6 {
	font-size: 16px;
	font-size: 0.8rem
}

@media only screen and (max-width: 50em) {
	h1, .h1 {
		font-size: 55px;
		font-size: 2.75rem
	}
	h2, .h2 {
		font-size: 45px;
		font-size: 2.25rem
	}
	h3, .h3 {
		font-size: 35px;
		font-size: 1.75rem
	}
	h4, .h4 {
		font-size: 30px;
		font-size: 1.5rem
	}
	h5, .h5 {
		font-size: 30px;
		font-size: 1.5rem
	}
	h6, .h6 {
		font-size: 16px;
		font-size: 0.8rem
	}
}

@media only screen and (max-width: 37.5em) {
	h1, .h1 {
		font-size: 40px;
		font-size: 2.22222rem
	}
	h2, .h2 {
		font-size: 30px;
		font-size: 1.66667rem
	}
	h3, .h3 {
		font-size: 30px;
		font-size: 1.66667rem
	}
	h4, .h4 {
		font-size: 30px;
		font-size: 1.66667rem
	}
	h5, .h5 {
		font-size: 18px;
		font-size: 1rem
	}
	h6, .h6 {
		font-size: 16px;
		font-size: 0.88889rem
	}
}

.pico {
	font-size: 13px;
	font-size: 0.65rem
}

.size--nano {
	font-size: 15px;
	font-size: 0.75rem
}

.micro {
	font-size: 21px;
	font-size: 1.05rem
}

.milli {
	font-size: 23px;
	font-size: 1.15rem
}

.kilo {
	font-size: 25px;
	font-size: 1.25rem
}

.mega {
	font-size: 30px;
	font-size: 1.5rem
}

@media only screen and (max-width: 64em) {
	.pico {
		font-size: 13px;
		font-size: 0.8125rem
	}
	.size--nano {
		font-size: 14px;
		font-size: 0.875rem
	}
}

@media only screen and (max-width: 50em) {
	.pico {
		font-size: 12px;
		font-size: 0.75rem
	}
	.mega {
		font-size: 24px;
		font-size: 1.2rem
	}
}

@media only screen and (max-width: 37.5em) {
	.mega {
		font-size: 20px;
		font-size: 1.25rem
	}
}

ul, ol {
	list-style: circle outside none;
	margin: 1em 0;
	padding: 0 0 0 1.5em
}

ul>li>ul, ol>li>ul {
	list-style: disc outside none;
	margin: 0
}

ul>li>ol, ol>li>ol {
	list-style: lower-greek outside none;
	margin: 0
}

ol {
	list-style: lower-roman outside none
}

.list--inline {
	list-style: none;
	margin: 0;
	padding: 0
}

.list--inline li {
	display: inline-block
}

.list--inline--dot li+li:before {
	content: "• "
}

.list--inline--pipe li+li:before {
	content: "| "
}

.list--inline--slash li+li:before {
	content: "/ "
}

.list--basic {
	list-style: none;
	padding: 0
}

.list--basic ul {
	padding-left: .5em
}

img {
	height: auto;
	max-width: 100%
}

.responsive-img>div {
	position: relative
}

.responsive-img img {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.responsive-video {
	padding-top: 56.25%;
	position: relative;
	transition: padding 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.responsive-video>div {
	position: relative
}

.responsive-video iframe {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.responsive-video.video-hide {
	padding-top: 0%
}

.page__background:after, .with-dot-overlay:after, .content--hero:before {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAExpcU/aXC8AAAACdFJOU00AM0T8cAAAAA5JREFUCNdjSGB4wPAAAAVmAiHaOmK0AAAAAElFTkSuQmCC")
}

.faux-img__home, .faux-img--ipad .faux-img__shadow:before, .faux-img--iphone .faux-img__shadow, .faux-img--browser .faux-img__background:before, .faux-img--browser .faux-img__button:before {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAExpcU/aXC8AAAACdFJOU4AATRBVcwAAAA5JREFUCNdjOMCwgCEBAAYGAcGwb1cKAAAAAElFTkSuQmCC")
}

.page__background {
	background: #161616;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 1;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1
}

.page__background embed {
	display: none !important
}

.page__background:after {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.page-type--contact .page__background:after {
	display: none
}

.with-dot-overlay {
	position: relative
}

.with-dot-overlay:after {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.page__background__image {
	max-width: none;
	position: absolute;
	z-index: 1
}

.page__background__video {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: 2
}

.page__background__video.video--active {
	opacity: 1;
	transition: opacity 2s ease;
	z-index: 2
}

.loading-in-progress .main-wrap .page__background, .loading-in-progress .main-wrap--core-team .page__background, .loading-in-progress .main-wrap--simple .page__background, .loading-in-progress .main-wrap--inner-page .page__background {
	position: absolute
}

@media only screen and (max-width: 47.9375em) {
	.page__background {
		top: 56px
	}
	.page__background--home {
		top: 0
	}
}

.touch .page__background__video {
	visibility: hidden
}

.callout {
	padding-bottom: 2.5em
}

.callout .media {
	display: inline-block;
	padding: 0 2%;
	vertical-align: top;
	width: 30%
}

@media only screen and (max-width: 47.9375em) {
	.callout .media {
		padding: 2.5em 2% 0;
		width: 50%
	}
}

@media only screen and (max-width: 30em) {
	.callout .media {
		width: 100%
	}
}

.callout img {
	display: block;
	margin: 0 auto 2.5em;
	position: relative;
	top: 0;
	transition: top 0.3s ease
}

.callout .btn {
	display: block;
	font-size: 16px;
	font-size: 0.8rem;
	padding-bottom: 1.7em;
	padding-top: 1.5em
}

@media only screen and (max-width: 64em) {
	.callout .btn {
		font-size: 13px;
		font-size: 0.8125rem
	}
}

@media only screen and (max-width: 50em) {
	.callout .btn {
		font-size: 12px;
		font-size: 0.75rem
	}
}

.callout .media:hover img {
	top: -16px
}

.callout .media:hover .btn {
	background: #ca3131;
	border-color: #972424;
	color: #f5f5f1
}

.callout .media:active img, .callout .media:focus img {
	top: -8px
}

.callout .media:active .btn, .callout .media:focus .btn {
	background: #525252;
	border-color: #3d3d3d;
	border-width: 2px 0 0;
	color: #f5f5f1
}

.block {
	padding: 12em 0;
	text-align: center
}

.block .wrap {
	max-width: 54.8em
}

@media only screen and (max-width: 50em) {
	.block {
		padding: 8em 0
	}
}

@media only screen and (max-width: 40em) {
	.block {
		padding: 4em 0
	}
}

.block--white {
	background: #f5f5f1;
	color: #161616
}

.block--white a {
	border-bottom: 2px solid #ae0000;
	color: #161616
}

.block--white a:hover {
	border-color: #ae0000;
	color: #ae0000
}

.block--white a:active, .block--white a:focus {
	border-color: #161616;
	color: #161616
}

.block--black {
	background: #161616;
	color: #f5f5f1
}

.block--red {
	background: #ae0000;
	color: #f5f5f1
}

.block--red a {
	border-bottom: 1px solid #f5f5f1;
	color: #f5f5f1;
	font-weight: 600
}

.block--red a:hover {
	border-color: #161616;
	color: #f5f5f1
}

.block--red a:active, .block--red a:focus {
	border-color: #161616;
	color: #161616
}

.block--red .btn {
	background: none;
	border: none;
	box-shadow: none
}

.block__title {
	display: inline-block;
	font-size: 75px;
	font-size: 3.75rem;
	font-weight: normal;
	letter-spacing: -0.04em;
	margin: 0 auto .5em;
	padding-right: 3px;
	position: relative;
	text-align: center;
	text-transform: uppercase
}

.block__title:before {
	background-size: 4px 4px;
	content: attr(data-copy);
	left: 3px;
	opacity: .5;
	pointer-events: none;
	position: absolute;
	top: 3px;
	-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUxpcRYWFmq7flkAAAABdFJOUwBA5thmAAAADklEQVQI12NQYHBgaAAAAeYA4cS4FhAAAAAASUVORK5CYII=")
}

@-moz-document url-prefix() {
	.block__title:before {
		opacity: .2
	}
}

.ie .block__title:before {
	opacity: .2
}

.block__copy {
	font-size: 42px;
	font-size: 2.1rem;
	line-height: 1.33;
	font-weight: 300;
	max-width: 22em;
	margin: 1em auto 0
}

@media only screen and (max-width: 50em) {
	.block__title {
		font-size: 48px;
		font-size: 3rem
	}
	.block__copy {
		font-size: 24px;
		font-size: 1.5rem
	}
}

@media only screen and (max-width: 30em) {
	.block__title {
		font-size: 36px;
		font-size: 2.25rem
	}
	.block__copy {
		font-size: 18px;
		font-size: 1.125rem
	}
}

.hero {
	background: #161616 center no-repeat;
	background-size: cover;
	border-bottom: #ae0000 5px solid;
	padding: 1em 1em;
	position: relative;
	color: #f5f5f1
}

.hero:before {
	background: url("../images/bg/hero-dot-3%402x.png") center;
	background-size: 3px 3px;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.no-backgroundsize .hero:before {
	background-image: url("../images/bg/hero-dot-3.png")
}

.hero .wrap {
	height: 22.5em
}

@media only screen and (max-width: 70em) {
	.hero .wrap {
		height: 20em
	}
}

@media only screen and (max-width: 47.9375em) {
	.hero .wrap {
		height: auto;
		padding: 2.5em 1em
	}
}

.hero__title {
	font-size: 160px;
	font-size: 8rem;
	position: relative;
	text-shadow: black 3px 3px 0, #ae0000 5px 5px 0;
	text-transform: uppercase;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media only screen and (max-width: 47.9375em) {
	.hero__title {
		text-shadow: black 2px 2px 0, #ae0000 4px 4px 0;
		font-size: 100px;
		font-size: 5rem;
		-ms-transform: none;
		transform: none;
		top: 0
	}
}

.lte9 .hero__title:before, .lte9 .hero__title:after {
	content: attr(data-title);
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%
}

.lte9 .hero__title:before {
	left: 3px;
	top: 3px;
	color: black;
	z-index: 1
}

@media only screen and (max-width: 47.9375em) {
	.lte9 .hero__title:before {
		left: 2px;
		top: 2px
	}
}

.lte9 .hero__title:after {
	left: 5px;
	top: 5px;
	color: #ae0000
}

@media only screen and (max-width: 47.9375em) {
	.lte9 .hero__title:after {
		left: 4px;
		top: 4px
	}
}

.lte9 .hero__title span {
	z-index: 2
}

.hero__title--flourish--line span {
	position: relative;
	display: inline-block;
	padding: 0 0.075em 0 0.0625em
}

.hero__title--flourish--line span:before, .hero__title--flourish--line span:after {
	content: '';
	display: block;
	width: 0.5em;
	height: 0.0125em;
	background: #f5f5f1;
	position: absolute;
	top: 50%;
	margin-top: -0.0625em
}

@media only screen and (max-width: 47.9375em) {
	.hero__title--flourish--line span:before, .hero__title--flourish--line span:after {
		display: none
	}
}

.hero__title--flourish--line span:before {
	left: -0.5em
}

.hero__title--flourish--line span:after {
	right: -0.5em
}

.home-project {
	overflow: hidden;
	position: relative
}

.home-project__inner {
	padding: 50% 0 25%
}

@media only screen and (max-width: 61.25em) {
	.home-project__inner {
		padding: 6em 0
	}
}

.home-project__content {
	text-align: center
}

.nav--home-projects {
	position: fixed;
	right: 1em;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.nav--home-projects a {
	background: none;
	border: 2px solid #f5f5f1;
	display: block;
	height: .5em;
	margin: 1em 0;
	opacity: .6;
	overflow: hidden;
	text-indent: 110%;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transform: rotate(45deg) translate3d(0, 0, 0);
	white-space: nowrap;
	width: .5em
}

.nav--home-projects a:hover {
	opacity: 1
}

.nav--home-projects a:active, .nav--home-projects a:focus, .nav--home-projects a.js--active {
	background: #f5f5f1;
	opacity: 1
}

@media only screen and (max-width: 64em) {
	.touch .nav--home-projects {
		display: none
	}
}

.home-projects .block__title {
	display: inline-block
}

@media only screen and (max-width: 67.5em) {
	.home-projects .block__title {
		max-width: 75%
	}
}

.home-project__logo {
	display: inline-block;
	padding-right: 25.83333%;
	vertical-align: middle;
	width: 50%
}

.home-project__logo img {
	display: block;
	margin: 0 auto
}

.home-project__logo>svg {
	fill: white;
	display: block;
	margin: 0 auto;
	width: 100%
}

.home-project__logo>svg path {
	fill: inherit
}

.btn--home-project {
	background: rgba(245, 245, 241, 0.2);
	border-radius: 8px;
	display: block;
	margin-top: 4.4em;
	padding: 0
}

.btn--home-project:hover {
	background: rgba(245, 245, 241, 0.4)
}

.btn--home-project:active, .btn--home-project:focus {
	background: rgba(22, 22, 22, 0.1)
}

@media only screen and (max-height: 68.75em) {
	.home-project__logo {
		padding-right: 18.33333%
	}
	.btn--home-project {
		margin-top: 2em
	}
}

@media only screen and (max-width: 80em) {
	.btn--home-project {
		margin-top: 2em
	}
}

@media only screen and (max-width: 67.5em) {
	.home-project__logo {
		padding-right: 9.75em
	}
}

.home-project__clip {
	clip: rect(auto, auto, auto, auto);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.home-project__clip+.wrap {
	position: relative
}

@media only screen and (max-width: 61.25em) {
	.home-project__clip {
		clip: auto;
		height: auto;
		position: relative;
		top: auto
	}
}

.touch .home-project__clip {
	clip: auto;
	height: auto;
	position: relative;
	top: auto
}

.home-project__phone {
	display: block;
	left: 50%;
	max-width: 620px;
	max-height: 866px;
	position: fixed;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	vertical-align: middle;
	width: 51.66667%
}

.home-project__phone .phone__responsive {
	margin: 0 auto;
	max-width: 75%;
	width: 18.85em
}

@media only screen and (min-width: 61.3125em) {
	.lte9 .home-project__clip {
		clip: auto
	}
	.lte9 .home-project__phone {
		position: absolute
	}
}

.phone__responsive__inner {
	padding-top: 208.75332%;
	position: relative
}

.phone__responsive__bg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.responsive__bg__wrap {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%
}

.responsive__bg__wrap img {
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	width: 100%
}

.phone__reveal {
	height: 71.02922%;
	left: 8.48806%;
	position: absolute;
	top: 14.61245%;
	width: 83.81963%
}

.phone__reveal video {
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	width: 100%
}

.phone__reveal video::-webkit-media-controls {
	display: none !important
}

.phone__reveal__wrap {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%
}

@media only screen and (max-width: 80em) {
	.home-project__phone {
		max-width: 400px
	}
	.home-project__phone .block__title {
		font-size: 50px;
		font-size: 2.5rem
	}
	.home-project__phone .phone__responsive {
		width: 15em
	}
}

@media only screen and (max-height: 68.75em) {
	.home-project__phone {
		max-width: 400px
	}
	.home-project__phone .block__title {
		font-size: 56px;
		font-size: 2.8rem
	}
	.home-project__phone .phone__responsive {
		width: 18.75em
	}
}

@media only screen and (max-height: 64.0625em) {
	.home-project__phone {
		padding-top: 1.5em
	}
	.home-project__phone .phone__responsive {
		width: 17.5em
	}
}

@media only screen and (max-height: 59.375em) {
	.home-project__phone .block__title {
		font-size: 52px;
		font-size: 2.6rem
	}
	.home-project__phone .phone__responsive {
		width: 15em
	}
}

@media only screen and (max-height: 53.75em) {
	.home-project__phone .block__title {
		font-size: 36px;
		font-size: 1.8rem
	}
	.home-project__phone .phone__responsive {
		width: 13.75em
	}
}

@media only screen and (max-height: 46.875em) {
	.home-project__phone {
		padding-top: 50px
	}
	.home-project__phone .block__title {
		font-size: 36px;
		font-size: 1.8rem
	}
	.home-project__phone .phone__responsive {
		width: 11.5em
	}
}

@media only screen and (max-height: 40.625em) {
	.home-project__phone {
		top: 0;
		-ms-transform: translate(-50%, 10%);
		transform: translate(-50%, 10%)
	}
}

@media only screen and (max-width: 61.25em) {
	.home-project__phone {
		margin: 0 auto 3.5em;
		width: 100%;
		max-width: none
	}
	.home-project__phone .phone__responsive {
		width: 15em
	}
}

@media only screen and (max-width: 31.25em) {
	.home-project__phone .phone__responsive {
		width: 12.5em
	}
}

.home-project__desc {
	display: inline-block;
	padding-left: 25.83333%;
	text-align: left;
	text-shadow: 0px 1px 2px rgba(22, 22, 22, 0.2);
	vertical-align: middle;
	width: 50%
}

.home-project__desc .btn--home-project--small {
	display: none
}

.home-project__desc h3 {
	font-size: 31px;
	font-size: 1.55rem;
	font-weight: bold;
	line-height: 1.2777777778;
	margin: 0 0 1em;
	text-transform: uppercase
}

.home-project__desc p {
	line-height: 1.6;
	margin: 1em 0 0
}

@media only screen and (max-height: 68.75em) {
	.home-project__desc {
		padding-left: 11em
	}
}

@media only screen and (max-height: 53.125em) {
	.home-project__desc h3 {
		font-size: 24px;
		font-size: 1.2rem
	}
	.home-project__desc p {
		font-size: 18px;
		font-size: 0.9rem
	}
}

@media only screen and (max-width: 80em) {
	.home-project__desc {
		padding-left: 11em
	}
	.home-project__desc h3 {
		font-size: 26px;
		font-size: 1.3rem
	}
}

@media only screen and (max-width: 67.5em) {
	.home-project__desc {
		padding-left: 9.75em;
		padding-right: 2em
	}
}

@media only screen and (max-width: 61.25em) {
	.home-project, .home-projects {
		height: auto;
		min-height: 0
	}
	.home-project .centered-v {
		padding: 8em 0
	}
	.full-height--3 .full-height {
		height: 100%;
		min-height: 100%
	}
	.home-projects .block__title {
		display: none
	}
	.home-project__logo {
		margin-right: 0;
		padding: 0 1.5em 0 0;
		width: 40%
	}
	.home-project__logo>svg {
		max-height: 7em;
		max-width: 13em;
		width: 100%
	}
	.home-project__phone {
		left: auto;
		position: relative;
		top: auto;
		-ms-transform: none;
		transform: none
	}
	.home-project__phone .responsive__bg__wrap {
		height: 100% !important
	}
	.phone__reveal__wrap {
		height: 100% !important
	}
	.home-project__desc {
		margin-left: 0;
		padding: 0 1.5em;
		width: 45%
	}
	.home-project__desc p {
		line-height: 1.4;
		font-size: 1.2rem
	}
}

@media only screen and (max-width: 46.25em) {
	.home-project .centered-v {
		padding: 4em 0
	}
	.home-project__logo, .home-project__phone, .home-project__desc {
		display: block;
		width: 100%
	}
	.home-project__content {
		padding: 0 1.5em
	}
	.home-project__logo, .home-project__desc {
		margin: 0 auto;
		padding: 0
	}
	.btn--home-project img {
		max-width: 290px;
		width: 100%
	}
	.home-project__logo {
		margin-bottom: 2em;
		text-align: center
	}
	.home-project__logo>svg {
		display: block;
		margin: 0 auto;
		max-width: 50%;
		max-height: 8em
	}
	.home-project__logo .btn--home-project {
		display: none
	}
	.home-project__desc {
		text-align: center
	}
	.home-project__desc .btn--home-project--small {
		display: inline-block;
		margin: 0 auto 3.5em
	}
	.home-project__desc h3 {
		margin-bottom: .5em
	}
	.home-project__desc {
		margin-top: 2em
	}
	.phone__reveal video {
		height: 100%
	}
}

.touch .home-project__inner {
	padding: 6em 0
}

.touch .home-project, .touch .home-projects {
	height: auto;
	min-height: 0
}

.touch .home-project .centered-v {
	padding: 8em 0
}

.touch .full-height--3 .full-height {
	height: 100%;
	min-height: 100%
}

.touch .home-projects .block__title {
	display: none
}

.touch .home-project__logo {
	margin-right: 0;
	padding: 0 1em 0 0;
	width: 40%
}

.touch .home-project__logo>svg {
	max-height: 5em
}

.touch .home-project__phone {
	left: auto;
	margin: 0 auto 2em;
	position: relative;
	top: auto;
	-ms-transform: none;
	transform: none
}

.touch .home-project__phone .responsive__bg__wrap {
	height: 100% !important
}

.touch .phone__reveal__wrap {
	height: 100% !important
}

.touch .home-project__desc {
	margin-left: 0;
	padding: 0 1em;
	width: 60%
}

@media only screen and (max-width: 46.25em) {
	.touch .home-project .centered-v {
		padding: 4em 0
	}
	.touch .home-project__logo, .touch .home-project__phone, .touch .home-project__desc {
		display: block;
		margin: 0 auto;
		width: 100%
	}
	.touch .home-project__logo {
		margin: 2em 0;
		padding-right: 0;
		text-align: center
	}
	.touch .home-project__logo>svg {
		display: block;
		margin: 0 auto;
		max-width: 50%;
		max-height: 8em
	}
	.touch .home-project__logo .btn--home-project {
		display: none
	}
	.touch .home-project__desc {
		text-align: center
	}
	.touch .home-project__desc .btn--home-project--small {
		display: inline-block;
		margin: 0 auto 2em
	}
	.touch .home-project__desc {
		margin-top: 2em
	}
}

.home-project__inner--afterlight {
	background: #343d45;
	background: linear-gradient(to bottom, #24292d 0%, #343d45 100%)
}

.home-project__inner--nimble {
	background: #fe6150;
	background: url(https://fueled.com/assets/images/home/project-bg--nimble.svg), linear-gradient(to bottom, #fe6150 0%, #fe6150 50%, #ea5140 100%);
	background-size: cover, 100%
}

.home-project__inner--sunnycomb {
	background: #12235a;
	background: linear-gradient(to bottom, #12235a 0%, #27a9d7 50%, #47d7d8 80%, #c4ebc3 100%)
}

.home-project__inner--athlete-minder {
	background: #202326;
	background: radial-gradient(60vw at -5% 70%, #ffa52c 0%, rgba(255, 165, 44, 0) 100%), radial-gradient(60vw at 105% 30%, #2cc5c5 0%, rgba(44, 197, 197, 0) 100%), radial-gradient(60vw at 70% 105%, #34c388 0%, rgba(52, 195, 136, 0) 100%), #202326
}

.home-project__inner--keyme {
	background: #ffa306
}

.home-project__inner--quizup {
	background: #fb424a;
	background: linear-gradient(to bottom, #fb424a 0%, #fb3a43 100%)
}

.home-project__inner--verizon {
	background: #fb424a;
	background: linear-gradient(to bottom, #ed1c24 0%, #c0171d 100%)
}

.home-project__inner--warby-parker {
	background: #00A2E1
}

.faux-img, .faux-img--ipad, .faux-img--iphone, .faux-img--browser {
	position: relative
}

.faux-img *, .faux-img--ipad *, .faux-img--iphone *, .faux-img--browser * {
	position: absolute
}

.faux-img__inner {
	position: relative
}

.faux-img__home {
	border: 1px solid #f5f5f1;
	border-radius: 50%;
	opacity: .32;
	overflow: hidden;
	position: absolute
}

.faux-img__home:after {
	background: #f5f5f1;
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%
}

.faux-img--ipad {
	width: 40.7em
}

.faux-img--ipad .faux-img__inner {
	padding-top: 69.65602%
}

.faux-img--ipad .faux-img__outline {
	border: 0.4em solid #cdcdca;
	border-radius: 2.4em;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

@media only screen and (max-width: 40em) {
	.faux-img--ipad .faux-img__outline {
		border-radius: 1em
	}
}

.faux-img--ipad .faux-img__screen {
	background: #f5f5f1;
	border: 0.15em solid #cdcdca;
	border-radius: 0.25em;
	content: "";
	height: 91.18166%;
	left: 8.72236%;
	overflow: hidden;
	position: absolute;
	top: 4.40917%;
	width: 83.41523%
}

.faux-img--ipad .faux-img__screen:before {
	background: #161616;
	content: "";
	height: 13.69863%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1
}

.faux-img--ipad .faux-img__screen:after {
	color: #f5f5f1;
	content: "Tablet Apps";
	font-weight: bold;
	left: 0;
	line-height: 1;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 4.89237%;
	width: 100%;
	z-index: 1
}

.faux-img--ipad .faux-img__list {
	height: 230.52838%;
	left: -13.52155%;
	position: absolute;
	top: 13.69863%;
	width: 33.13522%
}

.faux-img--ipad .faux-img__map {
	bottom: 0;
	height: 85.90998%;
	position: absolute;
	right: 0;
	width: 78.30609%
}

.faux-img--ipad .faux-img__shadow {
	background: #cdcdca;
	height: 86.30137%;
	left: 21.39673%;
	position: absolute;
	top: 13.69863%;
	width: 0.29718%
}

.faux-img--ipad .faux-img__shadow:before {
	content: "";
	height: 100%;
	left: -1200%;
	opacity: .32;
	position: absolute;
	top: 0;
	width: 1200%
}

.faux-img--ipad .faux-img__home {
	height: 8.89749%;
	left: 91.76904%;
	top: 49.51644%;
	width: 5.65111%
}

.faux-img--ipad .faux-img__home:after {
	bottom: 50%
}

.faux-img--iphone {
	width: 14.4em
}

.faux-img--iphone .faux-img__inner {
	padding-top: 184.02778%
}

.faux-img--iphone .faux-img__shadow {
	border-radius: 0 1.6em 0 0;
	content: "";
	height: 85.4717%;
	left: 6.25%;
	opacity: .32;
	top: 4.71698%;
	width: 93.75%
}

.faux-img--iphone .faux-img__outline {
	background: #f5f5f1;
	border: 0.4em solid #cdcdca;
	border-radius: 1.6em;
	height: 100%;
	left: 0;
	top: 0;
	width: 93.75%
}

.faux-img--iphone .faux-img__screen {
	background: #f5f5f1;
	border: 0.15em solid #cdcdca;
	border-radius: 0.25em;
	content: "";
	height: 77.54717%;
	left: 6.59722%;
	overflow: hidden;
	position: absolute;
	top: 8.67925%;
	width: 81.59722%
}

.faux-img--iphone .faux-img__modal, .faux-img--iphone .faux-img__bg {
	height: 98.51852%;
	left: 1.31004%;
	position: absolute;
	top: 0.74074%;
	width: 97.37991%
}

.faux-img--iphone .faux-img__modal {
	transition: all 0.75s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.faux-img--iphone .faux-img__home {
	height: 8.67925%;
	left: 39.23611%;
	top: 88.11321%;
	width: 15.97222%
}

.faux-img--iphone .faux-img__home:after {
	top: 50%
}

.faux-img--iphone.js--reveal-iphone .faux-img__modal {
	-ms-transform: translateX(85%) scale(0.9);
	transform: translateX(85%) scale(0.9)
}

.touch .faux-img--iphone .faux-img__modal {
	-ms-transform: translateX(85%) scale(0.9);
	transform: translateX(85%) scale(0.9)
}

.faux-img--browser {
	width: 56em
}

.faux-img--browser .faux-img__inner {
	padding-top: 55.53571%
}

.faux-img--browser .faux-img__background {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.faux-img--browser .faux-img__background:before {
	border-radius: 1.6em 1.6em 0 0;
	content: '';
	height: 100%;
	left: 0;
	opacity: .32;
	position: absolute;
	top: 0;
	width: 100%
}

.faux-img--browser .faux-img__background:after {
	background: #f5f5f1;
	border: 0.15em solid #cdcdca;
	border-bottom: 0;
	border-radius: 0.4em;
	content: '';
	height: 86.17363%;
	left: 7.85714%;
	position: absolute;
	top: 13.82637%;
	width: 83.57143%
}

.faux-img--browser .faux-img__outline {
	border: 0.15em solid #cdcdca;
	border-bottom: 0px;
	border-radius: 0.7em 0.7em 0 0;
	height: 82.63666%;
	left: 9.73214%;
	top: 17.36334%;
	width: 80.35714%
}

@media only screen and (max-width: 40em) {
	.faux-img--browser .faux-img__outline {
		border-radius: 0.25em 0.25em 0 0
	}
}

.faux-img--browser .faux-img__outline:after {
	background: #cdcdca;
	content: "";
	height: 0.58366%;
	left: 0;
	position: absolute;
	top: 6.80934%;
	width: 100%
}

.faux-img--browser .faux-img__screen {
	height: 76.04502%;
	left: 10%;
	overflow: hidden;
	position: absolute;
	top: 23.95498%;
	width: 79.82143%
}

.faux-img--browser .faux-img__bg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.faux-img--browser .faux-img__graph {
	height: 41.22622%;
	left: 6.59955%;
	position: absolute;
	top: 25.79281%;
	width: 21.81208%
}

.faux-img--browser .faux-img__graph svg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.faux-img--browser .faux-img__buttons {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.faux-img--browser .faux-img__button {
	border: 2px solid #cdcdca;
	border-radius: 50%;
	height: 3.05466%;
	overflow: hidden;
	top: 19.13183%;
	width: 1.69643%
}

.faux-img--browser .faux-img__button:before {
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	opacity: .32;
	position: absolute;
	top: 0;
	width: 100%
}

.faux-img--browser .faux-img__button:after {
	background: #f5f5f1;
	border-radius: 50%;
	bottom: 35%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%
}

.faux-img--browser .faux-img__button:nth-child(1) {
	left: 11.07143%
}

.faux-img--browser .faux-img__button:nth-child(2) {
	left: 13.30357%
}

.faux-img--browser .faux-img__button:nth-child(3) {
	left: 15.44643%
}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
	float: left
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer
}

.owl-controls {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent
}

.grabbing {
	cursor: grabbing;
	cursor: -webkit-grabbing
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.site-header {
	background: #161616;
	left: 0px;
	position: fixed;
	right: 0px;
	top: 0;
	text-align: right;
	transition: transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	z-index: 10
}

.site-header:before {
	animation: color 1s linear 0s infinite both;
	content: "(animation test)";
	color: green
}

.site-header .wrap {
	max-width: none;
	padding: 0;
	position: relative
}

@media only screen and (max-width: 47.9375em) {
	.site-header .wrap {
		padding: 0 10px
	}
}

.site-header .site-header__inner {
	background: #fff;
	position: relative;
	z-index: 3
}

.site-header.hide-nav {
	-ms-transform: translateY(-56px);
	transform: translateY(-56px)
}

@media only screen and (max-width: 47.9375em) {
	.site-header.hide-nav {
		-ms-transform: none;
		transform: none
	}
}

.site-header.js--animate {
	transition: all 0.9s cubic-bezier(1, 0, 0, 1)
}

.site-header.js--no-animate {
	transition: none
}

.site-title {
	left: 9px;
	margin: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	transition: visibility 0s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	transition-delay: 0ms, 0ms;
	visibility: visible
}

.site-title a {
	background: transparent;
	border: none;
	display: block;
	fill: #f5f5f1
}



.site-title a:active, .site-title a:focus {
	background: #525252
}

.site-title a .svg-emblem {
	display: block
}

.site-title a .svg-emblem path {
	fill: inherit
}

.site-title a svg {
	display: block
}

@media only screen and (max-width: 64em) {
	.site-title .site-title {
		left: 20px
	}
}

.main-navigation {
	margin: 0 66px
}

.main-navigation.js--hide-main-nav {
	margin-top: -56px;
	transition: margin 0.5s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.main-navigation ul {
	font-size: 0px;
	font-size: 0rem;
	list-style: none;
	margin: 0;
	padding: 0
}

.main-navigation li {
	display: inline-block;
	font-size: 19px;
}

@media only screen and (max-width: 70em) {
	.main-navigation li {
		font-size: 20px;
		font-size: 1rem
	}
}

.main-navigation a {
	border: none;
	border-color: #fff;
	color: #161616;
	display: block;
	font-weight: 500;
	line-height: 53px;
	margin: 0;
	padding: 0 1em 3px;
	position: relative
}

.main-navigation a:hover {
	background: #0b9eda;
color: #FFF;
}


.active{background: #0b9eda; color: #fff !important;}

.main-navigation a:active, .main-navigation a:focus {
	background: #0b9eda; color: #FFF;
}

@media only screen and (max-width: 64em) {
	.main-navigation li {
		font-size: 16px;
		font-size: 1rem
	}
	.main-navigation a {
		padding: 0 .625em 3px
	}
}

.main-navigation .menu__item--external a {
	position: relative
}

.main-navigation .menu__item--external a .svg--external-link {
	fill: #ae0000;
	height: 10px;
	position: absolute;
	right: 3px;
	top: 3px;
	-ms-transform: scale(0);
	transform: scale(0);
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 10px
}

.main-navigation .menu__item--external a .svg--external-link svg {
	display: block
}

.main-navigation .menu__item--external a .svg--external-link polygon {
	fill: inherit
}

.main-navigation .menu__item--external a:hover {
	background-color: #f5f5f1;
	color: #525252
}

.main-navigation .menu__item--external a:hover .svg--external-link {
	-ms-transform: scale(1);
	transform: scale(1)
}

.main-navigation .menu__item--external a:active, .main-navigation .menu__item--external a:focus {
	background-color: #525252;
	color: #f5f5f1
}

.main-navigation .menu__item--external a:active .svg--external-link, .main-navigation .menu__item--external a:focus .svg--external-link {
	fill: #f5f5f1;
	-ms-transform: scale(1);
	transform: scale(1)
}

.no-csstransforms .main-navigation .menu__link--external .svg--external-link {
	display: none
}

.no-csstransforms .main-navigation .menu__link--external:hover, .no-csstransforms .main-navigation .menu__link--external:active, .no-csstransforms .main-navigation .menu__link--external:focus {
	display: block
}

#nav-toggle {
	display: none
}

.lte9 .menu--social .menu__item--connect ul .menu__item--facebook a {
	background-image: url(../images/icons/facebook.png)
}

.lte9 .menu--social .menu__item--connect ul .menu__item--twitter a {
	background-image: url(../images/icons/twitter.png)
}

.lte9 .menu--social .menu__item--connect ul .menu__item--pinterest a {
	background-image: url(../images/icons/pinterest.png)
}

.lte9 .menu--social .menu__item--connect ul .menu__item--instagram a {
	background-image: url(../images/icons/instagram.png)
}

.lte9 .menu--social .menu__item--connect ul .menu__item--dribbble a {
	background-image: url(../images/icons/dribbble.png)
}

.loading-to-home .site-title {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	transition-delay: 400ms, 0ms;
	visibility: hidden
}

.single-project #masthead .main-navigation, .loading-from-individual-project #masthead .main-navigation {
	display: none;
	margin-top: -56px;
	visibility: hidden
}

.page-template-page-templatesabout-page-php .menu__item--about a, .page-template-page-templatesservices-page-php .menu__item--services a, .page-template-page-templatesprojects-page-php .menu__item--projects a, .page-template-page-templatesteam-page-php .menu__item--team a, .page-template-page-templatesteam-page-php .menu__item--core-team a, .single-team-member .menu__item--team a, .single-team-member .menu__item--core-team a, .loading-from-core-team .menu__item--core-team a, .loading-from-core-team-member .menu__item--core-team a, .page-template-page-templatescontact-page-php .menu__item--contact a, .page-template-page-templatescontact-page-php .menu__item--contact-us a, .page-template-page-templatesblog-page-php .menu__item--blog a, .page-template-page-templatesjobs-page-php .menu__item--jobs a, .single-job .menu__item--jobs a, .loading-from-jobs .menu__item--jobs a, .loading-from-job .menu__item--jobs a {
	background-color: #ae0000;
	color: #f5f5f1
}

@media only screen and (max-width: 47.9375em) {
	#nav-toggle {
		cursor: pointer;
		display: block;
		height: 56px;
		left: 0;
		position: absolute;
		top: 0;
		width: 56px;
		z-index: 3
	}
	#nav-toggle span {
		border-color: #059ad7;
		border-style: solid;
		border-width: 2px 0;
		color: #252525;
		display: block;
		height: 14px;
		left: 50%;
		margin: -7px 0 0 -9px;
		position: absolute;
		text-indent: -99em;
		top: 50%;
		transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
		width: 18px
	}
	#nav-toggle span:before, #nav-toggle span:after {
		border-color: #059ad7;
		border-style: solid;
		border-width: 2px 0 0;
		box-sizing: border-box;
		content: "";
		height: 2px;
		left: 0;
		position: absolute;
		right: 0;
		top: 4px;
		width: 18px
	}
	#nav-toggle span:after {
		transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
	}
	.site-title {
		left: 0;
		margin: 0 auto;
		position: relative;
		top: 0;
		width: 56px;
		z-index: 3
	}
	.main-navigation {
		height: 100%;
		left: 0;
		margin: 0;
		opacity: 0;
		position: fixed;
		top: 0;
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		transition: visibility .3s ease .3s, opacity .3s ease, transform .3s ease;
		visibility: hidden;
		width: 100%;
		z-index: 2
	}
	.main-navigation .nav-menu {
		height: 100%;
		left: 0;
		overflow: auto;
		padding-top: 56px;
		position: absolute;
		top: 0;
		width: 240px
		background: #f7f7f7;
    	box-shadow: 0px 0px 10px #000;
	}
	.main-navigation li {
		display: block;
		width: 100%
	}
	.main-navigation a {
		display: block;
		line-height: 45px;
		padding-left: 20px;
		padding-right: 20px;
		text-align: left;
		width: 100%
	}
	.js--mobile-nav-hide-on-resize {
		display: none
	}
	#page>:first-child {
		transition: transform .3s ease
	}
	.js--fade-menu-in {
		overflow: hidden
	}
	.js--fade-menu-in body {
		overflow: hidden
	}
	.js--show-menu {
		overflow: hidden
	}
	.js--show-menu body {
		overflow: hidden
	}
	.js--show-menu #nav-toggle span {
		border-color: transparent;
		-ms-transform: rotate(135deg);
		transform: rotate(135deg)
	}
	.js--show-menu #nav-toggle span:after {
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		transition-duration: .5s
	}
	.js--show-menu .main-navigation {
		opacity: 1;
		-ms-transform: none;
		transform: none;
		transition-delay: 0s, 0s, 0s;
		visibility: visible
	}
	.js--show-menu #page>:first-child {
		-ms-transform: translateX(240px);
		transform: translateX(240px)
	}
}

.menu--social {
	height: 56px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 56px;
	z-index: 11
}

@media only screen and (min-width: 48em) {
	.hide-nav+.menu--social {
		-ms-transform: translateY(-56px);
		transform: translateY(-56px)
	}
}

.single-project .menu--social, .loading-project .menu--social {
	-ms-transform: translateY(-56px);
	transform: translateY(-56px)
}

.toggle--social {
	display: block;
	height: 56px;
	padding-top: 17px;
	width: 56px;
	transition: all 0.25s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.toggle--social svg {
	display: block;
	margin: 0 auto
}

.toggle--social svg polygon, .toggle--social svg path {
	opacity: 1;
	transition: all 0.25s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.no-touch .menu--social:hover .toggle--social, .touch .menu--social.js--show-social .toggle--social {
	background-color: #252525
}

.no-touch .menu--social:hover .toggle--social svg polygon, .no-touch .menu--social:hover .toggle--social svg path, .touch .menu--social.js--show-social .toggle--social svg polygon, .touch .menu--social.js--show-social .toggle--social svg path {
	opacity: 1
}

.menu--sub {
	list-style: none;
	margin: 0;
	padding: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 100%;
	text-align: left;
	transition: visibility .4s ease .4s;
	visibility: hidden;
	white-space: nowrap;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.menu--sub li+li {
	border-top: 2px solid #161616
}

.menu--sub li {
	margin-bottom: -2px;
	pointer-events: auto;
	transition: transform 0.35s cubic-bezier(0.75, -0.17, 0.23, 1.19);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.menu--sub li:nth-child(1) {
	transition-delay: 0.16s
}

.menu--sub li:nth-child(2) {
	transition-delay: 0.12s
}

.menu--sub li:nth-child(3) {
	transition-delay: 0.08s
}

.menu--sub li:nth-child(4) {
	transition-delay: 0.04s
}

.menu--sub li:nth-child(5) {
	transition-delay: 0s
}

.menu--sub a {
	background-color: #252525;
	background-position: 1.5em center;
	background-repeat: no-repeat;
	color: #f5f5f1;
	display: block;
	font-size: 18px;
	font-size: 0.9rem;
	font-weight: 600;
	padding: 1.38889em 1.55556em 1.27778em 25px;
	position: relative;
	white-space: nowrap
}

.menu--sub a:hover, .menu--sub a:active, .menu--sub a:focus {
	color: #f5f5f1
}

.menu--sub a:after {
	background: #252525;
	content: "";
	left: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	width: 10%
}

.menu--sub a svg {
	margin-right: 14px
}

.no-touch .menu--social:hover .menu--sub, .touch .menu--social.js--show-social .menu--sub {
	transition-delay: 0s;
	visibility: visible
}

.menu__item--facebook a:hover {
	background-color: #1d3a62
}

.menu__item--facebook a:active, .menu__item--facebook a:focus {
	background-color: #525252
}

.menu__item--facebook a>* {
	display: inline-block;
	vertical-align: middle
}

.menu__item--twitter a:hover {
	background-color: #245975
}

.menu__item--twitter a:active, .menu__item--twitter a:focus {
	background-color: #525252
}

.menu__item--twitter a>* {
	display: inline-block;
	vertical-align: middle
}

.menu__item--pinterest a:hover {
	background-color: #7f322a
}

.menu__item--pinterest a:active, .menu__item--pinterest a:focus {
	background-color: #525252
}

.menu__item--pinterest a>* {
	display: inline-block;
	vertical-align: middle
}

.menu__item--instagram a:hover {
	background-color: #314351
}

.menu__item--instagram a:active, .menu__item--instagram a:focus {
	background-color: #525252
}

.menu__item--instagram a>* {
	display: inline-block;
	vertical-align: middle
}

.menu__item--dribbble a:hover {
	background-color: #813553
}

.menu__item--dribbble a:active, .menu__item--dribbble a:focus {
	background-color: #525252
}

.menu__item--dribbble a>* {
	display: inline-block;
	vertical-align: middle
}

.no-touch .menu--social:hover .menu--sub li, .touch .menu--social.js--show-social .menu--sub li {
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.no-touch .menu--social:hover .menu--sub li:nth-child(1), .touch .menu--social.js--show-social .menu--sub li:nth-child(1) {
	transition-delay: 0.04s
}

.no-touch .menu--social:hover .menu--sub li:nth-child(2), .touch .menu--social.js--show-social .menu--sub li:nth-child(2) {
	transition-delay: 0.08s
}

.no-touch .menu--social:hover .menu--sub li:nth-child(3), .touch .menu--social.js--show-social .menu--sub li:nth-child(3) {
	transition-delay: 0.12s
}

.no-touch .menu--social:hover .menu--sub li:nth-child(4), .touch .menu--social.js--show-social .menu--sub li:nth-child(4) {
	transition-delay: 0.16s
}

.no-touch .menu--social:hover .menu--sub li:nth-child(5), .touch .menu--social.js--show-social .menu--sub li:nth-child(5) {
	transition-delay: 0.2s
}

.home .page-wrap {
	padding-top: 0
}

.no-touch .page-type--home .site-header {
	position: absolute;
	top: 80px;
	-ms-transform: none;
	transform: none
}

.no-touch .page-type--home .site-header.hide-nav {
	transform: translate3d(0, -56px, 0)
}

.no-touch .page-type--home .site-header, .no-touch .page-type--home .site-header__inner {
	background: transparent
}

.no-touch .page-type--home .site-header__inner {
	transition: background .4s ease
}

.no-touch .page-type--home .menu--social {
	position: fixed;
	right: 0;
	top: 0
}

.no-touch .page-type--home .js--fixed-home-header {
	position: fixed;
	top: 0
}

.no-touch .page-type--home .js--fixed-home-header .site-header__inner {
	background: #161616
}

.no-touch .page-type--home .js--fixed-home-header .menu--social {
	position: absolute;
	right: 0;
	top: 0
}

@media only screen and (max-width: 47.9375em) {
	.no-touch .page-type--home .site-header {
		position: fixed;
		top: 0
	}
	.no-touch .page-type--home .site-header .site-header__inner {
		background: #fff;
	}
	.no-touch .page-type--home .site-header .menu--social {
		position: absolute;
		right: 0;
		top: 0
	}
}

.page-type--home .site-title {
	opacity: 0;
	visibility: hidden
}

.page-type--home .js--show-emblem .site-title {
	opacity: 1;
	visibility: visible
}

.content--hero {
	background-color: #161616;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	position: relative;
	z-index: 5
}

.content--hero:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.content--hero .wrap {
	position: relative
}

.content--hero .wrap__center {
	position: relative
}

.page--homepage .content--hero .wrap {
	position: relative
}

.page--homepage .block {
	position: relative;
	z-index: 5
}

.no-js .page--homepage .content--hero {
	background-image: url(../images/bg/bg--home--1.jpg)
}

@media only screen and (max-height: 54.0625em) {
	.page--homepage .content--hero {
		height: auto;
		min-height: 0;
		padding: 10em 0 16em
	}
	.page--homepage .content--hero .wrap {
		top: auto;
		-ms-transform: none;
		transform: none
	}
}

@media only screen and (max-height: 46.875em) and (max-width: 31.25em) {
	.page--homepage .content--hero {
		height: 100%;
		min-height: 100%;
		padding: 0
	}
	.page--homepage .content--hero .wrap {
		padding-bottom: 3em;
		padding-top: 3em
	}
}

.page--homepage .content__title {
	font-size: 20px;
	font-size: 1rem;
	margin: 0 0 5%;
	position: relative
}

.page--homepage .content__title__logo {
	left: 50%;
	margin-left: -7.083333333%;
	position: absolute;
	width: 14.166666667%
}

.page--homepage .content__title__logo svg {
	display: block;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	width: 100%
}

.page--homepage [class^="content__title__strap"] {
	display: inline-block;
	padding: 2.5% 8.333333% 2.5% 0;
	position: relative;
	vertical-align: middle;
	width: 50%
}

.page--homepage [class^="content__title__strap"]:before, .page--homepage [class^="content__title__strap"]:after {
	background: #f5f5f1;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 2px 0px rgba(0, 0, 0, 0.3);
	content: "";
	height: 8px;
	left: 0;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px
}

.page--homepage [class^="content__title__strap"]:after {
	left: auto;
	right: 16.666667%
}

.page--homepage [class^="content__title__strap"] i {
	display: block;
	padding: 9% 20px;
	position: relative;
	text-align: center
}

.page--homepage [class^="content__title__strap"] i:before, .page--homepage [class^="content__title__strap"] i:after {
	border-color: #f5f5f1;
	border-color: rgba(255, 255, 255, 0.5);
	border-style: solid;
	border-width: 2px 0 2px 2px;
	content: "";
	left: 0;
	height: 2px;
	position: absolute;
	top: 0;
	right: 0
}

.page--homepage [class^="content__title__strap"] i:after {
	border-width: 2px 2px 2px 0;
	bottom: 0;
	top: auto
}

.page--homepage [class^="content__title__strap"] i svg {
	height: auto;
	max-width: 100%;
	vertical-align: middle
}

.page--homepage .content__title__strap--second {
	padding-left: 8.333333%;
	padding-right: 0
}

.page--homepage .content__title__strap--second:before {
	left: 16.66667%
}

.page--homepage .content__title__strap--second:after {
	left: auto;
	right: 0
}

.page--homepage .content__title__strap--second i:before, .page--homepage .content__title__strap--second i:after {
	border-width: 2px 2px 2px 0
}

.page--homepage .content__title__strap--second i:after {
	border-width: 2px 0 2px 2px
}

.page--homepage .content .responsive-img {
	display: block;
	margin: 0 auto;
	max-width: 1197px
}

@media only screen and (max-height: 34.375em) {
	.page--homepage .content .responsive-img {
		max-width: 800px
	}
}

.page--homepage .content .responsive-img>div {
	padding-top: 15.37176274%
}

.page--homepage .page--homepage__scroll {
	bottom: -8em;
	display: block;
	height: 78px;
	left: 50%;
	margin: 0 0 -39px -39px;
	opacity: 1;
	position: absolute;
	transform: translate3d(0, 0, 0);
	transition: opacity 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.85s;
	transition-property: opacity, transform;
	width: 78px
}

.page--homepage .page--homepage__scroll svg {
	display: block;
	fill: #f5f5f1;
	height: 100%;
	max-width: 100%;
	transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 100%
}

.page--homepage .page--homepage__scroll svg .svg-scroll__first {
	animation: svgScrollFirst 0.5s ease 0s infinite both
}

.page--homepage .page--homepage__scroll svg .svg-scroll__second {
	animation: svgScrollSecond 0.5s ease 0s infinite both
}

.page--homepage .page--homepage__scroll:hover svg, .page--homepage .page--homepage__scroll.page--homepage__scroll--animate svg {
	fill: #ae0000
}

.page--homepage .page--homepage__scroll:active svg, .page--homepage .page--homepage__scroll:focus svg {
	fill: #525252
}

.page--homepage .page--homepage__scroll path, .page--homepage .page--homepage__scroll polygon {
	fill: inherit
}

.page--homepage .page--homepage__scroll .svg-scroll__first {
	opacity: .5
}

.page--homepage .page--homepage__scroll.page--homepage__scroll--animate .svg-scroll__first, .page--homepage .page--homepage__scroll:hover .svg-scroll__first {
	animation: svgScrollFirst 0.25s ease 0s infinite both
}

.page--homepage .page--homepage__scroll.page--homepage__scroll--animate .svg-scroll__second, .page--homepage .page--homepage__scroll:hover .svg-scroll__second {
	animation: svgScrollSecond 0.25s ease 0s infinite both
}

.page--homepage .page--homepage__scroll span {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

@media only screen and (max-width: 47.9375em) {
	.page--homepage #page--homepage {
		position: relative
	}
	.page--homepage .content__title__logo {
		display: block;
		left: auto;
		margin: 0 auto 20px;
		position: relative;
		width: 120px
	}
	.page--homepage [class^="content__title__strap"] {
		margin: .5em 0;
		padding: 0;
		width: 100%
	}
	.page--homepage [class^="content__title__strap"]:before, .page--homepage [class^="content__title__strap"]:after {
		display: none
	}
	.page--homepage [class^="content__title__strap"] i {
		padding: 0
	}
	.page--homepage [class^="content__title__strap"] i:before, .page--homepage [class^="content__title__strap"] i:after {
		display: none
	}
	.page--homepage .content .responsive-img {
		margin-top: 1em
	}
	.page--homepage .content .responsive-img>div {
		padding-top: 15.37176274%
	}
}

@media only screen and (max-height: 26.25em) {
	.page--homepage #page--homepage .content__title__logo {
		width: 70px
	}
	.page--homepage #page--homepage .page--homepage__scroll {
		bottom: -47px;
		height: 30px;
		margin: -15px 0 0 -15px;
		width: 30px
	}
}

.touch #page--homepage .page--homepage__scroll.remove-scroller {
	opacity: 1
}

@media only screen and (max-width: 30em) {
	.content--hero {
		padding: 5.5em 0 4em
	}
	.page--homepage .page--homepage__scroll {
		margin: 2em auto 0;
		position: static
	}
}

@media only screen and (max-width: 25em) {
	#page--homepage .content__title__logo {
		width: 70px
	}
	#page--homepage .page--homepage__scroll {
		height: 38px;
		width: 38px
	}
}

.block--site-intro .wrap {
	max-width: 56.8em
}

.block--what-we-do {
	overflow: hidden;
	padding-bottom: 0;
	padding-top: 6.8em
}

.block--what-we-do .block__title {
	margin-bottom: 0
}

.block--what-we-do .block__copy {
	margin-bottom: 2em;
	max-width: 28.22222em
}

@media only screen and (min-width: 50.0625em) {
	.block--what-we-do .block__title {
		font-size: 100px;
		font-size: 5rem
	}
	.block--what-we-do .block__copy {
		font-size: 36px;
		font-size: 1.8rem
	}
}

.block--what-we-do .media__imgs, .block--what-we-do .media__copy {
	display: inline-block;
	vertical-align: middle;
	width: 50%
}

.block--what-we-do .media__imgs {
	direction: rtl;
	position: relative;
	white-space: nowrap
}

.block--what-we-do .media__imgs img {
	display: block
}

.block--what-we-do .media__copy {
	text-align: left
}

.block--what-we-do .media__copy h3 {
	font-size: 33px;
	font-size: 1.65rem;
	font-weight: bold;
	text-transform: uppercase
}

.block--what-we-do .media__copy p {
	font-size: 18px;
	font-size: 0.9rem;
	line-height: 1.666667
}

.block--what-we-do .media__copy__inner {
	max-width: 30em;
	padding: 0 2em;
	width: 87.5%
}

.block--what-we-do .faux-img--iphone {
	bottom: -2.2em;
	position: absolute;
	right: 3em;
	z-index: 1
}

.block--what-we-do .media--left .media__imgs {
	padding-right: 2em
}

.block--what-we-do .media--right {
	margin-top: 3em
}

.block--what-we-do .media--right .media__copy {
	text-align: right
}

.block--what-we-do .media--right .media__copy__inner {
	display: inline-block;
	text-align: left
}

.block--what-we-do .media--right .media__imgs {
	direction: ltr;
	padding-left: 2em
}

@media only screen and (max-width: 40em) {
	.block--what-we-do {
		padding-top: 4em
	}
	.block--what-we-do .media__imgs, .block--what-we-do .media__copy {
		display: block;
		width: 100%
	}
	.block--what-we-do .media--left {
		padding-bottom: 70%;
		position: relative
	}
	.block--what-we-do .media--left .media__imgs {
		bottom: 0;
		left: 0;
		position: absolute;
		width: 100%
	}
	.block--what-we-do .media__copy__inner {
		padding-bottom: 2em
	}
	.block--what-we-do .faux-img--ipad, .block--what-we-do .faux-img--browser {
		max-width: 110%
	}
	.block--what-we-do .faux-img--iphone {
		bottom: -9.5%;
		max-width: 45%
	}
}

@media only screen and (max-width: 25em) {
	.block--what-we-do .media__copy__inner {
		padding: 0 20px 2em;
		text-align: center;
		width: 100%
	}
}

.block--forward-thinking a {
	border-color: transparent;
	font-weight: inherit
}

.block--experience-fueled {
	padding-bottom: 14em;
	position: relative
}

.block--experience-fueled .block__clipper {
	clip: rect(auto, auto, auto, auto);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.block--experience-fueled .block__bg {
	background: url(../images/bg/home--breakdown.jpg);
	background-size: cover;
	bottom: -200px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%
}

.block--experience-fueled .wrap {
	position: relative
}

.block--experience-fueled .btn--rotate {
	margin: 4em auto 0
}

.block--experience-fueled .btn--rotate .btn__border {
	background: rgba(0, 0, 0, 0.3);
	border-width: 5px
}

.block--experience-fueled .btn--rotate:hover .btn__border {
	background: #ae0000
}

.block--experience-fueled .btn--rotate:active .btn__border, .block--experience-fueled .btn--rotate:focus .btn__border {
	background: #525252
}

@media only screen and (min-width: 50.0625em) {
	.block--experience-fueled .block__title {
		font-size: 90px;
		font-size: 4.5rem
	}
}

@media only screen and (max-width: 47.9375em) {
	.block--experience-fueled .block__clipper {
		clip: auto
	}
	.block--experience-fueled .block__bg {
		bottom: 0;
		position: absolute;
		-ms-transform: none !important;
		transform: none !important
	}
}

.block--experience-fueled .block__copy {
	margin: 0 0 1em;
	max-width: 100%
}

@media only screen and (max-width: 40em) {
	.block--experience-fueled {
		padding-bottom: 12em
	}
}

@media only screen and (max-width: 22.5em) {
	.block--experience-fueled {
		padding-bottom: 14em
	}
}

.page--about .content--hero {
	background-image: url(../images/bg/bg--about.jpg);
	padding: 5em 0;
	position: relative;
	text-align: center;
	z-index: 2
}

@media only screen and (min-width: 40em) {
	.page--about .content--hero {
		padding: 7.5em 0
	}
}

@media only screen and (min-width: 64em) {
	.page--about .content--hero {
		padding: 10em 0
	}
}

.page--about .content--hero .btn--rotate {
	display: inline-block;
	height: auto;
	margin: 2em auto 1.5em;
	width: auto
}

.page--about .content--hero .btn--rotate img {
	display: block;
	margin: 2em;
	position: relative;
	-ms-transform: translate(2px, 2px);
	transform: translate(2px, 2px)
}

.page--about .content--hero .btn__border {
	border-width: 4px
}

.page--about .super {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
	margin: 1em auto 0;
	max-width: 23em;
	text-shadow: 0px 3px 1px rgba(22, 22, 22, 0.2)
}

@media only screen and (min-width: 48em) {
	.page--about .super {
		font-size: 45px;
		font-size: 2.25rem
	}
}

.page--about .super strong {
	font-weight: bold
}

.content__showreel {
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: visibility .6s ease .6s, opacity .6s ease;
	visibility: hidden;
	width: 100%
}

.js--show-reel .content__showreel {
	pointer-events: auto;
	opacity: 1;
	transition-delay: 0s, 0s;
	visibility: visible
}

.touch .content__showreel {
	display: none
}

.touch .js--show-reel .content__showreel {
	display: block
}

#fueled-showreel {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.content__showreel__close {
	background: rgba(22, 22, 22, 0.8);
	border-radius: 3px;
	cursor: pointer;
	height: 1.8em;
	left: 0.5em;
	position: absolute;
	top: 0.5em;
	text-indent: -999em;
	transition: all .3s ease;
	width: 1.8em;
	z-index: 1
}

.content__showreel__close:before, .content__showreel__close:after {
	background: #f5f5f1;
	content: "";
	height: 2px;
	left: 50%;
	margin-left: -.5em;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 1em
}

.content__showreel__close:after {
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.content__showreel__close:hover {
	background: #ae0000
}

.content__showreel__close:active, .content__showreel__close:focus {
	background: #161616
}

.block--what-drives-us {
	position: relative;
	z-index: 2
}

.block--what-drives-us .wrap {
	max-width: 64em
}

.block--what-drives-us .block__title {
	letter-spacing: 0;
	margin-bottom: 0
}

@media only screen and (min-width: 48em) {
	.block--what-drives-us .block__title {
		font-size: 120px;
		font-size: 6rem
	}
}

.block--what-drives-us .block__title+p {
	margin-top: .25em
}

.block--what-drives-us .block__copy {
	padding-bottom: 2em
}

.block--what-drives-us .block__cta {
	display: inline-block;
	vertical-align: top;
	width: 27.5%
}

.block--what-drives-us .block__cta+.block__cta {
	margin-left: 8.75%
}

.block--what-drives-us .block__cta img {
	display: block;
	margin: 0 auto 2em;
	max-width: 13em;
	width: 100%
}

.block--what-drives-us .block__cta p {
	font-size: 18px;
	font-size: 0.9rem;
	line-height: 1.55556;
	text-align: left
}

@media only screen and (max-width: 53.75em) {
	.block--what-drives-us .block__cta {
		display: block;
		padding: 2em 0;
		width: 100%
	}
	.block--what-drives-us .block__cta+.block__cta {
		margin-left: 0
	}
}

.block--what-drives-us .block__cta__title {
	font-size: 25px;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.52;
	text-transform: uppercase
}

.block--what-drives-us .btn--plain {
	border-bottom: 2px solid transparent;
	font-size: 18px;
	font-size: 0.9rem;
	font-weight: bold;
	letter-spacing: 0;
	padding: .5em 0 .6em
}

.block--what-drives-us .btn--plain span:after {
	content: "→";
	padding-left: .5em
}

.block--what-drives-us .btn--plain:hover {
	border-color: #f5f5f1
}

.block--what-drives-us .btn--plain:active, .block--what-drives-us .btn--plain:focus {
	border-color: #161616
}

.block--companies {
	background: #f5f5f1;
	color: #161616;
	overflow: hidden;
	padding: 5em 0;
	position: relative;
	z-index: 2
}

.block--companies .entrepeneurs {
	position: relative;
	text-align: center
}

.block--companies .entrepeneurs>.entrepeneurs__title {
	position: relative
}

@media only screen and (max-width: 50em) {
	.block--companies .entrepeneurs .entrepeneurs__title svg {
		height: 232px;
		width: 232px
	}
}

.block--companies a {
	border-bottom: 2px solid #ae0000
}

.block--companies a:hover {
	color: #ae0000
}

.block--companies a:active, .block--companies a:focus {
	border-color: #161616;
	color: #161616
}

.entrepeneurs__title__inner {
	bottom: 1em;
	box-shadow: 0px 4px rgba(22, 22, 22, 0.2);
	left: 50%;
	margin: 0;
	overflow: hidden;
	padding: 0.95rem 3rem 0.65rem;
	position: absolute;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
	width: auto
}

.entrepeneurs__title__inner:before, .entrepeneurs__title__inner:after {
	border-style: solid;
	content: "";
	height: 0;
	margin-top: -54px;
	position: absolute;
	top: 50%;
	width: 0
}

.entrepeneurs__title__inner:before {
	border-color: transparent transparent transparent #f5f5f1;
	border-width: 54px 0 54px 16px;
	left: -1px
}

.entrepeneurs__title__inner:after {
	border-color: transparent #f5f5f1 transparent transparent;
	border-width: 54px 16px 54px 0;
	right: -1px
}

.entrepeneurs__title__inner .block__title {
	margin: 0
}

.entrepeneurs__title__inner__copy {
	display: block;
	position: relative
}

.entrepeneurs__title__inner__copy:before, .entrepeneurs__title__inner__copy:after {
	background: #f5f5f1;
	content: "";
	height: 0.4rem;
	margin-top: -0.35rem;
	position: absolute;
	top: 50%;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 0.4rem
}

.entrepeneurs__title__inner__copy:before {
	left: -1.2rem
}

.entrepeneurs__title__inner__copy:after {
	right: -1.2rem
}

.touch .block--collective {
	background: url(../images/bg/bg--collective.jpg) no-repeat center center;
	background-size: cover
}

.touch .block--collective .block__bg {
	display: none
}

.block--collective {
	overflow: hidden;
	padding: 5.5em 0;
	position: relative;
	text-align: center;
	z-index: 1
}

.block--collective .block__bg {
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	background: url(../images/bg/bg--collective.jpg) no-repeat center center;
	background-size: cover;
	bottom: -200px;
	height: auto
}

.block--collective .block__bg.js--show-collective {
	display: block
}

.block--collective .wrap {
	position: relative
}

.block--collective h2 {
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 190px;
	font-size: 9.5rem;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase
}

.block--collective h2 img {
	display: block;
	margin: 0 auto
}

.block--collective h2 span {
	display: block;
	padding-top: .25em
}

@media only screen and (max-width: 50em) {
	.block--collective h2 {
		font-size: 100px;
		font-size: 6.25rem
	}
	.block--collective h2 img {
		height: auto;
		width: 188px
	}
}

@media only screen and (max-width: 47.9375em) {
	.block--collective h2 {
		font-size: 50px;
		font-size: 3.125rem
	}
}

@media only screen and (max-width: 47.9375em) {
	.block--collective .wrap>div {
		padding: 2em 0 0
	}
}

.block--collective p {
	display: inline-block;
	margin: 0;
	padding: 0 32px;
	text-align: left;
	vertical-align: top;
	width: 50%
}

.block--collective p a {
	color: #f5f5f1
}

@media only screen and (max-width: 47.9375em) {
	.block--collective p {
		display: inline;
		padding: 0
	}
	.block--collective p span {
		clear: both;
		display: block;
		padding: 1em 0 0
	}
}

.block--collective .btn {
	color: #f5f5f1;
	font-size: 22px;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 0.09091em;
	margin: 2em auto 0
}

@media only screen and (max-width: 47.9375em) {
	.block--collective .btn {
		font-size: 13px;
		font-size: 0.8125rem;
		padding-left: 0;
		padding-right: 0;
		width: 100%
	}
}

.block--clients {
	background: #f5f5f1;
	border-top: 2px solid #ae0000;
	color: #161616;
	overflow: hidden;
	padding: 4em 0 7em;
	position: relative;
	width: 100%;
	z-index: 2
}

.block--clients .about__clients__title {
	font-size: 20px;
	font-size: 1rem;
	overflow: hidden;
	position: relative;
	text-align: center
}

.block--clients .about__clients__title i {
	background: #f5f5f1;
	color: #525252;
	font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	display: inline-block;
	font-size: 64px;
	font-size: 3.2rem;
	font-style: normal;
	font-weight: bold;
	padding: 20px;
	position: relative;
	text-shadow: 2px 2px #f5f5f1, 3px 3px rgba(82, 82, 82, 0.4);
	text-transform: uppercase
}

.block--clients .about__clients__title i:before, .block--clients .about__clients__title i:after {
	border-color: #b0b0b0;
	border-style: solid;
	border-width: 2px 0;
	content: "";
	height: 2px;
	margin-top: -2px;
	position: absolute;
	right: 100%;
	top: 50%;
	width: 600px
}

.block--clients .about__clients__title i:after {
	left: 100%;
	right: auto
}

@media only screen and (max-width: 33.75em) {
	.block--clients .about__clients__title i {
		font-size: 42px;
		font-size: 2.625rem;
		text-shadow: 1px 1px #f5f5f1, 2px 2px rgba(82, 82, 82, 0.4)
	}
}

.block--clients .about__clients__title b {
	color: #ae0000;
	display: block;
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 190px;
	font-size: 9.5rem;
	font-weight: normal;
	text-shadow: 0px 6px rgba(0, 0, 0, 0.2);
	text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
	.block--clients .about__clients__title b {
		text-shadow: 0px 2px rgba(0, 0, 0, 0.2)
	}
}

@media only screen and (max-width: 55em) {
	.block--clients .about__clients__title b {
		font-size: 120px;
		font-size: 6rem
	}
}

@media only screen and (max-width: 30em) {
	.block--clients .about__clients__title b {
		font-size: 64px;
		font-size: 4rem
	}
}

.block--clients .wrap>div {
	position: relative
}

.block--clients .wrap>div {
	display: inline-block;
	vertical-align: top;
	padding-top: 3em;
	width: 50%
}

.block--clients .wrap>div .grid__title {
	background: url(https://fueled.com/assets/images/icons/about--client-bg.svg) no-repeat center center;
	margin: 0 auto;
	max-width: 328px;
	position: relative
}

.block--clients .wrap>div .grid__title>div {
	padding-top: 100%;
	position: relative
}

.block--clients .wrap>div .grid__title>div>* {
	position: absolute
}

.block--clients .wrap>div .grid__title>div .cog--1 {
	height: 44.512195122%;
	left: 14.767932489%;
	top: 7.012195122%;
	width: 44.512195122%
}

.block--clients .wrap>div .grid__title>div .cog--2 {
	height: 42.37804878%;
	left: 50.914634146%;
	top: 22.865853659%;
	width: 42.37804878%
}

.block--clients .wrap>div .grid__title>div .cog--3 {
	height: 35.975609756%;
	left: 25.609756098%;
	top: 53.048780488%;
	width: 35.975609756%
}

.block--clients .wrap>div .grid__title>div .cog--static {
	animation: none
}

.block--clients .wrap>div .grid__title>div .seal, .block--clients .wrap>div .grid__title>div .sheen--1 {
	height: 78.353658537%;
	left: 12.195121951%;
	top: 10.670731707%;
	width: 75.914634146%
}

@media only screen and (max-width: 47.9375em) {
	.block--clients .wrap>div .grid__title {
		background-size: 100% 100%;
		max-width: 164px
	}
}

.block--clients .wrap>div .grid__title__wrap {
	position: relative
}

.block--clients .wrap>div .grid__title__wrap h3 {
	background: #f5f5f1;
	color: #525252;
	font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 115px;
	font-size: 5.75rem;
	font-weight: bold;
	left: -50px;
	line-height: 1;
	margin: -60px 0 0;
	padding: 18px 0 0;
	position: absolute;
	right: -50px;
	text-align: center;
	text-shadow: 2px 2px #f5f5f1, 3px 3px #525252;
	text-transform: uppercase;
	top: 50%;
	white-space: nowrap
}

@media only screen and (max-width: 47.9375em) {
	.block--clients .wrap>div .grid__title__wrap h3 {
		font-size: 50px;
		font-size: 3.125rem;
		padding-top: 6px;
		margin-top: -28px
	}
}

.block--clients .wrap>div p {
	font-size: 24px;
	font-size: 1.2rem;
	text-align: left;
	padding: 2em 0 1em;
	position: relative
}

.block--clients .wrap>div p a {
	color: #161616
}

.block--clients .wrap>div p+p {
	padding: 0 0 3em
}

@media only screen and (max-width: 47.9375em) {
	.block--clients .wrap>div p+p {
		padding-bottom: 0
	}
}

.block--clients .startups {
	padding-right: 4%;
	position: relative;
	z-index: 3
}

.block--clients .big-brands {
	padding-left: 4%
}

.block--clients .amp {
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 150px;
	font-size: 7.5rem;
	padding: 0;
	position: absolute;
	right: -12.5%;
	text-align: center;
	text-shadow: 2px 2px #f5f5f1, 3px 3px #525252;
	top: 140px;
	width: 25%
}

@media only screen and (max-width: 50em) {
	.block--clients .amp {
		bottom: 0;
		left: 0;
		right: 0;
		top: auto;
		width: 100%
	}
}

@media only screen and (max-width: 50em) {
	.block--clients .wrap>div {
		display: block;
		padding: 1em 0;
		width: 100%
	}
}

.ie .block--clients .wrap>div .grid__title__wrap h3 {
	padding-bottom: 14px;
	padding-top: 0
}

.image-grid {
	font-size: 0;
	position: relative;
	text-align: center
}

.image-grid .image-grid__img {
	display: inline-block;
	padding: 20px 0;
	transform: translate3d(0, 0, 0);
	width: 33.333%
}

.no-touch .image-grid .image-grid__img {
	animation: fade-in-grid .7s ease both;
	animation-play-state: paused
}

.image-grid .image-grid__img img {
	display: block;
	margin: 0 auto;
	max-width: 9rem
}

@media only screen and (max-width: 64em) {
	.image-grid .image-grid__img img {
		max-width: 8.125rem
	}
}

@media only screen and (max-width: 31.25em) {
	.image-grid .image-grid__img {
		width: 50%
	}
}

.image-grid span img {
	opacity: 0.33
}

.image-grid a:after {
	background: #f5f5f1;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .3s ease;
	width: 100%
}

.image-grid a:hover:after {
	opacity: 0.5
}

.image-grid a:active:after, .image-grid a:focus:after {
	opacity: 0.8
}

.no-touch .image-grid .image-grid__img:nth-child(1) {
	animation-delay: 0s
}

.no-touch .image-grid .image-grid__img:nth-child(2) {
	animation-delay: 0.04s
}

.no-touch .image-grid .image-grid__img:nth-child(3) {
	animation-delay: 0.08s
}

.no-touch .image-grid .image-grid__img:nth-child(4) {
	animation-delay: 0.12s
}

.no-touch .image-grid .image-grid__img:nth-child(5) {
	animation-delay: 0.16s
}

.no-touch .image-grid .image-grid__img:nth-child(6) {
	animation-delay: 0.2s
}

.no-touch .image-grid .image-grid__img:nth-child(7) {
	animation-delay: 0.24s
}

.no-touch .image-grid .image-grid__img:nth-child(8) {
	animation-delay: 0.28s
}

.no-touch .image-grid .image-grid__img:nth-child(9) {
	animation-delay: 0.32s
}

.no-touch .image-grid .image-grid__img:nth-child(10) {
	animation-delay: 0.36s
}

.no-touch .image-grid .image-grid__img:nth-child(11) {
	animation-delay: 0.4s
}

.no-touch .image-grid .image-grid__img:nth-child(12) {
	animation-delay: 0.44s
}

.image-grid.js--image-grid-show .image-grid__img {
	animation-play-state: running
}

@keyframes fade-in-grid {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.touch .block--awards {
	background: url(../images/bg/about--awards.jpg) center center;
	background-size: cover
}

.touch .block--awards .block__bg {
	display: none
}

.block--awards {
	padding: 4em 0;
	position: relative;
	z-index: 2
}

.block--awards .block__clipper {
	clip: rect(auto, auto, auto, auto);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.block--awards .block__bg {
	background: url(../images/bg/about--awards.jpg) center center;
	background-size: cover;
	bottom: -200px;
	left: 0;
	position: fixed;
	top: 0;
	transform: translate3d(0, 0, 0);
	width: 100%
}

.block--awards .wrap {
	position: relative
}

.block--awards h2 {
	text-align: center
}

.block--awards h2 img {
	display: block;
	margin: 0 auto
}

.block--awards h3 {
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 62px;
	font-size: 3.1rem;
	font-style: italic;
	margin-bottom: 1em;
	text-align: center;
	text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
	.block--awards h3 {
		font-size: 24px;
		font-size: 1.5rem;
		text-align: center
	}
}

.block--awards .image-grid {
	font-size: 0
}

.block--awards .image-grid>div {
	display: inline-block;
	padding: 3% 2%;
	position: relative;
	vertical-align: middle;
	width: 25%
}

.block--awards .image-grid>div img {
	display: block;
	margin: 0 auto;
	width: 100%
}

.block--awards .image-grid>div:nth-child(1):after, .block--awards .image-grid>div:nth-child(2):after, .block--awards .image-grid>div:nth-child(3):after, .block--awards .image-grid>div:nth-child(5):after, .block--awards .image-grid>div:nth-child(6):after, .block--awards .image-grid>div:nth-child(7):after {
	background: rgba(245, 245, 241, 0.75);
	content: "";
	height: 100%;
	position: absolute;
	right: -1px;
	top: 0;
	width: 2px
}

.block--awards .image-grid>div:nth-child(5):before, .block--awards .image-grid>div:nth-child(6):before, .block--awards .image-grid>div:nth-child(7):before, .block--awards .image-grid>div:nth-child(8):before {
	background: rgba(245, 245, 241, 0.75);
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: -1px;
	width: 100%
}

@media only screen and (max-width: 50em) {
	.block--awards .image-grid>div {
		width: 50%
	}
	.block--awards .image-grid>div:nth-child(2):after, .block--awards .image-grid>div:nth-child(6):after {
		display: none
	}
	.block--awards .image-grid>div:nth-child(1):after, .block--awards .image-grid>div:nth-child(3):after, .block--awards .image-grid>div:nth-child(5):after, .block--awards .image-grid>div:nth-child(7):after {
		background: rgba(245, 245, 241, 0.75);
		content: "";
		height: 100%;
		position: absolute;
		right: -1px;
		top: 0;
		width: 2px
	}
	.block--awards .image-grid>div:nth-child(3):before, .block--awards .image-grid>div:nth-child(4):before {
		background: rgba(245, 245, 241, 0.75);
		content: "";
		height: 2px;
		left: 0;
		position: absolute;
		right: 0;
		top: -1px;
		width: 100%
	}
}

@media only screen and (max-width: 20em) {
	.block--awards .image-grid>div {
		border-bottom: 2px solid rgba(245, 245, 241, 0.75);
		width: 100%
	}
	.block--awards .image-grid>div:before, .block--awards .image-grid>div:after {
		display: none !important
	}
	.block--awards .image-grid>div:last-child {
		border-bottom: 0
	}
}

.content__footer {
	background: #161616;
	padding: 8em 0 14em;
	position: relative;
	text-align: center;
	z-index: 2
}

.content__footer h2 {
	margin-bottom: 2.5em
}

.content__footer .btn--rotate {
	color: #f5f5f1;
	margin: 0 auto;
	text-transform: uppercase
}

.content__footer .btn--rotate .btn__border {
	border-width: 5px
}

.content__footer .btn--rotate:hover, .content__footer .btn--rotate:active, .content__footer .btn--rotate:focus {
	color: #f5f5f1
}

.page__background--services {
	background: #161616 url(../images/bg/bg-services.png) repeat center center
}

.page--services .content {
	*zoom: 1
}

.page--services .content:before, .page--services .content:after {
	content: " ";
	display: table
}

.page--services .content:after {
	clear: both
}

.page--services>.wrap {
	padding-bottom: 4em;
	padding-top: 4em
}

@media only screen and (max-width: 47.9375em) {
	.page--services>.wrap {
		padding-top: 2em
	}
}

.page--services .content__text {
	float: right;
	padding-right: 5.833333333%;
	width: 39.666666667%
}

.page--services .content__text .btn {
	text-align: center
}

.page--services .content__graphic {
	float: left;
	margin-right: 4.75%;
	padding-left: 6.833333333%;
	width: 55.583333333%
}

@media only screen and (max-width: 47.9375em) {
	.page--services .content {
		padding-top: 54.68085%;
		position: relative
	}
	.page--services .content .content__text, .page--services .content .content__graphic {
		float: none;
		padding: 0;
		width: 100%
	}
	.page--services .content .content__graphic {
		left: 12.5%;
		margin: 0;
		position: absolute;
		right: 12.5%;
		top: 0;
		width: 75%
	}
	.page--services .content .content__text {
		margin-top: 2em;
		overflow: hidden;
		text-align: center
	}
	.page--services .content .content__text h1 img {
		display: block;
		margin: 0 auto;
		max-width: 60%
	}
}

.content__text__slides {
	*zoom: 1
}

.content__text__slides:before, .content__text__slides:after {
	content: " ";
	display: table
}

.content__text__slides:after {
	clear: both
}

.content__text__slides>div {
	display: none;
	-webkit-backface-visibility: hidden
}

.content__text__slides>div h1, .content__text__slides>div h2 {
	margin-bottom: 1em;
	margin-top: 0
}

.content__text__slides>div h1 {
	font-size: 20px;
	font-size: 1rem
}

.content__text__slides>div h2 {
	font-family: "Fueled Sans Semi", "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 48px;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 1rem;
	margin-top: 2rem;
	text-transform: uppercase
}

.content__text__slides .btn {
	padding: .9em 0 1.1em;
	width: 100%
}

@media only screen and (max-width: 47.9375em) {
	.content__text__slides>div h2 {
		margin-top: 0
	}
	.content__text__slides>div h2 img {
		display: block;
		height: 21px;
		margin: 0 auto;
		width: auto
	}
	.content__text__slides p {
		font-size: 16px;
		font-size: 1rem
	}
	.content__text__slides .btn {
		font-size: 16px;
		font-size: 1rem
	}
}

.loading-in-progress .content__text__slides>div:first-child {
	display: block
}

.page--services .content__graphic {
	position: relative
}

.page--services .content__graphic svg {
	display: block;
	height: 100%;
	max-width: 100%;
	width: 100%
}

.page--services .content__graphic .graphic--services {
	padding-top: 72.991452991%;
	position: relative
}

.page--services .content__graphic .graphic--services>div {
	overflow: hidden;
	position: absolute
}

.page--services .content__graphic .graphic__screen {
	display: block;
	height: auto;
	left: 0;
	max-width: none;
	position: relative;
	transition: left 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
	width: 500%
}

.page--services .content__graphic .graphic__stripe {
	background: #161616 url(../images/bg/bg-services.png) repeat center center;
	position: absolute
}

.page--services .content__graphic .graphic__stripe.graphic__stripe--imac {
	border-radius: 18px 18px 0 0;
	left: 0.51282%;
	padding-top: 48.03419%;
	top: 0.70258%;
	width: 91.79487%
}

.page--services .content__graphic .graphic__stripe.graphic__stripe--iphone {
	border-radius: 15px;
	left: 4.10256%;
	padding-top: 28.37607%;
	top: 60.42155%;
	width: 13.50427%
}

.page--services .content__graphic .graphic__stripe.graphic__stripe--ipad {
	border-radius: 15px;
	left: 72.99145%;
	padding-top: 40.34188%;
	top: 43.32553%;
	width: 26.49573%
}

.page--services .content__graphic .graphic__bg {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	padding-top: 72.991452991%
}

.page--services .content__graphic .graphic__bg>svg {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.page--services .content__graphic .graphic__button--ipad {
	left: 84.95726%;
	position: absolute;
	top: 92.50585%;
	width: 2.39316%
}

.page--services .content__graphic .graphic__button--ipad img {
	display: block
}

.page--services .content__graphic .graphic__button--iphone {
	left: 9.74359%;
	position: absolute;
	top: 94.61358%;
	width: 2.05128%
}

.page--services .content__graphic .graphic__button--iphone img {
	display: block
}

.page--services .content__graphic .graphic__imac {
	left: 0.51282%;
	top: 6.32319%;
	width: 91.79487%
}

.page--services .content__graphic .graphic__ipad {
	left: 72.99145%;
	top: 48.47775%;
	width: 26.49573%
}

.page--services .content__graphic .graphic__ipad .graphic__screen {
	transition-delay: 0.12s
}

.page--services .content__graphic .graphic__iphone {
	left: 4.10256%;
	top: 63.93443%;
	width: 13.50427%
}

.page--services .content__graphic .graphic__iphone .graphic__screen {
	transition-delay: 0.24s
}

.page--services .content__graphic.services--branding .graphic__screen {
	left: -100%
}

.page--services .content__graphic.services--ux .graphic__screen {
	left: -200%
}

.page--services .content__graphic.services--ui .graphic__screen {
	left: -300%
}

.page--services .content__graphic.services--dev .graphic__screen {
	left: -400%
}

.page--services .menu--flexslider {
	border: 3px solid #f5f5f1;
	clear: both;
	list-style: none;
	margin: 5em 0 0;
	padding: 0;
	transform: translate3d(0, 0, 0)
}

.page--services .menu--flexslider li {
	display: inline-block;
	width: 25%
}

.page--services .menu--flexslider a {
	background: none;
	color: #f5f5f1;
	display: block;
	font-size: 17px;
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: .2em;
	padding: 2em .5em;
	position: relative;
	text-align: center;
	text-transform: uppercase
}

.page--services .menu--flexslider a:hover {
	background: #f5f5f1;
	color: #161616
}

.page--services .menu--flexslider a:active, .page--services .menu--flexslider a:focus {
	background: #525252;
	color: #f5f5f1
}

.page--services .menu--flexslider .flex-active a {
	background: #f5f5f1;
	color: #161616
}

.page--services .menu--flexslider .menu__icon {
	height: 36px;
	left: 50%;
	margin: 0 0 0 -18px;
	position: absolute;
	top: -19px;
	width: 36px
}

.page--services .menu--flexslider b {
	background: #161616;
	border: 3px solid #f5f5f1;
	height: 36px;
	left: 0;
	position: absolute;
	top: 0;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 36px
}

.page--services .menu--flexslider div {
	display: block;
	margin: 7px auto;
	position: relative
}

.page--services .menu--flexslider svg {
	display: block;
	fill: #525252;
	margin: 0 auto;
	transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.page--services .menu--flexslider svg path, .page--services .menu--flexslider svg polygon, .page--services .menu--flexslider svg rect {
	fill: inherit
}

.page--services .menu--flexslider a:hover svg {
	fill: #ae0000
}

.page--services .menu--flexslider a:active svg, .page--services .menu--flexslider a:focus svg {
	fill: #525252
}

.page--services .menu--flexslider .flex-active a svg {
	fill: #ae0000
}

@media only screen and (max-width: 47.9375em) {
	.page--services .menu--flexslider {
		border: none;
		margin-top: 2em
	}
	.page--services .menu--flexslider a {
		border: none;
		padding: 0
	}
	.page--services .menu--flexslider a:hover, .page--services .menu--flexslider a:active, .page--services .menu--flexslider a:focus {
		background: none
	}
	.page--services .menu--flexslider a span {
		display: none
	}
	.page--services .menu--flexslider a .menu__icon {
		display: block;
		left: auto;
		margin: 0 auto;
		position: relative;
		top: auto
	}
	.page--services .menu--flexslider a div {
		margin: 0 auto;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.page--services .menu--flexslider .flex-active a {
		background: none
	}
}

.services__process {
	background: #f5f5f1;
	color: #161616;
	padding: 4em 0
}

.services__process h2 {
	color: #525252;
	font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.8rem;
	font-style: italic;
	margin-bottom: 1.8rem;
	margin-top: 0;
	text-align: center;
	text-transform: uppercase
}

@media only screen and (min-width: 22.5em) {
	.services__process h2 {
		font-size: 2.1rem
	}
}

@media only screen and (min-width: 30em) {
	.services__process h2 {
		font-size: 3.2rem
	}
}

@media only screen and (min-width: 40em) {
	.services__process h2 {
		font-size: 4rem
	}
}

@media only screen and (min-width: 64em) {
	.services__process h2 {
		font-size: 5rem
	}
}

.services__process h2 img {
	display: block;
	margin: 0 auto
}

.services__process .services__iphone {
	margin: 0 auto;
	max-width: 1060px
}

.services__process .services__iphone__progress {
	display: inline-block;
	height: 15em;
	position: relative;
	vertical-align: middle;
	width: 5%
}

.services__process [class^="services__iphone__progress--"] {
	left: 20%;
	margin-top: -3%;
	position: absolute;
	width: 60%;
	z-index: 2
}

.services__process [class^="services__iphone__progress--"]:before {
	border-bottom: 4px solid #f5f5f1;
	border-top: 4px solid #f5f5f1;
	bottom: -4px;
	content: "";
	left: -4px;
	position: absolute;
	right: -4px;
	top: -4px;
	z-index: -1
}

.services__process [class^="services__iphone__progress--"]>span {
	background: #b0b0b0;
	border-radius: 3px;
	display: block;
	padding-top: 100%;
	position: relative;
	-ms-transform: rotate(45deg) translate3d(0, 0, 0);
	transform: rotate(45deg) translate3d(0, 0, 0);
	-ms-transform: rotate(45deg);
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	z-index: 2
}

.services__process [class^="services__iphone__progress--"]>span:before {
	border: 2px solid #f5f5f1;
	bottom: -1px;
	content: "";
	left: -1px;
	position: absolute;
	right: -1px;
	top: -1px;
	z-index: -1
}

.services__process [class^="services__iphone__progress--"]>span>span {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap
}

.services__process [class^="services__iphone__progress--"]:hover>span, .services__process [class^="services__iphone__progress--"].flex-active>span {
	background: #ae0000;
	-ms-transform: rotate(135deg) translate3d(0, 0, 0);
	transform: rotate(135deg) translate3d(0, 0, 0)
}

.services__process [class^="services__iphone__progress--"]:active>span, .services__process [class^="services__iphone__progress--"]:focus>span {
	background: #525252
}

.services__process .services__iphone__progress--1 {
	top: 0
}

.services__process .services__iphone__progress--2 {
	top: 33.333%
}

.services__process .services__iphone__progress--3 {
	top: 66.667%
}

.services__process .services__iphone__progress--4 {
	top: 100%
}

.services__process .services__iphone__progress__bar {
	background: #b0b0b0;
	bottom: 0;
	height: 100%;
	left: 50%;
	margin-left: -1px;
	position: absolute;
	top: 0;
	width: 2px
}

.services__process .services__iphone__diagram {
	display: inline-block;
	vertical-align: middle;
	width: 40%
}

.services__process .services__iphone__diagram>div {
	padding-top: 215.789473684%;
	position: relative
}

.services__process .services__iphone__diagram .svg--services-phone {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	max-width: 100%
}

.services__process .services__iphone__diagram .svg--services-phone__screen {
	cursor: pointer;
	display: block;
	overflow: hidden;
	position: relative;
	transition: all 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%
}

.services__process .services__iphone__diagram .svg--services-phone__screen.js--active {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-ms-transform: translate3d(20%, 0, 0);
	transform: translate3d(20%, 0, 0)
}

.services__process .services__iphone__diagram .svg--services-phone__screen.js--active img {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.services__process .services__iphone__diagram .svg--services-phone__screen img {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	display: block;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	transition: opacity 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
	width: 100%
}

.services__process .services__iphone__diagram .svg--services-phone__screen .phone__svg--icon {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.services__process .services__iphone__diagram .svg--services-phone__1 {
	fill: #780000;
	padding-top: 76.17021%
}

.services__process .services__iphone__diagram .svg--services-phone__2 {
	fill: #C43948;
	padding-top: 73.19149%
}

.services__process .services__iphone__diagram .svg--services-phone__3 {
	fill: #D99391;
	padding-top: 68.93617%
}

.services__process .services__iphone__diagram .svg--services-phone__4 {
	fill: #E7C4C1;
	padding-top: 63.82979%
}

.services__process .phone__svg--nav {
	left: 22.10526%;
	position: absolute;
	top: 12.80488%;
	width: 61.84211%
}

.services__process .svg--services-phone__2 {
	margin-top: -15.76923%
}

.services__process .svg--services-phone__3 {
	margin-top: -11.53846%
}

.services__process .svg--services-phone__4 {
	margin-top: -7.30769%
}

.services__process .services__iphone__copy {
	display: inline-block;
	vertical-align: middle;
	width: 55%
}

.services__process .services__iphone__copy p>a:hover {
	color: #ae0000
}

.services__process .services__iphone__copy p>a:active, .services__process .services__iphone__copy p>a:focus {
	color: #161616
}

.services__process .services__iphone__copy h3 {
	font-size: 40px;
	font-size: 2rem;
	font-weight: 600;
	margin: 0 0 .5em
}

.services__process .services__iphone__copy .btn {
	display: block;
	padding: 1.5em 1.5em 1.7em;
	text-align: center
}

.services__process .services__iphone__copy small {
	display: block;
	font-style: italic;
	margin: 1em 0 0
}

@media only screen and (max-width: 47.9375em) {
	.services__process .services__iphone__copy {
		font-size: 16px;
		font-size: 1rem
	}
	.services__process .services__iphone__copy h3 {
		font-size: 20px;
		font-size: 1.25rem
	}
}

.services__process .services__iphone__section {
	display: none;
	padding-left: 3%;
	-webkit-backface-visibility: hidden
}

@media only screen and (max-width: 47.9375em) {
	.services__process .services__iphone {
		position: relative
	}
	.services__process .services__iphone__progress {
		display: block;
		height: 1em;
		margin: 1em auto;
		width: 15em
	}
	.services__process .services__iphone__progress .services__iphone__progress__bar {
		bottom: auto;
		height: 2px;
		left: 0%;
		margin-top: -1px;
		top: 50%;
		width: 100%
	}
	.services__process .services__iphone__progress [class^="services__iphone__progress--"] {
		height: 1em;
		left: 0%;
		margin: -.5em 0 0 -.5em;
		position: absolute;
		top: 50%;
		width: 1em;
		z-index: 2
	}
	.services__process .services__iphone__progress [class^="services__iphone__progress--"]:before {
		border-width: 0 4px
	}
	.services__process .services__iphone__progress .services__iphone__progress--1 {
		left: 0
	}
	.services__process .services__iphone__progress .services__iphone__progress--2 {
		left: 33.333%
	}
	.services__process .services__iphone__progress .services__iphone__progress--3 {
		left: 66.667%
	}
	.services__process .services__iphone__progress .services__iphone__progress--4 {
		left: 100%
	}
	.services__process .services__iphone__diagram, .services__process .services__iphone__copy {
		display: block;
		width: 100%
	}
	.services__process .services__iphone__diagram {
		padding: 0 30% 2em
	}
}

.services__testimonials, .cs__slideshow {
	background: #f5f5f1;
	border-top: 4px solid #161616;
	color: #161616;
	padding: 6em 0
}

@media only screen and (max-width: 47.9375em) {
	.services__testimonials, .cs__slideshow {
		padding: 3em 0
	}
}

.services__testimonials .wrap, .cs__slideshow .wrap {
	position: relative
}

.services__testimonials h2, .cs__slideshow h2 {
	font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 74px;
	font-size: 3.7rem;
	font-weight: normal;
	margin-top: 0;
	text-align: center;
	text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
	.services__testimonials h2, .cs__slideshow h2 {
		font-size: 30px;
		font-size: 1.875rem
	}
}

.services__testimonials .slideshow__slides, .cs__slideshow .slideshow__slides {
	transition: all 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
	transition-timing-function: cubic-bezier(0.75, -0.17, 0.23, 1.19);
	-webkit-transition-timing-function: cubic-bezier(0.75, -0.17, 0.23, 1.19) !important
}

.services__testimonials .js--slideshow-start .slideshow__slides, .cs__slideshow .js--slideshow-start .slideshow__slides {
	display: -ms-flexbox;
	display: flex
}

.services__testimonials .slideshow__slide, .cs__slideshow .slideshow__slide {
	margin: auto 0;
	display: block;
	-webkit-backface-visibility: hidden
}

.services__testimonials .flex-viewport, .cs__slideshow .flex-viewport {
	position: relative
}

.services__testimonials .flex-viewport:before, .cs__slideshow .flex-viewport:before, .services__testimonials .flex-viewport:after, .cs__slideshow .flex-viewport:after {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmMSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background: linear-gradient(to right, #f5f5f1, rgba(245, 245, 241, 0));
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 10%;
	z-index: 2
}

.services__testimonials .flex-viewport:after, .cs__slideshow .flex-viewport:after {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmMSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background: linear-gradient(to right, rgba(245, 245, 241, 0), #f5f5f1);
	left: auto;
	right: 0
}

.services__testimonials blockquote, .cs__slideshow blockquote {
	margin: 1em auto;
	text-align: center;
	width: 80%
}

@media only screen and (max-width: 47.9375em) {
	.services__testimonials blockquote, .cs__slideshow blockquote {
		width: 90%
	}
}

.services__testimonials blockquote p, .cs__slideshow blockquote p {
	color: #ae0000;
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 50px;
	font-size: 2.5rem;
	font-style: italic;
	line-height: 1;
	margin: 0 0 .5em;
	text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
	.services__testimonials blockquote p, .cs__slideshow blockquote p {
		font-size: 24px;
		font-size: 1.5rem
	}
}

.services__testimonials blockquote p:before, .cs__slideshow blockquote p:before {
	content: "“"
}

.services__testimonials blockquote p:after, .cs__slideshow blockquote p:after {
	content: "”"
}

.services__testimonials blockquote cite, .cs__slideshow blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 300
}

.services__testimonials blockquote cite a, .cs__slideshow blockquote cite a {
	color: inherit
}

.services__testimonials blockquote cite a:hover, .cs__slideshow blockquote cite a:hover, .services__testimonials blockquote cite a:focus, .cs__slideshow blockquote cite a:focus {
	color: #ae0000
}

.services__testimonials .flex-direction-nav, .cs__slideshow .flex-direction-nav {
	list-style: none;
	margin: 0;
	padding: 0
}

.services__testimonials .flex-direction-nav a, .cs__slideshow .flex-direction-nav a {
	border-color: #b0b0b0;
	border-style: solid;
	border-width: 2px 2px 0 0;
	display: block;
	height: 5em;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: -1.5em 0 0 -0.0em;
	position: absolute;
	right: 0;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	width: 5em;
	z-index: 3
}

.services__testimonials .flex-direction-nav a.flex-prev, .cs__slideshow .flex-direction-nav a.flex-prev {
	border-width: 0 0 2px 2px;
	left: 0;
	right: auto
}

.no-touch .services__testimonials .flex-direction-nav a:hover, .no-touch .cs__slideshow .flex-direction-nav a:hover {
	border-color: #ae0000
}

.no-touch .services__testimonials .flex-direction-nav a:active, .no-touch .cs__slideshow .flex-direction-nav a:active, .no-touch .services__testimonials .flex-direction-nav a:focus, .no-touch .cs__slideshow .flex-direction-nav a:focus {
	border-color: #525252
}

@media only screen and (max-width: 85.9375em) {
	.services__testimonials .flex-direction-nav a.flex-next, .cs__slideshow .flex-direction-nav a.flex-next {
		right: 2em
	}
	.services__testimonials .flex-direction-nav a.flex-prev, .cs__slideshow .flex-direction-nav a.flex-prev {
		left: 2em
	}
}

@media only screen and (max-width: 47.9375em) {
	.services__testimonials .flex-direction-nav a, .cs__slideshow .flex-direction-nav a {
		border: none;
		height: 2em;
		margin: -.5em 0 0 0;
		top: 0.125em;
		-ms-transform: none;
		transform: none;
		width: 2em
	}
	.services__testimonials .flex-direction-nav a:after, .cs__slideshow .flex-direction-nav a:after {
		border-color: #b0b0b0;
		border-style: solid;
		border-width: 2px 2px 0 0;
		box-sizing: border-box;
		content: '';
		height: 50%;
		left: 25%;
		margin-left: -4px;
		position: absolute;
		top: 25%;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 50%
	}
	.services__testimonials .flex-direction-nav a.flex-next, .cs__slideshow .flex-direction-nav a.flex-next {
		right: 2em
	}
	.services__testimonials .flex-direction-nav a.flex-prev, .cs__slideshow .flex-direction-nav a.flex-prev {
		left: 2em
	}
	.services__testimonials .flex-direction-nav a.flex-prev:after, .cs__slideshow .flex-direction-nav a.flex-prev:after {
		margin-left: 4px;
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg)
	}
}

.page--services .content__text, .page--services .content__graphic, .page--services .menu--flexslider {
	visibility: hidden
}

.loading-from-services .page--services .content__text, .loading-from-services .page--services .content__graphic, .loading-from-services .page--services .menu--flexslider {
	visibility: visible
}

.page-loaded .page--services .content__text, .page-loaded .page--services .content__graphic, .page-loaded .page--services .menu--flexslider {
	visibility: visible
}

.page-loaded .page--services .content__text {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0s 1 both
}

.page-loaded .page--services .content__graphic {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.2s 1 both
}

.page-loaded .page--services .menu--flexslider {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.4s 1 both
}

@media only screen and (min-width: 48em) {
	.page--services .content.animate .content__text__slides {
		animation: moveRightAndIn 0.45s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.05s 1 both
	}
	.page--services .content.animate .svg-services {
		animation: moveLeftAndIn 0.45s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0s 1 both
	}
}

.page-type--member .page-wrap {
	padding: 0
}

.js.no-touch .team__hero h1, .team__hero .js.no-touch h1, .js.no-touch .team__hero__role, .js.no-touch [class^="team__hero__contact--"], .js.no-touch .team__hero__contact--present {
	opacity: 0;
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.no-touch .team-member--loaded .team__hero h1, .team__hero .no-touch .team-member--loaded h1, .no-touch .team-member--loaded .team__hero__role, .no-touch .team-member--loaded [class^="team__hero__contact--"], .no-touch .team-member--loaded .team__hero__contact--present {
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.team__hero, .core-team__hero {
	background: #ae0000;
	padding: 4rem 1rem 1.5rem;
	position: relative;
	text-align: center
}

.team__hero .wrap, .core-team__hero .wrap {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
	overflow: hidden
}

.team__hero h1, .core-team__hero h1 {
	display: inline-block;
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 42px;
	font-size: 2.625rem;
	line-height: 1;
	position: relative;
	text-transform: uppercase;
	text-shadow: #ae0000 2px 2px 0, rgba(245, 245, 241, 0.5) 3px 3px 0
}

@media only screen and (min-width: 30em) {
	.team__hero h1, .core-team__hero h1 {
		font-size: 64px;
		font-size: 3.2rem
	}
}

@media only screen and (min-width: 48em) {
	.team__hero h1, .core-team__hero h1 {
		font-size: 84px;
		font-size: 4.2rem;
		text-shadow: #ae0000 2px 2px 0, rgba(245, 245, 241, 0.6) 3px 3px 0
	}
}

@media only screen and (min-width: 64em) {
	.team__hero h1, .core-team__hero h1 {
		font-size: 92px;
		font-size: 4.6rem
	}
}

.team__hero {
	-ms-flex-align: center;
	align-items: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	min-height: 100vh
}

.team__hero .no-flexbox {
	min-height: 0
}

.team__hero .wrap {
	margin: auto;
	visibility: hidden
}

.touch .team__hero .wrap, .team-member--loaded .team__hero .wrap {
	visibility: visible
}

.team__hero h1:before, .team__hero h1:after {
	background: #f5f5f1;
	box-shadow: rgba(22, 22, 22, 0.1) 1px 1px 0;
	content: '';
	height: 2px;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	width: 4rem
}

.team__hero h1:before {
	left: calc(100%+ 20px)
}

.team__hero h1:after {
	right: calc(100%+ 20px)
}

.js.no-touch .team__hero h1:before, .js.no-touch .team__hero h1:after {
	transition: width 0.65s 0.125s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 0
}

.no-touch .team-member--loaded .team__hero h1:before, .no-touch .team-member--loaded .team__hero h1:after {
	width: 8rem
}

.team__hero__role {
	display: block;
	font-size: 32px;
	font-size: 1.6rem;
	font-weight: 300;
	margin: 0 auto;
	text-shadow: rgba(22, 22, 22, 0.1) 1px 1px 0
}

.no-touch.js .team__hero__role {
	transition-delay: .125s
}

.team__hero__avatar {
	max-width: 80%
}

@media only screen and (min-width: 25.625em) {
	.team__hero__avatar {
		max-width: 100%
	}
}

@media only screen and (min-width: 30em) and (max-height: 50em) {
	.team__hero__avatar {
		max-width: 50vh
	}
}

@media only screen and (min-width: 45em) {
	.team__hero__avatar {
		max-width: 50vh
	}
}

@media only screen and (min-width: 67.5em) and (min-height: 50em) {
	.team__hero__avatar {
		max-width: 60vh
	}
}

.no-touch.js .team__hero__avatar {
	opacity: 0;
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	transition: all 0.35s cubic-bezier(0.875, 0.105, 0.19, 0.92);
	transition-property: opacity, transform
}

.no-touch .team-member--loaded .team__hero__avatar {
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.team__hero__data p {
	display: block;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	padding: 0 0.8rem;
	text-shadow: 1px 1px rgba(22, 22, 22, 0.25)
}

@media only screen and (min-width: 40em) {
	.team__hero__data p {
		display: inline-block;
		overflow: auto;
		white-space: normal
	}
}

@media only screen and (min-width: 45em) {
	.team__hero__data p {
		font-size: 20px;
		font-size: 1.25rem
	}
}

@media only screen and (min-width: 64em) {
	.team__hero__data p {
		font-size: 26px;
		font-size: 1.3rem
	}
}

[class^="team__hero__contact--"] {
	min-height: 48px;
	line-height: 32px;
	margin: 0
}

[class^="team__hero__contact--"] a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: inherit;
	display: inline-block;
	min-height: 3rem;
	margin: 0 auto;
	padding: 0.5rem 0;
	position: relative;
	transition: none
}

[class^="team__hero__contact--"] a:before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: inline-block;
	margin-right: 0.4rem;
	-ms-transform: scale(0.75);
	transform: scale(0.75);
	transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	vertical-align: middle
}

@media only screen and (min-width: 40em) {
	[class^="team__hero__contact--"] a {
		border-bottom: 2px solid transparent;
		display: inline-block
	}
	[class^="team__hero__contact--"] a:before {
		-ms-transform: none;
		transform: none
	}
	[class^="team__hero__contact--"] a:hover:before, [class^="team__hero__contact--"] a:focus:before {
		-ms-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	[class^="team__hero__contact--"] a:active {
		-ms-transform: translateY(2px);
		transform: translateY(2px)
	}
}

.team__hero__contact--email a:before {
	content: url(https://fueled.com/assets/images/icons/team--email.svg);
	height: 29px;
	width: 29px
}

.no-touch.js .team__hero__contact--email {
	transition-delay: .5s
}

.team__hero__contact--tel a:before {
	content: url(https://fueled.com/assets/images/icons/team--phone.svg);
	height: 32px;
	width: 20px
}

.no-touch.js .team__hero__contact--tel {
	transition-delay: .75s
}

.team__hero__contact--present a:before {
	content: url(https://fueled.com/assets/images/icons/team--location.svg);
	height: 30px;
	width: 23px
}

.no-touch.js .team__hero__contact--present {
	transition-delay: 1s
}

@media (orientation: landscape) and (max-height: 30em) {
	.team__hero .wrap {
		overflow: visible;
		padding-left: calc(50vh+ 1rem);
		position: relative;
		text-align: left
	}
	.team__hero h1:before, .team__hero h1:after {
		display: none
	}
	.team__hero img {
		height: 50vh;
		left: 0;
		margin-top: -25vh;
		position: absolute;
		top: 50%;
		width: 50vh
	}
	.team__hero .team__hero__data {
		margin-top: 0.8rem
	}
	.team__hero .team__hero__data p {
		display: block;
		font-size: 20px;
		padding: 0
	}
	.team__hero .team__hero__contact--tel span {
		padding: 0
	}
	.team__hero .team__hero__contact--tel span:before, .team__hero .team__hero__contact--tel span:after {
		content: ""
	}
}

.team__social {
	padding: 80px 0
}

@media only screen and (max-width: 64em) {
	.team__social {
		padding: 40px 0
	}
}

.team__social__list {
	list-style: none;
	text-align: center
}

@media only screen and (min-width: 48em) {
	.flexbox .team__social__list {
		-ms-flex-align: center;
		align-items: center;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media only screen and (max-width: 47.9375em) {
	.team__social__list {
		padding: 0
	}
}

.team__social__item {
	display: inline-block;
	max-width: 12rem;
	vertical-align: middle
}

@media only screen and (min-width: 48em) {
	.flexbox .team__social__item {
		-ms-flex: 1;
		flex: 1
	}
}

@media only screen and (max-width: 40em) {
	.team__social__item {
		width: 20%
	}
}

.no-touch.js .team__social__item {
	opacity: 0;
	-ms-transform: translateY(40px);
	transform: translateY(40px);
	transition: all 0.25s cubic-bezier(0.84, -0.39, 0.38, 1.225)
}

.no-touch.js .team__social__item:nth-of-type(1) {
	transition-delay: 0.125s
}

.no-touch.js .team__social__item:nth-of-type(2) {
	transition-delay: 0.25s
}

.no-touch.js .team__social__item:nth-of-type(3) {
	transition-delay: 0.375s
}

.no-touch.js .team__social__item:nth-of-type(4) {
	transition-delay: 0.5s
}

.no-touch.js .team__social__item:nth-of-type(5) {
	transition-delay: 0.625s
}

.no-touch.js .team__social__item:nth-of-type(6) {
	transition-delay: 0.75s
}

.no-touch .team-member--loaded .js--show .team__social__item {
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.team__social__link {
	display: block;
	padding: 20px 30px;
	transition: none
}

@media only screen and (min-width: 48em) {
	.team__social__link {
		padding: 60px 30px
	}
}

@media only screen and (max-width: 40em) {
	.team__social__link {
		padding: 0
	}
}

.team__social__link .connect-icon {
	display: inline-block;
	position: relative;
	vertical-align: middle
}

.team__social__link svg {
	display: block;
	fill: #f5f5f1;
	height: 96px;
	position: relative;
	transition: fill 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 96px
}

@media only screen and (max-width: 64em) {
	.team__social__link svg {
		height: 64px;
		width: 64px
	}
}

@media only screen and (max-width: 40em) {
	.team__social__link svg {
		height: 48px;
		width: 48px
	}
}

.team__social__link path {
	fill: inherit
}

.team__social__link .connect-knockout {
	fill: #161616
}

.team__social__link .connect-shadow {
	fill: #525252
}

.team__social__link .connect-border {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: 4px solid #ae0000;
	bottom: 4px;
	left: 4px;
	position: absolute;
	right: 4px;
	top: 4px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875), border-color 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

@media only screen and (max-width: 64em) {
	.team__social__link .connect-border {
		border-width: 3px;
		bottom: 3px;
		left: 3px;
		right: 3px;
		top: 3px
	}
}

@media only screen and (max-width: 31.25em) {
	.team__social__link .connect-border {
		border-width: 2px;
		bottom: 2px;
		left: 2px;
		right: 2px;
		top: 2px
	}
}

@media only screen and (max-width: 25em) {
	.team__social__link .connect-border {
		display: none
	}
}

.team__social__link:hover svg, .team__social__link:focus svg {
	fill: #f5f5f1
}

.team__social__link:hover .connect-border, .team__social__link:focus .connect-border {
	border-color: #525252;
	-ms-transform: rotate(135deg);
	transform: rotate(135deg)
}

.team__social__link:active .connect-border {
	border-color: #f5f5f1;
	-ms-transform: rotate(225deg);
	transform: rotate(225deg)
}

.team__send {
	background: #fff;
	color: #161616;
	display: block;
	padding: 3rem 0;
	text-align: center
}

.team__send:hover, .team__send:focus {
	background: #ae0000;
	color: #f5f5f1
}

.team__send:active {
	background: #161616
}

.team__send__icon {
	display: block;
	margin: 0 auto 2rem;
	width: 133px
}

@media only screen and (min-width: 30em) {
	.team__send__icon {
		width: 266px
	}
}

.team__send__icon g {
	opacity: .2;
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.team__send__icon g * {
	fill: inherit
}

.team__send__icon .svg__fill--black {
	fill: #161616
}

.team__send__icon .svg__fill--red {
	fill: #ae0000
}

.team__send:hover .svg__fill--black, .team__send:hover .svg__fill--red, .team__send:focus .svg__fill--black, .team__send:focus .svg__fill--red {
	fill: #f5f5f1;
	opacity: 1
}

.team__send__copy h2 {
	font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 32px;
	font-size: 2rem;
	margin-bottom: 0;
	text-transform: uppercase
}

@media only screen and (min-width: 30em) {
	.team__send__copy h2 {
		font-size: 48px;
		font-size: 3rem
	}
}

@media only screen and (min-width: 40em) {
	.team__send__copy h2 {
		font-size: 60px;
		font-size: 3.75rem
	}
	.team__send__copy p {
		font-size: 20px;
		font-size: 1.25rem
	}
}

@media only screen and (min-width: 45em) {
	.team__send {
		padding: 5rem 0
	}
	.team__send__icon {
		display: inline-block;
		margin: 0;
		vertical-align: middle;
		width: 266px
	}
	.team__send__copy {
		display: inline-block;
		max-width: calc(100% - 266px);
		padding-left: 2rem;
		text-align: left;
		vertical-align: middle
	}
	.team__send__copy h2 {
		font-size: 48px;
		font-size: 3rem;
		margin-top: 0
	}
	.team__send__copy p {
		font-size: 16px;
		font-size: 1rem;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 64em) {
	.team__send {
		padding: 7.2rem 0
	}
	.team__send__copy h2 {
		font-size: 60px;
		font-size: 3rem
	}
}

@media only screen and (min-width: 67.5em) {
	.team__send__copy {
		padding-left: 4rem
	}
	.team__send__copy p {
		font-size: 26px;
		font-size: 1.3rem;
		margin-top: .5em
	}
}

.team__stats {
	background: #232323;
	padding: 130px 0 180px
}

@media only screen and (max-width: 64em) {
	.team__stats {
		padding: 65px 0 90px
	}
}

.team__stats h2 {
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 60px;
	font-size: 3rem;
	text-transform: uppercase
}

@media only screen and (max-width: 30em) {
	.team__stats h2 {
		padding: 0 10px
	}
}

[class^="team__stats__list--"] {
	list-style: none;
	padding: 0
}

[class^="team__stats__item--"] {
	background: #161616;
	height: 55px;
	margin: 16px 0;
	overflow: hidden;
	position: relative
}

[class^="team__stats__item--"] i:before, [class^="team__stats__item--"]:before {
	background: #232323;
	content: '';
	height: 120px;
	pointer-events: none;
	position: absolute;
	right: -85px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 120px;
	z-index: 2
}

[class^="team__stats__item--"] i {
	background: #ae0000;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	transition: width 500ms cubic-bezier(0.84, -0.39, 0.38, 1.225);
	width: 40%
}

[class^="team__stats__item--"] i:before {
	background: #161616;
	z-index: 1
}

.no-touch.js [class^="team__stats__item--"] i {
	width: 0
}

[class^="team__stats__item--"] .team__stats__tier-label {
	content: '';
	font-style: normal;
	font-weight: 600;
	padding: 13px 60px 13px 18px;
	position: absolute;
	top: 0;
	text-align: right;
	right: 0;
	white-space: nowrap;
	z-index: 5
}

@media only screen and (max-width: 64em) {
	[class^="team__stats__item--"] .team__stats__tier-label {
		padding: 16px 55px 13px 10px
	}
}

.no-touch.js [class^="team__stats__item--"] .team__stats__tier-label {
	opacity: 0;
	transition: opacity 300ms 300ms
}

.no-touch .team-member--loaded .js--show [class^="team__stats__item--"] .team__stats__tier-label {
	opacity: 1
}

@media only screen and (min-width: 48em) {
	.team__stats__item--1 .team__stats__tier-label, .team__stats__item--2 .team__stats__tier-label {
		left: 100%;
		padding-left: 0.25rem
	}
}

@media only screen and (max-width: 59.375em) {
	.team__stats__item--3 .team__stats__tier-label, .team__stats__item--4 .team__stats__tier-label {
		left: 100%;
		padding-left: 0.25rem
	}
}

.team__stats__item--1 i, .team-member--loaded .js--show .team__stats__item--1 i {
	width: 32.5%
}

.team__stats__item--2 i, .team-member--loaded .js--show .team__stats__item--2 i {
	width: 40%
}

.team__stats__item--3 i, .team-member--loaded .js--show .team__stats__item--3 i {
	width: 47.5%
}

.team__stats__item--4 i, .team-member--loaded .js--show .team__stats__item--4 i {
	width: 55%
}

.team__stats__item--5 i, .team-member--loaded .js--show .team__stats__item--5 i {
	width: 62.5%
}

.team__stats__item--6 i, .team-member--loaded .js--show .team__stats__item--6 i {
	width: 70%
}

.team__stats__item--7 i, .team-member--loaded .js--show .team__stats__item--7 i {
	width: 77.5%
}

.team__stats__item--8 i, .team-member--loaded .js--show .team__stats__item--8 i {
	width: 85%
}

.team__stats__item--9 i, .team-member--loaded .js--show .team__stats__item--9 i {
	width: 92.5%
}

.team__stats__item--10 i, .team-member--loaded .js--show .team__stats__item--10 i {
	width: 100%
}

[class^="team__stats__item--"]:nth-of-type(1) i {
	transition-delay: -0.225s
}

[class^="team__stats__item--"]:nth-of-type(1) .team__stats__tier-label {
	transition-delay: 0.025s
}

[class^="team__stats__item--"]:nth-of-type(2) i {
	transition-delay: -0.1s
}

[class^="team__stats__item--"]:nth-of-type(2) .team__stats__tier-label {
	transition-delay: 0.15s
}

[class^="team__stats__item--"]:nth-of-type(3) i {
	transition-delay: 0.025s
}

[class^="team__stats__item--"]:nth-of-type(3) .team__stats__tier-label {
	transition-delay: 0.275s
}

[class^="team__stats__item--"]:nth-of-type(4) i {
	transition-delay: 0.15s
}

[class^="team__stats__item--"]:nth-of-type(4) .team__stats__tier-label {
	transition-delay: 0.4s
}

.team__stats__label {
	background: #232323;
	color: #6c6c6c;
	font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 400;
	font-size: 24px;
	font-size: 1.2rem;
	display: block;
	line-height: 0.8;
	overflow: hidden;
	padding: 22px 40px 14px 0;
	position: relative;
	text-align: right;
	text-overflow: ellipsis;
	text-transform: uppercase;
	width: 25%;
	white-space: nowrap;
	z-index: 7
}

@media only screen and (max-width: 64em) {
	.team__stats__label {
		padding: 24px 20px 16px 0
	}
}

@media only screen and (max-width: 47.9375em) {
	.team__stats__label {
		padding-left: 0.75rem;
		padding-top: 0.125rem;
		padding-bottom: 0.375rem;
		text-align: left;
		width: 100%
	}
	[class^="team__stats__item--"] {
		margin-bottom: 1.2rem
	}
	[class^="team__stats__item--"] .team__stats__tier-label {
		left: 0;
		text-align: left;
		top: 12px
	}
}

.team__about {
	background: #f5f5f1;
	color: #232323;
	padding: 130px 0 180px;
	text-align: center
}

@media only screen and (max-width: 64em) {
	.team__about {
		padding: 65px 0 90px
	}
}

.team__about .wrap {
	max-width: 50rem
}

.team__about h2 {
	color: #161616;
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 60px;
	font-size: 3rem;
	line-height: 0.85;
	margin-bottom: 0;
	position: relative;
	text-transform: uppercase;
	text-shadow: #f5f5f1 2px 2px 0, #ae0000 3px 3px 0
}

@media only screen and (min-width: 64em) {
	.team__about h2 {
		font-size: 92px;
		font-size: 4.6rem
	}
}

.team__about p {
	line-height: 1.45
}

@media only screen and (min-width: 45em) {
	.team__about p {
		font-size: 28px;
		font-size: 1.4rem
	}
}

.team__about p a {
	color: inherit;
	font-weight: 600
}

.team__about p a:hover, .team__about p a:focus {
	color: #ae0000
}

.team__about p a:active {
	color: #525252
}

.team__insta__list, .team__dribbble__list {
	list-style: none;
	margin: 0;
	padding: 0 10px
}

@media only screen and (max-width: 47.9375em) {
	.team__insta__list, .team__dribbble__list {
		padding: 0
	}
}

.team__insta__item, .team__dribbble__item {
	display: inline-block;
	overflow: hidden;
	padding-top: 20%;
	position: relative;
	width: 20%;
	vertical-align: top
}

.team__insta__link, .team__dribbble__link {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.team__insta__image, .team__dribbble__image, .team__music__cover {
	background: center no-repeat;
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.team__insta__overlay, .team__dribbble__overlay, .team__music__title-card {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #303030;
	height: 100%;
	left: 0;
	overflow: hidden;
	padding: 20px;
	position: absolute;
	text-shadow: rgba(22, 22, 22, 0.2) 1px 1px 2px;
	top: 0;
	transition: all 350ms cubic-bezier(0.875, 0.105, 0.19, 0.92);
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center
}

.no-touch .team__insta__overlay, .no-touch .team__dribbble__overlay, .no-touch .team__music__title-card {
	opacity: 0
}

.touch .team__insta__overlay, .touch .team__dribbble__overlay, .touch .team__music__title-card {
	display: none
}

.no-touch a:hover .team__insta__overlay, .no-touch a:hover .team__dribbble__overlay, .no-touch a:hover .team__music__title-card, .no-touch a:focus .team__insta__overlay, .no-touch a:focus .team__dribbble__overlay, .no-touch a:focus .team__music__title-card {
	transform: rotateY(0);
	opacity: 1
}

.no-touch a:active .team__insta__overlay, .no-touch a:active .team__dribbble__overlay, .no-touch a:active .team__music__title-card {
	background: #161616
}

.team__insta__image--blur, .team__dribbble__image--blur, .team__music__cover--blur {
	background: center no-repeat;
	background-size: cover;
	height: 140%;
	left: -20%;
	opacity: 0.5;
	position: absolute;
	top: -20%;
	width: 140%;
	filter: blur(10px) grayscale(1)
}

[class^="team__insta__text--"], [class^="team__dribbble__text--"], [class^="team__music__text--"] {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	color: #f5f5f1;
	display: block;
	opacity: 0;
	position: relative;
	text-align: center;
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	transition: all 350ms cubic-bezier(0.875, 0.105, 0.19, 0.92);
	width: 100%;
	z-index: 2
}

.no-touch a:hover [class^="team__insta__text--"], .no-touch a:hover [class^="team__dribbble__text--"], .no-touch a:hover [class^="team__music__text--"], .no-touch a:focus [class^="team__insta__text--"], .no-touch a:focus [class^="team__dribbble__text--"], .no-touch a:focus [class^="team__music__text--"] {
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.team__insta__text--title, .team__dribbble__text--title, .team__music__text--title, .team__strava__title {
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 34px;
	font-size: 1.7rem;
	line-height: 0.95;
	margin-bottom: 0.25rem;
	text-transform: uppercase
}

.team__insta__text--subtitle, .team__dribbble__text--data, .team__music__text--artist {
	font-size: 24px;
	font-size: 1.2rem;
	font-weight: 300
}

.team__music__text--album {
	font-size: 20px;
	font-size: 1rem;
	font-style: italic
}

.team__service-logo {
	height: 4.2rem;
	left: 50%;
	margin: -2.1rem 0 0 -2.1rem;
	position: absolute;
	top: 50%;
	width: 4.2rem;
	z-index: 2
}

.team__service-logo .connect-dribbble, .team__service-logo .connect-instagram {
	opacity: 1;
	transition: visibility .25s ease .1s, opacity .25s ease .1s;
	visibility: visible
}

.team__service-logo svg {
	fill: #f5f5f1;
	height: 2.4rem;
	left: 50%;
	margin: -1.2rem 0 0 -1.2rem;
	position: absolute;
	top: 50%;
	width: 2.4rem
}

.team__service-logo .connect-knockout, .team__service-logo .connect-shadow {
	display: none;
	fill: none
}

.team__service-logo:hover .connect-dribbble, .team__service-logo:hover .connect-instagram, .team__service-logo:focus .connect-dribbble, .team__service-logo:focus .connect-instagram, .team__service-logo:active .connect-dribbble, .team__service-logo:active .connect-instagram {
	opacity: 0;
	transition-delay: .25s, 0s;
	visibility: hidden
}

.team__service-logo:hover~ .team__service-logo__background, .team__service-logo:focus~ .team__service-logo__background, .team__service-logo:active~ .team__service-logo__background {
	margin: -100% 0 0 -100%;
	opacity: .8;
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 200%
}

@media only screen and (min-width: 45em) {
	.team__service-logo:hover~ .team__service-logo__background, .team__service-logo:focus~ .team__service-logo__background, .team__service-logo:active~ .team__service-logo__background {
		margin: -50% 0 0 -50%;
		width: 100%
	}
}

.team__service-logo:hover .team__service-logo__label, .team__service-logo:focus .team__service-logo__label, .team__service-logo:active .team__service-logo__label {
	opacity: 1;
	transition-delay: .1s, .1s;
	visibility: visible
}

.team__service-logo:active .team__service-logo__background {
	opacity: .9
}

.team__service-logo__background {
	left: 50%;
	margin: -2.1rem 0 0 -2.1rem;
	position: absolute;
	top: 50%;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 4.2rem;
	z-index: 1
}

.team__service-logo__background:before {
	content: "";
	display: block;
	padding-top: 100%
}

.team__service-logo--instagram~ .team__service-logo__background {
	background: #314351
}

.team__service-logo--dribbble~ .team__service-logo__background {
	background: #813553
}

.team__service-logo__label {
	color: #f5f5f1;
	font-weight: bold;
	opacity: 0;
	padding: 0 1.6rem;
	position: absolute;
	left: 50%;
	margin-left: -50vw;
	text-align: center;
	text-transform: uppercase;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: visibility .25s ease .25s, opacity .25s ease;
	visibility: hidden;
	width: 100vw
}

@media only screen and (min-width: 30em) {
	.team__service-logo__label {
		font-size: 36px;
		font-size: 2.25rem
	}
}

@media only screen and (min-width: 45em) {
	.team__service-logo__label {
		margin-left: auto;
		-ms-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		white-space: nowrap;
		width: auto
	}
}

@media only screen and (min-width: 64em) {
	.team__service-logo__label {
		font-size: 40px;
		font-size: 2rem
	}
}

.team__instagram {
	background: #f5f5f1;
	overflow: hidden;
	position: relative
}

.team__insta__list {
	min-height: calc((100vw - 22px) / (8/4))
}

@media only screen and (max-width: 44.9375em) {
	.team__insta__list {
		min-height: calc(100vw * (8/4))
	}
}

.team__insta__item {
	padding-top: 50%;
	width: 50%
}

@media only screen and (min-width: 45em) {
	.team__insta__item {
		padding-top: 25%;
		width: 25%
	}
}

.team__insta__overlay {
	background-color: #314351
}

@media only screen and (max-width: 21.875em) {
	.team__insta__text--title {
		display: none
	}
}

.team__insta__text--extra {
	margin-bottom: 0.25rem
}

@media only screen and (max-width: 59.375em) {
	.team__insta__text--extra {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%
	}
}

@media only screen and (max-width: 47.9375em) {
	.team__insta__text--extra {
		display: none
	}
}

[class^="team__insta__icon--"] {
	background: -10px center no-repeat;
	padding-left: 18px
}

.team__insta__icon--location {
	background-image: url(https://fueled.com/assets/images/icons/instagram-location.svg)
}

.team__insta__icon--like {
	background-image: url(https://fueled.com/assets/images/icons/dribbble-like.svg)
}

.team__twitter {
	background: #f5f5f1;
	color: #161616;
	padding: 20px 0 45px;
	text-align: center
}

@media only screen and (min-width: 40em) {
	.team__twitter {
		padding: 40px 0 90px
	}
}

@media only screen and (max-width: 30em) {
	.team__twitter .wrap {
		padding: 0 20px
	}
}

.team__twitter__icon {
	display: inline-block;
	fill: #232323;
	margin: 0 auto;
	position: relative
}

@media only screen and (min-width: 59.375em) {
	.team__twitter__icon {
		margin: 0 auto 2.4rem
	}
}

.team__twitter__icon:before {
	background: #161616;
	content: "";
	height: 150%;
	left: -42.85714%;
	position: absolute;
	top: -25%;
	-ms-transform: rotate(45deg) scale(0);
	transform: rotate(45deg) scale(0);
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 185.71429%
}

.team__twitter__icon:hover, .team__twitter__icon:focus {
	fill: #f5f5f1
}

.team__twitter__icon:hover:before, .team__twitter__icon:focus:before {
	-ms-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1)
}

.team__twitter__icon:active {
	fill: #f5f5f1
}

.team__twitter__icon:active:before {
	background: #ae0000
}

.team__twitter__icon svg {
	display: block;
	height: 52px;
	margin: 0 auto;
	position: relative;
	width: 42px
}

.team__twitter__icon svg path {
	fill: inherit
}

.team__twitter__list {
	list-style: none;
	padding: 0;
	text-align: left
}

.team__twitter__item {
	display: inline-block;
	margin-left: 2.5rem;
	vertical-align: top;
	width: calc(33.33% - 1.66667rem)
}

@media only screen and (min-width: 59.4375em) {
	.team__twitter__item:first-of-type {
		margin-left: 0
	}
}

@media only screen and (max-width: 59.375em) {
	.team__twitter__item {
		display: block;
		margin: 3rem auto 1rem;
		max-width: 500px;
		width: 100%
	}
}

.team__twitter__date, .team__strava__subtitle {
	color: #ababab;
	display: block;
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;
	line-height: 0.95;
	text-transform: uppercase
}

.team__twitter__date {
	font-size: 32px;
	font-size: 1.6rem;
	margin-bottom: 1rem
}

.team__twitter__date:hover, .team__twitter__date:focus {
	color: #525252
}

.team__twitter__date:active {
	color: #ae0000
}

.team__twitter__tweet {
	line-height: 1.45
}

.team__twitter__tweet a {
	color: #ae0000;
	max-width: 100%;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	vertical-align: top
}

.team__twitter__tweet a:hover, .team__twitter__tweet a:focus {
	color: #525252
}

.team__twitter__tweet a:active {
	color: #161616
}

.team__twitter__tweet a[data-expanded-url] span {
	display: none
}

.team__twitter__tweet img[src*="emoji"] {
	height: 16px;
	width: 16px
}

.team__dribbble {
	overflow: hidden;
	position: relative
}

.team__divider--instagram-dribbble {
	background: #f5f5f1;
	display: block;
	height: 31px;
	position: relative
}

.team__divider--instagram-dribbble:before {
	background: #ae0000;
	height: 1px;
	position: absolute;
	left: 0;
	top: 15px;
	content: "";
	width: 100%
}

.team__dribbble__list {
	min-height: calc((100vw - 28px) / (4 * 0.66666666666))
}

@media only screen and (max-width: 44.9375em) {
	.team__dribbble__list {
		min-height: calc(100vw * 2 * 0.7499)
	}
}

.team__dribbble__item {
	padding-top: 37.5%;
	width: 50%
}

@media only screen and (min-width: 45em) {
	.team__dribbble__item {
		padding-top: 18.75%;
		width: 25%
	}
}

.team__dribbble__overlay {
	background-color: #813553
}

@media only screen and (max-width: 31.25em) {
	.team__dribbble__overlay {
		padding: 10px
	}
}

@media only screen and (max-width: 31.25em) {
	.team__dribbble__text--title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

.team__dribbble__text--desc {
	margin-bottom: 0.25rem
}

@media only screen and (max-width: 59.375em) {
	.team__dribbble__text--desc {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

@media only screen and (max-width: 47.9375em) {
	.team__dribbble__text--desc {
		display: none
	}
}

[class^="team__dribbble__icon--"] {
	background: -10px center no-repeat;
	padding-left: 18px
}

.team__dribbble__icon--view {
	background-image: url(https://fueled.com/assets/images/icons/dribbble-view.svg);
	margin-right: 0.5rem
}

.team__dribbble__icon--like {
	background-image: url(https://fueled.com/assets/images/icons/dribbble-like.svg)
}

.team__music {
	padding: 80px 0 130px
}

@media only screen and (max-width: 64em) {
	.team__music {
		padding: 40px 0 65px
	}
}

.team__music h2 {
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 52px;
	font-size: 2.6rem;
	line-height: 0.95;
	margin-bottom: 4rem;
	text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
	.team__music h2 {
		text-align: center
	}
}

.team__music .wrap {
	position: relative
}

@media only screen and (max-width: 30em) {
	.team__music .wrap {
		padding: 0 20px
	}
}

.team__music__list {
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0
}

[class^="team__music__item--"] {
	position: relative;
	width: 25%
}

[class^="team__music__item--"]:before {
	content: "";
	display: block;
	padding-top: 100%
}

@media only screen and (max-width: 47.9375em) {
	[class^="team__music__item--"]:before {
		padding-top: 0
	}
}

@media only screen and (max-width: 70em) {
	[class^="team__music__item--"] {
		width: 30%
	}
}

.team__music__item--playing .team__music__album:before {
	box-sizing: border-box;
	color: #f5f5f1;
	content: 'Currently listening to';
	position: absolute;
	left: 17px;
	height: 12px;
	line-height: 11px;
	font-size: 10px;
	font-size: 0.5rem;
	font-weight: bold;
	text-transform: uppercase;
	top: 5px;
	-ms-transform: translateX(-6px);
	transform: translateX(-6px);
	transition: all 350ms cubic-bezier(0.875, 0.105, 0.19, 0.92);
	letter-spacing: 0.25px;
	padding: 0 5px 1px;
	opacity: 0;
	z-index: 5
}

@media only screen and (max-width: 47.9375em) {
	.team__music__item--playing .team__music__album:before {
		left: 0;
		opacity: 1;
		padding: 0 20px 0 220px;
		text-align: center;
		-ms-transform: translateX(0);
		transform: translateX(0);
		width: 100%
	}
}

@media only screen and (max-width: 31.25em) {
	.team__music__item--playing .team__music__album:before {
		padding-left: 170px
	}
}

@media only screen and (max-width: 21.875em) {
	.team__music__item--playing .team__music__album:before {
		padding-left: 120px
	}
}

.team__music__item--playing:hover .team__music__album:before, .team__music__item--playing:focus .team__music__album:before, .team__music__item--playing:active .team__music__album:before {
	opacity: 1;
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.team__music__now-playing {
	fill: inherit;
	height: 12px;
	left: 5px;
	position: absolute;
	top: 5px;
	width: 12px;
	z-index: 5
}

.team__music__now-playing [class^="bar--"] {
	animation: spotify-bar 1.5s infinite;
	fill: #f5f5f1
}

.team__music__now-playing .box {
	fill: inherit
}

.team__music__now-playing .bar--2 {
	animation-duration: 1.65s;
	animation-delay: -0.5s
}

.team__music__now-playing .bar--3 {
	animation-duration: 1.35s;
	animation-delay: -0.85s
}

@media only screen and (max-width: 47.9375em) {
	.team__music__now-playing {
		top: calc(50% - 100px+ 5px)
	}
}

@media only screen and (max-width: 31.25em) {
	.team__music__now-playing {
		top: calc(50% - 75px+ 5px)
	}
}

@media only screen and (max-width: 21.875em) {
	.team__music__now-playing {
		top: calc(50% - 50px+ 5px)
	}
}

@keyframes spotify-bar {
	0% {
		transform: translateY(0)
	}
	20% {
		transform: translateY(70%)
	}
	40% {
		transform: translateY(0)
	}
	60% {
		transform: translateY(30%)
	}
	80% {
		transform: translateY(80%)
	}
	100% {
		transform: translateY(0)
	}
}

.team__music__album {
	fill: #232323;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%
}

@media only screen and (min-width: 48em) {
	.team__music__album:hover, .team__music__album:focus {
		fill: transparent
	}
}

.team__music__cover, .team__music__cover--blur {
	background-image: url(../images/team-members/lastfm-default-cover.png)
}

.team__music__list--spotify .team__music__cover, .team__music__list--spotify .team__music__cover--blur {
	background-image: url(../images/team-members/spotify-default-cover.png)
}

.team__music__list--soundcloud .team__music__cover, .team__music__list--soundcloud .team__music__cover--blur {
	background-image: url(../images/team-members/soundcloud-default-cover.png)
}

.team__music__list--spotify .team__music__title-card {
	background-color: #4ba065
}

.team__music__list--soundcloud .team__music__title-card {
	background-color: #df8620
}

@media only screen and (max-width: 47.9375em) {
	.touch .team__music__title-card {
		display: block
	}
}

.team__music__text--artist {
	margin-bottom: 0.5rem
}

@media only screen and (min-width: 48em) {
	.team__music__follow {
		padding-right: 40px;
		position: absolute;
		top: 1rem;
		right: 0
	}
}

.team__music__follow a {
	color: #f5f5f1;
	display: block;
	fill: #f5f5f1;
	font-weight: bold;
	text-transform: uppercase
}

.team__music__follow a:hover, .team__music__follow a:focus {
	fill: #ae0000;
	color: #ae0000
}

.team__music__follow a:active {
	fill: #525252;
	color: #525252
}

.team__music__follow svg {
	display: inline-block;
	height: 2rem;
	margin: 0 0 0 0.5rem;
	vertical-align: middle;
	fill: inherit
}

.team__music__follow #spotify-logomark {
	margin-bottom: 0.3rem;
	width: 6.5rem
}

.team__music__follow #soundcloud-logomark {
	height: 3rem;
	margin-top: -0.7rem;
	width: 5.25rem
}

@media only screen and (max-width: 47.9375em) {
	.team__music__list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	[class^="team__music__item--"] {
		margin: 0 auto 1rem;
		max-width: 32.5rem;
		padding-top: 0;
		width: 100%
	}
	.team__music__album {
		display: block;
		position: relative
	}
	.team__music__title-card.team__music__title-card {
		background: none;
		min-height: 200px;
		opacity: 1;
		padding-left: 220px;
		position: relative
	}
	.team__music__item--playing .team__music__title-card.team__music__title-card {
		padding-top: 30px
	}
	.team__music__cover {
		height: 200px;
		top: calc(50% - 100px);
		width: 200px
	}
	.team__music__cover--blur {
		display: none
	}
	.team__music__follow {
		text-align: center;
		margin-top: 3.2rem
	}
	.team__music__follow a {
		display: inline-block
	}
	.team__music__text--title, .team__music__text--artist, .team__music__text--album {
		opacity: 1;
		-ms-transform: none;
		transform: none
	}
}

@media only screen and (max-width: 31.25em) {
	.team__music__title-card.team__music__title-card {
		min-height: 150px;
		padding-left: 170px
	}
	.team__music__cover {
		height: 150px;
		top: calc(50% - 75px);
		width: 150px
	}
}

@media only screen and (max-width: 21.875em) {
	.team__music__title-card.team__music__title-card {
		min-height: 100px;
		padding-left: 120px
	}
	.team__music__cover {
		height: 100px;
		top: calc(50% - 50px);
		width: 100px
	}
}

.team__strava__list {
	margin: 0;
	padding: 0
}

@media only screen and (min-width: 48em) {
	.team__strava__list {
		padding: 0 10px
	}
}

[class^="team__strava__item--"] {
	background: #222;
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-shadow: #222 0.05rem 0.05rem, #222 0.05rem 0.1rem, #222 0.1rem 0.1rem, #222 0.1rem 0.05rem, #222 -0.05rem 0.05rem, #222 -0.05rem 0.1rem, #222 -0.1rem 0.1rem, #222 -0.1rem 0.05rem, #222 0.05rem -0.05rem, #222 0.05rem -0.1rem, #222 0.1rem -0.1rem, #222 0.1rem -0.05rem, #222 -0.05rem -0.05rem, #222 -0.05rem -0.1rem, #222 -0.1rem -0.1rem, #222 -0.1rem -0.05rem, #222 0 0.05rem, #222 0 0.1rem, #222 0.05rem 0, #222 0.1rem 0, #222 0 -0.05rem, #222 0 -0.1rem, #222 -0.05rem 0, #222 -0.1rem 0;
	vertical-align: top;
	width: 100%
}

[class^="team__strava__item--no-map--"] .team__strava__overlay, [class^="team__strava__item--no-map--"] .team__strava__content {
	min-height: 0
}

@media only screen and (max-width: 47.9375em) {
	[class^="team__strava__item--no-map--"] .team__strava__content {
		max-width: 31.25rem;
		width: 100%
	}
}

.team__strava__overlay {
	color: #f5f5f1;
	display: block;
	min-height: 50vh;
	overflow: hidden;
	padding: 80px 0;
	position: relative;
	transition: background 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	z-index: 1
}

.team__strava__overlay:hover, .team__strava__overlay:focus {
	background: rgba(22, 22, 22, 0.55);
	color: #f5f5f1
}

.team__strava__overlay:active {
	background: rgba(22, 22, 22, 0.85);
	color: #f5f5f1
}

@media only screen and (max-width: 47.9375em) {
	.team__strava__overlay {
		min-height: 0;
		padding: 2.5rem 0
	}
	.team__strava__overlay .wrap {
		padding: 0
	}
}

@media only screen and (max-width: 31.25em) {
	.team__strava__overlay {
		overflow: visible;
		padding-bottom: 1.25rem
	}
	.team__strava__overlay:after {
		content: '';
		height: 31.25rem;
		left: 0;
		position: absolute;
		bottom: -31.25rem;
		width: 100%
	}
}

.team__strava__content {
	max-width: 25rem;
	min-height: 25rem;
	width: 50%
}

@media only screen and (max-width: 47.9375em) {
	.team__strava__content {
		min-height: 0;
		padding: 0 1.25rem
	}
}

@media only screen and (max-width: 31.25em) {
	.team__strava__content {
		width: 100%
	}
}

.team__strava__title {
	font-size: 52px;
	font-size: 2.6rem;
	margin-top: 0.25rem;
	margin-bottom: 1rem
}

@media only screen and (min-width: 48em) {
	.js .team__strava__title {
		opacity: 0;
		transition: opacity 0.25s 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
	}
	.team-member--loaded .team__strava--loaded.js--show .team__strava__title {
		opacity: 1
	}
}

.team__strava__subtitle {
	font-size: 32px;
	font-size: 1.6rem;
	text-indent: -0.1rem;
	transition: color 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.team__strava__overlay:hover .team__strava__subtitle, .team__strava__overlay:focus .team__strava__subtitle {
	color: #f5f5f1
}

@media only screen and (min-width: 48em) {
	.js .team__strava__subtitle {
		opacity: 0;
		transition: color 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s 0.125s cubic-bezier(0.625, 0.125, 0.305, 0.875)
	}
	.team-member--loaded .team__strava--loaded.js--show .team__strava__subtitle {
		opacity: 1
	}
}

.team__strava__date {
	white-space: nowrap
}

.team__strava__data {
	margin: 0 auto 0.15rem
}

[class^="team__strava__data-item--"] {
	font-size: 22px;
	font-size: 1.1rem;
	background: top left no-repeat;
	cursor: help;
	display: block;
	line-height: 28px;
	margin-bottom: 0.7rem;
	min-height: 32px;
	padding: 0 0 6px 42px
}

@media only screen and (min-width: 48em) {
	[class^="team__strava__data-item--"] {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 0.5rem)
	}
	[class^="team__strava__data-item--"]:nth-of-type(2n-1) {
		margin-right: 1rem
	}
	.js [class^="team__strava__data-item--"] {
		opacity: 0;
		transition: opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
	}
	.js [class^="team__strava__data-item--"]:nth-of-type(1) {
		transition-delay: 625ms
	}
	.js [class^="team__strava__data-item--"]:nth-of-type(2) {
		transition-delay: 750ms
	}
	.js [class^="team__strava__data-item--"]:nth-of-type(3) {
		transition-delay: 875ms
	}
	.js [class^="team__strava__data-item--"]:nth-of-type(4) {
		transition-delay: 1000ms
	}
	.js [class^="team__strava__data-item--"]:nth-of-type(5) {
		transition-delay: 1125ms
	}
	.js [class^="team__strava__data-item--"]:nth-of-type(6) {
		transition-delay: 1250ms
	}
	.js [class^="team__strava__data-item--"]:nth-of-type(7) {
		transition-delay: 1375ms
	}
	.team-member--loaded .team__strava--loaded.js--show [class^="team__strava__data-item--"] {
		opacity: 1
	}
}

@media only screen and (max-width: 31.25em) {
	[class^="team__strava__data-item--"] {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 0.5rem)
	}
	[class^="team__strava__data-item--"]:nth-of-type(2n-1) {
		margin-right: 1rem
	}
}

@media only screen and (max-width: 20.625em) {
	[class^="team__strava__data-item--"] {
		display: block;
		width: 100%;
		margin-right: 0 !important
	}
}

.team__strava__data-item--distance {
	background-image: url(https://fueled.com/assets/images/icons/team-strava-distance.svg)
}

.team__strava__data-item--duration {
	background-image: url(https://fueled.com/assets/images/icons/team-strava-duration.svg)
}

.team__strava__data-item--hr {
	background-image: url(https://fueled.com/assets/images/icons/team-strava-hr.svg)
}

.team__strava__data-item--pace {
	background-image: url(https://fueled.com/assets/images/icons/team-strava-pace.svg)
}

.team__strava__data-item--awards {
	background-image: url(https://fueled.com/assets/images/icons/team-strava-awards.svg)
}

.team__strava__data-item--elevation {
	background-image: url(https://fueled.com/assets/images/icons/team-strava-elevation.svg)
}

.team__strava__data-label {
	color: #ababab;
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
	font-size: 1rem;
	line-height: 0.95;
	opacity: 0;
	position: absolute;
	pointer-events: none;
	text-transform: uppercase;
	-ms-transform: translateY(0.5rem);
	transform: translateY(0.5rem);
	transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.team__strava__data-label abbr {
	border-bottom: 0
}

.no-touch [class^="team__strava__data-item--"]:hover .team__strava__data-label {
	opacity: 1;
	-ms-transform: translateY(-0.25rem);
	transform: translateY(-0.25rem)
}

.team__strava__data-value {
	display: block;
	transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.no-touch [class^="team__strava__data-item--"]:hover .team__strava__data-value {
	-ms-transform: translateY(0.4rem);
	transform: translateY(0.4rem)
}

.team__strava__map {
	background: #222 !important;
	height: calc(100%+ 40px);
	left: -5px;
	opacity: 0;
	position: absolute;
	top: -5px;
	-ms-transform-origin: center center;
	transform-origin: center center;
	transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: calc(100%+ 10px)
}

.team__strava__map>div, .team__strava__map .gm-err-container {
	background: #222 !important
}

.team__strava--loaded .team__strava__map {
	opacity: 1
}

@media only screen and (max-width: 47.9375em) {
	.team__strava__map {
		left: 50%;
		right: -0.625rem;
		width: auto
	}
}

@media only screen and (max-width: 31.25em) {
	.team__strava__map {
		height: calc(100vw+ 2.5rem);
		position: relative;
		left: -0.625rem;
		margin-top: -2.5rem;
		max-height: 22.5rem;
		top: 2.5rem
	}
}

.core-team__hero {
	padding-bottom: 6rem
}

@media only screen and (min-width: 64em) {
	.core-team__hero {
		padding-top: 6rem
	}
}

@media only screen and (min-width: 67.5em) {
	.core-team__hero h1 {
		font-size: 6.6rem
	}
}

.core-team__hero h2 {
	display: inline-block;
	font-size: 20px;
	font-size: 1rem;
	font-weight: 600;
	margin: 1rem 0 0.8rem;
	text-align: center
}

@media only screen and (min-width: 48em) {
	.core-team__hero h2 {
		margin-top: 1.6rem
	}
	.core-team__hero h2:before {
		content: "- "
	}
	.core-team__hero h2:after {
		content: " -"
	}
}

@media only screen and (min-width: 45em) {
	.core-team__hero h2 {
		font-size: 34px;
		font-size: 1.7rem
	}
}

.core-team__hero p {
	display: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 46rem
}

@media only screen and (min-width: 30em) {
	.core-team__hero p {
		display: block
	}
}

@media only screen and (min-width: 64em) {
	.core-team__hero p {
		font-size: 22px;
		font-size: 1.1rem
	}
}

.core-team__hero .wrap {
	max-width: 72rem;
	padding: 0
}

.core-team__member {
	display: inline-block;
	margin: 1rem 0;
	position: relative;
	width: 100%
}

@media only screen and (min-width: 25em) {
	.core-team__member {
		width: 20rem
	}
}

@media only screen and (min-width: 27.5em) {
	.core-team__member {
		margin: 1rem
	}
}

.core-team__member:before {
	content: "";
	display: block;
	padding-top: 100%
}

.core-team__member h3 {
	color: #f5f5f1;
	font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 32px;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 0.85;
	position: relative;
	text-transform: uppercase;
	transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
	z-index: 2
}

.core-team__member:hover h3, .core-team__member:focus h3 {
	-ms-transform: translateY(-0.5rem);
	transform: translateY(-0.5rem)
}

.core-team__avatar {
	left: 0;
	padding-top: 100%;
	position: absolute;
	top: 0;
	width: 100%
}

.core-team__avatar__diamond {
	background-size: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: center no-repeat;
	bottom: 3.5rem;
	box-shadow: inset white 0 0 0 0;
	left: 3.5rem;
	position: absolute;
	right: 3.5rem;
	top: 3.5rem;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), box-shadow 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.core-team__member:hover .core-team__avatar__diamond, .core-team__member:focus .core-team__avatar__diamond {
	-ms-transform: rotate(45deg) scale(1.07273);
	transform: rotate(45deg) scale(1.07273)
}

.core-team__member:active .core-team__avatar__diamond {
	box-shadow: inset white 0 0 0 8.5rem
}

@media only screen and (min-width: 22.5em) {
	.core-team__avatar__diamond {
		bottom: 4.5rem;
		left: 4.5rem;
		right: 4.5rem;
		top: 4.5rem
	}
}

.core-team__avatar__pattern {
	background: center center no-repeat;
	background-size: 100%;
	bottom: 1rem;
	left: 1rem;
	position: absolute;
	right: 1rem;
	top: 1rem;
	transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.core-team__member:hover .core-team__avatar__pattern, .core-team__member:focus .core-team__avatar__pattern {
	-ms-transform: scale(0.91149);
	transform: scale(0.91149)
}

.core-team__avatar__image {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 3
}

.core-team__search {
	background: #1d1d1d;
	overflow: hidden;
	padding: 3rem 0;
	position: relative
}

@media only screen and (min-width: 30em) {
	.core-team__search {
		padding: 5rem 0
	}
}

@media only screen and (min-width: 45em) {
	.core-team__search {
		padding: 7.5rem 0
	}
}

@media only screen and (min-width: 64em) {
	.core-team__search {
		padding: 8rem
	}
}

@media only screen and (min-width: 80em) {
	.core-team__search {
		padding: 10rem 0
	}
}

.core-team__search:before {
	background: url(../images/bg/member-pattern.png) repeat;
	background-size: 480px 240px;
	content: "";
	height: 250%;
	left: -75%;
	opacity: .5;
	position: absolute;
	top: -75%;
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
	width: 250%
}

@media only screen and (min-width: 45em) {
	.core-team__search:before {
		background-size: 960px 480px
	}
}

@media only screen and (min-width: 64em) {
	.core-team__search:before {
		background-size: 1920px 960px
	}
}

.core-team__search h2 {
	color: #f5f5f1;
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 42px;
	font-size: 2.625rem;
	font-weight: normal;
	line-height: 0.85;
	margin: 0 auto 1rem;
	position: relative;
	text-align: center;
	text-shadow: #161616 2px 2px 0, #ae0000 3px 3px 0;
	text-transform: uppercase;
	transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

@media only screen and (min-width: 30em) {
	.core-team__search h2 {
		font-size: 64px;
		font-size: 4rem
	}
}

@media only screen and (min-width: 51.25em) {
	.core-team__search h2 {
		font-size: 72px;
		font-size: 4.5rem
	}
}

@media only screen and (min-width: 64em) {
	.core-team__search h2 {
		font-size: 84px;
		font-size: 4.2rem
	}
}

.core-team__search .wrap {
	max-width: 36rem;
	position: relative
}

.core-team__search__form {
	position: relative
}

@media only screen and (min-width: 51.25em) {
	.core-team__search__form {
		font-size: 28px;
		font-size: 1.4rem
	}
}

@media only screen and (max-width: 34.375em) {
	.core-team__search__form {
		padding-bottom: 3.125rem
	}
}

.core-team__search__form label {
	display: block;
	font-weight: 600;
	text-align: center
}

@media only screen and (max-width: 34.375em) {
	.core-team__search__form label {
		height: 5rem
	}
}

.core-team__search__form input[type="text"] {
	background: #161616;
	border: 4px solid #000000;
	color: #f5f5f1;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	margin: 3rem auto 0;
	outline: none;
	padding: 0.7rem 0.8rem 0.9rem;
	text-align: center;
	text-style: italic;
	width: 100%
}

.core-team__search__form input[type="text"]::place-holder {
	color: #525252
}

@media only screen and (min-width: 45em) {
	.core-team__search__form input[type="text"] {
		font-size: 22px;
		font-size: 1.375rem
	}
}

@media only screen and (min-width: 64em) {
	.core-team__search__form input[type="text"] {
		font-size: 28px;
		font-size: 1.4rem
	}
}

@media only screen and (max-width: 34.375em) {
	.core-team__search__form input[type="text"] {
		margin-top: 0.625rem
	}
}

.core-team__search__form:after {
	bottom: -1.5rem;
	color: #f5f5f1;
	content: '';
	font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 24px;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1;
	position: absolute;
	text-transform: uppercase;
	width: 100%
}

@media only screen and (max-width: 34.375em) {
	.core-team__search__form:after {
		font-size: 20px;
		font-size: 1rem;
		bottom: auto;
		top: 9.375rem
	}
}

.core-team__search__form.js--search-failed input, .core-team__search__form.js--search-empty input {
	animation: shake 0.1s 2;
	border-color: #ae0000
}

.core-team__search__form.js--search-failed:after, .core-team__search__form.js--search-empty:after {
	color: #ae0000;
	content: attr(data-form-empty)
}

.core-team__search__form.js--search-searching input {
	border-color: #f5f5f1
}

.core-team__search__form.js--search-searching:after {
	color: #f5f5f1;
	content: attr(data-form-searching)
}

.core-team__search__form.js--search-empty:after {
	content: attr(data-form-error)
}

@keyframes shake {
	0% {
		transform: translateX(0)
	}
	25% {
		transform: translateX(1rem)
	}
	50% {
		transform: translateX(0)
	}
	75% {
		transform: translateX(-1rem)
	}
	100% {
		transform: translateX(0)
	}
}

.single-project .page-wrap {
	padding-top: 0
}

.projects_index .page-wrap {
	padding-top: 10px
}

.progress {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0%;
	width: 100%
}

.progress .meter {
	background: rgba(22, 22, 22, 0.25);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 0
}









.project__hero {
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
	width: 100%
}

.project--nimble .project__hero {
	background-color: #ed5039;
	background-image: url(https://fueled.com/assets/images/nimble/bg--project.svg);
	background-position: left center
}

.project--rdio-drop .project__hero {
	background-image: url(../images/rdio-drop/bg--project.jpg)
}

.project--keyme .project__hero {
	background-color: #272d30;
	background-image: url(../images/keyme/bg--project.png)
}

.project--quizup .project__hero {
	
		
     background: -moz-linear-gradient(270deg, rgba(5,153,212,1) 0%, rgba(2,74,102,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(5,153,212,1)), color-stop(100%, rgba(2,74,102,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(5,153,212,1) 0%, rgba(2,74,102,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(5,153,212,1) 0%, rgba(2,74,102,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(5,153,212,1) 0%, rgba(2,74,102,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(5,153,212,1) 0%, rgba(2,74,102,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0599d4', endColorstr='#024A66',GradientType=0 ); /* ie6-9 */  

}

.project--afterlight .project__hero {
     background: -moz-linear-gradient(270deg, rgba(240,98,27,1) 0%, rgba(199,81,22,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240,98,27,1)), color-stop(100%, rgba(199,81,22,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(240,98,27,1) 0%, rgba(199,81,22,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(240,98,27,1) 0%, rgba(199,81,22,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(240,98,27,1) 0%, rgba(199,81,22,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(240,98,27,1) 0%, rgba(199,81,22,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0621b', endColorstr='#C75116',GradientType=0 ); /* ie6-9 */ 
}

.project--barneys-new-york .project__hero {
	background-image: url(../images/barneys-new-york/bg--project.jpg)
}

.project--dayo .project__hero {
	     background: -moz-linear-gradient(270deg, rgba(252,164,10,1) 0%, rgba(189,122,8,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252,164,10,1)), color-stop(100%, rgba(189,122,8,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(252,164,10,1) 0%, rgba(189,122,8,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(252,164,10,1) 0%, rgba(189,122,8,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(252,164,10,1) 0%, rgba(189,122,8,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(252,164,10,1) 0%, rgba(189,122,8,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCA40A', endColorstr='#BD7A08',GradientType=0 ); /* ie6-9 */ 
}


.project__hero .wrap {
	min-height: 100vh;
	min-height: calc(100vh - 20px);
	padding-top: 3em;
	text-align: center;
	-ms-transform: translateY(1px);
	transform: translateY(1px)
}

@media only screen and (max-width: 51.25em) {
	.project__hero {
		background-attachment: scroll
	}
}

.project__screenshot, .project__info {
	display: inline-block;
	vertical-align: bottom
}

.project__screenshot {
	height: 80vh;
	margin-top: calc(20vh - 3em - 20px);
	width: auto
}

.project__info {
	padding: 2em 2em 6em;
	text-align: center;
	vertical-align: middle
}

.project__info .btn {
	box-shadow: 0px 5px rgba(22, 22, 22, 0.1);
	font-size: 24px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	margin: 2em auto 0;
	padding: 1.16667em 1.33333em 1.16667em
}

.project__info .btn:hover, .project__info .btn:focus {
	background: #dbdbdb;
	box-shadow: 0px 8px rgba(22, 22, 22, 0.1);
	transform: translate3d(0, -3px, 0)
}

.project__info .btn:focus {
	box-shadow: 0px 0px rgba(22, 22, 22, 0.1);
	transform: translate3d(0, 5px, 0)
}

.project__info .btn:active {
	background: #525252
}

@media only screen and (max-width: 40em) {
	.project__info .btn span {
		display: none
	}
}

@media only screen and (min-width: 51.3125em) {
	.project__info .btn {
		font-size: 22px;
		font-size: 1.1rem;
		padding-left: 1.6em;
		padding-right: 1.6em
	}
}

.project__hero--no-cta .project__info {
	padding-bottom: 8em
}

@media (min-height: 51.25em) {
	.project__hero--no-cta .project__info {
		padding-bottom: 12em
	}
}

@media (min-height: 60em) {
	.project__info {
		padding-bottom: 15em
	}
	.project__hero--no-cta .project__info {
		padding-bottom: 18em
	}
}

@media (min-height: 75em) {
	.project__info {
		padding-bottom: 15em
	}
	.project__hero--no-cta .project__info {
		padding-bottom: 20em
	}
}

.project__title {
	margin: 0 0 15px;
}

.project__logo {
	display: block;
	margin: 0 auto;
	max-width: 80%;
	width: 100%
}

.btn--app-store {
	background: rgba(22, 22, 22, 0.25);
	border-radius: 6px;
	box-shadow: none;
	padding: 0
}

.btn--app-store img {
	display: block
}

.btn--app-store:hover, .btn--app-store:focus {
	background: rgba(22, 22, 22, 0.355);
	box-shadow: none;
	opacity: 1
}

.btn--app-store:active {
	background: rgba(22, 22, 22, 0.5);
	box-shadow: none
}

.project--warby-parker .project__hero {
	
      background: -moz-linear-gradient(270deg, rgba(1,180,150,1) 0%, rgba(1,82,68,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1,180,150,1)), color-stop(100%, rgba(1,82,68,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(1,180,150,1) 0%, rgba(1,82,68,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(1,180,150,1) 0%, rgba(1,82,68,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(1,180,150,1) 0%, rgba(1,82,68,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(1,180,150,1) 0%, rgba(1,82,68,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b496', endColorstr='#015244',GradientType=0 ); /* ie6-9 */ 
}

.project--warby-parker .project__screenshot {
	opacity: 0
}

.no-cssanimations .project--warby-parker .project__screenshot {
	opacity: 1
}

.project--warby-parker.js--animate-in .project__screenshot {
	animation: fadeUp 1s ease 1 both
}

.project--warby-parker .project__info {
	width: calc(99% - 51.72414vh)
}

.project--warby-parker .project__logo {
	width: 7.63636em;
	max-width: 100%
}

@media only screen and (max-height: 62.5em) {
	.project--warby-parker .project__screenshot {
		height: 90vh;
		margin-top: calc(10vh - 3em - 20px)
	}
	.project--warby-parker .project__info {
		width: calc(99% - 58.18966vh)
	}
}

@media only screen and (max-height: 53.125em) {
	.project--warby-parker .project__screenshot {
		height: 97vh;
		margin-top: calc(3vh - 3em - 20px)
	}
	.project--warby-parker .project__info {
		width: calc(99% - 62.71552vh)
	}
}

@media only screen and (max-width: 67.5em) and (min-height: 62.5625em) {
	.project--warby-parker .project__screenshot {
		height: 70vh;
		margin-top: calc(30vh - 3em - 20px)
	}
	.project--warby-parker .project__info {
		width: calc(99% - 45.25862vh)
	}
}

@media only screen and (max-width: 57.5em) and (min-height: 62.5625em) {
	.project--warby-parker .project__screenshot {
		height: 60vh;
		margin-top: calc(40vh - 3em - 20px)
	}
	.project--warby-parker .project__info {
		width: calc(99% - 38.7931vh)
	}
}

.btn--warby-parker {
	background: #FFF;
}

.project--verizon .project__hero {	
	
		   background: -moz-linear-gradient(270deg, rgba(236,46,36,1) 0%, rgba(184,35,28,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(236,46,36,1)), color-stop(100%, rgba(184,35,28,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(236,46,36,1) 0%, rgba(184,35,28,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(236,46,36,1) 0%, rgba(184,35,28,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(236,46,36,1) 0%, rgba(184,35,28,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(236,46,36,1) 0%, rgba(184,35,28,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec2e24', endColorstr='#B8231C',GradientType=0 ); /* ie6-9 */ 
	
	direction: rtl
}



.project--verizon .project__screenshot {
	opacity: 0
}

.project--verizon.js--animate-in .project__screenshot {
	animation: fadeUp 1s ease 1 both
}

.project--verizon .project__info {
	width: calc(99% - 51.72414vh)
}

.project--verizon .project__logo {
	width: 6.87273em;
	max-width: 100%
}

.no-cssanimations .project--verizon .project__screenshot {
	opacity: 1
}

@media only screen and (max-height: 62.5em) {
	.project--verizon .project__screenshot {
		height: 90vh;
		margin-top: calc(10vh - 3em - 20px)
	}
	.project--verizon .project__info {
		width: calc(99% - 58.18966vh)
	}
}

@media only screen and (max-height: 53.125em) {
	.project--verizon .project__screenshot {
		height: 97vh;
		margin-top: calc(3vh - 3em - 20px)
	}
	.project--verizon .project__info {
		width: calc(99% - 62.71552vh)
	}
}

@media only screen and (max-width: 67.5em) and (min-height: 62.5625em) {
	.project--verizon .project__screenshot {
		height: 70vh;
		margin-top: calc(30vh - 3em - 20px)
	}
	.project--verizon .project__info {
		width: calc(99% - 45.25862vh)
	}
}

@media only screen and (max-width: 57.5em) and (min-height: 62.5625em) {
	.project--verizon .project__screenshot {
		height: 60vh;
		margin-top: calc(40vh - 3em - 20px)
	}
	.project--verizon .project__info {
		width: calc(99% - 38.7931vh)
	}
}

.btn--verizon {
	background: #494C4F;
	direction: rtl
}

.project--keyme .project__screenshot {
	height: 75vh;
	margin-top: calc(25vh - 3em - 20px);
	opacity: 0
}

.project--keyme.js--animate-in .project__screenshot {
	animation: fadeUp 1s ease 1 both
}

.project--keyme .project__logo {
	max-width: 61%;
	width: 6.90909em
}

.project--keyme .project__info {
	width: calc(99% - 44.38953vh)
}

.no-cssanimations .project--keyme .project__screenshot {
	opacity: 1
}

@media only screen and (max-height: 53.125em) {
	.project--keyme .project__screenshot {
		height: 85vh;
		margin-top: calc(15vh - 3em - 20px)
	}
	.project--keyme .project__title {
		margin-bottom: 1.5em
	}
	.project--keyme .project__info {
		width: calc(99% - 50.30814vh)
	}
}

@media only screen and (max-width: 71.25em) and (min-height: 62.5625em) {
	.project--keyme .project__screenshot {
		height: 65vh;
		margin-top: calc(35vh - 3em - 20px)
	}
	.project--keyme .project__info {
		width: calc(99% - 38.47093vh)
	}
}

@media only screen and (max-width: 59.375em) and (min-height: 62.5625em) {
	.project--keyme .project__screenshot {
		height: 55vh;
		margin-top: calc(45vh - 3em - 20px)
	}
	.project--keyme .project__info {
		width: calc(99% - 32.55233vh)
	}
}

.btn--keyme {
	background: #f8a900;
	direction: rtl
}

.project--quizup .project__hero {
	direction: rtl
}

.project--quizup .project__screenshot {
	opacity: 0;
	height: 65vh;
	margin-top: calc(35vh - 3em - 20px)
}

.project--quizup.js--animate-in .project__screenshot {
	animation: fadeUp 1s ease 1 both
}

.project--quizup .project__logo {
	max-width: 68%;
	width: 5.30909em
}

.project--quizup .project__info {
	width: calc(99% - 53.82813vh)
}

.no-cssanimations .project--quizup .project__screenshot {
	opacity: 1
}

@media only screen and (max-height: 62.5em) {
	.project--quizup .project__screenshot {
		height: 75vh;
		margin-top: calc(25vh - 3em - 20px)
	}
	.project--quizup .project__info {
		width: calc(99% - 62.10938vh)
	}
}

@media only screen and (max-height: 53.125em) {
	.project--quizup .project__screenshot {
		height: 85vh;
		margin-top: calc(15vh - 3em - 20px)
	}
	.project--quizup .project__title {
		margin-bottom: 1.5em
	}
	.project--quizup .project__info {
		width: calc(99% - 70.39063vh)
	}
}

@media only screen and (max-width: 71.875em) and (min-height: 62.5625em) {
	.project--quizup .project__screenshot {
		height: 55vh;
		margin-top: calc(45vh - 3em - 20px)
	}
	.project--quizup .project__info {
		width: calc(99% - 45.54688vh)
	}
}

@media only screen and (max-width: 60em) and (min-height: 62.5625em) {
	.project--quizup .project__screenshot {
		height: 45vh;
		margin-top: calc(55vh - 3em - 20px)
	}
	.project--quizup .project__info {
		width: calc(99% - 37.26563vh)
	}
}

.btn--quizup {
	background: #ffbe1a
}

.project--afterlight {
	direction: rtl
}

.project--afterlight .project__screenshot {
	opacity: 0
}

.project--afterlight.js--animate-in .project__screenshot {
	animation: fadeUp 1s ease 1 both
}

.project--afterlight .project__logo {
	max-width: 73%;
	width: 8.09091em
}

.project--afterlight .project__info {
	width: calc(99% - 44.19214vh)
}

.no-cssanimations .project--afterlight .project__screenshot {
	opacity: 1
}

@media only screen and (max-height: 50em) {
	.project--afterlight .project__screenshot {
		height: 90vh;
		margin-top: calc(10vh - 3em - 20px)
	}
	.project--afterlight .project__info {
		width: calc(99% - 49.71616vh)
	}
}

@media only screen and (max-width: 71.875em) and (min-height: 62.5625em) {
	.project--afterlight .project__screenshot {
		height: 55vh;
		margin-top: calc(45vh - 3em - 20px)
	}
	.project--afterlight .project__info {
		width: calc(99% - 30.3821vh)
	}
}

@media only screen and (max-width: 60em) and (min-height: 62.5625em) {
	.project--afterlight .project__screenshot {
		height: 45vh;
		margin-top: calc(55vh - 3em - 20px)
	}
	.project--afterlight .project__info {
		width: calc(99% - 24.85808vh)
	}
}

.btn--afterlight {
	background: #2fb6e3
}

.project--barneys-new-york .project__hero {
	direction: rtl
}

.project--barneys-new-york .project__hero {
	     background: -moz-linear-gradient(270deg, rgba(201,34,231,1) 0%, rgba(107,18,122,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(201,34,231,1)), color-stop(100%, rgba(107,18,122,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(201,34,231,1) 0%, rgba(107,18,122,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(201,34,231,1) 0%, rgba(107,18,122,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(201,34,231,1) 0%, rgba(107,18,122,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(201,34,231,1) 0%, rgba(107,18,122,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c922e7', endColorstr='#6B127A',GradientType=0 ); /* ie6-9 */ 
	max-width: 100%;
	padding-left: 0;
	padding-right: 0
}

.project--barneys-new-york .project__screenshot {
	height: 65vh;
	margin-top: calc(35vh - 3em - 20px);
	opacity: 0
}

.project--barneys-new-york.js--animate-in .project__screenshot {
	animation: fadeUp 1s ease 1 both
}

.project--barneys-new-york .project__logo {
	max-width: 80%;
	width: 5.30909em
}

.project--barneys-new-york .project__info {
	width: calc(99% - 78.44828vh)
}

.no-cssanimations .project--barneys-new-york .project__screenshot {
	opacity: 1
}

@media only screen and (max-height: 66.25em) {
	.project--barneys-new-york .project__screenshot {
		height: 75vh;
		margin-top: calc(25vh - 3em - 20px)
	}
	.project--barneys-new-york .project__info {
		width: calc(99% - 90.51724vh)
	}
}

@media only screen and (max-height: 53.125em) {
	.project--barneys-new-york .project__screenshot {
		height: 85vh;
		margin-top: calc(15vh - 3em - 20px)
	}
	.project--barneys-new-york .project__info {
		width: calc(99% - 102.58621vh)
	}
}

@media only screen and (max-width: 80em) {
	.project--barneys-new-york .project__screenshot {
		height: 55vh;
		margin-top: calc(45vh - 3em - 20px)
	}
	.project--barneys-new-york .project__info {
		width: calc(99% - 66.37931vh)
	}
}

@media only screen and (max-width: 62.5em) {
	.project--barneys-new-york .project__screenshot {
		height: 40vh;
		margin-top: calc(60vh - 3em - 20px)
	}
	.project--barneys-new-york .project__info {
		width: calc(99% - 48.27586vh)
	}
}

@media only screen and (max-width: 98.75em) and (min-height: 62.5625em) {
	.project--barneys-new-york .project__screenshot {
		height: 55vh;
		margin-top: calc(45vh - 3em - 20px)
	}
	.project--barneys-new-york .project__info {
		width: calc(99% - 66.37931vh)
	}
}

@media only screen and (max-width: 85.9375em) and (min-height: 62.5625em) {
	.project--barneys-new-york .project__screenshot {
		height: 45vh;
		margin-top: calc(55vh - 3em - 20px)
	}
	.project--barneys-new-york .project__title {
		margin-bottom: 1.5em
	}
	.project--barneys-new-york .project__info {
		width: calc(99% - 54.31034vh)
	}
}

@media only screen and (max-width: 67.5em) and (min-height: 62.5625em) {
	.project--barneys-new-york .project__screenshot {
		height: 35vh;
		margin-top: calc(65vh - 3em - 20px)
	}
	.project--barneys-new-york .project__info {
		width: calc(99% - 42.24138vh)
	}
}

.btn--barneys-new-york {
	background: #000000
}

.project--dayo .project__hero .wrap {
	position: relative
}

.project--dayo .project__screenshot {
	opacity: 0
}

.project--dayo.js--animate-in .project__screenshot {
	animation: fadeUp 1s ease 1 both
}

.project--dayo .project__info {
	width: calc(99% - 40vh)
}

.project--dayo .project__logo {
	width: 6.87273em
}

.no-cssanimations .project--nimble .project__screenshot {
	opacity: 1
}

@media only screen and (max-height: 62.5em) {
	.project--dayo .project__screenshot {
		height: 90vh;
		margin-top: calc(10vh - 3em - 20px)
	}
	.project--dayo .project__info {
		width: calc(99% - 45vh)
	}
}

@media only screen and (max-height: 53.125em) {
	.project--dayo .project__screenshot {
		height: 97vh;
		margin-top: calc(3vh - 3em - 20px)
	}
	.project--dayo .project__info {
		width: calc(99% - 48.5vh)
	}
}

@media only screen and (max-width: 67.5em) and (min-height: 62.5625em) {
	.project--dayo .project__screenshot {
		height: 70vh;
		margin-top: calc(30vh - 3em - 20px)
	}
	.project--dayo .project__info {
		width: calc(99% - 35vh)
	}
}

@media only screen and (max-width: 57.5em) and (min-height: 62.5625em) {
	.project--dayo .project__screenshot {
		height: 60vh;
		margin-top: calc(40vh - 3em - 20px)
	}
	.project--dayo .project__info {
		width: calc(99% - 30vh)
	}
}

.btn--dayo {
	background: #E54348
}

@media only screen and (max-width: 51.25em) {
	.projects_index .page-wrap {
		padding-top: 56px
	}
	.project__hero .wrap {
		min-height: 0;
		-ms-transform: none;
		transform: none
	}
	.project__hero .project__screenshot {
		display: block;
		height: auto;
		margin: 0 auto;
		max-width: 100%;
		width: 480px
	}
	.project__hero .project__title {
		margin-bottom: 1.0em
	}
	.project__hero .project__info {
		display: block;
		padding: 0 0 3em;
		width: 100%
	}
	.project--barneys-new-york .project__hero {
		direction: ltr;
		text-align: left
	}
	.project--barneys-new-york .project__hero .project__screenshot {
		height: auto;
		margin: 0;
		width: 80%
	}
	.project--barneys-new-york .project__info {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media only screen and (max-width: 40em) {
	.project__hero {
		direction: ltr
	}
	.project--quizup .project__hero {
		direction: ltr
	}
	.project__hero .btn {
		display: inline-block;
		font-size: 13px;
		font-size: 0.8125rem;
		margin-top: 0;
		padding-bottom: 2em;
		padding-top: 2em;
		vertical-align: middle;
		width: 50%
	}
}

@media only screen and (max-width: 26.25em) {
	.project__hero .btn {
		font-size: 10px;
		font-size: 0.625rem;
		padding: 2em 1em
	}
}

@media (max-height: 46.875em) and (min-width: 51.3125em) {
	.projects_index .page-wrap {
		padding-top: 56px
	}
	.project__hero .wrap {
		min-height: 0;
		-ms-transform: none;
		transform: none
	}
	.project__hero .project__screenshot {
		display: inline-block;
		height: auto;
		/*margin: 0;*/
		padding-bottom: 0;
		vertical-align: middle;
		width: 50%
	}
	.project__hero .project__title {
		margin-bottom: 1.0em
	}
	.project__hero .project__info {
		display: inline-block;
		padding-bottom: 1em;
		vertical-align: middle;
		width: 50%
	}
}

.project__description {
	background: #f5f5f1;
	color: #161616;
	font-size: 24px;
	font-size: 1.2rem;
	padding: 4em 0;
	text-align: center
}

@media only screen and (min-height: 62.5em) {
	.project__description {
		padding: 6.5em 0
	}
}

@media only screen and (min-height: 75em) {
	.project__description {
		padding: 8em 0
	}
}

.project__description .btn {
	margin-top: 3em
}

.project__description__title {
	display: block;
	margin: 0 0 1em
}

.project__description__title img {
	display: block;
	margin: 0 auto;
	max-width: 90%
}

.project__description p {
	direction: ltr;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	max-width: 31.75em
}

.project-thumbnails {
	background: #161616;
	position: relative;
	z-index: 2
}

.project--thumbnail {
	display: inline-block;
	height: 36vw;
	text-align: center;
	transition-property: background;
	vertical-align: top;
	margin-bottom: 5px;
	width: 100%
}

.project--thumbnail:before {
	content: "";
	display: inline-block;
	height: 100%;
	margin-left: -1px;
	vertical-align: middle;
	width: 1px
}

.project--thumbnail img {
	display: inline-block;
	height: 100%;
	margin: auto;
	max-height: 40%;
	max-width: 60%;
	vertical-align: middle;
	height: 100%;
	width: 100%
}

.project--thumbnail .project__logo--thumbnail-portrait {
	max-height: 50%
}

.project--thumbnail.project--verizon img {
	max-width: 50%
}

.project--thumbnail.project--warby-parker img {
	max-width: 70%
}

@media only screen and (min-width: 22.5em) {
	.project--thumbnail {
		height: 22vw;
		width: 49%;
		margin-bottom: 5px;
	}
}

@media only screen and (min-width: 45em) {
	.project--thumbnail {
		height: 15.333vw;
		width: 32.333%;
		margin-bottom: 5px;
	}
}

@media only screen and (min-width: 60em) {
	.project--thumbnail {
		height: 11vw;
		width: 24%;
		margin-bottom: 4px;
	}
}

@media only screen and (min-width: 112.5em) {
	.project--thumbnail {
height: 7.667vw;
width: 16.36667%;
margin-bottom: 6px;
	}
}

.block--projects-breaker, .block--dribbble {
	background: #161616;
	padding: 7.4em 0;
	position: relative;
	z-index: 2
}

.block--projects-breaker .block__title, .block--dribbble .block__title {
	font-size: 100px;
	font-size: 4rem;
	font-weight: normal;
	letter-spacing: 0.05rem;
	margin: 0
}

@media only screen and (max-width: 33.75em) {
	.block--projects-breaker, .block--dribbble {
		padding: 4em 0
	}
	.block--projects-breaker .block__title, .block--dribbble .block__title {
		font-size: 48px;
		font-size: 3rem
	}
}

@media only screen and (max-width: 26.25em) {
	.block--projects-breaker .block__title, .block--dribbble .block__title {
		font-size: 32px;
		font-size: 2rem
	}
}

.block--dribbble {
	color: #f5f5f1;
	display: block
}

.block--dribbble img {
	opacity: .21;
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.block--dribbble:hover, .block--dribbble:focus {
	background: #ea4c89;
	color: #f5f5f1
}

.block--dribbble:hover img, .block--dribbble:focus img {
	opacity: 1
}

.block--dribbble:active {
	background: #e7357a;
	color: rgba(245, 245, 241, 0.21)
}

.block--dribbble:active img {
	opacity: .21
}

a.project--sunnycomb {
	background: #8bd24a;
}

a.project--sunnycomb:hover, a.project--sunnycomb:focus {
	background: #161616
}

a.project--sunnycomb:active {
	background: #161616
}

a.project--happify {
	background: #f06e2d
}

a.project--happify:hover, a.project--happify:focus {
	background: #161616
}

a.project--happify:active {
	background: #161616
}

a.project--athlete-minder {
	background: #ec7b06
}

a.project--athlete-minder:hover, a.project--athlete-minder:focus {
	background: #161616
}

a.project--athlete-minder:active {
	background: #161616
}

a.project--elevatr {
	background: #00c1d8
}

a.project--elevatr:hover, a.project--elevatr:focus {
	background: #161616
}

a.project--elevatr:active {
	background: #161616
}

a.project--porsche {
	background: #cb9e65
}

a.project--porsche:hover, a.project--porsche:focus {
	background: #161616
}

a.project--porsche:active {
	background: #161616
}

a.project--ribbon {
	background: #e96900
}

a.project--ribbon:hover, a.project--ribbon:focus {
	background: #161616
}

a.project--ribbon:active {
	background: #161616
}

a.project--ducati {
	background: #eb2217
}

a.project--ducati:hover, a.project--ducati:focus {
	background: #161616
}

a.project--ducati:active {
	background: #161616
}

a.project--kapture {
	background: #0acaed
}

a.project--kapture:hover, a.project--kapture:focus {
	background: #161616
}

a.project--kapture:active {
	background: #161616
}

a.project--weride {
	background: #fca129
}

a.project--weride:hover, a.project--weride:focus {
	background: #161616
}

a.project--weride:active {
	background: #161616
}

a.project--discovery {
	background: #5ab5ca
}

a.project--discovery:hover, a.project--discovery:focus {
	background: #161616
}

a.project--discovery:active {
	background: #161616
}

a.project--pg {
	background: #588036
}

a.project--pg:hover, a.project--pg:focus {
	background: #161616
}

a.project--pg:active {
	background: #161616
}

a.project--jack-threads {
	background: #7d1414
}

a.project--jack-threads:hover, a.project--jack-threads:focus {
	background: #161616
}

a.project--jack-threads:active {
	background: #161616
}

a.project--cleancube {
	background: #d9c086
}

a.project--cleancube:hover, a.project--cleancube:focus {
	background: #161616
}

a.project--cleancube:active {
	background: #161616
}

a.project--barneys-new-york {
	background: #302e2e
}

a.project--barneys-new-york:hover, a.project--barneys-new-york:focus {
	background: #161616
}

a.project--barneys-new-york:active {
	background: #161616
}

a.project--rdio-drop {
	background: #008984
}

a.project--rdio-drop:hover, a.project--rdio-drop:focus {
	background: #161616
}

a.project--rdio-drop:active {
	background: #161616
}

a.project--dayo {
	background: #E54348
}

a.project--dayo:hover, a.project--dayo:focus {
	background: #161616
}

a.project--dayo:active {
	background: #161616
}

a.project--keyme {
	background: #EAA613
}

a.project--keyme:hover, a.project--keyme:focus {
	background: #161616
}

a.project--keyme:active {
	background: #161616
}

a.project--verizon {
	background: #ed1c24
}

a.project--verizon:hover, a.project--verizon:focus {
	background: #161616
}

a.project--verizon:active {
	background: #161616
}

a.project--pollen {
	background: #f0d011
}

a.project--pollen:hover, a.project--pollen:focus {
	background: #161616
}

a.project--pollen:active {
	background: #161616
}

a.project--warby-parker {
	background: #00A2E1
}

a.project--warby-parker:hover, a.project--warby-parker:focus {
	background: #161616
}

a.project--warby-parker:active {
	background: #161616
}

a.project--nimble {
	background: #ea5140
}

a.project--nimble:hover, a.project--nimble:focus {
	background: #161616
}

a.project--nimble:active {
	background: #161616
}

.menu--projects {
	list-style: none;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 2em;
	top: 50%;
	-ms-transform: translateY(-108px);
	transform: translateY(-108px);
	z-index: 1
}

@media only screen and (max-width: 51.25em) {
	.menu--projects {
		display: none
	}
}

.menu--projects .menu__item, .menu--projects .menu__item--grid {
	display: block;
	list-style: none;
	text-align: right
}

.menu--projects .menu__item__link {
	color: rgba(245, 245, 241, 0);
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 28px;
	margin: 4px 0;
	opacity: .4;
	padding: 0 14px;
	position: relative;
	text-transform: uppercase;
	transition-property: opacity, color;
	transition-delay: 0, 0
}

.menu--projects .menu__item__link:after {
	border-radius: 52px;
	border: 3px solid white;
	bottom: 0;
	content: "";
	left: calc(100% - 28px);
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	transition-delay: .25s, 0;
	transition-property: left, border-color
}

.menu--projects .menu__item__link:hover, .menu--projects .menu__item__link:focus, .menu--projects .menu__item__link.menu__item__link--active {
	color: #f5f5f1;
	opacity: 1;
	transition-delay: .25s, 0
}

.menu--projects .menu__item__link:hover:after, .menu--projects .menu__item__link:focus:after, .menu--projects .menu__item__link.menu__item__link--active:after {
	left: 0;
	transition-delay: 0s, 0
}

.menu--projects .menu__item__title {
	display: block;
	line-height: 1.4;
	overflow: hidden;
	padding-top: 4px;
	transition: max-width 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.menu--projects .menu__item--dark .menu__item__link {
	color: rgba(22, 22, 22, 0)
}

.menu--projects .menu__item--dark .menu__item__link:after {
	border-color: #161616
}

.menu--projects .menu__item--dark .menu__item__link:hover, .menu--projects .menu__item--dark .menu__item__link:focus, .menu--projects .menu__item--dark .menu__item__link.menu__item__link--active {
	color: #161616
}

.menu--projects .menu__item--grid .menu__item__link {
	padding: 0
}

.menu--projects .menu__item--grid .menu__item__link:after {
	display: none
}

.menu--projects .menu__item--grid .menu__item__link svg {
	display: block;
	fill: #f5f5f1;
	transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.menu--projects .menu__item--grid .menu__item__link svg * {
	fill: inherit
}

.menu--projects .menu__item--grid .menu__item__title {
	padding-top: 0
}

.menu--projects .menu__item--dark.menu__item--grid .menu__item__link svg {
	fill: #161616
}

.ventures__article {
	background: #1F1F1F;
	text-align: center;
	overflow: hidden
}

.ventures__article .wrap {
	padding: 6rem 40px
}

@media only screen and (max-width: 30em) {
	.ventures__article .wrap {
		padding: 3rem 20px
	}
}

.ventures__heading {
	display: inline-block;
	font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 6.4rem;
	text-transform: uppercase;
	position: relative;
	text-shadow: 0.02em 0.02em 0 #1F1F1F, 0.03em 0.03em 0 #AE0000
}

@media only screen and (max-width: 48em) {
	.ventures__heading {
		font-size: 4.3rem
	}
}

@media only screen and (max-width: 30em) {
	.ventures__heading {
		font-size: 3.6rem
	}
}

.ventures__heading:before {
	background: linear-gradient(to right, #1f1f1f, #1f1f1f 50%, rgba(31, 31, 31, 0));
	content: '';
	position: absolute;
	height: 100%;
	width: 110%;
	right: 0;
	top: 0;
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition: 3s .5s
}

.js--show .ventures__heading:before {
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.ventures__heading:after {
	background: linear-gradient(to left, #1f1f1f, #1f1f1f 50%, rgba(31, 31, 31, 0));
	content: '';
	position: absolute;
	height: 100%;
	width: 110%;
	left: 0;
	top: 0;
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition: 3s .5s
}

.js--show .ventures__heading:after {
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.ventures__description {
	font-size: 1.2rem;
	margin: 1.5em auto 6rem;
	max-width: 720px;
	padding: 1.5em 0 0;
	position: relative;
	text-align: center
}

@media only screen and (max-width: 30em) {
	.ventures__description {
		margin: 1.5em auto 3rem;
		padding: 1em 0 0
	}
}

.ventures__description>* {
	opacity: 0;
	-ms-transform: translateY(-1em);
	transform: translateY(-1em);
	transition: opacity .75s 1.25s, transform .5s 1.25s
}

.js--show .ventures__description>* {
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.ventures__description:before {
	background: #AE0000;
	content: '';
	margin: -2px 0 0 -128px;
	position: absolute;
	height: 4px;
	width: 256px;
	opacity: 0;
	left: 50%;
	top: 0;
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	transition: transform 1s .75s ease-out, opacity .5s .75s
}

.js--show .ventures__description:before {
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1
}

.ventures__description:after {
	background: #f5f5f1;
	border: 4px solid #1F1F1F;
	content: '';
	margin: -10px 0 0 -10px;
	opacity: 0;
	position: absolute;
	height: 12px;
	width: 12px;
	left: 50%;
	top: 0;
	transform: rotate3d(0, 0, 1, 45deg);
	transition: transform 1.25s .75s ease-out, opacity .5s .75s
}

.js--show .ventures__description:after {
	transform: rotate3d(0, 0, 1, 765deg);
	opacity: 1
}

.ventures__more-link {
	display: inline-block;
	position: relative;
	opacity: 0;
	top: 0;
	-ms-transform: translateY(-1em);
	transform: translateY(-1em);
	transition: background .2s, opacity .75s 1.5s, transform .5s 1.5s;
	padding: 4px 0 0;
	opacity: 0
}

.js--show .ventures__more-link {
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.ventures__more-link .btn {
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: .044em;
	padding: .75em 2.5em .85em
}

.venture {
	background: #fff;
	height: 33.333vw;
	min-height: 20vh
}

.venture svg, .venture__img {
	display: block;
	margin: 0 auto;
	max-width: 60%;
	width: 400px;
	height: 50%;
	position: relative;
	top: 25%
}

.venture__img {
	background: center no-repeat;
	background-size: contain
}

.venture.js--reveal svg, .venture.js--reveal__img {
	opacity: 0;
	transition: opacity 500ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.venture.js--reveal.js--show svg, .venture.js--reveal.js--show .venture__img {
	opacity: 1
}

.venture--amigo .venture__img, .venture--amigo svg {
	width: 350px
}

.venture--blue-bottle .venture__img, .venture--blue-bottle svg {
	width: 480px
}

.venture--circle-medical .venture__img, .venture--circle-medical svg {
	width: 430px
}

.venture--inlist .venture__img, .venture--inlist svg {
	width: 290px
}

.venture--makespace .venture__img, .venture--makespace svg {
	width: 440px
}

.videos__article {
	background: #1F1F1F;
	text-align: center;
	overflow: hidden
}

.videos__article .wrap {
	padding: 6rem 40px
}

@media only screen and (max-width: 30em) {
	.videos__article .wrap {
		padding: 3rem 20px
	}
}

.videos__heading {
	display: inline-block;
	font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 6.4rem;
	text-transform: uppercase;
	position: relative;
	text-shadow: 0.02em 0.02em 0 #1F1F1F, 0.03em 0.03em 0 #AE0000
}

@media only screen and (max-width: 48em) {
	.videos__heading {
		font-size: 4.3rem
	}
}

@media only screen and (max-width: 30em) {
	.videos__heading {
		font-size: 3.6rem
	}
}

.videos__heading:before {
	background: linear-gradient(to right, #1f1f1f, #1f1f1f 50%, rgba(31, 31, 31, 0));
	content: '';
	position: absolute;
	height: 100%;
	width: 110%;
	right: 0;
	top: 0;
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition: 3s .5s
}

.js--show .videos__heading:before {
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.videos__heading:after {
	background: linear-gradient(to left, #1f1f1f, #1f1f1f 50%, rgba(31, 31, 31, 0));
	content: '';
	position: absolute;
	height: 100%;
	width: 110%;
	left: 0;
	top: 0;
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition: 3s .5s
}

.js--show .videos__heading:after {
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.videos__byline {
	opacity: 0;
	margin: 0;
	transition: opacity 1.75s .75s
}

.js--show .videos__byline {
	opacity: 1
}

.videos__description {
	font-size: 1.2rem;
	margin: 1.5em auto 2rem;
	max-width: 720px;
	padding: 1.5em 0 0;
	position: relative;
	text-align: center
}

@media only screen and (max-width: 30em) {
	.videos__description {
		padding: 1em 0 0
	}
}

.videos__description>* {
	opacity: 0;
	-ms-transform: translateY(-1em);
	transform: translateY(-1em);
	transition: opacity .75s 1.25s, transform .5s 1.25s
}

.js--show .videos__description>* {
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.videos__description:before {
	background: #AE0000;
	content: '';
	margin: -2px 0 0 -128px;
	position: absolute;
	height: 4px;
	width: 256px;
	opacity: 0;
	left: 50%;
	top: 0;
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	transition: transform 1s .75s ease-out, opacity .5s .75s
}

.js--show .videos__description:before {
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1
}

.videos__description:after {
	background: #f5f5f1;
	border: 4px solid #1F1F1F;
	content: '';
	margin: -10px 0 0 -10px;
	opacity: 0;
	position: absolute;
	height: 12px;
	width: 12px;
	left: 50%;
	top: 0;
	transform: rotate3d(0, 0, 1, 45deg);
	transition: transform 1.25s .75s ease-out, opacity .5s .75s
}

.js--show .videos__description:after {
	transform: rotate3d(0, 0, 1, 765deg);
	opacity: 1
}

.videos__more-link {
	display: inline-block;
	position: relative;
	opacity: 0;
	top: 0;
	-ms-transform: translateY(-1em);
	transform: translateY(-1em);
	transition: background .2s, opacity .75s 1.5s, transform .5s 1.5s;
	padding: 4px 0 0;
	opacity: 0
}

.js--show .videos__more-link {
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.videos__more-link .btn {
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: .044em;
	padding: .75em 2.5em .85em
}

.video {
	padding: 0 0 50%;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	height: 0
}

.video .video__title {
	position: absolute;
	font-size: 3rem;
	font-size: 12vw;
	margin: 0;
	right: 2vw;
	left: 2vw;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase
}

.video .video__title:after {
	content: attr(data-video-type);
	font-family: "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	text-transform: none;
	text-align: center;
	margin: .35em 0 0;
	font-size: .35em;
	display: block
}

@media only screen and (min-width: 45em) {
	.video {
		padding: 0 0 25%;
		width: 50%
	}
	.video .video__title {
		font-size: 6vw
	}
}

@media only screen and (min-width: 60em) {
	.video {
		padding: 0 0 25%;
		width: 50%
	}
	.video .video__title {
		font-size: 5vw
	}
}

@media only screen and (min-width: 75em) {
	.video .video__title {
		font-size: 4vw
	}
}

@media only screen and (min-width: 112.5em) {
	.video {
		padding: 0 0 16.666%;
		width: 33.333%
	}
	.video .video__title {
		font-size: 3vw
	}
}

.video .video__wrapper {
	position: absolute;
	overflow: hidden;
	bottom: -1px;
	right: -1px;
	left: -1px;
	top: -1px;
	transform: translate3d(0, 0, 0)
}

.video .video__wrapper img {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.video .video__wrapper:hover .video__summary {
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.video .video__summary {
	position: absolute;
	color: #f5f5f1;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
	-ms-transform: scale(1.075);
	transform: scale(1.075);
	opacity: 0
}

.video .video__modal {
	background: rgba(0, 0, 0, 0.75);
	white-space: nowrap;
	position: fixed;
	font-size: 0;
	z-index: 100;
	height: 100%;
	width: 100%;
	opacity: 0;
	left: 0;
	top: 0;
	transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.video .video__modal:before {
	vertical-align: middle;
	display: inline-block;
	content: '';
	height: 100%;
	width: 0
}

.video .video__modal .video__modal__frame {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	max-width: 90%;
	margin: 4rem auto;
	width: 960px;
	transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
	-ms-transform: scale(0.75);
	transform: scale(0.75)
}

.video .video__modal .video__modal__frame img {
	display: block;
	height: auto;
	width: 100%
}

.video .video__modal .video__modal__frame:after {
	position: absolute;
	font-size: 3rem;
	cursor: pointer;
	content: "\00D7";
	line-height: 1;
	bottom: 100%;
	right: 0
}

.video .video__modal iframe {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0;
	left: 0;
	top: 0;
	transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.video .video__modal.video__modal--created {
	opacity: 1
}

.video .video__modal.video__modal--created .video__modal__frame {
	-ms-transform: scale(1);
	transform: scale(1)
}

.video .video__modal.video__modal--loaded iframe {
	opacity: 1
}

.single-project {
	height: auto;
	min-height: 0;
	padding-top: 56px
}

.single-project .full-height {
	height: auto;
	min-height: 0
}

.single-project .page-wrap {
	overflow: auto
}

.project-navigation {
	position: relative;
	z-index: 3
}

.project-navigation>.wrap {
	*zoom: 1;
	margin: 0 auto
}

.project-navigation>.wrap:before, .project-navigation>.wrap:after {
	content: " ";
	display: table
}

.project-navigation>.wrap:after {
	clear: both
}

.back-to-projects {
	float: left;
	height: 56px;
	line-height: 56px;
	margin-left: 66px;
	padding: 0 1em
}

.back-to-projects svg {
	fill: #525252;
	transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.back-to-projects svg polygon {
	fill: inherit
}

.back-to-projects:hover svg {
	fill: #f5f5f1
}

.back-to-projects:active svg, .back-to-projects:focus svg {
	fill: #ae0000
}

.current-project {
	background: #161616;
	float: right;
	margin-right: 10px
}

.current-project ul {
	list-style: none outside none;
	margin: 0;
	padding: 0
}

.current-project li {
	display: inline-block;
	height: 56px;
	min-width: 56px;
	padding: 0 0 0 .25em;
	vertical-align: top
}

.current-project li>* {
	display: inline-block;
	line-height: 52px;
	padding-bottom: 4px
}

.current-project li .label {
	color: #525252
}

.current-project li i {
	display: block;
	font-style: normal;
	margin-top: 0
}

.current-project .current-project__label {
	padding-right: .5em
}

.carousel-active .current-project li .toggle {
	background: #252525
}

.carousel-active .current-project li .toggle span {
	transform: rotate(90deg) translate3d(0, 0, 0)
}

.carousel-wrap {
	background: #252525;
	bottom: 0;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	transform: translate3d(0, 100%, 0);
	width: 100%;
	z-index: 11
}

.no-js .carousel-wrap {
	position: relative;
	overflow: hidden;
	bottom: 0;
	opacity: 1
}

.carousel--ran.carousel-wrap {
	opacity: 1
}

.js--animate-carousel .carousel-wrap {
	transition: transform 0.5s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.js--show-carousel .carousel-wrap {
	position: relative;
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	transform: translate3d(0, 0, 0)
}

.js--show-carousel.carousel-active .carousel-wrap {
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	transform: translate3d(0, 0, 0)
}

.carousel-active .carousel-wrap {
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	transform: translate3d(0, 0, 0)
}

.carousel-active .carousel-wrap .toggle {
	background: #252525
}

.carousel-active .carousel-wrap .toggle span {
	-ms-transform: rotate(90deg) transform(0, 0);
	transform: rotate(90deg) transform(0, 0);
	transform: rotate(90deg) translate3d(0, 0, 0)
}

.carousel-wrap .toggle {
	background: #161616;
	cursor: pointer;
	display: block;
	height: 32px;
	left: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: -32px;
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%
}

.carousel-wrap .toggle:hover, .carousel-wrap .toggle:focus {
	background: #252525;
	height: 42px;
	top: -42px
}

.carousel-wrap .toggle:active {
	background: #161616;
	height: 42px;
	top: -42px
}

.carousel-wrap .toggle span {
	border-color: #f5f5f1;
	border-style: solid;
	border-width: 2px 0;
	box-shadow: 0px 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(0, 0, 0, 0.2) inset;
	display: inline-block;
	height: 10px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	left: 50%;
	margin-left: -8px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	transition-property: transform, height, margin;
	width: 16px
}

.carousel-wrap .toggle span:before {
	border-color: inherit;
	border-style: solid;
	border-width: 2px 0 0;
	box-shadow: 0px 1px rgba(0, 0, 0, 0.2) inset;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: 2px;
	transition: top 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 16px
}

.carousel-wrap .toggle:hover span, .carousel-wrap .toggle:focus span {
	height: 14px;
	margin-top: -7px;
	opacity: 1
}

.carousel-wrap .toggle:hover span:before, .carousel-wrap .toggle:focus span:before {
	top: 4px
}

.js--carousel-toggle-hide .toggle {
	top: 0px
}

.carousel-drop {
	position: relative
}

.carousel-drop:before, .carousel-drop:after {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1MjUyNSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzI1MjUyNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: linear-gradient(to right, rgba(37, 37, 37, 0), #252525 15%);
	bottom: 0;
	content: "";
	height: 100%;
	left: 50%;
	margin-left: 600px;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 1000px;
	z-index: 2
}

.no-js .carousel-drop:before, .no-js .carousel-drop:after {
	right: 0;
	left: auto;
	width: 200px;
	pointer-events: none;
	margin: 0;
	background: linear-gradient(to right, rgba(37, 37, 37, 0), #252525)
}

.carousel-drop:before {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiMyNTI1MjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTI1MjUiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background: linear-gradient(to right, #252525 85%, rgba(37, 37, 37, 0));
	left: auto;
	margin: 0 600px 0 0;
	right: 50%
}

.no-js .carousel-drop:before {
	left: 0;
	right: auto;
	background: linear-gradient(to right, #252525, rgba(37, 37, 37, 0))
}

.owl-carousel .owl-wrapper-outer {
	overflow: visible
}

#page .nav--project {
	display: none
}

.carousel {
	min-height: 310px;
	left: 0;
	margin: 0 auto;
	max-width: 1200px;
	overflow: visible !important;
	position: relative;
	top: 0;
	transition: opacity 0.5s ease;
	width: 100%
}

.no-js .carousel {
	max-width: none
}

@media only screen and (max-width: 78.75em) {
	.carousel {
		min-height: 310px
	}
}

@media only screen and (max-width: 64em) {
	.carousel {
		min-height: 220px
	}
}

@media only screen and (max-width: 47.9375em) {
	.carousel {
		min-height: 156px
	}
}

.loading-between-pages .carousel {
	height: 310px;
	overflow: hidden !important
}

.carousel__wrap {
	height: 100%;
	width: 100%
}

.no-js .carousel__wrap {
	width: auto;
	white-space: nowrap;
	overflow: auto;
	padding: 0 200px
}

.carousel__item {
	background: #252525;
	float: left;
	min-height: 310px;
	max-width: 600px
}

.no-js .carousel__item {
	float: none;
	display: inline-block;
	white-space: normal;
	vertical-align: top
}

.carousel__item>div {
	padding: .5em 1em
}

.carousel__item a {
	border: 2px solid #252525;
	display: block;
	padding: 1.5em 1.5em 1.55em
}

.carousel__item a:hover {
	border-color: #525252
}

.carousel__item a:active, .carousel__item a:focus {
	border-color: #ae0000
}

.carousel__item .carousel__item__image {
	float: left;
	margin: 0 1em 0 0;
	position: relative
}

@media only screen and (max-width: 78.75em) {
	.carousel__item .carousel__item__image {
		width: 180px
	}
}

.carousel__item .carousel__item__image img {
	display: block
}

.carousel__item .carousel__item__image span {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.carousel__item .carousel__item__info {
	text-align: left
}

.carousel__item .carousel__item__info h3 {
	color: #f5f5f1;
	font-size: 28px;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 8px
}

.carousel__item .carousel__item__info h4 {
	color: #525252;
	font-size: 18px;
	font-size: 0.9rem;
	margin: 0
}

.carousel__item .carousel__item__info p {
	color: #f5f5f1;
	font-size: 16px;
	font-size: 0.8rem;
	margin-bottom: 0;
	max-height: 10.5em;
	overflow: hidden
}

@media only screen and (max-width: 64em) {
	.carousel__item {
		min-height: 220px
	}
	.carousel__item .carousel__item__image {
		width: 120px
	}
	.carousel__item .carousel__item__info h3 {
		font-size: 23px;
		font-size: 1.4375rem
	}
	.carousel__item .carousel__item__info h4 {
		font-size: 16px;
		font-size: 1rem
	}
	.carousel__item .carousel__item__info p {
		font-size: 14px;
		font-size: 0.875rem
	}
}

@media only screen and (max-width: 56.25em) {
	.carousel__item .carousel__item__image {
		width: 90px
	}
	.carousel__item .carousel__item__info p {
		clear: both;
		font-size: 12px;
		font-size: 0.75rem;
		margin: 0;
		padding-top: 1em
	}
}

@media only screen and (max-width: 47.9375em) {
	.carousel__item {
		min-height: 156px;
		width: 100%
	}
	.carousel__item>div {
		padding: 15px
	}
	.carousel__item a {
		border: none;
		padding: 0
	}
	.carousel__item .carousel__item__image {
		width: 60px
	}
	.carousel__item .carousel__item__info h3 {
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 1.5
	}
	.carousel__item .carousel__item__info h4 {
		font-size: 16px;
		font-size: 1rem
	}
	.carousel__item .carousel__item__info p {
		font-size: 12px;
		font-size: 0.75rem
	}
}

@media only screen and (max-width: 47.9375em) {
	.single-project .site-title {
		display: none
	}
	.single-project .site-header .wrap {
		padding: 0
	}
	.single-project .site-header__inner>.wrap {
		display: none
	}
	.single-project .back-to-projects {
		margin-left: 0;
		width: 56px
	}
	.single-project .back-to-projects span {
		display: none
	}
	.single-project .current-project {
		margin-right: 20px
	}
}

.single-project {
	background: #fff
}

.cs {
	position: relative;
	z-index: 2
}

.cs h2 {
	font-size: 60px;
	font-size: 3rem;
	font-weight: 800;
	letter-spacing: 0.0833333em;
	text-align: center;
	text-transform: uppercase
}

.cs h3 {
	font-size: 30px;
	font-size: 1.5rem;
	letter-spacing: .1em;
	text-transform: uppercase
}

.cs p {
	line-height: 1.6
}

.cs__content {
	background: #fff;
	position: relative;
	z-index: 2
}

@media only screen and (max-width: 64em) {
	.cs h2 {
		font-size: 40px;
		font-size: 2.5rem
	}
	.cs h3 {
		font-size: 20px;
		font-size: 1.25rem
	}
}

.cs__hero {
	padding-top: 4em
}

.cs__hero .cs__hero__phone {
	display: block;
	margin: 0 auto
}

@media only screen and (max-width: 64em) {
	.cs__hero .cs__hero__phone {
		max-width: 33%
	}
}

@media only screen and (max-width: 47.9375em) {
	.cs__hero .cs__hero__phone {
		max-width: 75%
	}
}

.cs__hero p {
	font-size: 24px;
	font-size: 1.2rem;
	margin: 0 auto;
	max-width: 660px;
	padding: 2em 0;
	position: relative;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3)
}

.cs__logo {
	display: block;
	margin: 0 auto 4em;
	max-width: 100%
}

.cs__logo img {
	display: block;
	margin: 0 auto
}

@media only screen and (max-width: 47.9375em) {
	.cs__logo {
		height: auto !important
	}
	.cs__logo img {
		max-width: 200px
	}
}

.cs__scatter {
	background: #222
}

.cs__scatter .cs__scatter__border {
	display: block
}

.cs__scatter .cs__scatter__wrap {
	padding-bottom: 3em;
	position: relative;
	overflow: hidden;
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%
}

.cs__scatter .cs__scatter__wrap [class^="cs__scatter__explode"] {
	position: absolute
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--1 {
	left: 10%;
	margin: -100px 0 0 0;
	top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--2 {
	left: 20%;
	margin: -210px 0 0 0;
	top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--3 {
	left: 30%;
	margin: -150px 0 0 0;
	top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--4 {
	margin: -130px 0 0 0;
	right: 30%;
	top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--5 {
	margin: -180px 0 0 0;
	right: 20%;
	top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--6 {
	margin: -80px 0 0 0;
	right: 10%;
	top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__phone__shadow {
	bottom: -2.5em;
	height: auto;
	margin-left: -25%;
	left: 50%;
	position: absolute;
	width: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__phone {
	display: block;
	margin: 0 auto;
	position: relative
}

.cs__scatter p {
	font-size: 24px;
	font-size: 1.2rem;
	margin: 0 auto;
	max-width: 660px;
	padding: 2em 0;
	position: relative;
	text-align: center
}

.svg--arrow-cs {
	display: block;
	margin: 0 auto 2em
}

.svg--arrow-cs .svg-scroll__first {
	animation: svgScrollFirst 0.75s ease 0s infinite both
}

.svg--arrow-cs .svg-scroll__second {
	animation: svgScrollSecond 0.75s ease 0s infinite both
}

@media not all and (orientation: landscape) and (orientation: portrait) {
	.no-touch .cs__scatter .cs__scatter__wrap [class^="cs__scatter__explode"] {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-ms-transform: translate3d(0, 0, 0) rotate(30deg);
		transform: translate3d(0, 0, 0) rotate(30deg);
		transition: all 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19)
	}
	.no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--1 {
		left: 50%;
		margin-left: -120px;
		margin-top: -100px;
		transition-delay: 0.04s
	}
	.no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--2 {
		left: 50%;
		margin-left: -120px;
		margin-top: -210px;
		transition-delay: 0.16s
	}
	.no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--3 {
		left: 50%;
		margin-left: -120px;
		margin-top: -150px;
		transition-delay: 0.24s
	}
	.no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--4 {
		margin-right: -120px;
		margin-top: -130px;
		right: 50%;
		transition-delay: 0.18s
	}
	.no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--5 {
		margin-right: -120px;
		margin-top: -180px;
		right: 50%;
		transition-delay: 0.12s
	}
	.no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--6 {
		margin-right: -120px;
		margin-top: -80px;
		right: 50%
	}
	.no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap [class^="cs__scatter__explode"] {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
		-ms-transform: translate3d(0, 0, 0) rotate(0deg);
		transform: translate3d(0, 0, 0) rotate(0deg)
	}
	.no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--1 {
		left: 10%;
		margin: -100px 0 0 0
	}
	.no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--2 {
		left: 20%;
		margin: -210px 0 0 0
	}
	.no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--3 {
		left: 30%;
		margin: -150px 0 0 0
	}
	.no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--4 {
		margin: -130px 0 0 0;
		right: 30%
	}
	.no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--5 {
		margin: -180px 0 0 0;
		right: 20%
	}
	.no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--6 {
		margin: -80px 0 0 0;
		right: 10%
	}
}

@media only screen and (max-width: 64em) {
	#page .cs .wrap {
		padding: 0 30px
	}
	#page .cs__scatter .cs__logo {
		max-width: 200px
	}
	#page .cs__scatter .cs__scatter__phone__shadow {
		bottom: -0.5em
	}
	#page .cs__scatter .cs__scatter__explode--1 {
		margin-top: -50px;
		width: 133px
	}
	#page .cs__scatter .cs__scatter__explode--2 {
		margin-top: -105px;
		width: 132px
	}
	#page .cs__scatter .cs__scatter__explode--3 {
		margin-top: -75px;
		width: 115px
	}
	#page .cs__scatter .cs__scatter__explode--4 {
		margin-top: -65px;
		width: 142px
	}
	#page .cs__scatter .cs__scatter__explode--5 {
		margin-top: -90px;
		width: 101px
	}
	#page .cs__scatter .cs__scatter__explode--6 {
		margin-top: -40px;
		width: 117px
	}
	#page .cs__scatter .cs__scatter__phone {
		width: 184px
	}
	#page .cs__scatter p {
		padding-top: 0
	}
}

@media only screen and (max-width: 47.9375em) {
	#page .cs .wrap {
		padding: 0 15px
	}
}

.cs__process {
	background: #fff;
	color: #525252;
	padding: 4em 0;
	text-align: center
}

.cs__process h2 {
	padding-bottom: 1em
}

.cs__process p {
	font-size: 24px;
	font-size: 1.2rem;
	margin: 1em auto 2em;
	max-width: 760px
}

.cs__process .process__video {
	margin: 0 auto;
	max-width: 960px
}

.cs__process .process__video .responsive-video {
	padding: 0
}

.cs__process .process__video .responsive-video>div {
	padding-top: 56.25%
}

.cs__branding {
	background: #f5f5f1;
	color: #525252;
	padding: 4em 0;
	text-align: center
}

.cs__branding p {
	font-size: 24px;
	font-size: 1.2rem;
	margin: 3.5em auto;
	max-width: 780px
}

.cs__branding__steps {
	padding-bottom: 2em
}

.cs__branding__steps>div {
	display: inline-block;
	vertical-align: middle;
	width: 20%
}

.cs__branding__steps>div span {
	display: block;
	padding: 0 0 1em;
	text-transform: uppercase
}

.cs__branding__steps .cs__branding__progress {
	margin: 0 auto;
	width: 79.1667%
}

.cs__branding__steps .cs__branding__progress>div {
	overflow: hidden;
	padding-top: 100%;
	position: relative
}

.cs__branding__steps .cs__branding__progress>div img {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.cs__branding__steps .cs__branding__shadow {
	min-height: 50px;
	margin: 0 auto;
	width: 79.1667%
}

.cs__branding__steps .cs__branding__shadow>div {
	overflow: hidden;
	padding-top: 25.263157895%;
	position: relative
}

.cs__branding__steps .cs__branding__shadow>div img {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%
}

@media not all and (orientation: landscape) and (orientation: portrait) {
	.no-touch .cs__branding__steps>div {
		transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875)
	}
	.no-touch .cs__branding__steps>div span {
		-moz-transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.1s;
		-o-transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.1s;
		-webkit-transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875);
		-webkit-transition-delay: 0.1s;
		transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.1s;
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	.no-touch .cs__branding__steps .cs__branding__step--1 {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0
	}
	.no-touch .cs__branding__steps .cs__branding__step--2 {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		transition-delay: 0.4s
	}
	.no-touch .cs__branding__steps .cs__branding__step--3 {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		transition-delay: 0.8s
	}
	.no-touch .cs__branding__steps .cs__branding__step--4 {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		transition-delay: 1.2s
	}
	.no-touch .cs__branding__steps .cs__branding__step--5 {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		transition-delay: 1.6s
	}
	.no-touch .cs__branding__steps .cs__branding__progress {
		transition: transform 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875)
	}
	.no-touch .cs__branding__steps .cs__branding__shadow {
		transition: opacity 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875)
	}
	.no-touch .js--show.cs__branding__steps .cs__branding__step--1 {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1
	}
	.no-touch .js--show.cs__branding__steps .cs__branding__step--2 {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
		-ms-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0)
	}
	.no-touch .js--show.cs__branding__steps .cs__branding__step--3 {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
		-ms-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0)
	}
	.no-touch .js--show.cs__branding__steps .cs__branding__step--4 {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
		-ms-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0)
	}
	.no-touch .js--show.cs__branding__steps .cs__branding__step--5 {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
		-ms-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0)
	}
	.no-touch .js--show.cs__branding__steps .cs__branding__progress {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	.no-touch .js--show.cs__branding__steps .cs__branding__shadow {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1
	}
	.no-touch .js--show.cs__branding__steps>div:hover span {
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	.no-touch .js--show.cs__branding__steps>div:hover .cs__branding__progress {
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
		transition-delay: 0s
	}
	.no-touch .js--show.cs__branding__steps>div:hover .cs__branding__shadow {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
		opacity: 0.5
	}
}

.cs__branding__final {
	padding: 2em 30px 5em;
	position: relative;
	z-index: 1
}

.cs__branding__final h3 {
	font-size: 30px;
	font-size: 1.5rem;
	letter-spacing: .1em;
	text-transform: uppercase
}

.cs__branding__final p {
	font-size: 20px;
	font-size: 1rem
}

.cs__branding__final figure {
	background: #fff;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
	max-width: 1000px;
	padding: 7em 3em 7em;
	position: relative
}

.cs__branding__final figure img {
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 2
}

@media only screen and (max-width: 64em) {
	#page .cs__branding p {
		font-size: 16px;
		font-size: 1rem
	}
	#page .cs__branding {
		padding: 3em 0
	}
	#page .cs__branding h2 {
		margin: 0 0 .5em
	}
	#page .cs__branding p {
		margin: 2em auto
	}
	#page .cs__branding .cs__branding__steps {
		padding-bottom: 0
	}
	#page .cs__branding .cs__branding__final {
		padding: 0 30px
	}
	#page .cs__branding .cs__branding__final img {
		width: 300px
	}
}

@media only screen and (max-width: 47.9375em) {
	#page .cs__branding .cs__branding__steps {
		text-align: center
	}
	#page .cs__branding .cs__branding__steps>div {
		width: 50%
	}
	#page .cs__branding .cs__branding__final {
		padding: 0
	}
}

.cs__branding__logos {
	font-size: 0;
	margin-bottom: 70px;
	margin-bottom: 3.5rem
}

.cs__branding__large-logos {
	font-size: 0
}

.cs__branding__logo {
	display: inline-block;
	width: 20%
}

@media only screen and (max-width: 43.125em) {
	.cs__branding__logo {
		width: 33.33333%
	}
}

.cs__branding__logo>div {
	padding-top: 100%;
	position: relative
}

.cs__branding__logo img {
	left: 50%;
	max-width: 60%;
	position: absolute;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.cs__branding__large {
	display: inline-block;
	width: 50%
}

.cs__branding__large>div {
	overflow: hidden;
	padding-top: 100%;
	position: relative
}

.cs__branding__large>div>div {
	bottom: -30%;
	left: 0;
	position: absolute;
	right: 0;
	top: -30%
}

.cs__branding__large img, .cs__branding__large svg {
	left: 50%;
	max-width: 60%;
	position: absolute;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.cs__ux {
	background: #ebebeb;
	color: #525252;
	padding: 4em 0 6em;
	text-align: center
}

.cs__ux>.wrap {
	position: relative;
	z-index: 1
}

.cs__ux h2+p {
	font-size: 24px;
	font-size: 1.2rem
}

.cs__ux p {
	margin: 3em auto;
	max-width: 760px
}

.cs__ux__flow {
	padding-bottom: 5em;
	position: relative
}

.cs__ux__flow .helper {
	bottom: 0;
	left: 26%
}

.cs__ux__flow__diagram {
	position: relative
}

.cs__ux__flow__diagram>img {
	display: block;
	margin: 0 auto
}

.loupe {
	background: url(../images/case-studies/loupe.png);
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	height: 322px;
	margin: -161px 0 0 -153px;
	position: absolute;
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 306px;
	z-index: 3
}

.loupe.js-dragging {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing
}

.loupe__inner {
	border-radius: 134px;
	box-shadow: inset 0px 15px 15px rgba(250, 250, 250, 0.9), inset 0px 30px 15px rgba(0, 0, 0, 0.2);
	height: 268px;
	left: 19px;
	position: absolute;
	top: 5px;
	width: 268px;
	z-index: 2
}

.loupe__inner:after {
	background: url(../images/case-studies/reflection.png) no-repeat;
	content: '';
	height: 48px;
	left: 50px;
	position: absolute;
	top: 35px;
	width: 48px
}

.return-to-position {
	transition: all 1s cubic-bezier(0.715, 0.17, 0.145, 1.245)
}

.return-to-position .loupe__inner {
	transition: background 1s cubic-bezier(0.715, 0.17, 0.145, 1.245)
}

.cs__ux__wires {
	background: #fff url(../images/case-studies/bg--wireframe.png);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
	max-width: 1140px;
	padding: 3em;
	position: relative
}

.cs__ux__wires .cs__ux__wires__info {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	padding-right: 3em;
	width: 42.2%
}

.cs__ux__wires .cs__ux__wires__info h3, .cs__ux__wires .cs__ux__wires__info p {
	text-align: left
}

.cs__ux__wires .cs__ux__wires__info p {
	margin: 1em auto
}

.cs__ux__wires .cs__ux__wires__info .helper--wires {
	float: right;
	margin-right: 20%;
	position: relative
}

.cs__ux__wires .cs__ux__wires__diagram {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 57.8%
}

.no-touch .cs__ux .helper {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	transition-delay: 1s
}

.no-touch .cs__ux .js--show .helper {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

@media only screen and (max-width: 64em) {
	#page .cs__ux {
		padding: 2em 0
	}
	#page .cs__ux h2 {
		margin-top: 0
	}
	#page .cs__ux p {
		margin: 1.5em auto
	}
	#page .cs__ux .cs__ux__wires__diagram {
		vertical-align: bottom
	}
}

@media only screen and (max-width: 47.9375em) {
	#page .cs__ux .loupe, #page .cs__ux .helper {
		display: none
	}
	#page .cs__ux .cs__ux__flow {
		padding-bottom: 0
	}
	#page .cs__ux .cs__ux__wires {
		margin: 0 10px;
		padding: 1em
	}
	#page .cs__ux .cs__ux__wires>div {
		display: block;
		padding: 0;
		width: 100%
	}
	#page .cs__ux .cs__ux__wires .cs__ux__wires__info {
		padding-bottom: 2em
	}
}

.cs__design {
	background: #fff;
	color: #525252;
	overflow: hidden;
	padding: 4em 0 6em;
	width: 100%
}

.cs__explode {
	padding: 3em 0 5em
}

@media only screen and (max-width: 47.9375em) {
	.cs__explode {
		padding: 2em 0
	}
}

.cs__explode__phone {
	display: inline-block;
	max-width: 702px;
	position: relative;
	vertical-align: middle;
	width: 58.5%
}

.cs__explode__phone .phone-inner {
	overflow: hidden;
	padding-top: 81.908831909%;
	position: relative
}

.cs__explode__phone .phone-inner>img {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: transform 0.75s cubic-bezier(0.84, -0.39, 0.38, 1.225);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%
}

.cs__explode__phone .helper {
	bottom: 0;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	right: -2em;
	transition: all 0.8s ease
}

.no-touch .helper {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	transition-delay: 1s
}

.no-touch .js--show.cs__explode__phone .phone-inner>img {
	transition-timing-function: cubic-bezier(0.62, -0.225, 0.16, 1.39);
	-ms-transform: translateY(0px) scale(1) translate3d(0, 0, 0);
	transform: translateY(0px) scale(1) translate3d(0, 0, 0)
}

.no-touch .js--show.cs__explode__phone .helper {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.no-touch .cs__explode__phone .phone-inner .phone__content {
	transition-delay: 0.04s
}

.no-touch .cs__explode__phone .phone-inner .phone__blueprint {
	transition-delay: 0.48s
}

.no-touch .cs__explode__phone .phone-inner .phone__sketch {
	transition-delay: 0.36s
}

.no-touch .cs__explode__phone .phone-inner .phone__content {
	transition-delay: 0.48s
}

.no-touch .cs__explode__phone .phone-inner .phone__blueprint {
	transition-delay: 0.04s
}

.no-touch .cs__explode__phone .phone-inner .phone__sketch {
	transition-delay: 0.36s
}

.no-touch .helper {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.touch .cs__explode .cs__explode__phone .phone-inner>img {
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.cs__explode__info {
	display: inline-block;
	padding-left: 3em;
	vertical-align: top;
	width: 41.5%
}

.cs__slide-in {
	margin: 0 auto;
	max-width: 1060px;
	padding: 6em 0
}

.cs__slide-in>div {
	display: inline-block;
	vertical-align: middle
}

.cs__slide-in .cs__slide-in__info {
	padding-right: 4em;
	width: 50%
}

.cs__slide-in .cs__slide-in__img {
	position: relative;
	width: 50%
}

.cs__slide-in .cs__slide-in__img img {
	display: block
}

.cs__slide-in .cs__slide-in__img .slide-in--bottom {
	left: 0%;
	position: relative
}

.cs__slide-in .cs__slide-in__img .slide-in--top {
	bottom: -6%;
	position: absolute;
	right: 0
}

.no-touch .cs__slide-in .cs__slide-in__img img {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: all 1s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.no-touch .cs__slide-in .js--show.cs__slide-in__img img {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.cs__slide-up {
	padding-bottom: 6em;
	padding-top: 6em;
	text-align: center
}

.cs__slide-up h3 {
	margin-bottom: 2em
}

.cs__slide-up .cs__slide-up__img {
	margin: 0 auto;
	max-width: 1076px;
	position: relative
}

.cs__slide-up .cs__slide-up__img>div {
	overflow: hidden;
	padding-top: 46.468401487%;
	position: relative
}

.cs__slide-up .cs__slide-up__img>div:after {
	background: transparent;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.6);
	bottom: -44px;
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 2
}

.cs__slide-up .cs__slide-up__img img {
	bottom: -3.8%;
	position: absolute
}

.cs__slide-up .cs__slide-up__img .slide-in--1 {
	left: 0;
	width: 27.88104%
}

.cs__slide-up .cs__slide-up__img .slide-in--2 {
	left: 15.79926%;
	width: 27.69517%
}

.cs__slide-up .cs__slide-up__img .slide-in--3 {
	left: 36.24535%;
	width: 27.69517%
}

.cs__slide-up .cs__slide-up__img .slide-in--4 {
	right: 15.79926%;
	width: 27.88104%
}

.cs__slide-up .cs__slide-up__img .slide-in--5 {
	right: 0;
	width: 27.88104%
}

.no-touch .cs__slide-up .cs__slide-up__img img {
	bottom: -100%;
	transition: all 1s cubic-bezier(0.75, -0.17, 0.23, 1.19);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.no-touch .cs__slide-up .cs__slide-up__img .slide-in--1 {
	transition-delay: 0.32s
}

.no-touch .cs__slide-up .cs__slide-up__img .slide-in--2 {
	transition-delay: 0.08s
}

.no-touch .cs__slide-up .cs__slide-up__img .slide-in--4 {
	transition-delay: 0.16s
}

.no-touch .cs__slide-up .cs__slide-up__img .slide-in--5 {
	transition-delay: 0.48s
}

.no-touch .cs__slide-up .js--show.cs__slide-up__img img {
	bottom: -3.8%
}

.cs__shots {
	padding-bottom: 6em;
	padding-top: 6em
}

.cs__shots>div {
	margin: 0 auto;
	max-width: 1160px;
	position: relative;
	text-align: right
}

.cs__shots .shots--iphone {
	bottom: 0;
	left: 0;
	position: absolute
}

.cs__shots .shots--web {
	bottom: 0;
	position: relative;
	right: 0
}

.cs__shots .helper {
	left: 0%;
	top: 18%
}

@media only screen and (max-width: 66em) {
	.cs__shots .helper {
		display: none
	}
}

.no-touch .cs__shots img {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.no-touch .cs__shots .helper {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s;
	-o-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s;
	-webkit-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	-webkit-transition-delay: 1s;
	transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s
}

.no-touch .cs__shots .shots--iphone {
	left: 0
}

.no-touch .cs__shots .shots--web {
	right: 0
}

.no-touch .cs__shots .js--show img {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.no-touch .cs__shots .js--show .helper {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.cs__ipad-shots {
	padding-top: 4em;
	text-align: center
}

.cs__ipad-shots h3 {
	margin: 0;
	padding-bottom: 1em
}

.cs__ipad-shots p {
	margin: 1em auto;
	max-width: 760px
}

.cs__ipad-shots>div {
	padding: 2em 0
}

.cs__ipad-shots>div>div {
	position: relative;
	text-align: right
}

.cs__ipad-shots .ipad-shots--top {
	margin-top: 8%;
	position: relative;
	right: 0;
	top: 0
}

.cs__ipad-shots .ipad-shots--bottom {
	left: 0;
	position: absolute;
	top: 0
}

.cs__ipad-shots .helper {
	position: absolute;
	right: 10%;
	top: -5%
}

@media only screen and (max-width: 66em) {
	.cs__ipad-shots .helper {
		display: none
	}
}

.no-touch .cs__ipad-shots img {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.no-touch .cs__ipad-shots .helper {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s;
	-o-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s;
	-webkit-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	-webkit-transition-delay: 1s;
	transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s
}

.no-touch .cs__ipad-shots .ipad-shots--top, .no-touch .cs__ipad-shots .ipad-shots--bottom {
	top: 0
}

.no-touch .cs__ipad-shots.js--show img {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.no-touch .cs__ipad-shots.js--show .helper {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.cs__loupes {
	overflow: hidden;
	text-align: right
}

.cs__loupes>div {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 50%
}

.cs__loupes .loupes--web {
	direction: rtl
}

.cs__loupes .loupes--web img {
	max-width: none;
	width: 853px
}

.cs__loupes .loupes--web .helper {
	right: -142px;
	top: 61%;
	z-index: 3
}

.cs__loupes .loupes--iphone {
	display: inline-block;
	padding: 0 0 4em 10%;
	text-align: left
}

.cs__loupes .loupes--iphone .helper--loupes--1 {
	transition-delay: 1s
}

.cs__loupes .loupes--iphone .helper--loupes--2 {
	right: 75%;
	top: 25%;
	transition-delay: 1.2s
}

.cs__loupes .loupes--iphone .helper--loupes--3 {
	bottom: 0%;
	left: 30%;
	transition-delay: 1.4s
}

@media only screen and (max-width: 62.5em) {
	.cs__loupes .helper {
		display: none
	}
}

.no-touch .cs__loupes .loupes--web, .no-touch .cs__loupes .loupes--iphone {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	transition: all 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	transform: translate3d(0, 0, 0)
}

.no-touch .cs__loupes .loupes--iphone {
	transition-delay: 0.2s
}

.no-touch .cs__loupes .helper {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.no-touch .cs__loupes.js--show .helper {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.no-touch .cs__loupes.js--show .loupes--web, .no-touch .cs__loupes.js--show .loupes--iphone {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

@media only screen and (max-width: 64em) {
	#page .cs__design {
		padding: 2em 0
	}
	#page .cs__design h2 {
		margin: 0 0 .5em
	}
	#page .cs__design .cs__explode__phone, #page .cs__design .cs__explode__info {
		vertical-align: middle;
		width: 50%
	}
	#page .cs__design .cs__slide-in {
		padding: 2em 0
	}
	#page .cs__design .cs__shots {
		padding: 2em 0
	}
	#page .cs__design .cs__shots .shots--web {
		max-width: 75%
	}
	#page .cs__design .cs__loupes .helper--loupes--1 {
		right: -92px
	}
}

@media only screen and (max-width: 47.9375em) {
	#page .cs__design .helper {
		display: none
	}
	#page .cs__design .cs__explode__phone, #page .cs__design .cs__explode__info, #page .cs__design .cs__slide-in__info, #page .cs__design .cs__slide-in__img {
		display: block;
		padding: 0;
		text-align: center;
		width: 100%
	}
	#page .cs__design .cs__slide-up {
		padding-bottom: 1em
	}
	#page .cs__design .cs__shots .shots--iphone {
		padding-bottom: 0;
		max-width: 31%
	}
	#page .cs__design .cs__loupes .loupes--web img {
		width: 360px
	}
	#page .cs__design .cs__loupes .loupes--iphone {
		padding-bottom: 0
	}
}

.cs__simple-desc {
	color: #525252;
	padding: 4em 0;
	text-align: center
}

.cs__simple-desc h3 {
	font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 70px;
	font-size: 3.5rem;
	letter-spacing: 0;
	margin-bottom: .75em;
	text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
	.cs__simple-desc h3 {
		font-size: 35px;
		font-size: 2.1875rem
	}
}

.cs__simple-desc p {
	font-size: 24px;
	font-size: 1.2rem;
	margin: 1em auto;
	max-width: 760px
}

@media only screen and (max-width: 47.9375em) {
	.cs__simple-desc p {
		font-size: 16px;
		font-size: 1rem
	}
}

.cs__slideshow {
	border: 0;
	overflow: hidden;
	padding: 10em 0;
	position: relative
}

@media only screen and (max-width: 47.9375em) {
	.cs__slideshow {
		padding: 5em 0
	}
}

.cs__slideshow .wrap {
	text-align: center
}

.cs__slideshow .flex-viewport:before, .cs__slideshow .flex-viewport:after {
	display: none
}

.cs__slideshow .iphone4 {
	background: url(../images/case-studies/iphone4--white.png);
	background-size: 100% 100%;
	display: inline-block;
	margin: 0 2em;
	max-width: 100%;
	vertical-align: middle;
	width: 365px
}

@media only screen and (max-width: 47.9375em) {
	.cs__slideshow .iphone4 {
		display: block;
		margin: 2em auto
	}
}

.cs__slideshow .iphone4.iphone4--black {
	background-image: url(../images/case-studies/iphone4--black.png)
}

.cs__slideshow .iphone4>div {
	padding-top: 177.534246575%;
	position: relative
}

.cs__slideshow .iphone4 img {
	height: 58.33333%;
	left: 15.61644%;
	position: absolute;
	top: 14.19753%;
	width: 69.0411%
}

.cs__slideshow .flex-control-nav {
	bottom: 6em;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%
}

.cs__slideshow .flex-control-nav li {
	display: inline-block;
	margin: 0 1em
}

.cs__slideshow .flex-control-nav a {
	background: #525252;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 8px;
	position: relative;
	text-indent: -999em;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	z-index: 3
}

.cs__slideshow .flex-control-nav a:before {
	border: 3px solid #ae0000;
	bottom: -7px;
	content: "";
	left: -7px;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	position: absolute;
	right: -7px;
	top: -7px;
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.cs__slideshow .flex-control-nav a:after {
	border: 5px solid #525252;
	bottom: -4px;
	content: "";
	left: -4px;
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	position: absolute;
	right: -4px;
	top: -4px;
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.cs__slideshow .flex-control-nav a:hover, .cs__slideshow .flex-control-nav a.flex-active {
	background: #f5f5f1
}

.cs__slideshow .flex-control-nav a:hover:before, .cs__slideshow .flex-control-nav a.flex-active:before {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.cs__slideshow .flex-control-nav a:hover:after, .cs__slideshow .flex-control-nav a.flex-active:after {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.cs__slideshow .flex-control-nav a:active:before, .cs__slideshow .flex-control-nav a:focus:before {
	border-color: #f5f5f1
}

.cs__slideshow .flex-direction-nav a {
	right: 4em
}

@media only screen and (max-width: 47.9375em) {
	.cs__slideshow .flex-direction-nav a {
		top: 4em
	}
}

.cs__slideshow .flex-direction-nav a.flex-prev {
	left: 4em;
	right: auto
}

@media only screen and (max-width: 85.9375em) {
	.cs__slideshow .flex-direction-nav a {
		right: 2em
	}
	.cs__slideshow .flex-direction-nav a.flex-prev {
		left: 2em;
		right: auto
	}
}

@media only screen and (max-width: 47.9375em) {
	.cs__slideshow .flex-direction-nav a {
		right: 2em
	}
	.cs__slideshow .flex-direction-nav a.flex-prev {
		left: 2em;
		right: auto
	}
}

.no-pseudoanimations .cs__slideshow .flex-control-nav a {
	transition: none
}

.page-loaded .cs__footer .cs__footer__bg {
	display: block
}

.loading-project .cs__footer .cs__footer__bg {
	display: none
}

.cs__footer--resize {
	height: 60vh
}

@media only screen and (max-height: 62.5em) {
	.cs__footer--resize {
		height: 75vh
	}
}

@media only screen and (max-height: 46.875em) {
	.cs__footer--resize {
		height: 85vh
	}
}

.cs__footer {
	background-size: cover;
	padding: 0;
	position: relative
}

.cs__footer:before {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	content: ""
}

.cs__footer .wrap {
	position: relative;
	text-align: center
}

.cs__footer .cs__footer__bg {
	background-size: cover;
	background-position: center center;
	display: none;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	bottom: -200px;
	height: auto
}

.cs__footer blockquote {
	border-color: #f5f5f1;
	border-style: solid;
	border-width: 2px 0;
	padding: 4em 8em;
	position: relative;
	text-align: center
}

.cs__footer blockquote:before, .cs__footer blockquote:after {
	content: "";
	height: 70px;
	left: 0%;
	margin-top: -35px;
	position: absolute;
	top: 50%;
	width: 70px
}

.cs__footer blockquote:after {
	left: auto;
	right: 0
}

.cs__footer blockquote p {
	font-size: 40px;
	font-size: 2rem;
	font-style: italic;
	line-height: 1.2;
	letter-spacing: .1em;
	margin: 0;
	text-transform: uppercase
}

.cs__footer blockquote cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	margin-top: 1em;
	text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
	.cs__footer blockquote cite {
		font-size: 16px;
		font-size: 1rem
	}
}

.cs__footer h3 {
	font-size: 60px;
	font-size: 3rem;
	margin: 0em 0 1em
}

.cs__footer h3+p {
	font-size: 24px;
	font-size: 1.2rem;
	margin: 1em auto 0;
	max-width: 700px
}

.cs__footer .cs__footer__mid {
	position: relative
}

.cs__footer .cs__footer__mid .wrap {
	padding-bottom: 20px;
	padding-top: 20px
}

.cs__footer .cs__footer__end {
	margin-top: 100px;
	height: 571px;
	position: relative;
	vertical-align: bottom
}

.cs__footer .cs__footer__end .wrap>img {
	bottom: 0;
	left: 50%;
	margin-left: -153px;
	position: absolute
}

@media only screen and (max-height: 55em) {
	.cs__footer .cs__footer__end .wrap>img {
		height: 350px;
		margin-left: -113px;
		width: auto
	}
}

@media only screen and (max-height: 45.625em) {
	.cs__footer .cs__footer__end .wrap>img {
		height: 250px;
		margin-left: -77px
	}
}

.cs__footer .cs__footer__end .wrap>div {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 10em;
	padding-left: 153px;
	position: relative;
	text-align: center;
	width: 50%
}

.cs__footer .cs__footer__end .wrap .cs__footer__link--site {
	padding-left: 0;
	padding-right: 153px
}

.cs__footer .btn--footer {
	background: #ae0000;
	border: 1px solid #7b0000;
	border-radius: 8px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px -4px 20px rgba(0, 0, 0, 0.1) inset;
	color: #f5f5f1;
	font-family: "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 30px;
	font-size: 1.5rem;
	letter-spacing: 0;
	line-height: 2;
	max-width: 100%;
	overflow: hidden;
	padding: .5em 1em;
	position: relative;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3)
}

.cs__footer .btn--footer:after {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background: linear-gradient(#fff, rgba(255, 255, 255, 0));
	bottom: 0;
	content: "";
	height: 100%;
	left: 50%;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: 0.2;
	position: absolute;
	right: -30px;
	-ms-transform: skewX(30deg);
	transform: skewX(30deg)
}

.cs__footer .btn--footer:hover {
	background-color: #e10000;
	border-color: #ae0000
}

.cs__footer .btn--footer:active, .cs__footer .btn--footer:focus {
	background-color: #7b0000;
	border-color: #480000
}

.js--show-cs-footer #page .cs__footer__img, .js--show-cs-footer #page .cs__footer__link {
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.touch .cs__footer__top, .touch .cs__footer__mid, .touch .cs__footer__img, .touch .cs__footer__link {
	-webkit-transform: none
}

.cs__footer--simple {
	padding: 4em 0
}

.cs__footer--simple .btn {
	padding: 0
}

.cs__footer--simple .btn img {
	display: block
}

@media only screen and (max-width: 62.5em) {
	#page .cs__footer {
		padding: 2em 0 0
	}
	#page .cs__footer.cs__footer--simple {
		padding: 2em 0
	}
	#page .cs__footer blockquote {
		font-size: 24px;
		font-size: 1.5rem;
		padding: 3em 6em
	}
	#page .cs__footer h3 {
		margin: 1em 0
	}
	#page .cs__footer .cs__footer__end {
		height: 420px
	}
	#page .cs__footer .cs__footer__end .wrap>img {
		margin-left: -100px;
		width: 200px
	}
}

@media only screen and (max-width: 47.9375em) {
	#page .cs__footer blockquote {
		margin: 0;
		padding: 2em 0
	}
	#page .cs__footer blockquote:before, #page .cs__footer blockquote:after {
		display: none
	}
	#page .cs__footer .cs__footer__end {
		height: 520px
	}
	#page .cs__footer .cs__footer__end .wrap>.cs__footer__img {
		height: auto;
		margin-left: -100px;
		width: 200px
	}
	#page .cs__footer .cs__footer__end .cs__footer__link {
		display: block;
		margin: 1em 0 0;
		padding: 0;
		text-align: center;
		width: 100%
	}
	#page .cs__footer .cs__footer__end .cs__footer__link:last-child {
		margin-bottom: 340px
	}
}

.page--jobs {
	text-align: center;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.3)
}

.page--jobs>.wrap {
	padding: 2em 0
}

@media only screen and (max-width: 47.9375em) {
	.page--jobs>.wrap {
		padding-bottom: 0
	}
}

.page--jobs .content {
	position: relative
}

.page--jobs .content .job__description .writeup a {
	color: #ae0000 !important
}

.page--jobs .content .job__description .writeup a:hover {
	color: #ff1515 !important
}

.page--jobs .jobs__header {
	padding: 1.5em 30px 0;
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	position: relative;
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%
}

@media only screen and (max-width: 64em) {
	.page--jobs .jobs__header {
		padding: 1.5em 20px 0
	}
}

.page--jobs .jobs__header.jobs__header--out {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	position: absolute
}

.page--jobs .jobs__header h1 {
	margin: 0 auto;
	max-width: 1060px;
	padding: 0 1em;
	position: relative
}

.page--jobs .jobs__header p {
	font-size: 32px;
	font-size: 1.6rem;
	margin: 1em auto;
	max-width: 860px
}

.page--jobs .jobs__header em {
	display: block;
	font-size: 26px;
	font-size: 1.3rem;
	font-weight: 300;
	margin: 1em auto 2em;
	max-width: 860px
}

@media only screen and (max-width: 47.9375em) {
	.page--jobs .jobs__header h1 {
		padding: 0
	}
	.page--jobs .jobs__header h1:before, .page--jobs .jobs__header h1:after {
		display: none
	}
	.page--jobs .jobs__header p {
		font-size: 20px;
		font-size: 1.25rem
	}
	.page--jobs .jobs__header em {
		font-size: 16px;
		font-size: 1rem
	}
}

.loading-from-job .page--jobs .jobs__header {
	transition-delay: 0.4s
}

.jobs__content {
	padding: 0 30px;
	position: relative;
	top: 0
}

@media only screen and (max-width: 64em) {
	.jobs__content {
		padding: 0 20px
	}
}

@media only screen and (max-width: 47.9375em) {
	.jobs__content {
		padding: 0
	}
}

@media only screen and (max-width: 47.9375em) {
	.single-job .jobs__content {
		padding: 0 20px
	}
}

.job__categories {
	border-color: #f5f5f1;
	border-style: solid;
	border-width: 2px 0
}

@media only screen and (max-width: 47.9375em) {
	.job__categories {
		display: none;
		padding: 0
	}
}

.job__category {
	background: none;
	color: #f5f5f1;
	display: inline-block;
	vertical-align: middle;
	padding: 2.5em 1em;
	position: relative;
	transition: background 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), color 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 25%
}

.job__category:hover {
	background: rgba(245, 245, 241, 0.1);
	color: white
}

.job__category:focus, .job__category:active {
	color: #d5d5c4
}

.job__category+.job__category:before {
	background: #f5f5f1;
	bottom: 1.5em;
	content: "";
	left: -1px;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	position: absolute;
	top: 1.5em;
	width: 2px
}

.job__category .job__category__status, .job__category .job__category__title, .job__category .job__category__location {
	transition: opacity 0.5s cubic-bezier(0.75, -0.17, 0.23, 1.19)
}

.job__category .job__category__status {
	display: block;
	font-style: italic
}

.job__category .job__category__title {
	display: block;
	font-size: 22px;
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: .2em;
	padding: .45454545em 0 .54545454em;
	text-transform: uppercase
}

.job__category .job__category__location {
	display: block;
	font-weight: 600;
	font-size: 16px;
	font-size: 0.8rem
}

.job__category .job__category__location i {
	background: #ae0000;
	display: inline-block;
	height: 4px;
	font-size: 0;
	line-height: 0;
	text-indent: -999em;
	width: 20%
}

.job__category.job__category--empty .job__category__status, .job__category.job__category--empty .job__category__title {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6
}

@media only screen and (max-width: 56.25em) {
	.job__category {
		padding: 1.5em 2em;
		width: 50%
	}
	.job__category:nth-child(3):before {
		bottom: auto;
		left: 0;
		height: 2px;
		right: -100%;
		top: -1px;
		width: 200%
	}
}

@media only screen and (max-width: 47.9375em) {
	.job__category {
		width: 100%
	}
	.job__category+.job__category:before {
		bottom: auto;
		left: 0;
		height: 2px;
		right: -100%;
		top: -1px;
		width: 200%
	}
}

.page-type--jobs-index .job__category b {
	height: 20px;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	position: absolute;
	right: 1em;
	top: 1em;
	-ms-transform: scale(0) rotate(45deg);
	transform: scale(0) rotate(45deg);
	transition: all 0.5s cubic-bezier(0.75, -0.17, 0.23, 1.19);
	width: 20px
}

.page-type--jobs-index .job__category b:before, .page-type--jobs-index .job__category b:after {
	background: #f5f5f1;
	content: "";
	height: 20px;
	left: 50%;
	margin: -10px 0 0 -2px;
	position: absolute;
	top: 50%;
	width: 4px
}

.page-type--jobs-index .job__category b:after {
	height: 4px;
	margin: -2px 0 0 -10px;
	width: 20px
}

.page-type--jobs-index .job__category.job__category--strategy b:before, .page-type--jobs-index .job__category.job__category--strategy b:after {
	background: #161616
}

.page-type--jobs-index .job__category.js--active b {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-ms-transform: scale(1) rotate(225deg);
	transform: scale(1) rotate(225deg)
}

.no-csstransforms .job__category b {
	display: none
}

.no-csstransforms .job__category.js--active .job__category__status, .no-csstransforms .job__category.js--active .job__category__title, .no-csstransforms .job__category.js--active .job__category__location {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.category--design .job__category--design, .job__category--design.js--active {
	background: #ae0000;
	color: #f5f5f1
}

.category--operations .job__category--operations, .job__category--operations.js--active {
	background: #525252;
	color: #f5f5f1
}

.category--development .job__category--development, .job__category--development.js--active {
	background: #161616;
	color: #f5f5f1
}

.category--strategy .job__category--strategy, .job__category--strategy.js--active {
	background: #f5f5f1;
	color: #161616;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.1)
}

.category--design .job__category--operations:before {
	display: none
}

.category--operations .job__category--operations:before, .category--operations .job__category--development:before {
	display: none
}

.category--development .job__category--development:before, .category--development .job__category--strategy:before {
	display: none
}

.category--strategy .job__category--strategy:before {
	display: none
}

@media only screen and (max-width: 56.25em) {
	.category--development .job__category--strategy:before, .category--development .job__category--development:before {
		display: block
	}
	.category--strategy .job__category--strategy:before {
		display: block
	}
}

.job__board {
	margin-top: 2em;
	min-height: 300px;
	position: relative;
	text-align: left
}

@media only screen and (max-width: 47.9375em) {
	.job__board {
		margin-top: 0
	}
}

@media only screen and (max-width: 47.9375em) {
	.page-type--jobs-index .job__board {
		height: auto !important
	}
	.page-type--jobs-index .job {
		left: auto !important;
		position: relative !important;
		top: auto !important;
		-ms-transform: none !important;
		transform: none !important;
		opacity: 1 !important
	}
}

.main-wrap--jobs .job__board {
	margin-top: 0
}

.loading-from-job .job {
	visibility: hidden
}

.job {
	display: inline-block;
	font-size: 18px;
	font-size: 0.9rem;
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	position: relative;
	text-shadow: none;
	transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.75, -0.17, 0.23, 1.19);
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	width: 24.5%
}

.job.job__hide {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=75);
	opacity: 0.75;
	pointer-events: none;
	-ms-transform: scale(0.25);
	transform: scale(0.25)
}

.job>div {
	margin: 5%;
	padding-top: 90%;
	position: relative
}

@media only screen and (max-width: 47.9375em) {
	.job>div {
		margin: 0;
		padding: 0
	}
}

@media only screen and (max-width: 47.9375em) {
	.job+.job>div a {
		box-shadow: 0px 2px rgba(22, 22, 22, 0.1) inset
	}
}

.job .job__cat {
	display: block;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .2em;
	margin-bottom: .5em;
	text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
	.job .job__cat {
		font-size: 12px;
		font-size: 0.75rem
	}
}

.job .job__title {
	font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 38px;
	font-size: 1.9rem;
	margin: 0;
	text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
	.job .job__title {
		width: 60%
	}
}

.job .job__footer {
	bottom: 1.5em;
	left: 1.5em;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	position: absolute;
	right: 1.5em
}

@media only screen and (max-width: 47.9375em) {
	.job .job__footer {
		bottom: auto;
		left: auto;
		text-align: right;
		top: 1.5em;
		width: 40%
	}
	.job .job__footer span {
		font-size: 12px;
		font-size: 0.75rem
	}
}

.job .job__location {
	display: block;
	font-weight: 600
}

.job .job__start-date {
	display: block
}

@media only screen and (max-width: 73.75em) {
	.job {
		font-size: 14px;
		font-size: 0.7rem
	}
}

@media only screen and (max-width: 64em) {
	.job {
		font-size: 14px;
		font-size: 0.875rem
	}
	.job .job__title {
		font-size: 24px;
		font-size: 1.5rem
	}
}

@media only screen and (max-width: 56.25em) {
	.job {
		font-size: 18px;
		font-size: 1.125rem;
		width: 49.5%
	}
	.job .job__title {
		font-size: 38px;
		font-size: 2.375rem
	}
}

@media only screen and (max-width: 47.9375em) {
	.job {
		width: 100%
	}
	.job .job__title {
		font-size: 30px;
		font-size: 1.875rem
	}
}

.job a {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	padding: 1.5em
}

@media only screen and (max-width: 47.9375em) {
	.job a {
		display: block;
		position: static
	}
}

.job.job--design a {
	background: #ae0000 url(../images/bg/job--white.png) repeat center center;
	color: #f5f5f1
}

.job.job--development a {
	background: #161616 url(../images/bg/job--white.png) repeat center center;
	color: #f5f5f1
}

.job.job--operations a {
	background: #525252 url(../images/bg/job--white.png) repeat center center;
	color: #f5f5f1
}

.job.job--strategy a {
	background: #f5f5f1 url(../images/bg/job--black.png) repeat center center;
	color: #161616
}

.no-touch .job a {
	transform: translate3d(0, 0, 0)
}

.no-touch .job a:hover {
	-ms-transform: translate3d(0, -5%, 0);
	transform: translate3d(0, -5%, 0)
}

.no-touch .job a:active, .no-touch .job a:focus {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5
}

@media only screen and (max-width: 47.9375em) {
	.no-touch .job a:hover, .no-touch .job a:active, .no-touch .job a:focus {
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fade-out-jobs .job {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.job__board .cf {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	transition: opacity 0.9s ease
}

.job__description {
	margin: 0 auto;
	max-width: 908px;
	padding-top: 2em;
	position: relative;
	text-shadow: none
}

.job__description hgroup {
	margin-bottom: 2em;
	padding-bottom: 2em;
	position: relative;
	text-align: center
}

.job__description hgroup:after {
	background: #ae0000;
	bottom: -1px;
	content: "";
	height: 3px;
	left: 50%;
	margin-left: -1em;
	position: absolute;
	width: 2em
}

.job__description hgroup h1 {
	font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 60px;
	font-size: 3rem;
	font-weight: normal;
	text-transform: uppercase
}

.job__description hgroup h2 {
	font-size: 20px;
	font-size: 1rem;
	font-weight: bold;
	margin: 1em 0 1.3em;
	position: relative
}

.job__description hgroup h3 {
	font-size: 16px;
	font-size: 0.8rem;
	font-weight: normal;
	margin: 0
}

.job__description p {
	line-height: 1.5
}

.job__description .job__writeup h2 {
	font-size: 40px;
	font-size: 2rem;
	font-weight: 600;
	margin: 1em 0 1.3em;
	text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
	.job__description p {
		text-align: center
	}
	.job__description>h2 {
		font-size: 24px;
		font-size: 1.5rem;
		text-align: center
	}
}

.job__description ul {
	list-style: none outside url(https://fueled.com/assets/images/icons/jobs--list-icon.svg);
	margin: 1em 0 1.3em;
	padding: 0 0 0 1em
}

.job__description li {
	font-size: 25px;
	font-size: 1.25rem;
	font-style: italic;
	padding: .2em .5em .4em
}

.job__description .job__writeup a {
	border-bottom: 1px solid #ae0000;
	color: #f5f5f1
}

.job__description .job__writeup a:hover, .job__description .job__writeup a:focus {
	border-color: #f5f5f1
}

.job__description .job__writeup a:active {
	border-color: #ae0000;
	color: #ae0000
}

.job__description footer {
	border-top: 2px solid #f5f5f1;
	padding: 2em 0
}

.job__description footer p {
	display: inline-block;
	margin: 0;
	padding-right: 4.5%;
	vertical-align: middle;
	width: 60%
}

.job__description footer .btn {
	display: inline-block;
	margin: 0;
	text-align: center;
	width: 40%
}

@media only screen and (max-width: 50em) {
	.job__description footer p {
		padding-right: 0;
		margin-bottom: 2em;
		width: 100%
	}
	.job__description footer .btn {
		width: 100%
	}
}

.job__writeup {
	padding-bottom: 2em
}

.fade-out-description .job__board .cf {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

@media only screen and (max-width: 47.9375em) {
	.job__description {
		float: none;
		width: 100%
	}
	.job__description header .job__start-date {
		display: block;
		position: static
	}
	.job__board aside {
		float: none;
		padding: 0 0 1em;
		width: 100%
	}
}

.contact {
	-webkit-backface-visibility: visible
}

#page--contact {
	background: #ae0000;
	position: relative
}

.page-type--contact .page--contact--wrap, .page-type--contact .page--contact--wrap .full-height {
	height: auto
}

.form__thankyou {
	background: #ae0000;
	color: #f5f5f1;
	opacity: 0;
	padding: 1em;
	text-align: center
}

.page-loaded .form__thankyou {
	animation: animate-contact-title .5s .5s both
}

.form__thankyou p {
	margin: 0
}

.contact__top {
	background: #161616
}

.contact__vcards {
	margin: 0 auto;
	max-width: 1120px;
	overflow: hidden;
	position: relative;
	padding: 10em 0 7.5em
}

.contact__vcards .vcard {
	display: inline-block;
	text-align: center;
	padding: 0 1%;
	vertical-align: top;
	visibility: hidden;
	width: 25%
}

.contact__vcards .vcard>* {
	margin: .5em 0
}

.contact__vcards .vcard>.office-icon {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	width: 200px
}

.contact__vcards svg {
	display: block;
	fill: #f5f5f1;
	height: 200px;
	margin: 0 auto 2em;
	max-width: 100%;
	position: relative;
	transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 182px
}

.contact__vcards .office-change {
	fill: inherit;
	transition: transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.contact__vcards .office-icon__name {
	fill: #f5f5f1;
	transition: transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.contact__vcards .office-icon__outline {
	fill: #161616
}

.contact__vcards .svg__border {
	border: 5px solid #ae0000;
	height: 4.5rem;
	left: 50%;
	margin: -2.25rem 0 0 -2.25rem;
	position: absolute;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	bottom: 1rem;
	width: 4.5rem
}

@media only screen and (max-width: 64em) {
	.contact__vcards .svg__border {
		bottom: 1.5rem
	}
}

@media only screen and (max-width: 32.5em) {
	.contact__vcards .svg__border {
		border-width: 0.25rem;
		bottom: 0.6875rem;
		height: 2.8125rem;
		margin: 0 0 0 -1.40625rem;
		width: 2.8125rem
	}
}

.contact__vcards a:hover svg {
	fill: #ae0000
}

.contact__vcards a:hover .svg__border {
	border-color: #f5f5f1;
	-ms-transform: rotate(135deg);
	transform: rotate(135deg)
}

.contact__vcards a:hover .office-icon__name {
	transform: translate3d(0, -8px, 5px)
}

.contact__vcards a {
	color: #f5f5f1;
	font-weight: 600
}

.contact__vcards a:hover {
	color: #ae0000
}

.contact__vcards a:active, .contact__vcards a:focus {
	color: #525252
}

.contact__vcards .tel, .contact__vcards .adr {
	font-size: 17px;
	font-size: 0.85rem
}

.contact__vcards .adr {
	color: #525252
}

.contact__vcards .vcard .page--contact__offices__location {
	margin-bottom: 1em
}

.office-icon--chicago svg {
	left: 0.2rem
}

.office-icon--nyc svg {
	left: 0.5rem
}

.office-icon--london svg {
	left: -0.1rem
}

@media only screen and (min-width: 84.375em) {
	.page-type--contact .contact__top {
		padding: 6em 0 3.5em
	}
}

@media only screen and (min-width: 90.625em) and (min-height: 57.5em) {
	.page-type--contact .contact__top {
		padding: 5em 0 3.5em
	}
	.page-type--contact .contact__top .wrap {
		max-width: none;
		padding: 0 20px
	}
	.contact__vcards {
		max-width: 1600px
	}
	.contact__vcards svg {
		height: 300px;
		width: 273px
	}
	.contact__vcards .svg__border {
		border-width: 0.4rem;
		bottom: 1.5rem;
		height: 6.75rem;
		margin: -3.375rem 0 0 -3.375rem;
		width: 6.75rem
	}
	.contact__vcards .vcard>.office-icon {
		width: 300px
	}
	.office-icon--chicago svg {
		left: 0.3rem
	}
	.office-icon--nyc svg {
		left: 0.75rem
	}
	.office-icon--london svg {
		left: -0.15rem
	}
}

@media only screen and (max-width: 64em) {
	.office-icon--chicago svg {
		left: 0.25rem
	}
	.office-icon--nyc svg {
		left: 0.625rem
	}
	.office-icon--london svg {
		left: -0.125rem
	}
}

@media only screen and (max-width: 53.125em) {
	.contact__top .contact__vcards {
		width: 100%
	}
	.contact__top .vcard {
		max-width: 300px;
		margin-bottom: 20px;
		width: 50%
	}
}

@media only screen and (max-width: 32.5em) {
	.contact__top {
		overflow: hidden;
		max-width: 100%
	}
	.contact__top .wrap {
		max-width: none;
		padding: 0
	}
	.contact__top .contact__vcards {
		margin: 0 auto;
		max-width: 300px;
		text-align: center;
		width: 100%
	}
	.contact__top .vcard {
		display: inline-block;
		margin: 20px auto;
		min-height: 100px;
		padding: 0 0 0 110px;
		position: relative;
		width: 100%
	}
	.contact__top .vcard:first-child {
		margin-top: 0
	}
	.contact__top .vcard>.office-icon {
		height: 100px;
		left: 0px;
		margin-top: -50px;
		position: absolute;
		top: 50%;
		width: 101px
	}
	.contact__top svg {
		height: 100px;
		width: 91px
	}
	.contact__top .vcard__address {
		margin: 0;
		padding-top: 1.25em
	}
	.office-icon--chicago svg {
		left: 0.125rem
	}
	.office-icon--nyc svg {
		left: 0.3125rem
	}
	.office-icon--london svg {
		left: -0.125rem
	}
}

.lte8 .contact__vcards .svg__border {
	display: none
}

.contact__cta {
	border-top: 10px solid #ae0000;
	padding: 4em 0;
	position: relative;
	visibility: hidden
}

.contact__cta__left, .contact__cta__right {
	display: inline-block;
	vertical-align: middle;
	width: 50%
}

.contact__cta__left {
	padding-right: 2em;
	text-align: left
}

.contact__cta__left h2 {
	font-family: "Fueled Sans Semi", "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	text-shadow: 1px 1px #161616, 2px 2px #ae0000;
	text-transform: uppercase
}

.contact__cta__left p {
	font-size: 22px;
	font-size: 1.1rem;
	padding-bottom: 0
}

.contact__cta__right {
	padding-left: 2em;
	text-align: right
}

.contact__cta__right .btn {
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 50px;
	font-size: 2.5rem;
	letter-spacing: 0;
	max-width: 460px;
	padding: 0.75em .6em .65em;
	text-align: center;
	width: 100%
}

@media only screen and (max-width: 55em) {
	.contact__cta__right .btn {
		font-size: 30px;
		font-size: 1.875rem
	}
}

@media only screen and (max-width: 43.75em) {
	.contact__cta__left, .contact__cta__right {
		display: block;
		padding: 0;
		text-align: center;
		width: 100%
	}
	.contact__cta__right {
		padding-top: 1em
	}
}

@media only screen and (max-width: 35.5em) {
	.contact__cta__right .btn {
		font-size: 22px;
		font-size: 1.375rem
	}
}

.contact__newsletter {
	background: #1f1f1f;
	border-top: 4px solid #161616;
	padding: 2.5em 0;
	visibility: hidden
}

.contact__newsletter__title {
	color: #525252;
	display: inline-block;
	font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 32px;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0;
	padding-right: 1em;
	text-transform: uppercase;
	vertical-align: middle;
	width: 25%
}

.contact__newsletter__title img {
	display: block
}

.form--newsletter {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 75%
}

.form__fields--newsletter {
	padding-right: 6em
}

.form__field--newsletter-fname, .form__field--newsletter-email {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 50%
}

.form__field--newsletter-fname {
	padding-right: .5em
}

.form__field--newsletter-email {
	padding-left: .5em
}

.form__field--newsletter-fname input, .form__field--newsletter-email input {
	background: none;
	border: 0;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

.form__field--newsletter-fname input:focus, .form__field--newsletter-email input:focus {
	background: none;
	border: 0
}

.form__field--newsletter-fname input:focus~ .input--fake, .form__field--newsletter-email input:focus~ .input--fake {
	background: #f5f5f1
}

.form__field--newsletter-email input {
	left: .5em
}

.form__field--newsletter-email input~ .input--fake:after {
	background: #1f1f1f;
	border-color: inherit;
	border-style: solid;
	border-width: 3px 0px 0px 3px;
	content: "";
	height: 2em;
	margin-top: -1.1em;
	position: absolute;
	right: -1.1em;
	top: 50%;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 1.90em
}

input~ .input--fake {
	background: #1e1e1e;
	border-color: #000000;
	border-style: solid;
	border-width: 3px;
	height: 3em;
	position: relative;
	transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 100%
}

.form--newsletter .btn--diamond {
	right: 1em
}

@media only screen and (max-width: 55em) {
	.contact__newsletter__title {
		display: block;
		padding: 0 0 1em;
		text-align: center;
		width: 100%
	}
	.contact__newsletter__title img {
		margin: 0 auto
	}
	.form--newsletter {
		width: 100%
	}
}

@media only screen and (max-width: 42.5em) {
	.form__fields--newsletter {
		padding-right: 0
	}
	.form__field--newsletter-fname, .form__field--newsletter-email {
		display: block;
		padding: .5em 0;
		width: 100%
	}
	.form__field--newsletter-email input~ .input--fake {
		border-width: 3px
	}
	.form__field--newsletter-email input~ .input--fake:after {
		display: none
	}
	.form--newsletter .btn--diamond {
		display: block;
		margin: 2em auto 0;
		padding: 0;
		position: relative;
		right: auto;
		top: auto
	}
}

input~ .mce_inline_error {
	display: none !important;
	font-size: 11px;
	font-weight: bold;
	line-height: 1em;
	margin-top: .5em;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 100%;
	z-index: 2
}

.mce_inline_error~ .input--fake {
	border-color: #ae0000
}

#mce-error-response {
	color: #ae0000;
	font-size: 13px;
	font-weight: bold;
	left: 0;
	line-height: 1;
	position: absolute;
	top: -1.3em;
	text-transform: uppercase
}

.btn--diamond {
	background: none;
	border: none;
	height: 4em;
	margin-top: -2em;
	overflow: visible;
	position: absolute;
	right: 0;
	top: 50%;
	width: 4em
}

.btn--diamond i {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	box-shadow: 0px 0px 0px 0px #525252 inset, 0px 0px 0px 4px #ae0000 inset;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.btn--diamond span {
	font-weight: 700;
	letter-spacing: 0.05em;
	position: relative;
	text-transform: uppercase
}

.btn--diamond:hover {
	color: #f5f5f1
}

.btn--diamond:hover i {
	border-color: #ae0000;
	box-shadow: 0px 0px 0px 0px #525252 inset, 0px 0px 0px 60px #ae0000 inset
}

.btn--diamond:active, .btn--diamond:focus {
	color: #f5f5f1;
	outline: none
}

.btn--diamond:active i, .btn--diamond:focus i {
	border-color: #525252;
	box-shadow: 0px 0px 0px 60px #525252 inset, 0px 0px 0px 60px #ae0000 inset
}

.page--contact {
	text-align: center
}

.rfp {
	color: #161616;
	margin-bottom: -10em;
	position: relative;
	text-align: left;
	z-index: 4
}

.rfp__inner {
	overflow: hidden;
	padding-bottom: 10em;
	pointer-events: none
}

.rfp__inner>* {
	pointer-events: auto
}

.rfp__header {
	color: #f5f5f1;
	padding: 3em 0;
	overflow: hidden;
	position: relative;
	text-align: center
}

@media only screen and (min-width: 47.9375em) {
	.rfp__header {
		padding: 5em 0
	}
}

.rfp__header .wrap {
	position: relative
}

.rfp__title {
	margin-top: 0;
	text-transform: uppercase;
	letter-spacing: 0;
	margin-bottom: 0;
	overflow: hidden;
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	opacity: 0;
	font-size: 72px;
	font-size: 3.6rem
}

@media only screen and (min-width: 47.9375em) {
	.rfp__title {
		font-size: 114px;
		font-size: 5.7rem
	}
}

@keyframes animate-contact-title {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.rfp__title:after {
	background: radial-gradient(rgba(174, 0, 0, 0) 8%, #ae0000 20%, #ae0000);
	content: '';
	position: absolute;
	height: 1100%;
	width: 110%;
	left: -5%;
	top: -500%;
	pointer-events: none;
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

@keyframes animate-contact-title-gradient {
	0% {
		transform: scale(1, 1)
	}
	100% {
		transform: scale(15, 1)
	}
}

.page-loaded .rfp__title {
	opacity: 1;
	animation: animate-contact-title .5s .5s both
}

.page-loaded .rfp__title:after {
	animation: animate-contact-title-gradient 2s .5s both;
	-ms-transform: scale(15, 1);
	transform: scale(15, 1)
}

.rfp__desc {
	font-size: 24px;
	font-size: 1.2rem;
	margin-bottom: 0;
	opacity: 0;
	transition: opacity 1.5s .5s
}

.page-loaded .rfp__desc {
	animation: animate-contact-title 1.5s .5s both
}

.form--contact {
	background: #f5f5f1;
	border-bottom: 2px solid #d8d8d6;
	border-top: 2px solid #d8d8d6;
	opacity: 0;
	position: relative
}

.form--contact .wrap {
	max-width: 1360px;
	position: relative
}

.form--contact .wrap:before {
	background: #d8d8d6;
	bottom: 0;
	content: "";
	display: block;
	left: 50%;
	margin-left: -1px;
	position: absolute;
	top: 0;
	width: 2px
}

@media only screen and (max-width: 47.9375em) {
	.form--contact .wrap:before {
		display: none
	}
}

.form--contact .form__general, .form--contact .form__project {
	display: inline-block;
	padding: 4em 3em 8em 0;
	vertical-align: top;
	width: 50%
}

.form--contact .form__project {
	padding-left: 3em;
	padding-right: 0
}

.form--contact h3 {
	font-size: 24px;
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0 0 2em;
	padding-left: .833333333em;
	text-transform: uppercase
}

.form--contact .form__field-wrap {
	display: inline-block;
	margin-top: 1em;
	padding: 0 1em;
	vertical-align: top;
	width: 50%
}

@media only screen and (max-width: 77.5em) {
	.form--contact .form__general {
		padding-right: 1em
	}
	.form--contact .form__project {
		padding-left: 1em
	}
}

@media only screen and (max-width: 53.75em) {
	.form--contact .form__general, .form--contact .form__project {
		padding-bottom: 6em
	}
	.form--contact .form__general {
		padding-right: 1em
	}
	.form--contact .form__project {
		padding-left: 1em
	}
	.form--contact .form__field-wrap {
		padding: 0 .5em
	}
}

@media only screen and (max-width: 47.9375em) {
	.form--contact .form__general, .form--contact .form__project {
		display: block;
		padding: 1em 0;
		width: 100%
	}
	.form--contact .form__general {
		padding-top: 3em
	}
	.form--contact .form__project {
		padding-bottom: 8em
	}
}

@media only screen and (max-width: 35.5em) {
	.form--contact .form__field-wrap {
		display: block;
		width: 100%
	}
}

.form--contact .form__field__label {
	display: block;
	font-style: italic;
	margin-bottom: .5em;
	text-transform: lowercase
}

.form--contact input, .form--contact textarea {
	background: #f5f5f1;
	border-color: #d8d8d6;
	border-width: 4px;
	max-width: 100%
}

.form--contact input:focus, .form--contact textarea:focus {
	border-color: #b3b3af;
	box-shadow: 0px 4px rgba(216, 216, 214, 0.5) inset
}

.form--contact input:-webkit-autofill, .form--contact textarea:-webkit-autofill {
	box-shadow: inset #f5f5f1 0 100px 0
}

.form--contact .form__field--req {
	position: relative
}

.form--contact .form__field--req .form__field__label {
	display: block;
	overflow: hidden;
	padding-right: 2em;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap
}

.form--contact .form__field--req .form__field__label:after {
	bottom: 0;
	color: #b3b3af;
	content: "Req";
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-style: normal;
	font-size: 20px;
	font-size: 1rem;
	line-height: 1;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-transform: uppercase
}

.form--contact .form__field--req input+.form__field__label:after {
	display: none
}

.form--contact .select {
	font-size: 18px;
	font-size: 0.9rem;
	position: relative
}

.form--contact .select>div {
	background: #f5f5f1;
	border-color: #d8d8d6;
	border-style: solid;
	border-width: 4px;
	cursor: pointer;
	padding: .5em 1em .6666em;
	position: relative;
	transition: all 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.form--contact .select span {
	display: block;
	overflow: hidden;
	max-width: 100%;
	padding-right: 2em;
	text-overflow: ellipsis;
	white-space: nowrap
}

.form--contact .select i {
	height: 1.333333333em;
	margin-top: -.666666666em;
	position: absolute;
	right: .75em;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92);
	width: 1.333333em
}

.form--contact .select i:before, .form--contact .select i:after {
	background: #d8d8d6;
	bottom: 0;
	content: "";
	left: 50%;
	margin-left: -2px;
	position: absolute;
	top: 0;
	width: 4px
}

.form--contact .select i:after {
	bottom: auto;
	height: 4px;
	left: 0;
	margin-left: 0;
	margin-top: -2px;
	right: 0;
	top: 50%;
	width: 100%
}

@media only screen and (max-width: 64em) {
	.form--contact .select>div {
		padding: .5em 1em .625em
	}
	.form--contact .select i {
		height: 1.25em;
		margin-top: -0.625em;
		width: 1.25em
	}
}

.form--contact .select.required--error>div, .form--contact .select.field--error>div {
	border-color: #ae0000
}

.form--contact .select.js--select-active>div {
	border-color: #b3b3af;
	box-shadow: 0px 4px rgba(216, 216, 214, 0.5) inset
}

.form--contact .select.js--select-active i {
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.form--contact .options {
	background: #f5f5f1;
	border: 4px solid #b3b3af;
	box-shadow: 0px 4px rgba(216, 216, 214, 0.5) inset;
	left: 0px;
	list-style: none;
	margin: -4px 0 0;
	max-height: 16.5em;
	opacity: 0;
	overflow: auto;
	padding: 0;
	position: absolute;
	right: 0px;
	top: 100%;
	transition: visibility 0s cubic-bezier(0.875, 0.105, 0.19, 0.92) 0.3s, opacity 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92);
	visibility: hidden;
	z-index: 4
}

.form--contact .options li {
	position: relative
}

.form--contact .options li .form__field--checkbox__label {
	padding-top: 0.5rem;
	padding-bottom: 0.6rem
}

.form--contact .options li .form__field--checkbox__label:before {
	border-width: 0.15rem;
	height: 0.9rem;
	left: 0.5rem;
	top: calc(50% - 0.45rem);
	width: 0.9rem
}

.form--contact .options li .form__field--checkbox__label:after {
	height: 0.3rem;
	left: 0.8rem;
	top: calc(50% - 0.15rem);
	width: 0.3rem
}

@media only screen and (max-width: 64em) {
	.form--contact .options li .form__field--checkbox__label:before {
		height: 0.875rem;
		top: calc(50% - 0.4375rem);
		width: 0.875rem
	}
	.form--contact .options li .form__field--checkbox__label:after {
		height: 0.25rem;
		top: calc(50% - 0.125rem);
		width: 0.25rem
	}
}

.form--contact .options li+li .form__field--checkbox__label {
	box-shadow: 0 2px rgba(216, 216, 214, 0.25) inset
}

.form--contact .options .form__field__label {
	border: 0px solid #d8d8d6;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: .5em 1em .666em;
	text-transform: none;
	transition: all 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.form--contact [data-listener] input[type="text"] {
	margin: 0 5% 5%;
	max-width: 90%
}

.form--contact [data-listener] .form__field__label {
	display: none;
	height: 0;
	padding: 0;
	width: 0
}

.form--contact .js--select-active .options {
	opacity: 1;
	transition-delay: 0s;
	visibility: visible
}

.form--contact .form__field-wrap.full-width {
	display: block;
	width: 100%
}

.form--contact .form__field-wrap.full-width textarea {
	height: 10em
}

.form--contact .option .visuallyhidden, .form--contact .option .site-header:before, .form--contact .option body>footer {
	border-width: 0px;
	opacity: 0
}

.form--contact .option--other {
	position: relative
}

.form--contact .option--other .form__field--checkbox__label {
	transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.form--contact input[name="form__field--budget-text"] {
	background: none;
	border: 0;
	left: 0;
	opacity: 0;
	padding: 0.5rem 0 0.6rem 2.1rem;
	position: absolute;
	top: 0;
	visibility: hidden
}

.form--contact .input--other--show input[name="form__field--budget-text"] {
	opacity: 1;
	visibility: visible
}

.form--contact .input--other--show .form__field--checkbox__label span {
	visibility: hidden
}

@media only screen and (max-width: 64em) {
	line-height: 44px
}

.rfp .btn--diamond {
	color: #161616;
	height: 10em;
	left: 50%;
	margin: -5em 0 0 -5em;
	right: auto;
	top: 100%;
	-ms-transform: translateY(2px);
	transform: translateY(2px);
	width: 10em;
	z-index: 3
}

.rfp .btn--diamond i {
	background: #f5f5f1;
	border: 4px solid #161616;
	box-shadow: 0px 0px 0px 0px #161616 inset, 0px 0px 0px 0px #ae0000 inset
}

.rfp .btn--diamond:hover {
	color: #f5f5f1
}

.rfp .btn--diamond:hover i {
	border-color: #ae0000;
	box-shadow: 0px 0px 0px 0px #161616 inset, 0px 0px 0px 100px #ae0000 inset
}

.rfp .btn--diamond:active, .rfp .btn--diamond:focus {
	color: #f5f5f1;
	outline: none
}

.rfp .btn--diamond:active i, .rfp .btn--diamond:focus i {
	border-color: #161616;
	box-shadow: 0px 0px 0px 100px #161616 inset, 0px 0px 0px 100px #ae0000 inset
}

.rfp .btn--diamond span {
	position: relative
}

.rfp .btn--diamond--disabled, .rfp .btn--diamond--error {
	color: #d8d8d6
}

.rfp .btn--diamond--disabled:before, .rfp .btn--diamond--error:before {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	content: "";
	background: #161616;
	opacity: 0;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .3s ease;
	z-index: 1
}

.rfp .btn--diamond--disabled:after, .rfp .btn--diamond--error:after {
	color: #f5f5f1;
	content: "Please fill in the required fields";
	font-size: 17px;
	font-size: 0.85rem;
	left: 0;
	line-height: 1.17647;
	margin-top: -30px;
	margin-top: 0;
	opacity: 0;
	padding: 9px 10px 11px;
	position: absolute;
	right: 0;
	top: 50%;
	transition: all .3s ease;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2
}

.rfp .btn--diamond--disabled i, .rfp .btn--diamond--error i {
	border-color: #d8d8d6;
	box-shadow: none
}

.rfp .btn--diamond--disabled:hover, .rfp .btn--diamond--error:hover {
	box-shadow: none;
	color: #d8d8d6
}

.rfp .btn--diamond--disabled:hover:before, .rfp .btn--diamond--disabled:hover:after, .rfp .btn--diamond--error:hover:before, .rfp .btn--diamond--error:hover:after {
	opacity: 1
}

.rfp .btn--diamond--disabled:hover i, .rfp .btn--diamond--error:hover i {
	background: #f5f5f1;
	box-shadow: none;
	border-color: #d8d8d6
}

.rfp .btn--diamond--disabled:active, .rfp .btn--diamond--disabled:focus, .rfp .btn--diamond--error:active, .rfp .btn--diamond--error:focus {
	box-shadow: none;
	color: #d8d8d6
}

.rfp .btn--diamond--disabled:active i, .rfp .btn--diamond--disabled:focus i, .rfp .btn--diamond--error:active i, .rfp .btn--diamond--error:focus i {
	background: #f5f5f1;
	border-color: #d8d8d6
}

.rfp .btn--diamond--error:before {
	opacity: 1
}

.rfp .btn--diamond--error:after {
	content: attr(data-error);
	opacity: 1
}

[class^='kr--'] {
	background: #ae0000;
	position: absolute;
	transition: all 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	z-index: 2
}

.kr--top {
	bottom: 0;
	height: 12px;
	margin-left: -1px;
	left: 50%;
	width: 2px
}

.kr--left, .kr--right {
	height: 2px;
	margin-top: 1px;
	right: 50%;
	top: 100%;
	width: 12px
}

.kr--right {
	left: 50%;
	right: auto
}

@media only screen and (min-width: 47.9375em) {
	.no-touch.csstransitions .btn--diamond:not([disabled]):hover~ .kr--top {
		height: 100%
	}
}

.no-touch.csstransitions .btn--diamond:not([disabled]):hover~ .kr--left {
	width: 50%
}

.no-touch.csstransitions .btn--diamond:not([disabled]):hover~ .kr--right {
	width: 50%
}

.no-touch.csstransitions .btn--diamond:not([disabled]):active~ [class^='kr--'] {
	background: #161616
}

.page-loaded .vcard, .page-loaded .contact__cta, .page-loaded .contact__newsletter {
	visibility: visible
}

.page-loaded .vcard--nyc {
	animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0s 1 backwards
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(1) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.5s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(2) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.53s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(3) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.56s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(4) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.59s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(5) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.62s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(6) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.65s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(7) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.68s 1 both
}

.page-loaded .vcard--london {
	animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.2s 1 backwards
}

.page-loaded .vcard--london .office-icon__name path:nth-child(1) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.7s 1 both
}

.page-loaded .vcard--london .office-icon__name path:nth-child(2) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.73s 1 both
}

.page-loaded .vcard--london .office-icon__name path:nth-child(3) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.76s 1 both
}

.page-loaded .vcard--london .office-icon__name path:nth-child(4) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.79s 1 both
}

.page-loaded .vcard--london .office-icon__name path:nth-child(5) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.82s 1 both
}

.page-loaded .vcard--london .office-icon__name path:nth-child(6) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.85s 1 both
}

.page-loaded .vcard--los-angeles {
	animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.4s 1 backwards
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(1) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.9s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(2) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.93s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(3) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.96s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(4) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.99s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(5) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.02s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(6) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.05s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(7) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.08s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(8) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.11s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(9) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.14s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(10) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.17s 1 both
}

.page-loaded .vcard--chicago {
	animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.6s 1 backwards
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(1) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.1s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(2) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.13s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(3) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.16s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(4) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.19s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(5) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.22s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(6) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.25s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(7) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.28s 1 both
}

.page-loaded .contact__newsletter {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.5s 1 both;
	visibility: visible
}

.page-loaded .contact__top {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.7s 1 both
}

.page-loaded .page--contact__offices>span>span {
	width: 100%
}

.page-loaded .page--contact__offices>div {
	visibility: visible
}

.page-loaded .page--contact__offices>div:nth-child(2) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.9s 1 both
}

.page-loaded .page--contact__offices>div:nth-child(3) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.85s 1 both
}

.page-loaded .page--contact__offices>div:nth-child(4) {
	animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.95s 1 both
}

.page-loaded .page--contact .content h1, .page-loaded .page--contact .content form {
	visibility: visible
}

.page-loaded .page--contact .content h1 {
	animation: simpleFadeAndDown 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.6s 1 both
}

.ie9 .page-loaded .page--contact .content h1 {
	opacity: 1
}

.page-loaded .page--contact .content form {
	animation: simpleFadeAndDown 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.45s 1 both
}

.ie9 .page-loaded .page--contact .content form {
	opacity: 1
}

.loading-from-contact .vcard, .loading-from-contact .form--newsletter, .loading-from-contact .contact__cta, .loading-from-contact .contact__newsletter, .loading-from-contact .contact__newsletter .wrap>h2 {
	visibility: visible
}

@media only screen and (max-width: 62.5em) {
	.contact__newsletter .wrap>div {
		padding-right: 0
	}
	.contact__newsletter .wrap>form {
		padding-left: 0
	}
}

@media only screen and (max-width: 47.9375em) {
	.page--contact__offices>div {
		display: block;
		padding: 1em 0;
		text-align: center;
		width: 100%
	}
}

.block--thank-you {
	height: 100%;
	left: 0;
	opacity: 0;
	padding: 0;
	position: fixed;
	top: 0;
	transition: visibility .3s ease .3s, opacity .3s ease;
	visibility: hidden;
	width: 100%;
	z-index: 100
}

.block--thank-you:before {
	content: "";
	display: inline-block;
	height: 100%;
	margin-left: -1px;
	vertical-align: middle;
	width: 1px
}

.block--thank-you .block__inner {
	display: inline-block;
	padding: 1em;
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition: transform .3s ease .05s;
	vertical-align: middle
}

.show-thank-you .block--thank-you .block__inner {
	-ms-transform: scale(1);
	transform: scale(1)
}

.block--thank-you .close {
	font-size: 36px;
	font-size: 1.8rem;
	font-weight: bold;
	position: absolute;
	right: .5em;
	top: .5em;
	text-transform: uppercase
}

@media only screen and (min-width: 50.0625em) {
	.block--thank-you .block__title {
		font-size: 96px;
		font-size: 4.8rem
	}
}

.show-thank-you .block--thank-you {
	opacity: 1;
	transition-delay: 0s, 0s;
	visibility: visible
}

.form__item--hidden {
	width: 1px !important;
	border: 0 !important;
	padding: 0 !important
}

.page--404 {
	text-align: center
}

.page--404 .content {
	padding-top: 4em
}

.page--404 .mega {
	margin: 3em auto;
	max-width: 700px
}

@media only screen and (max-width: 47.9375em) {
	.page--404 .mega {
		margin: 1em auto 0
	}
}

body.press .hero__title {
	text-shadow: #605958 3px 3px 0, #ae0000 5px 5px 0
}

@media only screen and (max-width: 47.9375em) {
	body.press .hero__title {
		text-shadow: #605958 2px 2px 0, #ae0000 4px 4px 0
	}
}

.lte9 body.press .hero__title:before {
	color: #605958
}

.press-items {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0.5em 0;
	width: 100%;
	opacity: 0;
	transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

@media only screen and (max-width: 47.9375em) {
	.press-items {
		padding: 0
	}
}

.no-flexbox .press-items {
	display: block;
	overflow: hidden;
	text-align: left
}

.no-js .press-items, .js.wf-active .press-items, .js.wf-inactive .press-items {
	opacity: 1
}

.press__item {
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	min-height: 33.333vw;
	position: relative;
	text-shadow: none;
	min-width: 33.333%
}

.press__item:hover {
	cursor: pointer
}

@media only screen and (min-width: 100em) {
	.press__item {
		min-height: 25vw;
		min-width: 25%
	}
}

@media only screen and (max-width: 69.9375em) {
	.press__item {
		min-height: 50vw;
		min-width: 50%
	}
}

@media only screen and (max-width: 47.9375em) {
	.press__item {
		min-height: 0;
		min-width: 100%;
		display: block
	}
}

.no-touch .press__item:after {
	background: rgba(245, 245, 241, 0.001);
	box-sizing: border-box;
	content: '';
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: background 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 100%
}

.no-touch .press__item:hover:after, .no-touch .press__item:focus:after, .no-touch .press__item:active:after {
	background: rgba(245, 245, 241, 0.15)
}

.no-touch .press__item:hover .press__topic, .no-touch .press__item:hover .press__item__author, .no-touch .press__item:focus .press__topic, .no-touch .press__item:focus .press__item__author, .no-touch .press__item:active .press__topic, .no-touch .press__item:active .press__item__author {
	opacity: 1
}

.no-touch .press__item:active .press__item__wrap {
	-ms-transform: scale(0.95);
	transform: scale(0.95)
}

.no-flexbox .press__item {
	display: inline-block;
	vertical-align: top;
	min-width: 0;
	max-width: none;
	width: 33.333%
}

.no-flexbox .press__item:before {
	background: inherit;
	content: '';
	height: 500%;
	top: 100%;
	width: 100%;
	position: absolute
}

.no-flexbox .press__item:after {
	height: 600%
}

@media only screen and (min-width: 100em) {
	.no-flexbox .press__item {
		width: 25%
	}
}

@media only screen and (max-width: 69.9375em) {
	.no-flexbox .press__item {
		width: 50%
	}
}

@media only screen and (max-width: 47.9375em) {
	.no-flexbox .press__item {
		width: 100%
	}
}

.press__item__to-show {
	padding: 3.5rem 0 5rem;
	display: block;
	width: 100%;
	position: relative
}

@media only screen and (max-width: 31.25em) {
	.press__item__to-show {
		padding: 2rem 1rem 3rem
	}
}

.no-flexbox .press__item__to-show {
	padding-top: 3rem;
	display: block
}

.press__item__wrap {
	margin: 0 auto;
	padding: 0 1.75rem;
	max-width: 23.5rem;
	text-align: left;
	transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

@media only screen and (max-width: 64em) {
	.press__item__wrap {
		max-width: 25rem
	}
}

@media only screen and (max-width: 47.9375em) {
	.press__item__wrap {
		height: auto !important
	}
}

@media only screen and (max-width: 31.25em) {
	.press__item__wrap {
		max-width: none;
		padding: 0;
		width: 100%
	}
}

@media only screen and (min-width: 31.3125em) {
	.js.no-touch.cssanimations .press__item.cs__reveal .press__item__to-show {
		opacity: 0;
		-ms-transform: translateY(-0.5em);
		transform: translateY(-0.5em);
		transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
	}
}

@media only screen and (min-width: 48em) and (max-width: 69.9375em) {
	.js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(2n) .press__item__to-show {
		transition-delay: 100ms
	}
}

@media only screen and (min-width: 70em) and (max-width: 99.9375em) {
	.js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(3n-1) .press__item__to-show {
		transition-delay: 100ms
	}
	.js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(3n) .press__item__to-show {
		transition-delay: 200ms
	}
}

@media only screen and (min-width: 100em) {
	.js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(4n-2) .press__item__to-show {
		transition-delay: 100ms
	}
	.js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(4n-1) .press__item__to-show {
		transition-delay: 200ms
	}
	.js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(4n) .press__item__to-show {
		transition-delay: 300ms
	}
}

@media only screen and (min-width: 31.3125em) {
	.js.no-touch.cssanimations.wf-active .press__item.cs__reveal.js--show .press__item__to-show, .js.no-touch.cssanimations.wf-inactive .press__item.cs__reveal.js--show .press__item__to-show {
		opacity: 1;
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.press__item--light, .press__item--rameet {
	color: #161616 !important
}

.press__item--color {
	color: #f5f5f1 !important
}

.press__item--fueled {
	color: #f5f5f1 !important
}

.press__item--collective {
	color: #f5f5f1 !important
}

.press__item--color {
	background-color: #525252
}

.press__item--light {
	background-color: #f5f5f1
}

.press__item--rameet {
	background-color: #f5f5f1
}

.press__item--fueled {
	background-color: #ae0000
}

.press__item--collective {
	background-color: #161616
}

.press__item--afterlight {
	background-color: #343d45
}

.press__item--athleteminder {
	background-color: #F69831
}

.press__item--barneys-new-york {
	background-color: #2f2a2b
}

.press__item--cameo {
	background-color: #f8685b
}

.press__item--chatous {
	background-color: #4B67D3
}

.press__item--chatwala {
	background-color: #db013f
}

.press__item--chopping-block {
	background-color: #ef602f
}

.press__item--citibike {
	background-color: #009ddc
}

.press__item--cleancube {
	background-color: #262626
}

.press__item--coinsetter {
	background-color: #f9ac2f
}

.press__item--definer {
	background-color: #282a2d
}

.press__item--elevatr {
	background-color: #00b0cc
}

.press__item--fashism {
	background-color: #000000
}

.press__item--glamour {
	background-color: #000000
}

.press__item--happify {
	background-color: #f77a3d
}

.press__item--humin {
	background-color: #f5f5f1
}

.press__item--inlist {
	background-color: #DFBA69
}

.press__item--jack-threads {
	background-color: #808080
}

.press__item--keyme {
	background-color: #f7b512
}

.press__item--lovematically {
	background-color: #26b0ab
}

.press__item--ncla-los-angeles {
	background-color: #ec008c
}

.press__item--porsche {
	background-color: #c6a66f
}

.press__item--quad {
	background-color: #3d93e8
}

.press__item--quizup {
	background-color: #fb424a
}

.press__item--sunnycomb {
	background-color: #27a9d7
}

.press__item--urban-daddy {
	background-color: #000000
}

.press__item--weride {
	background-color: #F25229
}

.press__item__title {
	margin: 0 0 1em;
	min-height: 3.25em;
	font-size: 20px;
	font-size: 1rem
}

@media only screen and (max-width: 47.9375em) {
	.press__item__title {
		display: block
	}
}

@media only screen and (max-width: 31.25em) {
	.press__item__title {
		max-width: 18.75em;
		min-height: 0
	}
}

.press__item__logo {
	max-width: 100%;
	display: block;
	width: auto;
	height: auto;
	margin: auto 0
}

.press__item__quote {
	margin: 0
}

.press__item__copy {
	font-size: 44px;
	font-size: 2.2rem;
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;
	line-height: 1;
	margin: 0.5em auto 0.25em;
	text-transform: uppercase
}

@media only screen and (max-width: 64em) {
	.press__item__copy {
		font-size: 50px;
		font-size: 2.5rem
	}
}

@media only screen and (max-width: 48em) {
	.press__item__copy {
		font-size: 40px;
		font-size: 2rem
	}
}

@media only screen and (max-width: 31.25em) {
	.press__item__copy {
		font-size: 34px;
		font-size: 1.7rem
	}
}

.press__item__copy--indented-small {
	text-indent: -3px
}

.press__item__copy--indented-medium {
	text-indent: -6px
}

.press__item__copy--indented-large {
	text-indent: -9px
}

.press__item__author {
	font-style: normal;
	opacity: 0.5;
	transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.press__topic {
	position: absolute;
	bottom: 0;
	right: 1.25rem;
	bottom: 1.25rem;
	opacity: 0.5;
	transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
	height: 4.25rem
}

.press__item--fueled .press__topic {
	opacity: 1
}

@media only screen and (max-width: 64em) {
	.press__topic {
		height: 3.75rem;
		right: 1rem;
		bottom: 1rem
	}
}

@media only screen and (max-width: 31.25em) {
	.press__topic {
		height: 3rem;
		bottom: 0.5rem;
		right: 0.5rem
	}
}

#page {
	min-height: 100vh;
	position: relative
}

#page:before, #page:after {
	background: transparent;
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 10px;
	z-index: 8
}

#page:after {
	left: auto;
	right: 0
}

@media only screen and (max-width: 47.9375em) {
	#page:before, #page:after {
		display: none
	}
}

.main {
	position: relative;
	z-index: 3
}

.page-wrap {
	padding-top: 56px;
	top: 0
}

.loading-in-progress #page>.page-wrap {
	position: relative;
	z-index: 2
}

.loading-blur #page {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7
}

@-moz-document url-prefix() {
	.loading-in-progress #page {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1
	}
}

.main-wrap, .main-wrap--core-team, .main-wrap--simple {
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 2000px;
	width: 100%;
	z-index: 7
}

.main-wrap--core-team {
	position: relative
}

.main-wrap--core-team .js--animate {
	transition: margin 0.9s cubic-bezier(1, 0, 0, 1)
}

.main-wrap--core-team.main-wrap--project {
	top: 0
}

.main-wrap--simple {
	bottom: 0;
	top: 0
}

.main-wrap--jobs {
	left: 0;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.main-wrap--jobs.js--animate {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

h1 {
	margin: 0
}

.js--animate {
	transition: all 0.9s cubic-bezier(1, 0, 0, 1)
}

.js--animate-other {
	transition: top 0.9s cubic-bezier(1, 0, 0, 1)
}

.page--about.js--animate {
	transition: top 0.9s cubic-bezier(1, 0, 0, 1)
}

.page-wrap--out {
	animation: remove_page 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0s 1 both;
	overflow: hidden
}

.main-wrap--inner-page {
	animation: add_page 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0.3s 1 both;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	position: absolute;
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-ms-transform-origin: 50% 435px;
	transform-origin: 50% 435px
}

.loading-from-left .page-wrap--out {
	animation: remove_page_left 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0s 1 both
}

.loading-from-left .main-wrap--inner-page {
	animation: add_page_left 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0.3s 1 both
}

.main-wrap--home {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1
}

.main-wrap--home .page-wrap {
	padding-bottom: 56px;
	padding-top: 0px
}

.site-content-wrap {
	position: relative
}

.page--generic .content {
	margin: 0 auto;
	max-width: 800px
}

.page--generic h1 {
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 60px;
	font-size: 3rem;
	margin: 0 0 48px;
	padding-bottom: 56px;
	position: relative;
	text-align: center;
	text-transform: uppercase
}

.page--generic h1:after {
	background: #ae0000;
	bottom: 0;
	content: "";
	height: 8px;
	left: 50%;
	margin-left: -30px;
	position: absolute;
	width: 60px
}

.page--generic figure {
	background: #161616;
	background: rgba(22, 22, 22, 0.6);
	display: block;
	margin: 1em auto;
	max-width: 80%;
	padding: 1em;
	text-align: center
}

.page--generic figure img {
	display: block;
	margin: 0 auto
}

.page--generic figure figcaption {
	margin-top: 1em;
	text-align: center
}

.loading {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	visibility: hidden;
	width: 100%;
	z-index: 100
}

.loading__element {
	background: #ae0000;
	left: 50%;
	margin: -90% 0 0 -90%;
	padding-top: 180%;
	position: fixed;
	top: 50%;
	-ms-transform: rotate(45deg) scale(0);
	transform: rotate(45deg) scale(0);
	transition: all 0.35s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 180%
}

@media (max-aspect-ratio: 8 / 10) {
	.loading__element {
		margin: -180% 0 0 -180%;
		padding-top: 360%;
		width: 360%
	}
}

.loading__text {
	color: #f5f5f1;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	left: 0;
	letter-spacing: .4em;
	margin-top: -224px;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 50%;
	transition: all 0.35s cubic-bezier(0.625, 0.125, 0.305, 0.875);
	-ms-transform: scale(0);
	transform: scale(0);
	width: 100%
}

.loading__text img, .loading__text svg {
	height: 448px;
	width: 448px
}

.show-loading .loading {
	visibility: visible
}

.show-loading .loading__element {
	-ms-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1)
}

.show-loading .loading__text {
	opacity: 1;
	-ms-transform: scale(1);
	transform: scale(1)
}

.hide-loading .loading__element {
	-ms-transform: rotate(45deg) scale(0);
	transform: rotate(45deg) scale(0)
}

.hide-loading .loading__text {
	opacity: 0;
	-ms-transform: scale(0);
	transform: scale(0)
}

.page--ie {
	background: url(../images/ie/bg.jpg) repeat;
	min-width: 960px
}

.page--ie:before, .page--ie:after {
	display: none
}

.page--ie #page:before, .page--ie #page:after {
	display: none
}

.page--ie .page-wrap {
	padding-top: 0
}

.page--ie p {
	font-size: 24px;
	font-size: 1.2rem;
	margin: 1em auto 0;
	max-width: 480px
}

.main--ie {
	background: url(../images/ie/steve.png) no-repeat left bottom
}

.main--ie__inner {
	background: url(../images/ie/gomez.png) no-repeat right bottom
}

.content--ie {
	margin: 0 auto;
	max-width: 780px;
	padding: 120px 20px;
	text-align: center
}

.logo--ie {
	display: block;
	margin: 0 auto 4em;
	max-width: 100%;
	width: 178px
}

.logo--ie img {
	display: block
}

.img--well--ie {
	display: block;
	margin: 4em auto 3.5em
}

.callout--ie {
	margin: 0 auto;
	padding-top: 4em;
	width: 100%
}

.callout--ie>.media {
	float: left;
	text-align: center;
	width: 220px
}

.callout--ie>.media+.media {
	margin-left: 40px
}

.callout--ie img {
	display: block;
	margin: 0 auto 2em;
	text-align: center
}

.callout--ie .btn {
	border-color: #820000;
	border-style: solid;
	border-width: 0 0 2px;
	box-shadow: none;
	display: block;
	font-size: 16px;
	font-size: 0.8rem;
	font-weight: 600;
	padding-bottom: 1.2em;
	padding-top: 1em
}

.callout--ie .btn:hover {
	border-color: #972424
}

.callout--ie .btn:active, .callout--ie .btn:focus {
	border-color: #3d3d3d;
	border-width: 2px 0 0
}

.callout--ie .media:hover .btn {
	background: #ca3131;
	border-color: #972424;
	color: #f5f5f1
}

.callout--ie .media:active .btn, .callout--ie .media:focus .btn {
	background: #525252;
	border-color: #3d3d3d;
	border-width: 2px 0 0;
	color: #f5f5f1
}

.site-footer {
	bottom: 0.5em;
	left: 0;
	font-size: 14px;
	font-size: 0.7rem;
	font-weight: bold;
	letter-spacing: .1em;
	min-height: 2.1875rem;
	padding: 0 1em 1em;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 100%
}

@media only screen and (min-width: 64em) {
	.site-footer {
		min-height: 1.75rem
	}
}

.site-footer a {
	color: #f5f5f1;
	padding: 0.0625rem 0.25rem
}

@media only screen and (min-width: 64em) {
	.site-footer a {
		padding: 0.15rem 0.3rem 0.2rem
	}
}

.site-footer a:hover, .site-footer a:focus, .site-footer a:active {
	color: #ae0000
}

.site-footer a:active {
	color: #525252
}

.footer__cities .site-footer a {
	line-height: 1.1;
	padding-bottom: 0
}

.footer__cities a, .footer__colophon__copy, .footer__colophon__contact {
	display: inline-block;
	vertical-align: middle
}

.footer__cities {
	margin-bottom: 0.5rem;
	text-align: center
}

.footer__colophon__copy {
	margin-right: 0.3125rem
}

.footer__colophon__name a {
	padding-left: 0
}

@media only screen and (min-width: 47.9375em) {
	.footer__colophon, .footer__colophon__contact, .footer__colophon__copy {
		position: absolute;
		top: 0
	}
	.footer__colophon {
		left: 0;
		margin-bottom: 0;
		width: 100%
	}
	.footer__colophon__copy {
		left: 2em
	}
	.footer__colophon__contact {
		right: 2em
	}
}

.page--has-villain {
	background: #161616;
	position: relative;
	z-index: 2
}

@media only screen and (min-width: 48em) {
	.page--has-villain {
		margin-bottom: 18.75rem
	}
}

@media only screen and (min-width: 64em) {
	.page--has-villain {
		margin-bottom: 17rem
	}
}

@media only screen and (min-width: 87.5em) and (min-height: 56.25em) {
	.page--has-villain {
		margin-bottom: 21rem
	}
}

.villain {
	background: #ae0000;
	color: #f5f5f1;
	position: relative;
	width: 100%;
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.villain {
		bottom: 0;
		display: table;
		height: 18.75rem;
		left: 0;
		position: fixed
	}
	.villain:before {
		content: '';
		display: table-cell;
		height: 18.75rem;
		vertical-align: middle
	}
	@supports (display: flex) {
		.villain {
			display: -ms-flexbox;
			display: flex
		}
		.villain:before {
			display: none
		}
	}
}

@media only screen and (min-width: 64em) {
	.villain, .villain:before {
		height: 17rem
	}
}

@media only screen and (min-width: 87.5em) and (min-height: 56.25em) {
	.villain, .villain:before {
		height: 21rem
	}
}

.villain__link {
	font-size: 48px;
	font-size: 2.4rem;
	background: #ae0000;
	color: inherit;
	display: block;
	font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1;
	padding: 5.5rem 0.5rem 6.5rem;
	text-align: center;
	text-transform: uppercase
}

.villain__link:before {
	background: #ae0000;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity 250ms 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), background 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
	width: 100%
}

@media only screen and (min-width: 48em) {
	.villain__link {
		font-size: 64px;
		font-size: 3.2rem;
		display: table-cell;
		padding-top: 0.5rem;
		padding-bottom: 1.5rem;
		vertical-align: middle
	}
	@supports (display: flex) {
		.villain__link {
			display: block;
			margin: auto;
			width: 100%
		}
	}
}

@media only screen and (min-width: 87.5em) and (min-height: 56.25em) {
	.villain__link {
		padding-bottom: 1rem
	}
}

.villain__link:hover, .villain__link:focus, .villain__link:active {
	color: inherit
}

.villain__link:hover:before, .villain__link:focus:before {
	background: #161616
}

.villain__link:active:before {
	background: #232323
}

.js--page-hit-bottom .villain__link:before {
	opacity: 1
}

.villain__label {
	display: inline-block;
	margin: 0;
	padding: 0 0.75em
}

.villain__label:before {
	box-sizing: border-box;
	padding: inherit;
	width: 100%
}

@media only screen and (min-width: 48em) {
	.villain__label {
		opacity: 0;
		-ms-transform: scale(0.98) translateY(1%);
		transform: scale(0.98) translateY(1%);
		transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
	}
	.js--page-hit-bottom .villain__label, .touch .villain__label {
		opacity: 1;
		-ms-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}
	.js--page-hit-bottom .villain__link:hover .villain__label, .js--page-hit-bottom .villain__link:focus .villain__label {
		-ms-transform: scale(1) translate(-0.375em, 0);
		transform: scale(1) translate(-0.375em, 0)
	}
	.js--page-hit-bottom .villain__link:active .villain__label, .js--page-hit-bottom .villain__link:active .villain__label {
		-ms-transform: scale(1) translate(-0.5em, 0);
		transform: scale(1) translate(-0.5em, 0)
	}
}

.villain__arrow {
	display: none
}

@media only screen and (min-width: 48em) {
	.villain__arrow {
		display: block;
		font-size: 0.6em;
		font-weight: 500;
		margin-top: -0.55em;
		opacity: 0;
		position: absolute;
		right: 0;
		top: 50%;
		-ms-transform: translateX(-0.75em);
		transform: translateX(-0.75em);
		transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
		width: 1em
	}
	.villain__arrow:before {
		width: 100%
	}
	.js--page-hit-bottom .villain__link:hover .villain__arrow, .js--page-hit-bottom .villain__link:focus .villain__arrow {
		opacity: 1;
		-ms-transform: none;
		transform: none
	}
	.js--page-hit-bottom .villain__link:active .villain__arrow {
		-ms-transform: translate(0.325em, 0);
		transform: translate(0.325em, 0)
	}
}

.villain .site-footer a:hover, .villain .site-footer a:focus, .villain .site-footer a:active {
	color: #232323
}

.villain .footer__cities {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.square-yards{font-family: 'Russo One', sans-serif;}
.opennaukri{font-family: 'Hammersmith One', sans-serif;}
.sendr{font-family: 'Righteous', cursive;}
.zaahib{font-family: 'Shrikhand', cursive;}
.haraj-lifestyle{font-family: 'Black Ops One', cursive;}

.other-projects{font-family: 'Revalia', cursive;}




/* Mobile media screen */
@media only screen and (max-width: 47.9375em) {
.site-title {width: 156px; float: right;}
}


/* Mobile media screen 320 */
@media only screen and (min-width: 22.5em) {}

/* tabe media screen  768*/
@media only screen and (min-width: 45em) {}


/* tabe -- media screen */
@media only screen and (min-width: 60em) {}






/* tabe -- media screen */
@media only screen and (min-width: 1208px) {
.new-project__info{width: calc(78% - 64.18966vh) !important;}

}


/* +++++++++++++++++++++++ ++++++++++++++++++++++++++++++ */