@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;
}
.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;
    letter-spacing: -0.31em;
}
.grid:after, .articles article:after {
    content: "";
    display: table;
    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/entypod41d.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-sociald41d.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-sociald41d.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: #f88000;
}
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 #f88000;
    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.no-firefox body {
    overflow: hidden !important;
}
.device_iphone, {
	overflow: visible !important;
}
.border {
    position: fixed;
    /*background-color: #e9e9eb;*/
	background-color: #fff;
    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%;
    height: 95px;
    width: 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%;
    height: 95px;
    width: 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%}
	@media only screen and (max-width: 450px) {
.vert-center, .main-menu>div h2, .main-menu>div .block.after p, .home .slider .content, .today .block .content {
	transform: translateX(-12%);
}}
.work .work-list:after {
    content: "";
    display: table;
    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, .logo{
    position: fixed;
    top: 12px;
    right: 12px;
    display: block;
    z-index: 1002;
    cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main-menu-button, .logo {
    top: 16px;
    right: 16px;
}
}@media only screen and (min-width: 1024px) {
    .main-menu-button, .logo {
    top: 20px;
    right: 20px;
}
}.main-menu-button .bar {
    display: block;
    position: absolute;
    width: 40px;
    height: 5px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -20px;
    background-color: #fff;
    -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, -moz-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: -12px;
}
.main-menu-button .bar.bar-3 {
    margin-top: 10px;
}
.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, -webkit-transform 0.15s ease-out 0.25s;
    -moz-transition: margin 0.15s ease-out, opacity 0.15s ease-out, -moz-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: 30% !important;
    left: 50% !important;
    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: 44.5%}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main-menu>div {
    height: 25%}
}@media only screen and (min-width: 1024px) {
    .main-menu>div {
    height: 50%}
.main-menu>div.small {
    font-size: .75em;
}
}.main-menu>div.contact,  {
    height: 35%;
    background-color: #404040;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main-menu>div.contact {
    height: 25%}
}@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: 1200px) {
    .main-menu>div.contact .content p {
    line-height: 1.15em;
}
.main-menu>div.contact .content img {
     width: 45%;
    height: 80%;
    margin: .60em 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: #0dc3ff;
    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: #00a3d9;
    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: #00a3d9;
}
.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;*/
	background-color: #fff;
    padding-top: 35px;
}
footer {
    background-image: url(../img/bg_footer.png);
	background-repeat:no-repeat;
	background-size:cover;
    padding: 7.5% 3%;
    color: #fff;
    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: 767px) {
    footer hr {
    margin: 1em auto;
}
}footer .contact {
    font-size: 1.1em;
}
footer .contact p {
    margin-bottom: 2em;
}
@media only screen and (max-width: 767px) {
    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: 767px) {
    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 0 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;
	background-color: rgba(255, 255, 255, 0.4);
    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;*/
	background-color: #fff;
}
.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: #f88000;
}
.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;
    overflow: hidden;
    -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:before {
    content: "";
    display: block;
    width: 0;
    height: 100%}
.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: 102.5%;
    color: #333;
}
.slider.arrows-out .next {
    right: auto;
    left: 102.5%;
    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: #fafafa;
}
.ie-9 .loading {
    display: none;
}
.loading div {
    width: 80px;
    height: 80px;
    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: 100%;
    position: absolute;
    top: 0;
	left: 0;
    margin-top: -10px;
    margin-left: -15px;
}
@-webkit-keyframes loader {
    0% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
    /*-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);*/
}
15% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
    /*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);*/
}
25% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
   /* -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);*/
  
}
40% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
   /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
}
50% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
   /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
   
}
65% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
    /*-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);*/
}
75% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
   /* -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);*/
   
}
90% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
    /*-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);*/
}
100% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
    /*-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);*/
   
}
}@-moz-keyframes loader {
    0% {
   
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
    /*-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);*/
}
15% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
	-moz-transform:scale(1,1);
    /*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);*/
}
25% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
   /* -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);*/
   
}
40% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
	-moz-transform:scale(1,1);
   /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
}
50% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
   /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
   
}
65% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
	-moz-transform:scale(1,1);
    /*-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);*/
}
75% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
   /* -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);*/
   
}
90% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
	-moz-transform:scale(1,1);
    /*-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);*/
}
100% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
    /*-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);*/
   
}
}@-o-keyframes loader {
    0% {
   
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
    /*-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);*/
}
15% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
    /*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);*/
}
25% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
   /* -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);*/
   
}
40% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
   /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
}
50% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
   /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
   
}
65% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
    /*-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);*/
}
75% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
   /* -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);*/
   
}
90% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
    /*-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);*/
}
100% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
    /*-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);*/
   
}
}@keyframes loader {
    0% {
   
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
    /*-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);*/
}
15% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
    /*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);*/
}
25% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
   /* -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);*/
   
}
40% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
   /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
}
50% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
   /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
   
}
65% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
    /*-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);*/
}
75% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
   /* -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);*/
   
}
90% {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
    /*-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);*/
}
100% {
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
    /*-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);*/
   
}
}.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(../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, .work .intro h1 {
    font-size: 5.5em;
}
}@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;
}
.intro {
    margin-bottom: 0;
    background-position: left top;
}
@media all and (min-width: 1025px) {
    .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, .wrapper h2 {
    color: #ed0091;
    text-align: center;
    margin: 0 0 1.5em 0;
    padding-top: 10%}
/*.about .wrapper h2:after, .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;
    padding-top: 5%}
.about .careers:after {
    content: "";
    display: table;
    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;
    padding-top: 5%}
.about .careers:after {
    content: "";
    display: table;
    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 {
    position: relative;
    z-index: 300;
}
.today .results:after {
    content: "";
    display: table;
    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;
    height: 101%;
    width: 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;
    height: 100%;
    width: 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;
}