@charset "UTF-8";

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

audio, canvas, video
{
	display: inline-block
}

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

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

body
{
	margin: 0
}

a:focus
{
	outline: thin dotted
}

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

h1
{
	font-size: 2em
}

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

b, strong
{
	font-weight: bold
}

dfn
{
	font-style: italic
}

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

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

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

q
{
	quotes: "\201C" "\201D" "\2018" "\2019"
}

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
}

img
{
	border: 0
}

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

figure
{
	margin: 0
}

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

legend
{
	border: 0;
	padding: 0
}

button, input, select, textarea
{
	font-family: inherit;
	font-size: 100%;
	margin: 0
}

button, input
{
	line-height: normal
}

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

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

input[type="checkbox"], input[type="radio"]
{
	box-sizing: border-box;
	padding: 0
}

input[type="search"]
{
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	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
}

html, body
{
	width: 100%;
	margin: 0;
	padding: 0
}

*, *:before, *:after
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
::-moz-selection {
background:rgba(0,0,0,0.5);
text-shadow:none
}

::selection
{
	background: rgba(0,0,0,0.5);
	text-shadow: none
}

html, button, input, select, textarea
{
	color: #222
}

html
{
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased
}

img
{
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	position: relative;
	display: block
}

fieldset
{
	border: 0;
	margin: 0;
	padding: 0
}

textarea
{
	resize: vertical
}

.wrapper
{
	width: 100%;
	margin: 0 auto;
	overflow-x: hidden
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.wrapper
{
	padding-bottom: 7.5%
}
}

.contain
{
	width: 85%;
	max-width: 1280px;
	margin: 0 auto;
	overflow-x: hidden
}

.today .contain
{
	width: 100%
}

.grid, .articles article
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: -3.5em;
*zoom:1;
	letter-spacing: -0.31em
}

.grid:before, .articles article:before, .grid:after, .articles article:after
{
	content: " ";
	display: table
}

.grid:after, .articles article:after
{
	clear: both
}
.opera:-o-prefocus, .grid, .articles article {
word-spacing:-0.43em
}

.grid__item, .today .block, .work .work-list .item, .articles article .info, .articles article .text
{
	float: left;
	display: inline-block;
	padding-left: 3.5em;
	vertical-align: top;
	width: 100%;
	letter-spacing: normal;
	word-spacing: normal
}

.grid--rev
{
	direction: rtl;
	text-align: left
}

.grid--rev>.grid__item, .today .grid--rev>.block, .work .work-list .grid--rev>.item, .articles article .grid--rev>.info, .articles article .grid--rev>.text
{
	direction: ltr;
	text-align: left;
	float: right
}

.grid--full
{
	margin-left: 0
}

.grid--full>.grid__item, .today .grid--full>.block, .work .work-list .grid--full>.item, .articles article .grid--full>.info, .articles article .grid--full>.text
{
	padding-left: 0
}

.grid--right
{
	text-align: right
}

.grid--right>.grid__item, .today .grid--right>.block, .work .work-list .grid--right>.item, .articles article .grid--right>.info, .articles article .grid--right>.text
{
	text-align: left;
	float: none
}

.grid--center
{
	text-align: center
}

.grid--center>.grid__item, .today .grid--center>.block, .work .work-list .grid--center>.item, .articles article .grid--center>.info, .articles article .grid--center>.text
{
	text-align: left
}

.grid--middle>.grid__item, .today .grid--middle>.block, .work .work-list .grid--middle>.item, .articles article .grid--middle>.info, .articles article .grid--middle>.text
{
	vertical-align: middle
}

.grid--bottom>.grid__item, .today .grid--bottom>.block, .work .work-list .grid--bottom>.item, .articles article .grid--bottom>.info, .articles article .grid--bottom>.text
{
	vertical-align: bottom
}

.grid--narrow
{
	margin-left: -1.75em
}

.grid--narrow>.grid__item, .today .grid--narrow>.block, .work .work-list .grid--narrow>.item, .articles article .grid--narrow>.info, .articles article .grid--narrow>.text
{
	padding-left: 1.75em
}

.grid--wide
{
	margin-left: -7em
}

.grid--wide>.grid__item, .today .grid--wide>.block, .work .work-list .grid--wide>.item, .articles article .grid--wide>.info, .articles article .grid--wide>.text
{
	padding-left: 7em
}

.one-whole
{
	width: 100%
}

.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths
{
	width: 50%
}

.one-third, .two-sixths, .four-twelfths
{
	width: 33.333333333%
}

.two-thirds, .four-sixths, .eight-twelfths
{
	width: 66.666666666%
}

.one-quarter, .two-eighths, .three-twelfths
{
	width: 25%
}

.three-quarters, .six-eighths, .nine-twelfths
{
	width: 75%
}

.one-fifth, .two-tenths
{
	width: 20%
}

.two-fifths, .four-tenths
{
	width: 40%
}

.three-fifths, .six-tenths
{
	width: 60%
}

.four-fifths, .eight-tenths
{
	width: 80%
}

.one-sixth, .two-twelfths
{
	width: 16.666666666%
}

.five-sixths, .ten-twelfths
{
	width: 83.333333333%
}

.one-eighth
{
	width: 12.5%
}

.three-eighths
{
	width: 37.5%
}

.five-eighths
{
	width: 62.5%
}

.seven-eighths
{
	width: 87.5%
}

.one-tenth
{
	width: 10%
}

.three-tenths
{
	width: 30%
}

.seven-tenths
{
	width: 70%
}

.nine-tenths
{
	width: 90%
}

.one-twelfth
{
	width: 8.333333333%
}

.five-twelfths
{
	width: 41.66667%
}

.seven-twelfths
{
	width: 58.333333333%
}

.eleven-twelfths
{
	width: 91.666666666%
}
@media only screen and (max-width: 500px) {

.palm--one-whole
{
	width: 100%
}

.palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths
{
	width: 50%
}

.palm--one-third, .palm--two-sixths, .palm--four-twelfths
{
	width: 33.333333333%
}

.palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths
{
	width: 66.666666666%
}

.palm--one-quarter, .palm--two-eighths, .palm--three-twelfths
{
	width: 25%
}

.palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths
{
	width: 75%
}

.palm--one-fifth, .palm--two-tenths
{
	width: 20%
}

.palm--two-fifths, .palm--four-tenths
{
	width: 40%
}

.palm--three-fifths, .palm--six-tenths
{
	width: 60%
}

.palm--four-fifths, .palm--eight-tenths
{
	width: 80%
}

.palm--one-sixth, .palm--two-twelfths
{
	width: 16.666666666%
}

.palm--five-sixths, .palm--ten-twelfths
{
	width: 83.333333333%
}

.palm--one-eighth
{
	width: 12.5%
}

.palm--three-eighths
{
	width: 37.5%
}

.palm--five-eighths
{
	width: 62.5%
}

.palm--seven-eighths
{
	width: 87.5%
}

.palm--one-tenth
{
	width: 10%
}

.palm--three-tenths
{
	width: 30%
}

.palm--seven-tenths
{
	width: 70%
}

.palm--nine-tenths
{
	width: 90%
}

.palm--one-twelfth
{
	width: 8.333333333%
}

.palm--five-twelfths
{
	width: 41.66667%
}

.palm--seven-twelfths
{
	width: 58.333333333%
}

.palm--eleven-twelfths
{
	width: 91.666666666%
}
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.lap_small--one-whole, .today .block.large
{
	width: 100%
}

.lap_small--one-half, .lap_small--two-quarters, .lap_small--three-sixths, .lap_small--four-eighths, .lap_small--five-tenths, .lap_small--six-twelfths, .today .block
{
	width: 50%
}

.lap_small--one-third, .lap_small--two-sixths, .lap_small--four-twelfths
{
	width: 33.333333333%
}

.lap_small--two-thirds, .lap_small--four-sixths, .lap_small--eight-twelfths
{
	width: 66.666666666%
}

.lap_small--one-quarter, .lap_small--two-eighths, .lap_small--three-twelfths
{
	width: 25%
}

.lap_small--three-quarters, .lap_small--six-eighths, .lap_small--nine-twelfths
{
	width: 75%
}

.lap_small--one-fifth, .lap_small--two-tenths
{
	width: 20%
}

.lap_small--two-fifths, .lap_small--four-tenths
{
	width: 40%
}

.lap_small--three-fifths, .lap_small--six-tenths
{
	width: 60%
}

.lap_small--four-fifths, .lap_small--eight-tenths
{
	width: 80%
}

.lap_small--one-sixth, .lap_small--two-twelfths
{
	width: 16.666666666%
}

.lap_small--five-sixths, .lap_small--ten-twelfths
{
	width: 83.333333333%
}

.lap_small--one-eighth
{
	width: 12.5%
}

.lap_small--three-eighths
{
	width: 37.5%
}

.lap_small--five-eighths
{
	width: 62.5%
}

.lap_small--seven-eighths
{
	width: 87.5%
}

.lap_small--one-tenth
{
	width: 10%
}

.lap_small--three-tenths
{
	width: 30%
}

.lap_small--seven-tenths
{
	width: 70%
}

.lap_small--nine-tenths
{
	width: 90%
}

.lap_small--one-twelfth
{
	width: 8.333333333%
}

.lap_small--five-twelfths
{
	width: 41.66667%
}

.lap_small--seven-twelfths
{
	width: 58.333333333%
}

.lap_small--eleven-twelfths
{
	width: 91.666666666%
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.lap--one-whole
{
	width: 100%
}

.lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths, .work .work-list .item
{
	width: 50%
}

.lap--one-third, .lap--two-sixths, .lap--four-twelfths, .today .block, .today .block.large.alt
{
	width: 33.333333333%
}

.lap--two-thirds, .lap--four-sixths, .lap--eight-twelfths, .today .block.large
{
	width: 66.666666666%
}

.lap--one-quarter, .lap--two-eighths, .lap--three-twelfths
{
	width: 25%
}

.lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths
{
	width: 75%
}

.lap--one-fifth, .lap--two-tenths
{
	width: 20%
}

.lap--two-fifths, .lap--four-tenths, .articles article .info
{
	width: 40%
}

.lap--three-fifths, .lap--six-tenths, .articles article .text
{
	width: 60%
}

.lap--four-fifths, .lap--eight-tenths
{
	width: 80%
}

.lap--one-sixth, .lap--two-twelfths
{
	width: 16.666666666%
}

.lap--five-sixths, .lap--ten-twelfths
{
	width: 83.333333333%
}

.lap--one-eighth
{
	width: 12.5%
}

.lap--three-eighths
{
	width: 37.5%
}

.lap--five-eighths
{
	width: 62.5%
}

.lap--seven-eighths
{
	width: 87.5%
}

.lap--one-tenth
{
	width: 10%
}

.lap--three-tenths
{
	width: 30%
}

.lap--seven-tenths
{
	width: 70%
}

.lap--nine-tenths
{
	width: 90%
}

.lap--one-twelfth
{
	width: 8.333333333%
}

.lap--five-twelfths
{
	width: 41.66667%
}

.lap--seven-twelfths
{
	width: 58.333333333%
}

.lap--eleven-twelfths
{
	width: 91.666666666%
}
}
@media only screen and (max-width: 1023px) {

.portable--one-whole
{
	width: 100%
}

.portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths
{
	width: 50%
}

.portable--one-third, .portable--two-sixths, .portable--four-twelfths
{
	width: 33.333333333%
}

.portable--two-thirds, .portable--four-sixths, .portable--eight-twelfths
{
	width: 66.666666666%
}

.portable--one-quarter, .portable--two-eighths, .portable--three-twelfths
{
	width: 25%
}

.portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths
{
	width: 75%
}

.portable--one-fifth, .portable--two-tenths
{
	width: 20%
}

.portable--two-fifths, .portable--four-tenths
{
	width: 40%
}

.portable--three-fifths, .portable--six-tenths
{
	width: 60%
}

.portable--four-fifths, .portable--eight-tenths
{
	width: 80%
}

.portable--one-sixth, .portable--two-twelfths
{
	width: 16.666666666%
}

.portable--five-sixths, .portable--ten-twelfths
{
	width: 83.333333333%
}

.portable--one-eighth
{
	width: 12.5%
}

.portable--three-eighths
{
	width: 37.5%
}

.portable--five-eighths
{
	width: 62.5%
}

.portable--seven-eighths
{
	width: 87.5%
}

.portable--one-tenth
{
	width: 10%
}

.portable--three-tenths
{
	width: 30%
}

.portable--seven-tenths
{
	width: 70%
}

.portable--nine-tenths
{
	width: 90%
}

.portable--one-twelfth
{
	width: 8.333333333%
}

.portable--five-twelfths
{
	width: 41.66667%
}

.portable--seven-twelfths
{
	width: 58.333333333%
}

.portable--eleven-twelfths
{
	width: 91.666666666%
}
}
@media only screen and (min-width: 1024px) {

.desk--one-whole
{
	width: 100%
}

.desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths, .today .block.large, .work .work-list .item
{
	width: 50%
}

.desk--one-third, .desk--two-sixths, .desk--four-twelfths
{
	width: 33.333333333%
}

.desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths
{
	width: 66.666666666%
}

.desk--one-quarter, .desk--two-eighths, .desk--three-twelfths, .today .block
{
	width: 25%
}

.desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths
{
	width: 75%
}

.desk--one-fifth, .desk--two-tenths
{
	width: 20%
}

.desk--two-fifths, .desk--four-tenths, .articles article .info
{
	width: 40%
}

.desk--three-fifths, .desk--six-tenths, .articles article .text
{
	width: 60%
}

.desk--four-fifths, .desk--eight-tenths
{
	width: 80%
}

.desk--one-sixth, .desk--two-twelfths
{
	width: 16.666666666%
}

.desk--five-sixths, .desk--ten-twelfths
{
	width: 83.333333333%
}

.desk--one-eighth
{
	width: 12.5%
}

.desk--three-eighths
{
	width: 37.5%
}

.desk--five-eighths
{
	width: 62.5%
}

.desk--seven-eighths
{
	width: 87.5%
}

.desk--one-tenth
{
	width: 10%
}

.desk--three-tenths
{
	width: 30%
}

.desk--seven-tenths
{
	width: 70%
}

.desk--nine-tenths
{
	width: 90%
}

.desk--one-twelfth
{
	width: 8.333333333%
}

.desk--five-twelfths
{
	width: 41.66667%
}

.desk--seven-twelfths
{
	width: 58.333333333%
}

.desk--eleven-twelfths
{
	width: 91.666666666%
}
}
@media only screen and (min-width: 1200px) {

.desk_big--one-whole
{
	width: 100%
}

.desk_big--one-half, .desk_big--two-quarters, .desk_big--three-sixths, .desk_big--four-eighths, .desk_big--five-tenths, .desk_big--six-twelfths
{
	width: 50%
}

.desk_big--one-third, .desk_big--two-sixths, .desk_big--four-twelfths
{
	width: 33.333333333%
}

.desk_big--two-thirds, .desk_big--four-sixths, .desk_big--eight-twelfths
{
	width: 66.666666666%
}

.desk_big--one-quarter, .desk_big--two-eighths, .desk_big--three-twelfths
{
	width: 25%
}

.desk_big--three-quarters, .desk_big--six-eighths, .desk_big--nine-twelfths
{
	width: 75%
}

.desk_big--one-fifth, .desk_big--two-tenths
{
	width: 20%
}

.desk_big--two-fifths, .desk_big--four-tenths
{
	width: 40%
}

.desk_big--three-fifths, .desk_big--six-tenths
{
	width: 60%
}

.desk_big--four-fifths, .desk_big--eight-tenths
{
	width: 80%
}

.desk_big--one-sixth, .desk_big--two-twelfths
{
	width: 16.666666666%
}

.desk_big--five-sixths, .desk_big--ten-twelfths
{
	width: 83.333333333%
}

.desk_big--one-eighth
{
	width: 12.5%
}

.desk_big--three-eighths
{
	width: 37.5%
}

.desk_big--five-eighths
{
	width: 62.5%
}

.desk_big--seven-eighths
{
	width: 87.5%
}

.desk_big--one-tenth
{
	width: 10%
}

.desk_big--three-tenths
{
	width: 30%
}

.desk_big--seven-tenths
{
	width: 70%
}

.desk_big--nine-tenths
{
	width: 90%
}

.desk_big--one-twelfth
{
	width: 8.333333333%
}

.desk_big--five-twelfths
{
	width: 41.66667%
}

.desk_big--seven-twelfths
{
	width: 58.333333333%
}

.desk_big--eleven-twelfths
{
	width: 91.666666666%
}
}
[class*="push--"] {
position:relative
}

.push--one-whole
{
	left: 100%
}

.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths
{
	left: 50%
}

.push--one-third, .push--two-sixths, .push--four-twelfths
{
	left: 33.333333333%
}

.push--two-thirds, .push--four-sixths, .push--eight-twelfths
{
	left: 66.666666666%
}

.push--one-quarter, .push--two-eighths, .push--three-twelfths
{
	left: 25%
}

.push--three-quarters, .push--six-eighths, .push--nine-twelfths
{
	left: 75%
}

.push--one-fifth, .push--two-tenths
{
	left: 20%
}

.push--two-fifths, .push--four-tenths
{
	left: 40%
}

.push--three-fifths, .push--six-tenths
{
	left: 60%
}

.push--four-fifths, .push--eight-tenths
{
	left: 80%
}

.push--one-sixth, .push--two-twelfths
{
	left: 16.666666666%
}

.push--five-sixths, .push--ten-twelfths
{
	left: 83.333333333%
}

.push--one-eighth
{
	left: 12.5%
}

.push--three-eighths
{
	left: 37.5%
}

.push--five-eighths
{
	left: 62.5%
}

.push--seven-eighths
{
	left: 87.5%
}

.push--one-tenth
{
	left: 10%
}

.push--three-tenths
{
	left: 30%
}

.push--seven-tenths
{
	left: 70%
}

.push--nine-tenths
{
	left: 90%
}

.push--one-twelfth
{
	left: 8.333333333%
}

.push--five-twelfths
{
	left: 41.666666666%
}

.push--seven-twelfths
{
	left: 58.333333333%
}

.push--eleven-twelfths
{
	left: 91.666666666%
}
@media only screen and (max-width: 500px) {

.push--palm--one-whole
{
	left: 100%
}

.push--palm--one-half, .push--palm--two-quarters, .push--palm--three-sixths, .push--palm--four-eighths, .push--palm--five-tenths, .push--palm--six-twelfths
{
	left: 50%
}

.push--palm--one-third, .push--palm--two-sixths, .push--palm--four-twelfths
{
	left: 33.333333333%
}

.push--palm--two-thirds, .push--palm--four-sixths, .push--palm--eight-twelfths
{
	left: 66.666666666%
}

.push--palm--one-quarter, .push--palm--two-eighths, .push--palm--three-twelfths
{
	left: 25%
}

.push--palm--three-quarters, .push--palm--six-eighths, .push--palm--nine-twelfths
{
	left: 75%
}

.push--palm--one-fifth, .push--palm--two-tenths
{
	left: 20%
}

.push--palm--two-fifths, .push--palm--four-tenths
{
	left: 40%
}

.push--palm--three-fifths, .push--palm--six-tenths
{
	left: 60%
}

.push--palm--four-fifths, .push--palm--eight-tenths
{
	left: 80%
}

.push--palm--one-sixth, .push--palm--two-twelfths
{
	left: 16.666666666%
}

.push--palm--five-sixths, .push--palm--ten-twelfths
{
	left: 83.333333333%
}

.push--palm--one-eighth
{
	left: 12.5%
}

.push--palm--three-eighths
{
	left: 37.5%
}

.push--palm--five-eighths
{
	left: 62.5%
}

.push--palm--seven-eighths
{
	left: 87.5%
}

.push--palm--one-tenth
{
	left: 10%
}

.push--palm--three-tenths
{
	left: 30%
}

.push--palm--seven-tenths
{
	left: 70%
}

.push--palm--nine-tenths
{
	left: 90%
}

.push--palm--one-twelfth
{
	left: 8.333333333%
}

.push--palm--five-twelfths
{
	left: 41.666666666%
}

.push--palm--seven-twelfths
{
	left: 58.333333333%
}

.push--palm--eleven-twelfths
{
	left: 91.666666666%
}
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.push--lap_small--one-whole
{
	left: 100%
}

.push--lap_small--one-half, .push--lap_small--two-quarters, .push--lap_small--three-sixths, .push--lap_small--four-eighths, .push--lap_small--five-tenths, .push--lap_small--six-twelfths
{
	left: 50%
}

.push--lap_small--one-third, .push--lap_small--two-sixths, .push--lap_small--four-twelfths
{
	left: 33.333333333%
}

.push--lap_small--two-thirds, .push--lap_small--four-sixths, .push--lap_small--eight-twelfths
{
	left: 66.666666666%
}

.push--lap_small--one-quarter, .push--lap_small--two-eighths, .push--lap_small--three-twelfths
{
	left: 25%
}

.push--lap_small--three-quarters, .push--lap_small--six-eighths, .push--lap_small--nine-twelfths
{
	left: 75%
}

.push--lap_small--one-fifth, .push--lap_small--two-tenths
{
	left: 20%
}

.push--lap_small--two-fifths, .push--lap_small--four-tenths
{
	left: 40%
}

.push--lap_small--three-fifths, .push--lap_small--six-tenths
{
	left: 60%
}

.push--lap_small--four-fifths, .push--lap_small--eight-tenths
{
	left: 80%
}

.push--lap_small--one-sixth, .push--lap_small--two-twelfths
{
	left: 16.666666666%
}

.push--lap_small--five-sixths, .push--lap_small--ten-twelfths
{
	left: 83.333333333%
}

.push--lap_small--one-eighth
{
	left: 12.5%
}

.push--lap_small--three-eighths
{
	left: 37.5%
}

.push--lap_small--five-eighths
{
	left: 62.5%
}

.push--lap_small--seven-eighths
{
	left: 87.5%
}

.push--lap_small--one-tenth
{
	left: 10%
}

.push--lap_small--three-tenths
{
	left: 30%
}

.push--lap_small--seven-tenths
{
	left: 70%
}

.push--lap_small--nine-tenths
{
	left: 90%
}

.push--lap_small--one-twelfth
{
	left: 8.333333333%
}

.push--lap_small--five-twelfths
{
	left: 41.666666666%
}

.push--lap_small--seven-twelfths
{
	left: 58.333333333%
}

.push--lap_small--eleven-twelfths
{
	left: 91.666666666%
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.push--lap--one-whole
{
	left: 100%
}

.push--lap--one-half, .push--lap--two-quarters, .push--lap--three-sixths, .push--lap--four-eighths, .push--lap--five-tenths, .push--lap--six-twelfths
{
	left: 50%
}

.push--lap--one-third, .push--lap--two-sixths, .push--lap--four-twelfths
{
	left: 33.333333333%
}

.push--lap--two-thirds, .push--lap--four-sixths, .push--lap--eight-twelfths
{
	left: 66.666666666%
}

.push--lap--one-quarter, .push--lap--two-eighths, .push--lap--three-twelfths
{
	left: 25%
}

.push--lap--three-quarters, .push--lap--six-eighths, .push--lap--nine-twelfths
{
	left: 75%
}

.push--lap--one-fifth, .push--lap--two-tenths
{
	left: 20%
}

.push--lap--two-fifths, .push--lap--four-tenths
{
	left: 40%
}

.push--lap--three-fifths, .push--lap--six-tenths
{
	left: 60%
}

.push--lap--four-fifths, .push--lap--eight-tenths
{
	left: 80%
}

.push--lap--one-sixth, .push--lap--two-twelfths
{
	left: 16.666666666%
}

.push--lap--five-sixths, .push--lap--ten-twelfths
{
	left: 83.333333333%
}

.push--lap--one-eighth
{
	left: 12.5%
}

.push--lap--three-eighths
{
	left: 37.5%
}

.push--lap--five-eighths
{
	left: 62.5%
}

.push--lap--seven-eighths
{
	left: 87.5%
}

.push--lap--one-tenth
{
	left: 10%
}

.push--lap--three-tenths
{
	left: 30%
}

.push--lap--seven-tenths
{
	left: 70%
}

.push--lap--nine-tenths
{
	left: 90%
}

.push--lap--one-twelfth
{
	left: 8.333333333%
}

.push--lap--five-twelfths
{
	left: 41.666666666%
}

.push--lap--seven-twelfths
{
	left: 58.333333333%
}

.push--lap--eleven-twelfths
{
	left: 91.666666666%
}
}
@media only screen and (max-width: 1023px) {

.push--portable--one-whole
{
	left: 100%
}

.push--portable--one-half, .push--portable--two-quarters, .push--portable--three-sixths, .push--portable--four-eighths, .push--portable--five-tenths, .push--portable--six-twelfths
{
	left: 50%
}

.push--portable--one-third, .push--portable--two-sixths, .push--portable--four-twelfths
{
	left: 33.333333333%
}

.push--portable--two-thirds, .push--portable--four-sixths, .push--portable--eight-twelfths
{
	left: 66.666666666%
}

.push--portable--one-quarter, .push--portable--two-eighths, .push--portable--three-twelfths
{
	left: 25%
}

.push--portable--three-quarters, .push--portable--six-eighths, .push--portable--nine-twelfths
{
	left: 75%
}

.push--portable--one-fifth, .push--portable--two-tenths
{
	left: 20%
}

.push--portable--two-fifths, .push--portable--four-tenths
{
	left: 40%
}

.push--portable--three-fifths, .push--portable--six-tenths
{
	left: 60%
}

.push--portable--four-fifths, .push--portable--eight-tenths
{
	left: 80%
}

.push--portable--one-sixth, .push--portable--two-twelfths
{
	left: 16.666666666%
}

.push--portable--five-sixths, .push--portable--ten-twelfths
{
	left: 83.333333333%
}

.push--portable--one-eighth
{
	left: 12.5%
}

.push--portable--three-eighths
{
	left: 37.5%
}

.push--portable--five-eighths
{
	left: 62.5%
}

.push--portable--seven-eighths
{
	left: 87.5%
}

.push--portable--one-tenth
{
	left: 10%
}

.push--portable--three-tenths
{
	left: 30%
}

.push--portable--seven-tenths
{
	left: 70%
}

.push--portable--nine-tenths
{
	left: 90%
}

.push--portable--one-twelfth
{
	left: 8.333333333%
}

.push--portable--five-twelfths
{
	left: 41.666666666%
}

.push--portable--seven-twelfths
{
	left: 58.333333333%
}

.push--portable--eleven-twelfths
{
	left: 91.666666666%
}
}
@media only screen and (min-width: 1024px) {

.push--desk--one-whole
{
	left: 100%
}

.push--desk--one-half, .push--desk--two-quarters, .push--desk--three-sixths, .push--desk--four-eighths, .push--desk--five-tenths, .push--desk--six-twelfths
{
	left: 50%
}

.push--desk--one-third, .push--desk--two-sixths, .push--desk--four-twelfths
{
	left: 33.333333333%
}

.push--desk--two-thirds, .push--desk--four-sixths, .push--desk--eight-twelfths
{
	left: 66.666666666%
}

.push--desk--one-quarter, .push--desk--two-eighths, .push--desk--three-twelfths
{
	left: 25%
}

.push--desk--three-quarters, .push--desk--six-eighths, .push--desk--nine-twelfths
{
	left: 75%
}

.push--desk--one-fifth, .push--desk--two-tenths
{
	left: 20%
}

.push--desk--two-fifths, .push--desk--four-tenths
{
	left: 40%
}

.push--desk--three-fifths, .push--desk--six-tenths
{
	left: 60%
}

.push--desk--four-fifths, .push--desk--eight-tenths
{
	left: 80%
}

.push--desk--one-sixth, .push--desk--two-twelfths
{
	left: 16.666666666%
}

.push--desk--five-sixths, .push--desk--ten-twelfths
{
	left: 83.333333333%
}

.push--desk--one-eighth
{
	left: 12.5%
}

.push--desk--three-eighths
{
	left: 37.5%
}

.push--desk--five-eighths
{
	left: 62.5%
}

.push--desk--seven-eighths
{
	left: 87.5%
}

.push--desk--one-tenth
{
	left: 10%
}

.push--desk--three-tenths
{
	left: 30%
}

.push--desk--seven-tenths
{
	left: 70%
}

.push--desk--nine-tenths
{
	left: 90%
}

.push--desk--one-twelfth
{
	left: 8.333333333%
}

.push--desk--five-twelfths
{
	left: 41.666666666%
}

.push--desk--seven-twelfths
{
	left: 58.333333333%
}

.push--desk--eleven-twelfths
{
	left: 91.666666666%
}
}
@media only screen and (min-width: 1200px) {

.push--desk_big--one-whole
{
	left: 100%
}

.push--desk_big--one-half, .push--desk_big--two-quarters, .push--desk_big--three-sixths, .push--desk_big--four-eighths, .push--desk_big--five-tenths, .push--desk_big--six-twelfths
{
	left: 50%
}

.push--desk_big--one-third, .push--desk_big--two-sixths, .push--desk_big--four-twelfths
{
	left: 33.333333333%
}

.push--desk_big--two-thirds, .push--desk_big--four-sixths, .push--desk_big--eight-twelfths
{
	left: 66.666666666%
}

.push--desk_big--one-quarter, .push--desk_big--two-eighths, .push--desk_big--three-twelfths
{
	left: 25%
}

.push--desk_big--three-quarters, .push--desk_big--six-eighths, .push--desk_big--nine-twelfths
{
	left: 75%
}

.push--desk_big--one-fifth, .push--desk_big--two-tenths
{
	left: 20%
}

.push--desk_big--two-fifths, .push--desk_big--four-tenths
{
	left: 40%
}

.push--desk_big--three-fifths, .push--desk_big--six-tenths
{
	left: 60%
}

.push--desk_big--four-fifths, .push--desk_big--eight-tenths
{
	left: 80%
}

.push--desk_big--one-sixth, .push--desk_big--two-twelfths
{
	left: 16.666666666%
}

.push--desk_big--five-sixths, .push--desk_big--ten-twelfths
{
	left: 83.333333333%
}

.push--desk_big--one-eighth
{
	left: 12.5%
}

.push--desk_big--three-eighths
{
	left: 37.5%
}

.push--desk_big--five-eighths
{
	left: 62.5%
}

.push--desk_big--seven-eighths
{
	left: 87.5%
}

.push--desk_big--one-tenth
{
	left: 10%
}

.push--desk_big--three-tenths
{
	left: 30%
}

.push--desk_big--seven-tenths
{
	left: 70%
}

.push--desk_big--nine-tenths
{
	left: 90%
}

.push--desk_big--one-twelfth
{
	left: 8.333333333%
}

.push--desk_big--five-twelfths
{
	left: 41.666666666%
}

.push--desk_big--seven-twelfths
{
	left: 58.333333333%
}

.push--desk_big--eleven-twelfths
{
	left: 91.666666666%
}
}

@font-face
{
	font-family: "Entypo";
	src: url("fonts/entypo.eot");
	src: url("fonts/entypo.eot?#iefix") format("embedded-opentype"), url("fonts/entypo.woff#") format("woff"), url("fonts/entypo.ttf#") format("truetype"), url("fonts/entypo.svg#Entypo") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face
{
	font-family: "Entypo Social";
	src: url("fonts/entypo-social.eot");
	src: url("fonts/entypo-social.eot?#iefix") format("embedded-opentype"), url("fonts/entypo-social.woff#") format("woff"), url("fonts/entypo-social.ttf#") format("truetype"), url("fonts/entypo-social.svg#Entypo Social") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face
{
	font-family: "Social Icons";
	src: url("fonts/icons-social.eot");
	src: url("fonts/icons-social.eot?#iefix") format("embedded-opentype"), url("fonts/icons-social.woff#") format("woff"), url("fonts/icons-social.ttf#") format("truetype"), url("fonts/icons-social.svg#Social Icons") format("svg");
	font-weight: normal;
	font-style: normal
}

body
{
	font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	font-size: 1.4em;
	line-height: 1.75em;
	color: #343434;
	font-weight: 400
}
@media only screen and (min-width: 1024px) {

body
{
	font-size: 1.6em
}
}

h1, .h1
{
	font-size: 2.25em;
	line-height: 1.5;
	font-weight: 500;
	margin: 0 0 .25em 0;
	color: #333;
	letter-spacing: -1px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

h1, .h1
{
	font-size: 2.75em
}
}
@media only screen and (min-width: 1024px) {

h1, .h1
{
	font-size: 3.25em
}
}
@media only screen and (min-width: 1200px) {

h1, .h1
{
	font-size: 4em
}
}
@media only screen and (min-width: 1400px) {

h1, .h1
{
	font-size: 4.75em
}
}

h2, .h2
{
	font-size: 2em;
	line-height: 1.15em;
	font-weight: 500;
	margin: 0 0 .5em 0;
	color: #333;
	letter-spacing: -2px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

h2, .h2
{
	font-size: 2.5em
}
}
@media only screen and (min-width: 1024px) {

h2, .h2
{
	font-size: 2.75em
}
}
@media only screen and (min-width: 1200px) {

h2, .h2
{
	font-size: 3em
}
}

h3, .h3
{
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight: 500;
	margin: 1.5em 0 .5em 0;
	color: #333
}

h4, .h4
{
	font-size: 1.25em;
	line-height: 1.5em;
	font-weight: 500;
	margin: 0 0 .25em 0;
	text-transform: uppercase;
	color: #78edd0
}

h1 span, h2 span, h3 span, h4 span
{
	border-bottom: .125em solid;
	padding-bottom: .05em;
	-webkit-transition: border-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: border-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: border-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

h1 span.blue, h2 span.blue, h3 span.blue, h4 span.blue
{
	border-bottom-color: #0dc3ff
}

h1 span.green, h2 span.green, h3 span.green, h4 span.green
{
	border-bottom-color: #8cd600
}

h1 span.pink, h2 span.pink, h3 span.pink, h4 span.pink
{
	border-bottom-color: #ed0091
}

h1 span.orange, h2 span.orange, h3 span.orange, h4 span.orange
{
	border-bottom-color: #ff6600
}

h1 span.gray, h2 span.gray, h3 span.gray, h4 span.gray
{
	border-bottom-color: #333
}

h1.gray-super span, h2.gray-super span, h3.gray-super span, h4.gray-super span
{
	border-bottom-color: #333 !important
}

p, .p, ul, ol
{
	font-size: inherit;
	line-height: inherit;
	margin: 0 0 1em 0;
	color: inherit
}

p.large, .p.large, ul.large, ol.large
{
	font-size: 1.15em;
	line-height: 1.675em;
	color: #333
}

p.small, .p.small, ul.small, ol.small
{
	font-size: .875em;
	color: #b2b2b2
}

p b, .p b, ul b, ol b
{
	font-weight: 700
}

ol, ul
{
	padding-left: 1em
}

ol.no-style, ul.no-style
{
	padding-left: 0;
	list-style: none
}

a
{
	color: inherit;
	text-decoration: none
}

hr
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

blockquote
{
	border-left: 2px solid #ff6600;
	padding-left: 1em;
	margin-left: 1em;
	font-style: italic;
	font-weight: 500
}

.button
{
	display: inline-block;
	padding: .5em 2em;
	border: 2px solid #333;
	color: #333;
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.button:hover
{
	color: #fff;
	background-color: #333
}

a.link
{
	border-bottom: .272727273em solid;
	font-weight: 500;
	font-size: 1.25em;
	padding-bottom: .15em
}

a.link:hover:after
{
	left: .15em
}

a.link:after
{
	content: "\2192";
	font-family: 'Entypo';
	font-size: 2em;
	line-height: .5em;
	position: relative;
	top: -1px;
	left: 0;
	margin-left: .15em;
	vertical-align: text-bottom;
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.windows a.link:after
{
	line-height: 1
}

.text-green
{
	color: #8cd600 !important
}

.text-blue
{
	color: #0dc3ff !important
}

.text-pink
{
	color: #ed0091 !important
}

.remove-bottom
{
	margin-bottom: 0
}

body
{
	padding: 12px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

body
{
	padding: 16px
}
}
@media only screen and (min-width: 1024px) {

body
{
	padding: 20px
}
}

.ie-9.js body
{
	overflow: visible !important
}

.js body
{
	overflow: hidden
}

.border
{
	position: fixed;
	background-color: #e9e9eb;
	z-index: 1001;
	-webkit-transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.menu-open .border
{
	background-color: #333
}

.border.top, .border.bottom
{
	top: 0;
	left: 0;
	width: 100%;
	height: 12px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.border.top, .border.bottom
{
	height: 16px
}
}
@media only screen and (min-width: 1024px) {

.border.top, .border.bottom
{
	height: 20px
}
}

.border.bottom
{
	top: auto;
	bottom: 0
}

.border.left, .border.right
{
	top: 0;
	left: 0;
	height: 100%;
	width: 12px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.border.left, .border.right
{
	width: 16px
}
}
@media only screen and (min-width: 1024px) {

.border.left, .border.right
{
	width: 20px
}
}

.border.right
{
	left: auto;
	right: 0
}

.video
{
	margin: 0 auto;
	position: relative;
	padding-bottom: 56.25%;
	z-index: 200
}

.video .content
{
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.video video
{
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.video .title
{
	height: 100%;
	width: 100%;
	margin: 0 auto;
	cursor: pointer;
	color: #343434;
	position: relative;
	z-index: 10;
	text-align: left;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.video .title h2
{
	margin: 0 auto .15em auto;
	max-width: 650px;
	padding-right: 90px
}

.video .title h2:before
{
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	background-color: #343434;
	margin: 0 0 .5em 5px
}

.video .title p
{
	max-width: 650px;
	margin: 0 auto
}

.video .title .vert-center
{
	z-index: 200;
	padding-top: 1em
}

.video .title .play
{
	position: absolute;
	z-index: 300;
	top: 50%;
	right: 12%;
	width: 95px;
	height: 95px;
	margin-top: -47.5px !important;
	margin-left: -47.5px !important;
	cursor: pointer
}

.video .title .poster
{
	z-index: 100;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.video .pause
{
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 50%;
	width: 95px;
	height: 95px;
	margin-top: -47.5px !important;
	margin-left: -47.5px !important;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.video.hovered .pause
{
	opacity: 1
}

.vert-center, .main-menu>div h2, .main-menu>div .block.after p, .home .slider .content, .today .block .content
{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	zoom: 1;
	display: block;
	z-index: 100;
	width: 100%
}

.work .work-list
{
*zoom:1
}

.work .work-list:before, .work .work-list:after
{
	content: " ";
	display: table
}

.work .work-list:after
{
	clear: both
}

img.full
{
	width: 100%
}

.main-logo
{
	position: fixed;
	top: 12px;
	left: 12px;
	width: 75px;
	height: 75px;
	display: block;
	z-index: 999
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.main-logo
{
	top: 16px;
	left: 16px;
	width: 100px;
	height: 100px
}
}
@media only screen and (min-width: 1024px) {

.main-logo
{
	top: 20px;
	left: 20px;
	width: 100px;
	height: 100px
}
}

.main-logo img
{
	width: 100%;
	height: 100%
}

.main-menu-button
{
	position: fixed;
	top: 12px;
	right: 12px;
	display: block;
	z-index: 1002;
	width: 50px;
	height: 50px;
	background-color: #404041;
	cursor: pointer
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.main-menu-button
{
	top: 16px;
	right: 16px
}
}
@media only screen and (min-width: 1024px) {

.main-menu-button
{
	top: 20px;
	right: 20px
}
}

.main-menu-button .bar
{
	display: block;
	position: absolute;
	width: 20px;
	height: 3px;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -10px;
	background-color: #fff;
	-webkit-transition: margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, transform 0.15s ease-out;
	-moz-transition: margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, transform 0.15s ease-out;
	transition: margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, transform 0.15s ease-out;
	-webkit-transition: margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, -webkit-transform 0.15s ease-out;
	-moz-transition: margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, -webkit-transform 0.15s ease-out;
	transition: margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, -webkit-transform 0.15s ease-out
}

.main-menu-button .bar.bar-1
{
	margin-top: -8px
}

.main-menu-button .bar.bar-3
{
	margin-top: 6px
}

.main-menu-button.menu-open .bar
{
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);
	-webkit-transition: margin 0.15s ease-out, opacity 0.15s ease-out, transform 0.15s ease-out 0.25s;
	-moz-transition: margin 0.15s ease-out, opacity 0.15s ease-out, transform 0.15s ease-out 0.25s;
	transition: margin 0.15s ease-out, opacity 0.15s ease-out, transform 0.15s ease-out 0.25s;
	-webkit-transition: margin 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out 0.25s;
	-moz-transition: margin 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out 0.25s;
	transition: margin 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out 0.25s
}

.main-menu-button.menu-open .bar-1
{
	margin-top: -1px;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	-ms-transform: rotate3d(0, 0, 1, -45deg);
	-o-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg)
}

.main-menu-button.menu-open .bar-2
{
	opacity: 0
}

.main-menu-button.menu-open .bar-3
{
	margin-top: -1px;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	-ms-transform: rotate3d(0, 0, 1, 45deg);
	-o-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg)
}

.main-menu
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	height: 0;
	overflow: hidden;
	padding: 11.42857px;
	-webkit-backface-visibility: hidden
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.main-menu
{
	padding: 13.33333px
}
}
@media only screen and (min-width: 1024px) {

.main-menu
{
	padding: 20px
}
}

.main-menu .arrow
{
	display: block;
	position: relative;
	height: 11.5%;
	margin-bottom: -1px;
	background-color: #404040;
	color: #fff;
	cursor: pointer
}

.main-menu .arrow span
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 40px;
	width: 1em;
	height: 1em;
	text-align: center;
	margin-left: -.5em;
	margin-top: -.5em;
	line-height: 1;
	font-family: "Entypo";
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.main-menu .arrow.open span
{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.main-menu .arrow
{
	display: none
}
}
@media only screen and (min-width: 1024px) {

.main-menu .arrow
{
	display: none
}
}

.main-menu>div
{
	text-align: center;
	padding: 0;
	position: relative;
	background-color: #333;
	overflow: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 17.7777778%
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.main-menu>div
{
	height: 16.666666667%
}
}
@media only screen and (min-width: 1024px) {

.main-menu>div
{
	height: 50%
}

.main-menu>div.small
{
	font-size: .75em
}
}

.main-menu>div.contact
{
	height: 89%;
	background-color: #404040
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.main-menu>div.contact
{
	height: 16.666666667%
}
}
@media only screen and (min-width: 1024px) {

.main-menu>div.contact
{
	height: 50%
}
}

.main-menu>div.contact h2
{
	visibility: hidden
}
@media all and (max-height: 850px) {

.main-menu>div.contact .content p
{
	line-height: 1.15em
}

.main-menu>div.contact .content img
{
	width: 32px;
	height: 32px;
	margin: .75em auto .5em auto !important
}
}

.main-menu>div.contact .content
{
	position: relative;
	z-index: 500;
	text-align: center;
	color: #fff;
	font-weight: 500;
	line-height: 1.5;
	font-size: .875em;
	padding: 0 5%
}

.main-menu>div.contact .content img
{
	margin: 1.5em auto 1em auto
}
@media only screen and (max-width: 500px) {

.main-menu>div.contact .content img.inline
{
	display: inline;
	margin: 0 .25em;
	width: 27px
}

.main-menu>div.contact .content img.bg
{
	display: none
}
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.main-menu>div.contact .content img.inline
{
	display: inline;
	margin: 0 .25em;
	width: 27px
}

.main-menu>div.contact .content img.bg
{
	display: none
}
}

.main-menu>div h2
{
	color: #fff;
	margin: 0;
	position: absolute;
	z-index: 200;
	width: 100%;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.main-menu>div>a
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 300
}

.main-menu>div>img, .main-menu>div>a>img
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	max-width: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.main-menu>div .block
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	white-space: nowrap;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.main-menu>div .block.after
{
	top: 100%
}

.main-menu>div .block.after p
{
	font-size: 1.5em;
	font-weight: 500;
	color: #fff;
	margin: 0 auto;
	position: absolute;
	z-index: 200;
	width: 80%;
	text-align: left;
	left: 10%
}

.main-menu>div:hover .block, .main-menu>div:active .block
{
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}

.main-menu>div video
{
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.action
{
	position: relative;
	background-color: #ff6600;
	display: inline-block;
	text-align: left;
	color: #fff;
	font-weight: 500;
	min-width: 225px;
	height: 55px;
	padding: 20px 25px;
	line-height: 1;
	-webkit-transition: background-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: background-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: background-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.action .icon
{
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	font-family: 'Entypo';
	font-size: 40px;
	text-align: center;
	line-height: 55px;
	background-color: #ff6600;
	vertical-align: middle;
	color: #fff;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.windows .action .icon
{
	line-height: 38px
}

.action:hover
{
	background-color: #FF6600
}

.action:hover .icon
{
	right: -10px
}

.intro
{
	position: relative;
	text-align: center;
	overflow: hidden;
	background-color: #262626;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.intro
{
	margin-bottom: 7.5%
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.intro
{
	margin-bottom: 7.5%
}
}
@media only screen and (min-width: 1024px) {

.intro
{
	margin-bottom: 7.5%
}
}

.intro h1
{
	color: #fff;
	letter-spacing: -.05em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.js .intro h1
{
	opacity: 0
}

.intro .contain, .intro .vert-center
{
	overflow: visible;
	position: absolute;
	width: 100%;
	max-width: none
}

.intro video
{
	display: none
}

.intro img.bg
{
	max-width: none
}
@media only screen and (min-width: 1024px) {

.js .intro video, .js .intro img.bg
{
	display: block;
	visibility: hidden;
	width: 100%;
	height: auto;
	position: absolute;
	opacity: 0;
	max-width: none
}
}

.more-arrow
{
	font-family: 'Entypo';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25%;
	text-align: center;
	z-index: 1;
	-webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.more-arrow.hidden
{
	opacity: 0
}

.more-arrow span
{
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1.5em;
	font-size: 2.888888889em;
	-webkit-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
	cursor: pointer
}

.more-arrow:hover span
{
	color: #333;
	background-color: #e9e9eb;
	padding-top: 35px
}

footer
{
	background-color: #333;
	padding: 7.5% 5%;
	color: #b2b2b2;
	font-weight: 500;
	font-size: .9em
}
@media only screen and (max-width: 500px) {

footer
{
	text-align: center;
	padding-top: 15%
}

footer img.icon
{
	margin: 0 auto 1em auto
}
}

footer .contain
{
	overflow: visible
}

footer .grid__item, footer .today .block, .today footer .block, footer .work .work-list .item, .work .work-list footer .item, footer .articles article .info, .articles article footer .info, footer .articles article .text, .articles article footer .text
{
	margin-bottom: 1em
}

footer .icon
{
	top: -.5em;
	margin: 0 1em 1em 0
}

footer hr
{
	width: 40px;
	margin: 1em 0;
	border-color: #b2b2b2
}
@media only screen and (max-width: 500px) {

footer hr
{
	margin: 1em auto
}
}

footer .contact
{
	font-size: 1.1em
}

footer .contact p
{
	margin-bottom: 2em
}
@media only screen and (max-width: 500px) {

footer .contact img
{
	display: block !important;
	margin: 0 auto .25em auto !important
}
}

footer .contact img
{
	display: inline;
	margin: 0 .5em .25em 0
}

footer .contact .social a
{
	margin: 0 .5em
}
@media only screen and (max-width: 500px) {

footer .contact .social a img
{
	display: inline-block !important;
	margin: 1.5em .5em !important
}
}

.slider
{
	position: relative;
	text-align: center;
	padding-bottom: 70px;
	margin: 0 auto 1em auto;
	overflow: visible
}

.slider .slides
{
	margin: 0 auto;
	overflow: hidden
}

.slider .slides ul
{
	white-space: nowrap;
	font-size: 0;
	width: 100%;
	list-style: none;
	position: relative;
	z-index: 400;
	-webkit-transition: all 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.65s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.slider .slides ul li
{
	position: relative;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	margin: 0;
	font-size: 14px
}
@media only screen and (min-width: 1024px) {

.slider .slides ul li
{
	font-size: 16px
}
}

.slider .slides ul li>img
{
	width: 100%
}

.slider .prev, .slider .next
{
	position: absolute;
	top: 0;
	bottom: 70px;
	width: 50px;
	z-index: 500;
	cursor: pointer;
	color: #333;
	display: none;
	text-align: center;
	-webkit-transition: background-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: background-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: background-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.slider .prev, .slider .next
{
	display: block
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.slider .prev, .slider .next
{
	display: block
}
}
@media only screen and (min-width: 1024px) {

.slider .prev, .slider .next
{
	display: block;
	width: 80px
}
}

.slider .prev:hover, .slider .prev:active, .slider .next:hover, .slider .next:active
{
	background-color: #e9e9eb
}

.work .slider .prev:hover, .work .slider .prev:active, .case-study .slider .prev:hover, .case-study .slider .prev:active, .work .slider .next:hover, .work .slider .next:active, .case-study .slider .next:hover, .case-study .slider .next:active
{
	color: #8cd600
}

.about .slider .prev:hover, .about .slider .prev:active, .about .slider .next:hover, .about .slider .next:active
{
	color: #ed0091
}

.today .slider .prev:hover, .today .slider .prev:active, .today .slider .next:hover, .today .slider .next:active
{
	color: #0dc3ff
}

.news .slider .prev:hover, .news .slider .prev:active, .news .slider .next:hover, .news .slider .next:active
{
	color: #ff6600
}

.careers .slider .prev:hover, .careers .slider .prev:active, .careers .slider .next:hover, .careers .slider .next:active
{
	color: #333
}

.slider .prev .arrow, .slider .next .arrow
{
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -25px;
	background: transparent;
	width: 100%;
	height: 30px;
	font-family: 'Entypo';
	font-size: 40px;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.slider .prev
{
	left: 0
}

.slider .next
{
	right: 0
}

.slider .next .arrow
{
	float: right
}

.slider .prev:hover .arrow, .slider.prev:active .arrow
{
	padding-right: 15%
}

.slider .next:hover .arrow, .slider.next:active .arrow
{
	padding-left: 15%
}

.slider nav
{
	display: block;
	position: absolute;
	z-index: 800;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70px;
	line-height: 46.66667px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slider nav span
{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #7d7d7d;
	margin: 0 3px;
	cursor: pointer;
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slider nav span:hover, .slider nav span.active
{
	background-color: #343434;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}

.slider.theme-light nav span.active
{
	background-color: #fff
}

.slider.nav-over
{
	padding-bottom: 0
}

.slider.nav-over .prev, .slider.nav-over .next
{
	bottom: 0
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.slider.arrows-out .prev
{
	left: auto;
	right: 100%;
	color: #333
}

.slider.arrows-out .next
{
	right: auto;
	left: 100%;
	color: #333
}
}
@media only screen and (min-width: 1024px) {

.slider.arrows-out .prev
{
	left: auto;
	right: 100%;
	color: #333
}

.slider.arrows-out .next
{
	right: auto;
	left: 100%;
	color: #333
}
}

.slider.arrows-out .prev:hover, .slider.arrows-out .next:hover
{
	background-color: transparent !important
}

.loading
{
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #333
}

.ie-9 .loading
{
	display: none
}

.loading div
{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -35px;
	-webkit-animation-name: loader;
	-moz-animation-name: loader;
	animation-name: loader;
	-webkit-animation-duration: 6s;
	-moz-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-moz-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.loading div img
{
	width: 31px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -15px
}
@-webkit-keyframes 
loader
{
0% {
background-color:#ff6600;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
15% {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
25% {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
background-color:#ed0091
}
40% {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
50% {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
background-color:#0dc3ff
}
65% {
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg)
}
75% {
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg);
background-color:#8cd600
}
90% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
background-color:#ff6600
}
}
@-moz-keyframes 
loader
{
0% {
background-color:#ff6600;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
15% {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
25% {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
background-color:#ed0091
}
40% {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
50% {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
background-color:#0dc3ff
}
65% {
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg)
}
75% {
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg);
background-color:#8cd600
}
90% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
background-color:#ff6600
}
}
@-o-keyframes 
loader
{
0% {
background-color:#ff6600;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
15% {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
25% {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
background-color:#ed0091
}
40% {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
50% {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
background-color:#0dc3ff
}
65% {
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg)
}
75% {
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg);
background-color:#8cd600
}
90% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
background-color:#ff6600
}
}
@keyframes 
loader
{
0% {
background-color:#ff6600;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
15% {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
25% {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
background-color:#ed0091
}
40% {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
50% {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
background-color:#0dc3ff
}
65% {
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg)
}
75% {
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg);
background-color:#8cd600
}
90% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
background-color:#ff6600
}
}

.form input[type="text"], .form input[type="email"], .form input[type="tel"]
{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: none;
	background-color: #fff;
	border: 1px solid transparent;
	border-bottom-color: #b2b2b2;
	width: 100%;
	margin: 1.5em auto;
	padding: .75em 0;
	font-weight: 500;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="tel"]:focus
{
	outline: none;
	border: 1px solid #b2b2b2
}

.form input[type="submit"]
{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border-width: 0 0 0 0;
	border-bottom: .272727273em solid;
	font-weight: 500;
	font-size: 1.25em;
	padding-bottom: .15em;
	background-color: transparent
}

.form input[type="submit"]:hover:after
{
	left: .15em
}

.form input[type="submit"]:after
{
	content: "\2192";
	font-family: 'Entypo';
	font-size: 2em;
	line-height: .5em;
	position: relative;
	top: -1px;
	left: 0;
	margin-left: .15em;
	vertical-align: text-bottom;
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.form label
{
	display: block;
	margin: 1em auto 0 auto;
	padding: .5em 0
}

.form hr
{
	margin: 3em auto
}
.form ::-webkit-input-placeholder {
color:#333
}
.form :-moz-placeholder {
color:#333
}
.form ::-moz-placeholder {
color:#333
}
.form :-ms-input-placeholder {
color:#333
}

.form .fsBody .fsRowBody
{
	padding: 0 !important
}

.form .fsFieldRow input[type=email], .form .fsFieldRow input[type=number], .form .fsFieldRow input[type=tel], .form .fsFieldRow input[type=text], .form .fsForm textarea
{
	padding: .75em 0;
	max-width: 100%
}

.form .fsFieldRow input[type=email]:focus, .form .fsFieldRow input[type=number]:focus, .form .fsFieldRow input[type=tel]:focus, .form .fsFieldRow input[type=text]:focus, .form .fsForm textarea:focus
{
	padding: .75em .5em
}

.form .fsSubmit input.fsSubmitButton
{
	margin: 1.5em 0
}

.form .fsForm .fsSubmit
{
	padding: 0;
	margin: 2em 0 0 0;
	border-top: 1px solid #b2b2b2
}

.form .fsPagination
{
	text-align: left
}

.form .fsBody .fsLabel, .form .fsBody label
{
	font-weight: 500
}

#browseHappy
{
	z-index: 10001;
	background: #333 url(http://assets.hlkagency.com/static/img/bg-about.jpg) no-repeat center top;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 100px 5% 0 5%;
	color: #fff;
	display: none
}

.lt-ie9 #browseHappy
{
	display: block
}

#browseHappy h1, #browseHappy h2
{
	color: #fff
}

#browseHappy img
{
	margin: 20px auto
}

.home .wrapper
{
	padding-bottom: 0
}

.home .intro
{
	text-align: left;
	margin-bottom: 0;
	background-position: center
}

.home .intro h1
{
	color: #fff;
	margin: .75em auto;
	font-size: 2.75em
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.home .intro h1
{
	font-size: 4em
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.home .intro h1
{
	font-size: 6em
}
}
@media only screen and (min-width: 1024px) {

.home .intro h1
{
	font-size: 3.9em
}
}
@media only screen and (min-width: 1200px) {

.home .intro h1
{
	font-size: 4.1em
}
}
@media only screen and (min-width: 1400px) {

.home .intro h1
{
	font-size: 5em
}
}

.home .intro .text-wrap
{
	margin: 0 auto;
	max-width: 270px;
	padding-top: 2.5%
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.home .intro .text-wrap
{
	max-width: 400px
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.home .intro .text-wrap
{
	max-width: 580px
}
}
@media only screen and (min-width: 1024px) {

.home .intro .text-wrap
{
	max-width: 840px
}
}
@media only screen and (min-width: 1200px) {

.home .intro .text-wrap
{
	max-width: 986px
}
}
@media only screen and (min-width: 1400px) {

.home .intro .text-wrap
{
	max-width: 1100px
}
}

.home .slider
{
	margin: 0
}

.home .slider .contain
{
	padding-bottom: 2em
}

.home .slider .content
{
	position: absolute;
	text-align: left;
	color: #fff
}

.home .slider .content h1
{
	color: #fff
}

.home .slider .content a.link
{
	margin-left: .25em
}

.about .wrapper
{
	padding-bottom: 0
}

.about .intro
{
	margin-bottom: 0;
	background-image: url(http://assets.hlkagency.com/static/img/bg-about.jpg);
	background-position: left top
}
@media all and (min-width: 1025px) {

.about .intro
{
	background-color: #222;
	background-image: none !important
}
}

.about .intro h1
{
	color: #fff;
	margin: 0;
	font-size: 2.75em
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.about .intro h1
{
	font-size: 4em
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.about .intro h1
{
	font-size: 6em
}
}
@media only screen and (min-width: 1024px) {

.about .intro h1
{
	font-size: 3.9em
}
}
@media only screen and (min-width: 1200px) {

.about .intro h1
{
	font-size: 4.1em
}
}
@media only screen and (min-width: 1400px) {

.about .intro h1
{
	font-size: 4.55em
}
}

.about .intro .text-wrap
{
	margin: 0 auto;
	max-width: 270px
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.about .intro .text-wrap
{
	max-width: 400px
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.about .intro .text-wrap
{
	max-width: 580px
}
}
@media only screen and (min-width: 1024px) {

.about .intro .text-wrap
{
	max-width: 840px
}
}
@media only screen and (min-width: 1200px) {

.about .intro .text-wrap
{
	max-width: 986px
}
}
@media only screen and (min-width: 1400px) {

.about .intro .text-wrap
{
	max-width: 1100px
}
}

.about .wrapper h2
{
	color: #ed0091;
	text-align: center;
	margin: 0 0 1.5em 0;
	padding-top: 10%
}

.about .wrapper h2:after
{
	content: "";
	display: block;
	width: 85px;
	height: 5px;
	background-color: #333;
	margin: 1.5em auto 0 auto
}

.about p.large
{
	font-size: 1.35em;
	text-align: center;
	margin-bottom: 2em
}

.about .mantra-stamp
{
	padding: 7.5% 0
}

.about .mantra-stamp .stamp
{
	border: 5px solid #ed0091;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	margin: 0 auto 3em auto;
	text-align: center;
	display: table;
	overflow: hidden
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.about .mantra-stamp .stamp
{
	width: 400px;
	height: 400px;
	border-width: 7px
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.about .mantra-stamp .stamp
{
	width: 570px;
	height: 570px;
	border-width: 16px;
	margin-bottom: 4em
}
}
@media only screen and (min-width: 1024px) {

.about .mantra-stamp .stamp
{
	width: 570px;
	height: 570px;
	border-width: 16px;
	margin-bottom: 4em
}
}

.about .mantra-stamp .stamp h1
{
	color: #ed0091;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.15;
	font-size: 2em;
	letter-spacing: -2px
}

.about .mantra-stamp .stamp h1:before, .about .mantra-stamp .stamp h1:after
{
	content: "";
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 2px;
	background-color: #ed0091;
	position: relative
}

.about .mantra-stamp .stamp h1:before
{
	top: -1em
}

.about .mantra-stamp .stamp h1:after
{
	top: 1em
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.about .mantra-stamp .stamp h1
{
	font-size: 3em
}

.about .mantra-stamp .stamp h1:before, .about .mantra-stamp .stamp h1:after
{
	height: 4px;
	width: 80px
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.about .mantra-stamp .stamp h1
{
	font-size: 4em
}

.about .mantra-stamp .stamp h1:before, .about .mantra-stamp .stamp h1:after
{
	height: 4px
}
}
@media only screen and (min-width: 1024px) {

.about .mantra-stamp .stamp h1
{
	font-size: 4em
}

.about .mantra-stamp .stamp h1:before, .about .mantra-stamp .stamp h1:after
{
	height: 4px
}
}

.about .mantra-stamp .text
{
	text-align: justify;
	font-size: 1.15em;
	max-width: 255px;
	margin: 0 auto
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.about .mantra-stamp .text
{
	max-width: 360px
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.about .mantra-stamp .text
{
	max-width: 500px;
	font-size: 1.4em;
	line-height: 1.708333333
}
}
@media only screen and (min-width: 1024px) {

.about .mantra-stamp .text
{
	max-width: 500px;
	font-size: 1.4em;
	line-height: 1.708333333
}
}

.about .leadership
{
	padding-bottom: 10%;
	background-color: #f1f1f1
}

.about .leadership .quote
{
	position: relative;
	margin-bottom: 5em
}

.about .leadership .quote .text
{
	font-size: .875em;
	text-align: justify;
	max-width: 450px;
	margin: 0 auto
}
@media only screen and (min-width: 1200px) {

.about .leadership .quote .text
{
	font-size: 1em
}
}

.about .leadership .quote .text p
{
	margin: 0
}

.about .leadership .quote .text p:before, .about .leadership .quote .text p:after
{
	content: "";
	width: 35px;
	height: 2px;
	display: block;
	margin: 0 auto 1.5em auto;
	background-color: #333
}

.about .leadership .quote .text p:after
{
	margin: 1.5em auto 0 auto
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.about .leadership .quote .text
{
	min-height: 300px;
	position: relative
}

.about .leadership .quote p.joe
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
}
@media only screen and (min-width: 1024px) {

.about .leadership .quote .text
{
	min-height: 350px;
	position: relative
}

.about .leadership .quote p.joe
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
}
@media only screen and (min-width: 1200px) {

.about .leadership .quote .text
{
	position: absolute;
	top: -2em;
	left: 0;
	width: 100%;
	height: 100%;
	bottom: -1em;
	z-index: 100;
	opacity: 0;
	line-height: 1.6;
	min-height: 350px;
	-webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.about .leadership .quote .text p
{
	margin: 0;
	padding: 0 10%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.about .leadership .quote:hover img
{
	opacity: .07
}

.about .leadership .quote:hover .text
{
	opacity: 1
}
}

.about .leadership p.large
{
	font-weight: 500
}

.about .leadership img
{
	border-radius: 50%;
	border: 9px solid #333;
	margin: 3em auto;
	-webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.about .locations
{
	padding: 0 0 10% 0;
	text-align: center
}

.about .locations img
{
	margin: 2em auto
}

.about .locations .contain
{
	max-width: 850px
}

.about .locations p.bars:before, .about .locations p.bars:after
{
	content: "";
	background-color: #333;
	display: block;
	width: 35px;
	height: 2px;
	margin: 1.25em auto
}

.about .clients
{
	background-color: #f2f2f2;
	padding-bottom: 7.5%
}

.about .clients ul
{
	list-style: none;
	text-align: center;
	max-width: 400px;
	margin: 0 auto;
	font-size: 0
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.about .clients ul
{
	max-width: 600px
}
}
@media only screen and (min-width: 1024px) {

.about .clients ul
{
	max-width: 1000px
}
}

.about .clients ul li
{
	display: inline-block;
	width: 50%;
	max-width: 200px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.about .clients ul li
{
	width: auto
}
}
@media only screen and (min-width: 1024px) {

.about .clients ul li
{
	width: auto
}
}

.about .careers
{
	position: relative
}

.about .careers .text
{
	max-width: 500px;
	display: none
}

.about .careers .text h2
{
	padding-top: 0
}

.about .careers .text h2, .about .careers .text p
{
	text-align: left
}

.about .careers .text h2:after, .about .careers .text p:after
{
	margin: 1.5em 0 0 0
}
@media only screen and (min-width: 1200px) {

.about .careers .text
{
	font-size: .9em;
	display: block;
	position: absolute;
	left: 5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
}
@media only screen and (min-width: 1400px) {

.about .careers .text
{
	font-size: 1em;
	left: 10%
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.about .careers
{
	background: url(http://assets.hlkagency.com/static/img/about-img-openings-small.jpg) no-repeat top center;
	height: 840px
}

.about .careers .slides
{
	max-width: 525px;
	padding-top: 30%
}
}
@media only screen and (min-width: 1024px) {

.about .careers
{
	background: url(http://assets.hlkagency.com/static/img/about-img-openings.jpg) repeat-x top right;
	height: 840px;
*zoom:1;
	padding-top: 5%
}

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

.about .careers:after
{
	clear: both
}
}
@media only screen and (min-width: 1400px) {

.about .careers
{
	background: url(http://assets.hlkagency.com/static/img/about-img-openings.jpg) no-repeat top right, url(http://assets.hlkagency.com/static/img/about-bg-careers.jpg) repeat-x top left;
	height: 840px;
*zoom:1;
	padding-top: 5%
}

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

.about .careers:after
{
	clear: both
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.about .careers .slider
{
	max-width: 545px;
	min-height: 710px
}
}
@media only screen and (min-width: 1024px) {

.about .careers .slider
{
	float: right;
	margin-right: 140px;
	max-width: 525px;
	min-height: 640px
}

.about .careers .slider .slides li
{
	padding-top: 25%
}
}

.about .careers .slider li
{
	padding: 0 7.5% 1em 7.5%
}

.about .careers .slider li p
{
	max-width: 400px;
	margin: 2em auto 4em auto
}

.about .careers .slider li p:before
{
	content: "";
	display: block;
	margin: 0 auto 2em auto;
	width: 35px;
	height: 2px;
	background-color: #333
}

.about .careers .slider li a
{
	color: #ed0091
}

.about .careers .slider li img
{
	margin: 0 auto 2em auto
}

.about .work-with-us
{
	background: url(http://assets.hlkagency.com/static/img/about-bg-work-with-us.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	padding-bottom: 12%
}

.about .work-with-us h2:after
{
	background-color: #858585
}

.about .work-with-us .h2
{
	color: #fff
}
@media all and (min-width: 1025px) {

.today .wrapper
{
	padding-bottom: 7.5%
}

.today .intro
{
	background-color: #222;
	background-image: none !important
}
}

.today .intro
{
	background-image: url(http://assets.hlkagency.com/static/img/bg-today.jpg);
	background-position: left top
}

.today .title
{
	margin-bottom: 7.5%;
	text-align: center
}

.today .results
{
*zoom:1;
	position: relative;
	z-index: 300
}

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

.today .results:after
{
	clear: both
}

.today .block
{
	position: relative;
	overflow: hidden;
	padding: 100% 0 0 0
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.today .block
{
	padding: 50% 0 0 0
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.today .block
{
	padding: 33.333% 0 0 0
}
}
@media only screen and (min-width: 1024px) {

.today .block
{
	padding: 25% 0 0 0
}
}

.today .block .content
{
	position: absolute;
	z-index: 100;
	padding: 0 10%;
	width: 100%;
	height: auto;
	font-size: .875em;
	word-wrap: break-word;
	line-height: 1.5em
}

.today .block .content a
{
	color: #0dc3ff
}

.today .block .content p
{
	margin: 0
}
@media only screen and (min-width: 1024px) {

.today .block .content
{
	font-size: .75em
}
}

.today .block .author
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	overflow: hidden
}

.today .block .author .text
{
	color: #fff;
	font-size: .875em;
	font-weight: 500;
	line-height: 1.5em;
	padding-top: 1em
}
@media only screen and (min-width: 1024px) {

.today .block .author .text
{
	font-size: .75em
}
}

.today .block .author .text .twitter:before, .today .block .author .text .instagram:before
{
	font-family: 'Entypo Social';
	font-size: 30px;
	position: relative;
	top: 3px;
	margin-right: .15em;
	font-weight: 400
}

.today .block .author .text .twitter:before
{
	content: ""
}

.today .block .author .text .instagram:before
{
	content: ""
}

.today .block .author img
{
	width: 70px;
	float: left;
	margin-right: 1em
}

.today .block img.bg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
@media only screen and (min-width: 1024px) {

.today .block.pull-up
{
	margin-top: -25%
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.today .block.large.alt
{
	padding: 33.333% 0 0 0;
	margin-top: -33.333%;
	clear: both;
	font-size: .75em
}

.today .block.large.alt .content
{
	font-weight: 400
}
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.today .block.large
{
	padding: 100% 0 0 0
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.today .block.large
{
	padding: 66.666% 0 0 0
}
}
@media only screen and (min-width: 1024px) {

.today .block.large
{
	padding-top: 50%
}
}

.today .block.large .content
{
	color: #fff;
	font-weight: 500;
	padding: 0 7.5%
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.today .block.large .content
{
	font-size: 1.15em
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.today .block.large .content
{
	font-size: 1.15em
}
}
@media only screen and (min-width: 1024px) {

.today .block.large .content
{
	font-size: 1.15em
}
}
@media only screen and (min-width: 1400px) {

.today .block.large .content
{
	font-size: 1.25em
}
}

.today .block.instagram .content
{
	display: none !important
}

.today .block.twitter
{
	background-color: #333
}

.today .block.twitter .content
{
	color: #fff
}

.today .block.twitter.large
{
	background-color: #333 !important
}

.today .block.twitter.large .content, .today .block.twitter.large .author .text
{
	color: #fff !important
}

.today .block.twitter:nth-of-type(odd)
{
	background-color: #0dc3ff
}

.today .block.twitter:nth-of-type(odd) .content, .today .block.twitter:nth-of-type(odd) .author .text
{
	color: #333
}

.today .block.twitter:nth-of-type(odd) .content a
{
	color: #fff
}

.today .block.twitter:nth-of-type(odd).large .content a
{
	color: #0dc3ff
}

.today .block.twitter:nth-of-type(3n)
{
	background-color: #fff
}

.today .block.twitter:nth-of-type(3n) .content, .today .block.twitter:nth-of-type(3n) .author .text
{
	color: #333
}

.today .block.twitter:nth-of-type(3n) .content a
{
	color: #0dc3ff
}

.work .intro
{
	background-image: url(http://assets.hlkagency.com/static/img/bg-work.jpg);
	background-position: center bottom
}
@media all and (min-width: 1025px) {

.work .intro
{
	background-image: none;
	background-color: #222
}
}

.work .wrapper
{
	padding-bottom: 7.5%
}

.work .work-list .item
{
	padding: 0;
	position: relative;
	overflow: hidden
}

.work .work-list .item img.bg
{
	width: 100%
}

.work .work-list .item:hover .info, .work .work-list .item:active .info
{
	opacity: 1
}

.work .work-list .item .info
{
	background-color: #8cd600;
	background-color: rgba(140,214,0,0.9);
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 101%;
	height: 101%;
	opacity: 0;
	-webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #fff;
	font-size: .75em
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.work .work-list .item .info
{
	font-size: 1em
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.work .work-list .item .info
{
	font-size: .875em
}
}
@media only screen and (min-width: 1024px) {

.work .work-list .item .info
{
	font-size: .875em
}
}
@media only screen and (min-width: 1200px) {

.work .work-list .item .info
{
	font-size: 1em
}
}

.work .work-list .item .info a.hit
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 100%;
	padding: 2em
}
@media only screen and (min-width: 1024px) {

.work .work-list .item .info a.hit
{
	padding: 3em
}
}

.work .work-list .item .info .vert-center
{
	position: absolute;
	width: 85%
}

.work .work-list .item .info h2
{
	color: #fff;
	margin: -.5em 0 .25em 0;
	line-height: 1em
}

.work .work-list .item .info p.large
{
	color: #fff
}

.work .work-list .item .info a.link
{
	position: absolute;
	bottom: 1.75em;
	left: 1.75em
}
@media only screen and (min-width: 1024px) {

.work .work-list .item .info a.link
{
	bottom: 2.5em;
	left: 2.5em
}
}

.news
{
	padding-bottom: 5em
}

.news .intro
{
	margin-bottom: 7.5%
}

.careers
{
	padding-bottom: 5em
}

.careers .intro
{
	margin-bottom: 7.5%
}

.news .share, .careers .share, .news .apply, .careers .apply
{
	margin: 1.5em 0 2.5em 0
}

.news .share ul, .careers .share ul, .news .apply ul, .careers .apply ul
{
	list-style: none;
	padding: 0;
	margin: 1em 0
}

.news .share ul li, .careers .share ul li, .news .apply ul li, .careers .apply ul li
{
	display: inline-block;
	border: 2px solid #b2b2b2;
	font-family: 'Entypo Social';
	font-size: 25px;
	text-align: center;
	line-height: 28px;
	width: 30px;
	height: 30px;
	border-radius: 50%
}

.articles article
{
	padding: 0 0 4.5% 0;
	margin-bottom: 5%;
	border-bottom: 1px solid #b2b2b2
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.articles article
{
	width: 100%
}
}

.articles article:last-of-type
{
	border: none
}

.case-study h4
{
	margin-top: 1em;
	color: #fff;
	text-transform: none;
	font-size: 1em;
	font-weight: 700
}

.case-study h4:before
{
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	background-color: #fff;
	margin: 20% 0 1em 0
}

.case-study .intro
{
	text-align: left
}

.case-study .intro .contain
{
	position: absolute;
	max-width: none;
	padding: 0 5%
}

.case-study .intro h1
{
	margin-bottom: 0
}

.case-study .intro h3
{
	color: #fff;
	font-size: 1.375em;
	margin: 0;
	text-transform: none;
	font-weight: 400;
	margin-left: .2em
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.case-study .narrow
{
	max-width: 400px;
	margin: 0
}
}
@media only screen and (min-width: 1024px) {

.case-study .narrow
{
	max-width: 445px;
	margin: 0
}
}

.case-study .overview .contain
{
	max-width: 950px
}

.case-study .overview .contain h2
{
	margin-top: .5em;
	margin-bottom: 1em;
	text-align: center
}

.case-study .overview img
{
	margin: 0 auto
}

.case-study .overview img.bg
{
	width: 100%;
	margin-top: -10%;
	z-index: -1
}

.case-study .quote
{
	position: relative;
	padding: 20% 5%;
	text-align: center;
	background-color: #f2f2f2
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.case-study .quote
{
	padding: 10%
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.case-study .quote
{
	padding: 12% 10%
}
}
@media only screen and (min-width: 1024px) {

.case-study .quote
{
	padding: 10%
}
}

.case-study .quote.dark
{
	background-color: #333;
	color: #fff
}

.case-study .quote.dark h2
{
	color: #fff
}

.case-study .quote h2
{
	max-width: 1050px;
	line-height: 1.35em;
	margin: 0 auto
}

.case-study .quote .author
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: left;
	height: 50px
}
@media only screen and (min-width: 1024px) {

.case-study .quote .author
{
	height: 75px
}
}

.case-study .quote .author img
{
	display: inline-block;
	float: left;
	width: 50px
}
@media only screen and (min-width: 1024px) {

.case-study .quote .author img
{
	width: 75px
}
}

.case-study .quote .author .vert-center
{
	position: absolute;
	width: 100%;
	margin-left: 50px;
	padding-left: .75em
}
@media only screen and (min-width: 1024px) {

.case-study .quote .author .vert-center
{
	margin-left: 75px;
	padding-left: 1em
}
}

.case-study .quote .author .vert-center p
{
	font-size: .6875em;
	margin: 0;
	color: #b2b2b2;
	font-weight: 700
}
@media only screen and (min-width: 1024px) {

.case-study .quote .author .vert-center p
{
	font-size: 1em;
	font-weight: 500
}
}

.case-study .mood .text
{
	position: relative
}
@media only screen and (min-width: 1200px) {

.case-study .mood .text
{
	width: 50%;
	padding-top: 35.675%
}
}

.case-study .mood .text h3
{
	margin-top: 0
}

.case-study .mood img
{
	width: 100%
}

.case-study .mood .content
{
	padding: 5%;
	margin: 0 auto
}

.case-study .mood .content p, .case-study .mood .content h3, .case-study .mood .content ul
{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.case-study .mood .content
{
	padding: 10%
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.case-study .mood .content
{
	padding: 15%
}
}
@media only screen and (min-width: 1024px) {

.case-study .mood .content
{
	padding: 15%
}
}
@media only screen and (min-width: 1200px) {

.case-study .mood .content
{
	padding: 0;
	font-size: .875em;
	width: 450px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -225px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.case-study .mood .content ul
{
	margin-bottom: 0
}
}

.case-study .photos
{
	padding: 10% 0
}

.case-study .more-work .icon
{
	margin: -2em auto 10% auto
}

.case-study .more-work h2
{
	text-align: center;
	margin: .75em 0 1.5em 0
}

.case-study .more-work .grid__item, .case-study .more-work .today .block, .today .case-study .more-work .block, .case-study .more-work .work .work-list .item, .work .work-list .case-study .more-work .item, .case-study .more-work .articles article .info, .articles article .case-study .more-work .info, .case-study .more-work .articles article .text, .articles article .case-study .more-work .text
{
	position: relative
}

.case-study .more-work .info
{
	background-color: #8cd600;
	background-color: rgba(140,214,0,0.9);
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #fff;
	padding: 2em;
	font-size: .75em
}
@media only screen and (min-width: 501px) and (max-width: 767px) {

.case-study .more-work .info
{
	font-size: 1em
}
}
@media only screen and (min-width: 1024px) {

.case-study .more-work .info
{
	font-size: 1em;
	padding: 3em
}
}

.case-study .more-work .info:hover, .case-study .more-work .info:active
{
	opacity: 1
}

.case-study .more-work .info h2
{
	color: #fff;
	margin: -.5em 0 .25em 0;
	line-height: 1em;
	text-align: left
}

.case-study .more-work .info p.large
{
	color: #fff
}

.case-study .more-work .info a.link
{
	position: absolute;
	bottom: 1.75em;
	left: 1.75em
}
@media only screen and (min-width: 1024px) {

.case-study .more-work .info a.link
{
	bottom: 2.5em;
	left: 2.5em
}
}

.case-study .work-frame
{
	position: relative;
	width: 100%;
	background-color: #fff;
	border-radius: 3px;
	margin: 0 auto;
	border-bottom: .75em solid #343434;
	overflow: hidden
}

.case-study .work-frame img
{
	width: 100%
}

.case-study .work-frame:before
{
	content: "";
	position: absolute;
	top: 0;
	display: block;
	height: 31px;
	width: 100%;
	z-index: 100;
	background-color: #343434;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.case-study .work-frame:after
{
	content: "•••";
	position: absolute;
	top: 13px;
	left: 10px;
	color: #f1f1f1;
	z-index: 110;
	line-height: .18;
	font-size: 2em;
	letter-spacing: 0px
}

.case-study .work-frame.light-theme
{
	border-bottom-color: #f6f6f6
}

.case-study .work-frame.light-theme:before
{
	background-color: #f6f6f6
}

.case-study .work-frame.light-theme:after
{
	color: #343434
}