.social-links a,
.social-links .stButton,
.main-nav .social-link-list a,
.main-nav .social-link-list .stButton,
.main-nav .credit,
.share-panel .links a,
.share-panel .links .stButton {
    opacity: 0.6;
    transition: opacity 0.3s;
}
.no-touch .social-links a:hover,
.no-touch .social-links .stButton:hover,
.no-touch .main-nav .social-link-list a:hover,
.no-touch .main-nav .social-link-list .stButton:hover,
.no-touch .main-nav .credit:hover,
.no-touch .share-panel .links a:hover,
.no-touch .share-panel .links .stButton:hover {
    opacity: 1;
}
.play-button {
    transition: background-color 0.3s;
}
.no-touch .play-button:hover {
    background-color: rgba(237, 66, 14, 0.8);
}
.social-links .linkedin a,
.social-links .linkedin .stButton,
.social-links .twitter a,
.social-links .twitter .stButton,
.social-links .facebook a,
.social-links .facebook .stButton,
.social-links .behance a,
.social-links .behance .stButton,
.social-links .email a,
.social-links .email .stButton,
.social-links .instagram a,
.social-links .instagram .stButton,
.social-links .pinterest a,
.social-links .pinterest .stButton,
.play-button,
.main-nav .social-link-list .linkedin a,
.main-nav .social-link-list .linkedin .stButton,
.main-nav .social-link-list .twitter a,
.main-nav .social-link-list .twitter .stButton,
.main-nav .social-link-list .facebook a,
.main-nav .social-link-list .facebook .stButton,
.main-nav .social-link-list .behance a,
.main-nav .social-link-list .behance .stButton,
.main-nav .social-link-list .email a,
.main-nav .social-link-list .email .stButton,
.main-nav .social-link-list .instagram a,
.main-nav .social-link-list .instagram .stButton,
.main-nav .social-link-list .pinterest a,
.main-nav .social-link-list .pinterest .stButton,
.main-nav .credit,
.slider .controls a,
.share-panel .links .linkedin a,
.share-panel .links .linkedin .stButton,
.share-panel .links .twitter a,
.share-panel .links .twitter .stButton,
.share-panel .links .facebook a,
.share-panel .links .facebook .stButton,
.share-panel .links .behance a,
.share-panel .links .behance .stButton,
.share-panel .links .email a,
.share-panel .links .email .stButton,
.share-panel .links .instagram a,
.share-panel .links .instagram .stButton,
.share-panel .links .pinterest a,
.share-panel .links .pinterest .stButton {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
}
.square-grid:before,
.text-section .columns:before,
.contact-form #contact-form:before,
.square-grid:after,
.text-section .columns:after,
.contact-form #contact-form:after {
    content: "";
    display: table;
}
.square-grid:after,
.text-section .columns:after,
.contact-form #contact-form:after {
    clear: both;
}
.hero-section,
.square-grid a.square,
.media-section .media.image,
.main-nav,
.loader:before,
.loader:after,
.work-hero .images .layer,
.expertise-area .less,
.expertise-video .image,
.culture-hero .image,
.text-section.office-listing .map {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.video-container iframe,
.video-container embed,
.video-container object,
.hero-section .outer,
.square-grid .outer,
.media-section .media,
.main-header .text span,
.main-nav,
.slider .slides,
.slider .slides > *,
.share-panel,
.loader:before,
.loader:after,
.work-hero .images,
.work-hero .images .layer,
.work-hero .loading-overlay,
.expertise-area .less,
.expertise-area .less:after,
.expertise-area .interlay,
.expertise-area .more > .outer,
.expertise-video .image,
.expertise-video .video,
.expertise-video .image:after,
.expertise-video .video .video-container,
.culture-hero .image,
.culture-hero .video,
.culture-hero .video .video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero-section .outer,
.main-nav .outer,
.share-panel .outer,
.expertise-area .less .outer {
    display: table;
    box-sizing: content-box;
    width: 100%;
}
.hero-section .outer > .inner,
.main-nav .outer > .inner,
.share-panel .outer > .inner,
.expertise-area .less .outer > .inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
html,
body {
    height: 100%;
    -webkit-animation: expand 2s;
}
html {
    /*background-color: #191919;*/
    color: #fff;
    font-family: GabrielSansCondLight;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 0.9;
    font-weight: 900;
    letter-spacing: 0.006em;
    text-transform: uppercase;
}
@media (max-width: 639px) {
    h1 {
        font-size: 32px;
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    h1 {
        font-size: 45px;
    }
}
@media (min-width: 1024px) {
    h1 {
        font-size: 60px;
    }
}
@media (max-width: 639px) {
    h2 {
        font-size: 27px;
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    h2 {
        font-size: 38px;
    }
}
@media (min-width: 1024px) {
    h2 {
        font-size: 50px;
        text-align: center;
    }
}
ul,
ol {
    list-style: none;
    font-weight: 300;
}
ul li,
ol li {
    line-height: 1.38;
}
a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
p {
    font-weight: 300;
    line-height: 1.38;
}
.strapline {
    font-weight: 400;
    line-height: 1.25;
}
.wrapper {
    max-width: 1080px;
    margin: 0 auto;
}
@media (max-width: 1023px) {
    .social-links,
    .hero-section .inner,
    .square-grid-container > .heading,
    .text-section .wrapper,
    .share-panel .inner,
    .expertise-area .less .inner,
    .expertise-area .more > .outer > .inner,
    .job-item__wrapper {
        padding: 80px 40px;
    }
}
@media (min-width: 1024px) {
    .social-links,
    .hero-section .inner,
    .square-grid-container > .heading,
    .text-section .wrapper,
    .share-panel .inner,
    .expertise-area .less .inner,
    .expertise-area .more > .outer > .inner,
    .job-item__wrapper {
        padding: 140px 80px;
    }
}
.main-nav,
.share-panel {
    display: block;
    position: fixed;
    z-index: 150;
    background-color: #000;
    color: #fff;
    text-align: center;
}
.video-container {
    position: relative;
}
.video-container iframe,
.video-container embed,
.video-container object {
    display: block;
    border: 0;
}
.nice-text p,
.nice-text-columns p,
.nice-text ul,
.nice-text-columns ul,
.nice-text ol,
.nice-text-columns ol {
    margin: 1.5em 0;
}
.nice-text p:first-child,
.nice-text-columns p:first-child,
.nice-text ul:first-child,
.nice-text-columns ul:first-child,
.nice-text ol:first-child,
.nice-text-columns ol:first-child {
    margin-top: 0;
}
.nice-text p:last-child,
.nice-text-columns p:last-child,
.nice-text ul:last-child,
.nice-text-columns ul:last-child,
.nice-text ol:last-child,
.nice-text-columns ol:last-child {
    margin-bottom: 0;
}
.nice-text ul,
.nice-text-columns ul,
.nice-text ol,
.nice-text-columns ol {
    margin-left: 1.5em;
}
.nice-text ul,
.nice-text-columns ul {
    list-style-type: square;
}
.nice-text ol,
.nice-text-columns ol {
    list-style-type: decimal;
}
.nice-text li,
.nice-text-columns li {
    margin: 0.3em 0;
}
.nice-text a,
.nice-text-columns a {
    color: #ed420e;
}
.no-touch .nice-text a:hover,
.no-touch .nice-text-columns a:hover {
    text-decoration: underline;
}
.nice-text .lead-paragraph,
.nice-text-columns .lead-paragraph {
    color: #777;
    font-size: 26px;
    line-height: 1.2;
}
.nice-text img,
.nice-text-columns img {
    max-width: 100% !important;
    height: auto !important;
}
@media (min-width: 1024px) {
    .nice-text-columns {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 80px;
        column-gap: 80px;
    }
    .nice-text-columns p,
    .nice-text-columns li {
        -webkit-column-break-inside: avoid;
        break-inside: avoid-column;
    }
}
.social-links {
    text-align: center;
}
.social-links > .heading {
    color: #777;
}
.social-links .social-link-list {
    margin-top: 40px;
}
.social-links li {
    display: inline-block;
}
.social-links li + li {
    margin-left: 5px;
}
.social-links a {
    display: block;
}
@media (max-width: 1023px) {
    .social-links a,
    .social-links .stButton {
        display: block;
        width: 40px;
        height: 40px;
    }
    .social-links .linkedin a,
    .social-links .linkedin .stButton {
        background-image: url("../img/sprites.svg");
        background-position: 0 0;
        background-size: 400px auto;
    }
    .social-links .twitter a,
    .social-links .twitter .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -50px 0;
        background-size: 400px auto;
    }
    .social-links .facebook a,
    .social-links .facebook .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -100px 0;
        background-size: 400px auto;
    }
    .social-links .behance a,
    .social-links .behance .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -150px 0;
        background-size: 400px auto;
    }
    .social-links .email a,
    .social-links .email .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -200px 0;
        background-size: 400px auto;
    }
    .social-links .instagram a,
    .social-links .instagram .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -200px -50px;
        background-size: 400px auto;
    }
    .social-links .pinterest a,
    .social-links .pinterest .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -200px -100px;
        background-size: 400px auto;
    }
}
@media (min-width: 1024px) {
    .social-links a,
    .social-links .stButton {
        display: block;
        width: 70px;
        height: 70px;
    }
    .social-links .linkedin a,
    .social-links .linkedin .stButton {
        background-image: url("../img/sprites.svg");
        background-position: 0 0;
        background-size: 700px auto;
    }
    .social-links .twitter a,
    .social-links .twitter .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -87.5px 0;
        background-size: 700px auto;
    }
    .social-links .facebook a,
    .social-links .facebook .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -175px 0;
        background-size: 700px auto;
    }
    .social-links .behance a,
    .social-links .behance .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -262.5px 0;
        background-size: 700px auto;
    }
    .social-links .email a,
    .social-links .email .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -350px 0;
        background-size: 700px auto;
    }
    .social-links .instagram a,
    .social-links .instagram .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -350px -87.5px;
        background-size: 700px auto;
    }
    .social-links .pinterest a,
    .social-links .pinterest .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -350px -175px;
        background-size: 700px auto;
    }
}
.hero-section {
    position: relative;
    height: 100%;
    min-height: 400px;
    overflow: hidden;
    text-align: center;
}
.hero-section .outer {
    background-color: rgba(25, 25, 25, 0.3);
}
@media (max-width: 1023px) {
    .hero-section .inner {
        padding-bottom: 120px;
    }
}
@media (min-width: 1024px) {
    .hero-section .inner {
        padding-bottom: 140px;
    }
}
.hero-section .heading {
    font-size: 170px;
}
@media (max-height: 767px) {
    .hero-section .heading {
        font-size: 70px;
    }
}
@media (min-height: 768px) and (max-height: 899px) {
    .hero-section .heading {
        font-size: 100px;
    }
}
@media (max-width: 1023px) {
    .hero-section .heading {
        font-size: 35px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .hero-section .heading {
        font-size: 70px;
    }
}
@media (max-width: 1023px) {
    .hero-section .strapline {
        display: none;
    }
}
@media (min-width: 1024px) {
    .hero-section .strapline {
        margin-top: 30px;
        font-size: 21px;
    }
}
.hero-section .button,
.hero-section .play-button {
    margin-top: 40px;
}
[jdo-in-view] {
    transition: -webkit-transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}
.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.tile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-items: stretch;
    -ms-flex-pack: normal;
    justify-content: normal;
}
.tile > li {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.tile-2 > li {
    width: calc(100% / 2);
}
@media (max-width: 639px) {
    .tile-2--mobile > li {
        width: calc(100% / 2);
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .tile-2--tab > li {
        width: calc(100% / 2);
    }
}
@media (min-width: 1024px) {
    .tile-2--desktop > li {
        width: calc(100% / 2);
    }
}
.tile-3 > li {
    width: calc(100% / 3);
}
@media (max-width: 639px) {
    .tile-3--mobile > li {
        width: calc(100% / 3);
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .tile-3--tab > li {
        width: calc(100% / 3);
    }
}
@media (min-width: 1024px) {
    .tile-3--desktop > li {
        width: calc(100% / 3);
    }
}
.button,
.share-button {
    display: inline-block;
    padding: 2.30769em 3.07692em;
    line-height: 1;
    background-color: #fff;
    color: #191919;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
}
@media (max-width: 1023px) {
    .button,
    .share-button {
        font-size: 11px;
    }
}
@media (min-width: 1024px) {
    .button,
    .share-button {
        font-size: 13px;
    }
}
.no-touch .button:hover,
.no-touch .share-button:hover {
    background-color: rgba(237, 66, 14, 0.8) !important;
    color: #fff !important;
}
.no-touch .button:hover:before,
.no-touch .share-button:hover:before,
.no-touch .button:hover:after,
.no-touch .share-button:hover:after {
    border-color: #fff;
}
.button.back:before,
.share-button.back:before,
.button.forward:after,
.share-button.forward:after {
    content: "";
    display: inline-block;
    vertical-align: 0%;
    width: 0.61538em;
    height: 0.61538em;
    border-left: 0.09em solid #191919;
    border-bottom: 0.09em solid #191919;
    transition: border-color 0.3s;
}
.button.back:before,
.share-button.back:before {
    margin-right: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.button.forward:after,
.share-button.forward:after {
    margin-left: 8px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.text-section .button,
.culture-content .buttons .button {
    background-color: #191919;
    color: #fff;
}
.text-section .button:before,
.culture-content .buttons .button:before,
.text-section .button:after,
.culture-content .buttons .button:after {
    border-color: #fff;
}
.share-button {
    padding: 0;
    background-color: transparent;
}
.no-touch .share-button:hover {
    background-color: transparent !important;
    color: #ed420e !important;
}
.no-touch .share-button:hover:after {
    border-color: #ed420e;
}
.icon-text-button,
.close-button,
.main-header {
    display: block;
    background-color: transparent;
    color: #fff;
    transition: background-color 0.3s, -webkit-transform 0.8s;
    transition: background-color 0.3s, transform 0.8s;
}
.icon-text-button .icon,
.close-button .icon,
.main-header .icon,
.icon-text-button .text,
.close-button .text,
.main-header .text {
    position: relative;
}
@media (max-width: 1023px) {
    .icon-text-button,
    .close-button,
    .main-header {
        width: 100px;
    }
    .icon-text-button .icon,
    .close-button .icon,
    .main-header .icon {
        height: 70px;
    }
}
@media (min-width: 1024px) {
    .icon-text-button,
    .close-button,
    .main-header {
        width: 100px;
    }
    .icon-text-button .icon,
    .close-button .icon,
    .main-header .icon {
        height: 50px;
    }
}
.no-touch .icon-text-button:hover,
.no-touch .close-button:hover,
.no-touch .main-header:hover {
    background-color: rgba(237, 66, 14, 0.8);
}
.icon-text-button .text,
.close-button .text,
.main-header .text {
    height: 25px;
    line-height: 25px;
    background-color: rgba(255, 255, 255, 0.095);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}
@media (max-width: 1023px) {
    .icon-text-button .text,
    .close-button .text,
    .main-header .text {
        font-size: 9px;
    }
}
@media (min-width: 1024px) {
    .icon-text-button .text,
    .close-button .text,
    .main-header .text {
        font-size: 10px;
    }
}
.close-button {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
}
.close-button .icon:after {
    content: "";
    position: absolute;
    top: 48%;
    left: 33%;
    width: 34%;
    height: 4%;
    background-color: #fff;
}
@media (max-width: 1279px) {
    .headroom--unpinned .close-button.page-close {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}
.arrow-button,
.scroll-down-button,
.slider .controls a {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    overflow: hidden;
}
.arrow-button span,
.scroll-down-button span,
.slider .controls a span {
    content: "";
    position: absolute;
    top: 62.5%;
    left: 50%;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.04em solid #fff;
    border-left: 0.04em solid #fff;
    margin: -0.2em;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}
.arrow-button.up,
.scroll-down-button.up,
.slider .controls a.up {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.arrow-button.right,
.scroll-down-button.right,
.slider .controls a.right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.arrow-button.down,
.scroll-down-button.down,
.slider .controls a.down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.arrow-button.left,
.scroll-down-button.left,
.slider .controls a.left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.scroll-down-button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    left: 50%;
    font-size: 80px;
    margin-left: -40px;
}
@media (max-width: 1023px) {
    .scroll-down-button {
        bottom: 0;
    }
}
@media (min-width: 1024px) {
    .scroll-down-button {
        bottom: 20px;
    }
}
.play-button {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: #191919;
}
.play-button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 0.16666666666666666em solid transparent;
    border-right: 0;
    border-bottom: 0.16666666666666666em solid transparent;
    border-left: 0.25em solid #fff;
    margin-top: -0.16666666666666666em;
    margin-left: -0.125em;
}
.square-grid-container > .heading {
    color: #777;
    text-align: center;
}
.square-grid {
    color: #fff;
    text-align: center;
}
.square-grid li {
    float: left;
    -webkit-animation-name: square-grid-li-in;
    animation-name: square-grid-li-in;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.square-grid li:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.square-grid li:nth-child(2) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}
.square-grid li:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.square-grid li:nth-child(4) {
    -webkit-animation-delay: 0.44999999999999996s;
    animation-delay: 0.44999999999999996s;
}
.square-grid li:nth-child(5) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.square-grid li:nth-child(6) {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}
.square-grid li:nth-child(7) {
    -webkit-animation-delay: 0.8999999999999999s;
    animation-delay: 0.8999999999999999s;
}
.square-grid li:nth-child(8) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s;
}
.square-grid li:nth-child(9) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
@media (max-width: 799px) {
    .square-grid li {
        width: 100%;
    }
}
@media (min-width: 800px) and (max-width: 1199px) {
    .square-grid li {
        width: 50%;
    }
}
@media (min-width: 1200px) {
    .square-grid li {
        width: 33.33333%;
    }
}
@media (max-width: 399px) {
    .square-grid li {
        font-size: 35px;
    }
}
@media (min-width: 400px) {
    .square-grid li {
        font-size: 50px;
    }
}
.square-grid .square {
    position: relative;
    height: 0;
    padding-bottom: 100%;
}
.square-grid .outer:before,
.square-grid .outer .inner {
    display: inline-block;
    vertical-align: middle;
}
.square-grid .outer:before {
    content: "";
    width: 1px;
    height: 99%;
    margin-right: -5px;
}
.square-grid .outer .inner {
    width: 90%;
}
.square-grid .heading {
    font-size: 1em;
}
.square-grid a.square {
    display: block;
}
.square-grid a.square .outer {
    background-color: rgba(25, 25, 25, 0.8);
    transition: background-color 0.3s;
}
.no-touch .square-grid a.square:hover .outer {
    background-color: rgba(25, 25, 25, 0.3);
}
@media (max-width: 799px) {
    .square-grid.single-row li {
        width: 100%;
    }
}
@media (min-width: 800px) {
    .square-grid.single-row li {
        width: 33.33333%;
    }
}
@media (min-width: 800px) and (max-width: 959px) {
    .square-grid.single-row li {
        font-size: 30px;
    }
}
@media (min-width: 960px) and (max-width: 1199px) {
    .square-grid.single-row li {
        font-size: 35px;
    }
}
@media (min-width: 1200px) {
    .square-grid.single-row li {
        font-size: 50px;
    }
}
@-webkit-keyframes square-grid-li-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes square-grid-li-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.text-section {
    background-color: #fff;
    color: #191919;
}
@media (max-width: 1023px) {
    .text-section .columns {
        margin-top: 40px;
    }
}
@media (min-width: 1024px) {
    .text-section .columns {
        margin-top: 80px;
    }
}
@media (max-width: 1023px) {
    .text-section .column + .column {
        margin-top: 40px;
    }
}
@media (min-width: 1024px) {
    .text-section .column {
        float: left;
    }
    .text-section .column.large {
        width: 65%;
    }
    .text-section .column.small {
        margin-left: 10%;
        width: 25%;
    }
}
.text-section .column :first-child {
    margin-top: 0;
}
.text-section .column :last-child {
    margin-bottom: 0;
}
.media-section {
    position: relative;
    height: 0;
    padding-bottom: 62.5%;
    overflow: hidden;
    background-color: #191919;
}
@media (max-width: 1023px) {
    .media-section .media.image {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
}
@media (min-width: 1024px) {
    .media-section .media.image {
        height: calc(100% + 400px);
        -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transform: translateY(-200px);
    }
}
.generic-text-with-image {
    position: relative;
    background-color: #fff;
}
@media (min-width: 1024px) {
    .generic-text-with-image {
        height: 100%;
    }
    .generic-text-with-image .text-section,
    .generic-text-with-image .media-section {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
    }
    .generic-text-with-image .text-section {
        left: 0;
    }
    .touch .generic-text-with-image .text-section {
        overflow-y: scroll;
    }
    .no-touch .generic-text-with-image .text-section {
        overflow-y: auto;
    }
    .generic-text-with-image .media-section {
        right: 0;
        padding: 0;
    }
}
.generic-quote q {
    color: #777;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 300;
}
.generic-quote q:before {
    content: "\201C";
}
.generic-quote q:after {
    content: "\201D";
}
.generic-quote .columns {
    margin-top: 0;
}
.generic-quote .columns + .columns {
    margin-top: 40px;
}
@media (max-width: 1023px) {
    .generic-quote .columns + .columns .small {
        margin-top: 30px;
    }
}
.generic-quote .author {
    margin-top: 1.875em;
    font-weight: 900;
    text-transform: uppercase;
}
.main-header {
    position: absolute;
    z-index: 200;
    right: 25px;
    top: 45px;
}
.main-header .icon canvas {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s;
}
.main-header .icon canvas.ready {
    opacity: 1;
}
.main-header .text {
    overflow: hidden;
}
.main-header .text span {
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
}
.main-header .text .close {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
.show-main-nav .main-header .text .open {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.show-main-nav .main-header .text .close {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
@media (max-width: 1279px) {
    .headroom--unpinned .main-header {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@media (max-width: 1023px) {
    .expertise-area .more > .outer > .inner,
    .legal-page .wrapper {
        padding-top: 135px;
    }
}
@media (min-width: 1024px) {
    .expertise-area .more > .outer > .inner,
    .legal-page .wrapper {
        padding-top: 165px;
    }
}
.main-nav {
    z-index: 151;
    color: #fff;
    text-transform: uppercase;
    animation: expand 2s linear;
    -webkit-animation: expand 2s linear;
}
@keyframes expand{
    0%{height:0px}
    100%{height:100vh}
}
@-webkit-keyframes expand{
    0%{height:0px}
    100%{height:100vh}
}
.touch .main-nav {
    overflow-y: scroll;
}
.no-touch .main-nav {
    overflow-y: auto;
}
.cssfilters .main-nav.has-hover .links li:not(.hover),
.cssfilters .main-nav.has-hover .social-link-list,
.cssfilters .main-nav.has-hover .info {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}
.no-cssfilters .main-nav.has-hover .links li:not(.hover),
.no-cssfilters .main-nav.has-hover .social-link-list,
.no-cssfilters .main-nav.has-hover .info {
    opacity: 0.2;
}
.main-nav .outer {
    position: relative;
    min-height: 100%;
}
.main-nav .inner {
    padding: 80px 0;
}
@media (max-width: 639px) {
    .main-nav .inner {
        padding: 30px 0;
        position: fixed;
        margin-top: 50%;
    }
}
.main-nav .links {
    display: inline-block;
    min-width: 10em;
    margin-bottom: 0em;
    line-height: 1;
    font-weight: 100;
}

@media (max-width: 639px) {
    .main-nav .links {
        font-size: 40px;
        margin-bottom: 0;
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .main-nav .links {
        font-size: 80px;
        margin-top: 8%;
    }
}
@media (min-width: 1024px) {
    .main-nav .links {
        font-size: 60px;
        margin-top: 7%;
    }
}
.main-nav .links li {
    height: 2em;
    line-height: 1.6em;
    overflow: hidden;
}
.main-nav .links a {
    display: block;
    transition: font-size 0.3s, color 0.3s;
}
.main-nav .links .active a,
.main-nav .links .hover a {
    color: #fff;
}
.main-nav .links .hover a {
    font-size: 1.5em;
}
@media (max-width: 639px) {
    .main-nav .social-link-list {
        margin-bottom: 80px;
    }
}
.main-nav .social-link-list li {
    display: inline-block;
}
.main-nav .social-link-list li + li {
    margin-left: 5px;
}
.main-nav .social-link-list a,
.main-nav .social-link-list .stButton {
    display: block;
    width: 40px;
    height: 40px;
}
.main-nav .social-link-list .linkedin a,
.main-nav .social-link-list .linkedin .stButton {
    background-image: url("../img/sprites.svg");
    background-position: 0 0;
    background-size: 400px auto;
}
.main-nav .social-link-list .twitter a,
.main-nav .social-link-list .twitter .stButton {
    background-image: url("../img/sprites.svg");
    background-position: -50px 0;
    background-size: 400px auto;
}
.main-nav .social-link-list .facebook a,
.main-nav .social-link-list .facebook .stButton {
    background-image: url("../img/sprites.svg");
    background-position: -100px 0;
    background-size: 400px auto;
}
.main-nav .social-link-list .behance a,
.main-nav .social-link-list .behance .stButton {
    background-image: url("../img/sprites.svg");
    background-position: -150px 0;
    background-size: 400px auto;
}
.main-nav .social-link-list .email a,
.main-nav .social-link-list .email .stButton {
    background-image: url("../img/sprites.svg");
    background-position: -200px 0;
    background-size: 400px auto;
}
.main-nav .social-link-list .instagram a,
.main-nav .social-link-list .instagram .stButton {
    background-image: url("../img/sprites.svg");
    background-position: -200px -50px;
    background-size: 400px auto;
}
.main-nav .social-link-list .pinterest a,
.main-nav .social-link-list .pinterest .stButton {
    background-image: url("../img/sprites.svg");
    background-position: -200px -100px;
    background-size: 400px auto;
}
.main-nav .legal-link-list li {
    display: inline-block;
}
.main-nav .legal-link-list a {
    transition: font-size 0.3s, color 0.3s;
}
.main-nav .legal-link-list .active a,
.main-nav .legal-link-list a:hover {
    color: #fff;
}
.main-nav .info {
    position: absolute;
    bottom: 36px;
    left: 0;
    width: 100%;
    color: #888;
    font-size: 12px;
}
.main-nav .info li + li:before {
    content: "|";
    margin-right: 1.66666em;
    margin-left: 1.66666em;
}
.main-nav .info p,
.main-nav .info ul {
    display: inline-block;
    color: #888;
    font-size: 12px;
}
@media (max-width: 639px) {
    .main-nav .info p,
    .main-nav .info ul {
        display: block;
        margin-bottom: 5px;
    }
}
.main-nav .info p {
    margin-right: 1.66666em;
}
@media (max-width: 639px) {
    .main-nav .info p {
        margin-right: 0;
    }
}
.main-nav .credit {
    display: inline-block;
    vertical-align: text-bottom;
    width: 16px;
    height: 16px;
    background-image: url("../img/sprites.svg");
    background-position: -250px 0;
    background-size: 400px auto;
    margin-left: 1.66666em;
}
@media (max-width: 639px) {
    .main-nav .credit {
        margin-left: 0;
    }
}
.show-main-nav {
    overflow: hidden;
}
.button,
.share-button {
    display: inline-block;
    padding: 2.30769em 3.07692em;
    line-height: 1;
    background-color: #fff;
    color: #191919;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
}
@media (max-width: 1023px) {
    .button,
    .share-button {
        font-size: 11px;
    }
}
@media (min-width: 1024px) {
    .button,
    .share-button {
        font-size: 13px;
    }
}
.no-touch .button:hover,
.no-touch .share-button:hover {
    background-color: rgba(237, 66, 14, 0.8) !important;
    color: #fff !important;
}
.no-touch .button:hover:before,
.no-touch .share-button:hover:before,
.no-touch .button:hover:after,
.no-touch .share-button:hover:after {
    border-color: #fff;
}
.button.back:before,
.share-button.back:before,
.button.forward:after,
.share-button.forward:after {
    content: "";
    display: inline-block;
    vertical-align: 0%;
    width: 0.61538em;
    height: 0.61538em;
    border-left: 0.09em solid #191919;
    border-bottom: 0.09em solid #191919;
    transition: border-color 0.3s;
}
.button.back:before,
.share-button.back:before {
    margin-right: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.button.forward:after,
.share-button.forward:after {
    margin-left: 8px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.culture-content .buttons .button {
    background-color: #191919;
    color: #fff;
}
.culture-content .buttons .button:before,
.culture-content .buttons .button:after {
    border-color: #fff;
}
.share-button {
    padding: 0;
    background-color: transparent;
}
.no-touch .share-button:hover {
    background-color: transparent !important;
    color: #ed420e !important;
}
.no-touch .share-button:hover:after {
    border-color: #ed420e;
}
.icon-text-button,
.close-button {
    display: block;
    background-color: #0c0c0c;
    color: #fff;
    transition: background-color 0.3s, -webkit-transform 0.8s;
    transition: background-color 0.3s, transform 0.8s;
}
.icon-text-button .icon,
.close-button .icon,
.icon-text-button .text,
.close-button .text {
    position: relative;
}
@media (max-width: 1023px) {
    .icon-text-button,
    .close-button {
        width: 70px;
    }
    .icon-text-button .icon,
    .close-button .icon {
        height: 70px;
    }
}
@media (min-width: 1024px) {
    .icon-text-button,
    .close-button {
        width: 100px;
    }
    .icon-text-button .icon,
    .close-button .icon {
        height: 100px;
    }
}
.no-touch .icon-text-button:hover,
.no-touch .close-button:hover {
    background-color: rgba(237, 66, 14, 0.8);
}
.icon-text-button .text,
.close-button .text {
    height: 25px;
    line-height: 25px;
    background-color: rgba(255, 255, 255, 0.095);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}
@media (max-width: 1023px) {
    .icon-text-button .text,
    .close-button .text {
        font-size: 9px;
    }
}
@media (min-width: 1024px) {
    .icon-text-button .text,
    .close-button .text {
        font-size: 10px;
    }
}
.close-button {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
}
.close-button .icon:after {
    content: "";
    position: absolute;
    top: 48%;
    left: 33%;
    width: 34%;
    height: 4%;
    background-color: #fff;
}
@media (max-width: 1279px) {
    .headroom--unpinned .close-button.page-close {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}
.arrow-button,
.scroll-down-button,
.slider .controls a {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    overflow: hidden;
}
.arrow-button span,
.scroll-down-button span,
.slider .controls a span {
    content: "";
    position: absolute;
    top: 62.5%;
    left: 50%;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.04em solid #fff;
    border-left: 0.04em solid #fff;
    margin: -0.2em;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}
.arrow-button.up,
.scroll-down-button.up,
.slider .controls a.up {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.arrow-button.right,
.scroll-down-button.right,
.slider .controls a.right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.arrow-button.down,
.scroll-down-button.down,
.slider .controls a.down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.arrow-button.left,
.scroll-down-button.left,
.slider .controls a.left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.scroll-down-button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    left: 50%;
    font-size: 80px;
    margin-left: -40px;
}
@media (max-width: 1023px) {
    .scroll-down-button {
        bottom: 0;
    }
}
@media (min-width: 1024px) {
    .scroll-down-button {
        bottom: 20px;
    }
}
.play-button {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: #191919;
}
.play-button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 0.16666666666666666em solid transparent;
    border-right: 0;
    border-bottom: 0.16666666666666666em solid transparent;
    border-left: 0.25em solid #fff;
    margin-top: -0.16666666666666666em;
    margin-left: -0.125em;
}
.slider {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.slider .slides {
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slider .slides > * {
    display: none;
}
.slider .slides > *:first-child {
    display: block;
}
.slider .controls {
    position: absolute;
    z-index: 2;
}
@media (max-width: 1023px) {
    .slider .controls {
        bottom: 20px;
        left: 50%;
        width: 140px;
        height: 40px;
        margin-left: -70px;
    }
    .slider .controls > * {
        float: left;
    }
}
@media (min-width: 1024px) {
    .slider .controls {
        right: 40px;
        top: 50%;
        width: 40px;
        height: 140px;
        margin-top: -70px;
    }
}
.slider .controls a {
    display: block;
    font-size: 40px;
}
@media (max-width: 1023px) {
    .slider .controls .previous {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}
@media (min-width: 1024px) {
    .slider .controls .previous {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}
@media (max-width: 1023px) {
    .slider .controls .next {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@media (min-width: 1024px) {
    .slider .controls .next {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
.slider .controls .paging {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    text-align: center;
    transition: color 0.8s;
}
@media (max-width: 1023px) {
    .slider .controls .paging {
        width: 60px;
        height: 40px;
        line-height: 40px;
    }
}
@media (min-width: 1024px) {
    .slider .controls .paging {
        height: 60px;
        line-height: 60px;
    }
}
@media (min-width: 1024px) {
    .slider .work-hero .outer .inner,
    .expertise-area .less .inner {
        padding-left: 120px;
        padding-right: 120px;
    }
}
.touch .share-panel {
    overflow-y: scroll;
}
.no-touch .share-panel {
    overflow-y: auto;
}
.share-panel .outer {
    min-height: 100%;
}
@media (max-width: 1023px) {
    .share-panel .strapline,
    .share-panel .links,
    .share-panel .button {
        margin-top: 20px;
    }
}
@media (min-width: 1024px) {
    .share-panel .strapline,
    .share-panel .links,
    .share-panel .button {
        margin-top: 40px;
    }
}
.share-panel .strapline {
    color: #777;
    font-size: 21px;
    line-height: 1.2;
}
.share-panel .links > span {
    display: inline-block;
}
.share-panel .links > span + span {
    margin-left: 5px;
}
.share-panel .links .stButton {
    margin: 0;
}
.share-panel .links .stLarge {
    display: none;
}
@media (max-width: 1023px) {
    .share-panel .links a,
    .share-panel .links .stButton {
        display: block;
        width: 40px;
        height: 40px;
    }
    .share-panel .links .linkedin a,
    .share-panel .links .linkedin .stButton {
        background-image: url("../img/sprites.svg");
        background-position: 0 0;
        background-size: 400px auto;
    }
    .share-panel .links .twitter a,
    .share-panel .links .twitter .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -50px 0;
        background-size: 400px auto;
    }
    .share-panel .links .facebook a,
    .share-panel .links .facebook .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -100px 0;
        background-size: 400px auto;
    }
    .share-panel .links .behance a,
    .share-panel .links .behance .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -150px 0;
        background-size: 400px auto;
    }
    .share-panel .links .email a,
    .share-panel .links .email .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -200px 0;
        background-size: 400px auto;
    }
    .share-panel .links .instagram a,
    .share-panel .links .instagram .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -200px -50px;
        background-size: 400px auto;
    }
    .share-panel .links .pinterest a,
    .share-panel .links .pinterest .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -200px -100px;
        background-size: 400px auto;
    }
}
@media (min-width: 1024px) {
    .share-panel .links a,
    .share-panel .links .stButton {
        display: block;
        width: 70px;
        height: 70px;
    }
    .share-panel .links .linkedin a,
    .share-panel .links .linkedin .stButton {
        background-image: url("../img/sprites.svg");
        background-position: 0 0;
        background-size: 700px auto;
    }
    .share-panel .links .twitter a,
    .share-panel .links .twitter .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -87.5px 0;
        background-size: 700px auto;
    }
    .share-panel .links .facebook a,
    .share-panel .links .facebook .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -175px 0;
        background-size: 700px auto;
    }
    .share-panel .links .behance a,
    .share-panel .links .behance .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -262.5px 0;
        background-size: 700px auto;
    }
    .share-panel .links .email a,
    .share-panel .links .email .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -350px 0;
        background-size: 700px auto;
    }
    .share-panel .links .instagram a,
    .share-panel .links .instagram .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -350px -87.5px;
        background-size: 700px auto;
    }
    .share-panel .links .pinterest a,
    .share-panel .links .pinterest .stButton {
        background-image: url("../img/sprites.svg");
        background-position: -350px -175px;
        background-size: 700px auto;
    }
}
.show-share-panel {
    overflow: hidden;
}
.loader {
    position: relative;
    width: 1em;
    height: 1em;
}
.loader:before,
.loader:after {
    content: "";
    background-image: url("data:image/png;base64,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");
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0.3;
}
.loader:before {
    -webkit-animation-name: loader-circle-1;
    animation-name: loader-circle-1;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
}
.loader:after {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-animation-name: loader-circle-2;
    animation-name: loader-circle-2;
    -webkit-animation-duration: 2.4s;
    animation-duration: 2.4s;
}
@-webkit-keyframes loader-circle-1 {
    from {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loader-circle-1 {
    from {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@-webkit-keyframes loader-circle-2 {
    from {
        -webkit-transform: rotate(0) scaleX(-1);
        transform: rotate(0) scaleX(-1);
    }
    to {
        -webkit-transform: rotate(-360deg) scaleX(-1);
        transform: rotate(-360deg) scaleX(-1);
    }
}
@keyframes loader-circle-2 {
    from {
        -webkit-transform: rotate(0) scaleX(-1);
        transform: rotate(0) scaleX(-1);
    }
    to {
        -webkit-transform: rotate(-360deg) scaleX(-1);
        transform: rotate(-360deg) scaleX(-1);
    }
}
.work-hero {
    background-color: #191919;
}
.work-hero .images {
    z-index: 1;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.8s;
}
.work-hero .images .layer {
    box-sizing: content-box;
    padding: 50px 200px;
    margin: -50px -200px;
}
.work-hero .images .background {
    z-index: 1;
}
.work-hero .images .back-image {
    z-index: 2;
}
.work-hero .images .front-image {
    z-index: 3;
}
.work-hero .outer {
    z-index: 2;
}
.work-hero .scroll-down-button {
    z-index: 3;
}
.work-hero .loading-overlay {
    z-index: 4;
    background-color: #191919;
}
.work-hero .loading-overlay .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    margin: -25px;
}
.work-hero.ready .images {
    opacity: 1;
}
.work-hero.ready .loading-overlay {
    display: none;
}
.splash-screen .heading {
    max-width: 1200px;
    margin: 0 auto;
}
@media (min-width: 1024px) and (min-height: 768px) {
    .splash-screen .heading {
        font-size: 100px;
    }
}
@media (max-height: 399px) {
    .splash-screen .inner {
        padding-top: 50px;
    }
    .splash-screen .button {
        display: none;
    }
}
.project-intro h1,
.project-intro .strapline {
    text-align: center;
}
.project-intro .strapline {
    margin-top: 40px;
    color: #777;
    font-size: 21px;
}
.project-intro .details {
    color: #777;
}
.project-intro .details li {
    margin-top: 0.125em;
}
.project-intro .details strong {
    color: #191919;
    font-weight: 900;
    text-transform: uppercase;
}
@media (max-width: 1023px) {
    .project-intro .share-button {
        margin-top: 30px;
    }
}
@media (min-width: 1024px) {
    .project-intro .share-button {
        margin-top: 60px;
    }
}
.expertise-area {
    overflow: hidden;
    background-color: #191919;
}
.expertise-area .less {
    z-index: 1;
    background-color: #191919;
    text-align: center;
}
@media (max-width: 1024px) {
    .expertise-area .less {
        transition: opacity 0.8s;
    }
}
@media (min-width: 1025px) {
    .no-cssfilters .expertise-area .less {
        transition: opacity 0.8s;
    }
}
.expertise-area .less:after {
    content: "";
    z-index: 1;
    background-color: rgba(25, 25, 25, 0.3);
}
.expertise-area .less .outer {
    position: relative;
    z-index: 2;
    height: 100%;
    transition: opacity 0.8s;
}
@media (min-width: 1024px) {
    .expertise-area .less .heading {
        font-size: 100px;
    }
}
.expertise-area .less .button {
    margin-top: 40px;
}
.expertise-area .interlay {
    display: none;
    z-index: 2;
    cursor: zoom-out;
}
.expertise-area .more {
    display: none;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #191919;
}
@media (max-width: 1023px) {
    .expertise-area .more {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .expertise-area .more {
        width: 50%;
        min-width: 800px;
    }
    .expertise-area .more .projects .heading {
        font-size: 38px;
    }
}
.expertise-area .more > .outer {
    z-index: 1;
}
.touch .expertise-area .more > .outer {
    overflow-y: scroll;
}
.no-touch .expertise-area .more > .outer {
    overflow-y: auto;
}
.expertise-area .more > .outer > .inner {
    padding-bottom: 40px;
}
.expertise-area .more .close-button {
    z-index: 2;
}
@media (min-width: 1024px) and (max-width: 1300px) {
    .expertise-area .more h1 {
        font-size: 45px;
    }
}
@media (min-width: 1024px) {
    .expertise-area .projects > .heading {
        padding: 80px 40px;
    }
}
@media (min-width: 1024px) and (max-width: 1919px) {
    .expertise-area .project-list li {
        font-size: 30px;
    }
}
@media (min-width: 1920px) and (max-width: 2399px) {
    .expertise-area .project-list li {
        font-size: 35px;
    }
}
@media (min-width: 2400px) {
    .expertise-area .project-list li {
        font-size: 50px;
    }
}
@media (max-width: 1024px) {
    .expertise-area.show-more .less {
        opacity: 0.2;
    }
}
@media (min-width: 1025px) {
    .cssfilters .expertise-area.show-more .less {
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    .no-cssfilters .expertise-area.show-more .less {
        opacity: 0.2;
    }
}
.expertise-area.show-more .less .outer {
    opacity: 0;
}
.expertise-area.show-more .interlay {
    display: block;
}
.expertise-video {
    overflow: hidden;
    background-color: #191919;
}
.expertise-video .image {
    z-index: 1;
}
.expertise-video .image:after {
    content: "";
    z-index: 1;
    background-color: rgba(25, 25, 25, 0.3);
}
.expertise-video .image .play-button {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: -0.5em;
}
@media (max-width: 1023px) {
    .expertise-video .image .play-button {
        font-size: 80px;
    }
}
@media (min-width: 1024px) {
    .expertise-video .image .play-button {
        font-size: 120px;
    }
}
.expertise-video .video {
    display: none;
}
.expertise-video .video .video-container {
    z-index: 1;
}
.expertise-video .video .close-button {
    position: absolute;
    z-index: 2;
}
.expertise-video.show-video .image {
    display: none;
}
.expertise-video.show-video .video {
    display: block;
}
.expertise-slider.slide-active .controls {
    display: none;
}
@media (max-width: 1023px) {
    .culture-hero .image .play-button {
        font-size: 80px;
    }
}
@media (min-width: 1024px) {
    .culture-hero .image .play-button {
        font-size: 100px;
    }
}
.culture-hero .video {
    display: none;
}
.culture-hero .video .video-container {
    z-index: 1;
}
.culture-hero .video .close-button {
    position: absolute;
    z-index: 2;
}
.culture-hero.show-video .image {
    display: none;
}
.culture-hero.show-video .video {
    display: block;
}
@media (min-width: 1024px) {
    .culture-content .heading {
        text-align: center;
    }
}
@media (max-width: 1023px) {
    .culture-content .nice-text-columns,
    .culture-content .buttons {
        margin-top: 40px;
    }
}
@media (min-width: 1024px) {
    .culture-content .nice-text-columns,
    .culture-content .buttons {
        margin-top: 80px;
    }
}
.culture-content .buttons {
    text-align: center;
}
.people-list .role {
    font-size: 0.42em;
    line-height: 1;
    margin-top: 0.2381em;
}
.job-listing h1 {
    margin-bottom: 40px;
}
.job-listing h4 {
    margin: 40px 0;
}
.job-listing .skills-list {
    margin-bottom: 40px;
}
.job-listing .skills-list li {
    margin-bottom: 20px;
}
.no-jobs .nice-text {
    margin: 40px 0;
}
.job-item {
    display: block;
    padding: 30px;
    width: 100%;
}
.job-item:hover {
    background: #eee;
}
.job-item__wrapper {
    max-width: 1800px;
    margin: 0 auto;
}
.job-item__wrapper .nice-text {
    padding: 30px;
    padding-top: 0;
}
.job-item__title {
    line-height: 0.9;
    font-weight: 900;
    letter-spacing: 0.006em;
    text-transform: uppercase;
    margin-bottom: 20px;
}
@media (max-width: 639px) {
    .job-item__title {
        font-size: 22px;
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .job-item__title {
        font-size: 30px;
    }
}
@media (min-width: 1024px) {
    .job-item__title {
        font-size: 40px;
    }
}
@media (max-width: 1023px) {
    .jobs {
        padding-top: 60px;
    }
    .join-us-hero + .jobs {
        padding-top: 0;
    }
}
.legal-page h1,
.error-page h1 {
    margin-bottom: 40px;
}
.legal-page h2,
.error-page h2 {
    font-size: 24px;
}
.error-page {
    position: relative;
    height: 100%;
    min-height: 400px;
    overflow: hidden;
    background-color: #fff;
    color: #191919;
    text-align: center;
}
.error-page:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.error-page .wrapper {
    margin: auto;
    display: inline-block;
    height: auto;
    vertical-align: middle;
    position: relative;
    text-align: left;
    width: 100%;
}
.text-section.office-listing {
    background-color: #191919;
    color: #fff;
}
.text-section.office-listing h1 {
    text-align: center;
}
.text-section.office-listing h2 {
    margin-bottom: 40px;
    font-size: 24px;
}
@media (min-width: 1024px) {
    .text-section.office-listing .column {
        width: 33.33333333%;
        padding: 0 4em;
    }
}
@media (max-width: 1023px) {
    .text-section.office-listing .column {
        width: 100%;
        padding: 0;
        text-align: center;
    }
}
.text-section.office-listing .map {
    width: 100%;
    height: 540px;
}
.text-section.office-listing strong {
    font-weight: 900;
}
.contact-form {
    text-align: center;
}
.contact-form h1 {
    margin-bottom: 40px;
}
.contact-form .strapline {
    color: #777;
    font-size: 21px;
    font-weight: 400;
    max-width: 450px;
    position: relative;
    margin: 0 auto;
}
.contact-form #contact-form {
    margin-top: 80px;
}
.contact-form #contact-form .button {
    background-color: #191919;
    color: #fff;
    border: 0;
    outline: 0;
    appearance: none;
}
.contact-form #contact-form .validation {
    display: none;
    color: #f00;
}
.contact-form .form-element {
    width: 50%;
    float: left;
    margin-bottom: 60px;
}
@media (max-width: 1023px) {
    .contact-form .form-element {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .contact-form .form-element {
        width: 50%;
    }
}
.contact-form .form-element #firstname {
    padding-left: 112px;
}
.contact-form .form-element #lastname {
    padding-left: 107px;
}
.contact-form .form-element #email {
    padding-left: 143px;
}
.contact-form .form-element #phone {
    padding-left: 139px;
}
@media (max-width: 500px) {
    .contact-form .form-element #firstname {
        padding-left: 0;
    }
    .contact-form .form-element #lastname {
        padding-left: 0;
    }
    .contact-form .form-element #email {
        padding-left: 0;
    }
    .contact-form .form-element #phone {
        padding-left: 0;
    }
}
.contact-form .form-element.full-width {
    width: 100%;
    margin-bottom: 50px;
}
.contact-form .form-element.full-width .controls {
    width: 100%;
}
.contact-form .form-element.full-width .controls label {
    position: relative;
    float: left;
    padding: 0 0 13px 0;
}
.contact-form .form-element .controls {
    width: 92%;
    position: relative;
}
@media (max-width: 1023px) {
    .contact-form .form-element .controls {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .contact-form .form-element .controls {
        width: 90%;
    }
}
.contact-form .form-element .controls label {
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    font-weight: 900;
    pointer-events: none;
    text-align: left;
}
@media (max-width: 500px) {
    .contact-form .form-element .controls label {
        position: relative;
        padding: 0 0 13px 0;
        float: left;
    }
}
.contact-form .form-element .controls input,
.contact-form .form-element .controls textarea {
    width: 100%;
    padding: 0 0 23px 0;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: 300;
    font-family: Lato, sans-serif;
    border: 0;
    border-bottom: 1px solid #a9a9a9;
    outline: 0;
    color: #777;
}
.contact-form .form-element .controls textarea {
    overflow: auto;
    resize: none;
    padding: 0 0 5px 0;
}
@media (max-width: 1023px) {
    .contact-form .right-element .controls {
        width: 100%;
        margin-left: 0;
    }
}
@media (min-width: 1024px) {
    .contact-form .right-element .controls {
        width: 92%;
        margin-left: 8%;
    }
}
.contact-form .main-error-message,
.contact-form .main-success-message {
    display: none;
}
.contact-form .submit-button,
.contact-form .form-messages {
    float: left;
    width: 100%;
}
.contact-form .submit-button input,
.contact-form .form-messages input {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    font-family: Lato, sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
}
.contact-form .form-messages {
    padding: 20px 0 0 0;
}
.contact-form .error {
    color: #f00;
    text-align: left;
    padding: 10px 0;
}
.google-map {
    width: 100%;
    height: 540px;
    position: relative;
}
.google-map .google-maps-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.social-link-list {
    margin-top: 10%;
}

.homeicon img {
    width: 65%!important;
}

@font-face {
    font-family: ArquitectaBold;
    src: url(../fonts/Arquitecta/ArquitectaBold.otf);
}
@font-face {
    font-family: ArquitectaBlack;
    src: url(../fonts/Arquitecta/ArquitectaBlack.otf);
}
@font-face {
    font-family: GabrielSansCondLight;
    src: url(../fonts/Gabriel-Sans-Cond-Light.otf);
}

@media all and (max-width: 414px) {
    .main-header {
        right: 35px!important;
        top: 35px!important;
    }
    .homeicon {
        top: 35px!important;
        left: 35px!important;
    }
    .icon h2 {
        text-align: right;
    }
    .social-link-list {
        position: fixed;
        bottom: 0;
        left: 25%;
    }
    .homeicon img {
        width: 50%!important;
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    .main-header {
        right: -15px;
    }
}

@media all and (min-width: 1024px) and (max-width: 1365px) {
    .social-link-list {
        margin-top: 0%;
    }
    .main-nav .links {
        margin-top: 0%;
    }
}

@media only screen 
and (min-width : 768px) 
and (max-width : 850px) 
and (orientation : landscape)  
{ 
    .main-nav .links {
        font-size: 40px!important;
    }
    .main-nav .links li {
        height: 1em!important;
        line-height: 1em!important;
    }
    .main-nav .inner {
        padding: 0!important;
    }
    .social-link-list {
        margin-top: 0%;
    }
}