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

body {
    margin: 0;
}

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

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],template {
    display: none;
}

a {
    background-color: transparent;
}

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

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

b,strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

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: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

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

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,th {
    padding: 0;
}

@font-face {
    font-family: "Fort-Extralight";
    src: url("../fonts/Fort-ExtraLight.eot");
    src: url("../fonts/Fort-Extralight.eot?#iefix") format("embedded-opentype"),url("../fonts/Fort-Extralight.woff") format("woff"),url("../fonts/Fort-Extralight.svg") format("svg");
}

@font-face {
    font-family: "Fort-Light";
    src: url("../fonts/Fort-Light.eot");
    src: url("../fonts/Fort-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Fort-Light.woff") format("woff"),url("../fonts/Fort-Light.svg") format("svg");
}

@font-face {
    font-family: "Fort-Book";
    src: url("../fonts/Fort-Book.eot");
    src: url("../fonts/Fort-Book.eot?#iefix") format("embedded-opentype"),url("../fonts/Fort-Book.woff") format("woff"),url("../fonts/Fort-Book.svg") format("svg");
}

@font-face {
    font-family: "Fort-Medium";
    src: url("../fonts/Fort-Medium.eot");
    src: url("../fonts/Fort-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Fort-Medium.woff") format("woff"),url("../fonts/Fort-Medium.svg") format("svg");
}

@font-face {
    font-family: "Fort-Bold";
    src: url("../fonts/Fort-Bold.eot");
    src: url("../fonts/Fort-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Fort-Bold.woff") format("woff"),url("../fonts/Fort-Bold.svg") format("svg");
}

@font-face {
    font-family: "WorkSans-Thin";
    src: url("../fonts/WorkSans-Thin.ttf");
}

@font-face {
    font-family: "WorkSans-ExtraLight";
    src: url("../fonts/WorkSans-ExtraLight.ttf");
}

@font-face {
    font-family: "WorkSans-Light";
    src: url("../fonts/WorkSans-Light.ttf");
}

@font-face {
    font-family: "WorkSans-Regular";
    src: url("../fonts/WorkSans-Regular.ttf");
}

.u-constrainWidth {
    max-width: 1536px;
}

.u-divider {
    height: 1px;
    background-color: rgba(0,0,0,0.2);
}

* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html {
    box-sizing: border-box;
}

html *,html *::before,html *::after {
    box-sizing: inherit;
}

input,textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

html,body {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

html {
    overflow-y: scroll;
}

html.is-safari {
    overflow-y: hidden;
}

html {
    font-size: 10px;
}

body > img {
    max-width: 100%;
}

.expander {
    width: 1px;
    position: relative;
    top: 0;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar,::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece {
    background: #171719;
}

::-webkit-scrollbar-button,::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 3px;
}

.rootNode {
    overflow: hidden;
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
}

html.tablet .rootNode {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

html.is-safari .rootNode {
    overflow-y: auto;
}

.rootNode,.shell {
    font-size: 1.6rem;
    font-family: "Fort-Book","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
}

.rootNode h1,.shell h1,.rootNode h2,.shell h2,.rootNode h3,.shell h3,.rootNode h4,.shell h4,.rootNode h5,.shell h5,.rootNode h6,.shell h6,.rootNode p,.shell p,.rootNode a,.shell a,.rootNode li,.shell li {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

.rootNode h1,.shell h1,.rootNode h2,.shell h2,.rootNode h3,.shell h3,.rootNode h4,.shell h4,.rootNode h5,.shell h5,.rootNode h6,.shell h6 {
    margin: 0;
}

.rootNode h1,.shell h1,.rootNode h2,.shell h2,.rootNode h3,.shell h3 {
    text-transform: uppercase;
}

.rootNode h1,.shell h1 {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem;
}

.rootNode h2,.shell h2 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
    line-height: 3.6rem;
}

.rootNode a,.shell a,.rootNode a:visited,.shell a:visited,.rootNode a:hover,.shell a:hover,.rootNode a:active,.shell a:active {
    color: inherit;
    text-decoration: none;
}

body > img {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
    max-height: 100%;
}

.home-page {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: -webkit-grab;
}

.home-page.is-dragging {
    cursor: -webkit-grabbing;
}

.home-page .inner {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    -ms-flex-pack: center;
    justify-content: center;
}

.home-page h1 {
    opacity: 0;
    font-family: "Fort-Extralight","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-transform: initial;
}

.menu-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    perspective: 500px;
}

.menu-page .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-family: "Fort-Light","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-page .menu .hover-blocker {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.menu-page .menu .hover-blocker.active {
    pointer-events: all;
}

.menu-page .menu .menu-item {
    display: inline-block;
    width: 20%;
    font-family: "Fort-Extralight","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    font-size: 6.5rem;
    line-height: 6.5rem;
    letter-spacing: -2px;
    cursor: pointer;
}

.menu-page .menu .menu-item:last-of-type {
    width: 22%;
}

.menu-page .menu .menu-item .overlay-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu-page .menu .menu-item a {
    display: block;
    opacity: 0;
}

.menu-page .menu .menu-item a span {
    display: block;
    padding: 2.5rem 0;
}

.about-page {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.about-page h2,.about-page .whoweare_inner p,.about-page .whatwedo_inner p,.about-page .whatwedo_inner .inner_col,.about-page .ourapproach_inner_copy {
    opacity: 0;
}

.about-page .textEffect {
    top: 0.5rem;
}

.about-page .about__title_inner h2 {
    text-transform: none;
    font-size: 3.4rem;
    line-height: 4.0rem;
    letter-spacing: 0.05rem;
    font-family: "Fort-Light","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.about-page .about__inner {
    width: 135.4rem;
    margin: 12rem auto 30rem;
    padding: 3rem 8rem 5rem;
    position: relative;
    display: block;
    cursor: default;
}

.about-page .about__inner p {
    font-family: "Fort-Light","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.about-page .about__inner .about__title {
    margin-bottom: 5rem;
    line-height: 65px;
    line-height: 6.5rem;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.about-page .about__inner .col2 {
    display: -ms-flexbox;
    display: flex;
}

.about-page .about__inner .col2 h3 {
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 60%;
    -ms-flex: 1;
    flex: 1;
}

.about-page .about__inner .col2 .right {
    -ms-flex-order: 2;
    order: 2;
    width: 75%;
    -moz-box-flex: 1;
}

.about-page .about__inner .col2 li {
    font-family: "Fort-Light","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.about-page .about__inner .about__stats {
    vertical-align: top;
    padding-bottom: 2rem;
}

.about-page .about__inner .about__stats h3 {
    font-size: 13px;
    line-height: 1;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.about-page .about__inner .about__stats p {
    opacity: 1;
    padding-bottom: 2.5rem;
}

.about-page .about__inner .about__stats .stats__inner {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding-bottom: 5rem;
    line-height: 110px;
    line-height: 11rem;
}

.about-page .about__inner .about__stats .stats__inner.textEffect > .stats__block {
    margin-bottom: 0;
}

.about-page .about__inner .about__stats .stats__inner .stats__block {
    display: inline-block;
    width: 33%;
    margin-bottom: 7.5rem;
    box-sizing: border-box;
    text-align: left;
    position: relative;
}

.about-page .about__inner .about__stats .stats__inner .stats__block .number {
    display: block;
    padding-bottom: 3rem;
    font-size: 80px;
    font-size: 8rem;
    line-height: 80px;
    line-height: 8rem;
    font-family: "WorkSans-Thin","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 100;
    letter-spacing: 1px;
}

.about-page .about__inner .about__stats .stats__inner .stats__block .award-wrap {
    position: absolute;
    width: 100%;
}

.about-page .about__inner .about__stats .stats__inner .stats__block .award-wrap .award {
    display: inline-block;
    position: relative;
}

.about-page .about__inner .about__stats .stats__inner .stats__block.fwa {
    text-align: left;
}

.about-page .about__inner .about__stats .stats__inner .stats__block.fwa .award {
    left: 1rem;
    width: 6.5rem;
    height: 1.95rem;
    background: url('../svg/awards/fwa.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.about-page .about__inner .about__stats .stats__inner .stats__block.awwwards .award {
    width: 12.1rem;
    height: 1.4rem;
    background: url('../svg/awards/awwwards.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.about-page .about__inner .about__stats .stats__inner .stats__block.webbys .award {
    width: 6.88rem;
    height: 4.0rem;
    background: url('../svg/awards/webbys.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.about-page .about__inner .about__stats .stats__inner .stats__block.oneshow .award {
    width: 5.2rem;
    height: 4.0rem;
    background: url('../svg/awards/one-show.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.about-page .about__inner .about__stats .stats__inner .stats__block.cannes .award {
    width: 4.0rem;
    height: 4.0rem;
    background: url('../svg/awards/cannes-lion.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.about-page .about__inner .about__stats .stats__inner .stats__block.dandad .award {
    width: 4.1rem;
    height: 4.4rem;
    background: url('../svg/awards/d-and-ad.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.about-page .about__inner .whatweoffer {
    margin-top: 20px;
    vertical-align: top;
}

.about-page .about__inner .col2 {
    margin-top: 6rem;
    vertical-align: top;
}

.about-page .about__inner .col2 h3 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 34px;
    line-height: 3.4rem;
    font-family: "Fort-Book","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
}

.about-page .about__inner .col2 .inner {
    font-size: 20px;
    font-size: 2rem;
    line-height: 35px;
    line-height: 3.5rem;
    font-family: "Fort-Extralight","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.04rem;
}

.about-page .about__inner .col2 .inner p {
    margin-top: 0;
}

.about-page .about__inner .col2 .inner p a {
    border-bottom: 1px solid white;
}

.about-page .about__inner .col2 .inner .inner_col {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

.about-page .about__inner .col2 .inner .inner_col h4 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    margin-left: 0px;
}

.about-page .about__inner .col2 .inner .inner_col ul {
    list-style-type: none;
    padding: 0;
}

.about-page .about__inner .col2 .inner .inner_col ul li span {
    font-size: 17px;
    font-size: 1.6rem;
    line-height: 35px;
    line-height: 3.5rem;
}

.about-page .about__inner .whoweare .inner {
    font-family: "Fort-Light","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.work-page {
    height: 100%;
}

.work-page .project {
    position: absolute;
    left: 0;
    width: 120.4rem;
    padding-bottom: 600px;
    padding-bottom: 65vh;
    opacity: 0;
}

.tablet.landscape .work-page .project .project__header {
    padding-top: 16%;
}

.tablet.portrait .work-page .project .project__header {
    padding-top: 25vw;
}

.is-safari .work-page .project .project__header {
    padding-top: 25%;
}

.work-page .project__image,.work-page .project__mobile,.work-page .project__text,.work-page .project__headline,.work-page .project__video,.work-page .project__infos,.work-page .project__infosawards,.work-page .project__videoloop,.work-page .project__carousel,.work-page .project__mask,.work-page .project__sequence,.work-page .project__list {
    position: absolute;
}

.work-content {
    overflow: hidden;
    position: relative;
    height: 100%;
    perspective: 500px;
}

.projects {
    visibility: hidden;
}

.projects.is-enabled {
    visibility: visible;
}

.project {
    position: absolute;
}

.contact-page {
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer;
}

.contact-page * {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.contact-page p {
    line-height: 2.45rem;
}

.contact-page .underline {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: white;
    left: 0;
    opacity: 0;
}

.contact-page::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.45rem;
}

.contact-page .contact__inner,.contact-page .newsletter__wrapper {
    cursor: default;
    display: inline-block;
    vertical-align: middle;
    min-width: 76rem;
    width: 80%;
    max-width: 116rem;
    padding: 8rem;
    text-align: left;
}

.contact-page .contact__email {
    display: inline-block;
    width: 100%;
    margin-bottom: 9rem;
}

.contact-page .contact__email .contact__email__hiring {
    width: 75%;
    display: inline-block;
    font-family: "Fort-Light","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contact-page .contact__email .contact__email__hiring a {
    position: relative;
    cursor: pointer;
}

.contact-page .contact__email .contact__email__hiring p {
    display: block;
    font-size: 3.4rem;
    letter-spacing: -0.04rem;
    margin: 0 0 2.7rem;
}

.contact-page .contact__email .contact__email__hiring p .part1,.contact-page .contact__email .contact__email__hiring p .part2,.contact-page .contact__email .contact__email__hiring p .part3 {
    opacity: 0;
    display: inline;
}

.contact-page .contact__email .contact__email__hiring p .headingAll {
    position: relative;
    display: none;
}

.contact-page .contact__other {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-family: "Fort-Light","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contact-page .contact__other .contact__address,.contact-page .contact__other .contact__social {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.contact-page .contact__other .contact__address h3,.contact-page .contact__other .contact__social h3 {
    margin-bottom: 1.3rem;
    opacity: 0;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.04rem;
}

.contact-page .contact__other .contact__address p,.contact-page .contact__other .contact__social p {
    opacity: 0;
    margin: 1rem 0;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contact-page .contact__other .contact__address a,.contact-page .contact__other .contact__social a {
    cursor: pointer;
}

.contact-page .contact__other .contact__address .contact__address-phone,.contact-page .contact__other .contact__social .contact__address-phone {
    font-family: "WorkSans-Regular","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contact-page .contact__other .contact__address .contact__address-street,.contact-page .contact__other .contact__social .contact__address-street {
    color: rgba(255,255,255,0.65);
}

.contact-page .contact__other .contact__address .contact__address-street .contact__address-map,.contact-page .contact__other .contact__social .contact__address-street .contact__address-map {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    position: relative;
    top: -3px;
    box-sizing: border-box;
}

.contact-page .contact__other .contact__address .contact__address-street .contact__address-map img,.contact-page .contact__other .contact__social .contact__address-street .contact__address-map img {
    height: 10px;
    width: 7px;
    position: relative;
    display: block;
    top: 0;
    left: 0;
    pointer-events: none;
}

.contact-page .contact__other .contact__address .contact__address-street21,.contact-page .contact__other .contact__social .contact__address-street21,.contact-page .contact__other .contact__address .contact__address-street12,.contact-page .contact__other .contact__social .contact__address-street12 {
    color: rgba(255,255,255,0.65);
    margin: 0;
}

.contact-page .contact__other .contact__address .contact__address-street21 .contact__address-map,.contact-page .contact__other .contact__social .contact__address-street21 .contact__address-map,.contact-page .contact__other .contact__address .contact__address-street12 .contact__address-map,.contact-page .contact__other .contact__social .contact__address-street12 .contact__address-map {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    position: relative;
    top: -3px;
    box-sizing: border-box;
}

.contact-page .contact__other .contact__address .contact__address-street21 .contact__address-map img,.contact-page .contact__other .contact__social .contact__address-street21 .contact__address-map img,.contact-page .contact__other .contact__address .contact__address-street12 .contact__address-map img,.contact-page .contact__other .contact__social .contact__address-street12 .contact__address-map img {
    height: 10px;
    width: 7px;
    position: relative;
    display: block;
    top: 0;
    left: 0;
    pointer-events: none;
}

.contact-page .contact__other .contact__address .contact__address-street2,.contact-page .contact__other .contact__social .contact__address-street2 {
    margin: 0;
}

.contact-page .contact__other .contact__address .contact__social-skype,.contact-page .contact__other .contact__social .contact__social-skype {
    font-family: "Fort-Bold","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contact-page .contact__social {
    width: 25%;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-family: "Fort-Light","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
}

.contact-page .contact__social h3 {
    margin-bottom: 1.3rem;
    opacity: 0;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.04rem;
}

.contact-page .contact__social p {
    opacity: 0;
    margin: 1rem 0;
    font-family: "Fort-Book","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contact-page .contact__social p.contact_link {
    margin: 0;
    margin-left: 20px;
}

.contact-page .contact__social p.contact_link a {
    position: relative;
}

.contact-page .contact__social a .contact-image {
    top: 0.25rem;
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 9px;
    left: -20px;
    opacity: 0 !important;
}

.contact-page .contact__newsletter {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    text-align: center;
    opacity: 0;
}

.contact-page .contact__newsletter .newsletter__wrapper {
    position: relative;
    height: 100%;
    padding: 0;
}

.contact-page .contact__newsletter .newsletter__link {
    position: absolute;
    left: 8rem;
    top: 0;
    display: inline-block;
    height: 100%;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.3rem;
    letter-spacing: 0.04em;
    cursor: pointer;
}

.contact-page .contact__newsletter .newsletter__link::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.45rem;
}

.contact-page .contact__newsletter .newsletter__link img {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 9px;
    margin-right: 1rem;
    margin-bottom: 3px;
}

.contact-page .contact__newsletter .newsletter__inner {
    position: absolute;
    left: 8rem;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}

.contact-page .contact__newsletter .newsletter__inner::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.45rem;
}

.contact-page .contact__newsletter .newsletter__inner #mc_embed_signup,.contact-page .contact__newsletter .newsletter__inner .mc-field-group {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.contact-page .contact__newsletter .newsletter__inner input.email {
    display: inline-block;
    vertical-align: top;
    padding: 0.4rem 0.8rem;
    margin-right: -0.25em;
    background: none;
    border: 1px solid rgba(255,255,255,0.3);
    transition: border-color 200ms ease-in-out;
}

.contact-page .contact__newsletter .newsletter__inner input.email:focus {
    border-color: rgba(255,255,255,0.6);
    outline: none;
}

.contact-page .contact__newsletter .newsletter__inner button {
    display: inline-block;
    vertical-align: top;
    padding: 0.5rem 1.5rem;
    position: relative;
    background: none;
    border: 0;
    opacity: 0.4;
    transition: opacity 200ms ease-in-out;
}

.contact-page .contact__newsletter .newsletter__inner button:hover,.contact-page .contact__newsletter .newsletter__inner button:focus {
    opacity: 0.8;
    outline: none;
}

.contact-page .contact__newsletter .newsletter__inner button img {
    width: 1.5rem;
    height: 0.9rem;
}

.contact-page .contact__newsletter .newsletter__inner button .loadingIcon {
    top: 50%;
    left: 1.3rem;
    position: absolute;
    margin-top: -1rem;
}

.contact-page .contact__newsletter .newsletter__response {
    top: 0;
    left: 10rem;
    position: absolute;
    height: 100%;
    padding: 0.4rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
}

.reel-page {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    perspective: 1000px;
}

.reel-page .reel__poster {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 100;
    transform-style: preserve-3d;
}

.reel-page .reel__poster.is-ready {
    background-image: url('../img/showreel-poster.jpg');
}

.reel-page .video__play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,2px);
    width: 170px;
    height: 86px;
    text-align: center;
    z-index: 300;
    cursor: pointer;
    opacity: 0;
    background-color: #1a191b;
}

.reel-page .video__play-button::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.45rem;
}

.reel-page .video__play-button span {
    display: inline-block;
    vertical-align: middle;
    margin-right: -0.25em;
}

.reel-page .video__play-button span.button__icon {
    width: 15px;
    height: 17px;
}

.reel-page .video__play-button span.button__text {
    padding-top: 2px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.1em;
}

.reel-page .reel__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform-style: preserve-3d;
}

.reel-page .reel__inner .video__player {
    display: none;
}

.reel-page .video--reel .video__timeline {
    bottom: -56px;
}

.video--reel,.video--project {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.video__player {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}

.video-js {
    width: 100% !important;
    height: 100% !important;
}

.video-js video {
    width: 100%;
    height: 100%;
}

.video__timeline {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 44px;
}

.video__timeline .timeline-bar {
    cursor: pointer;
}

.video--project {
    position: relative;
}

.video--project .video__timeline {
    bottom: 19px;
    z-index: 100;
}

.arrow {
    position: absolute;
}

.arrow.right {
    top: 1px;
    right: 0px;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrow .mask {
    height: 1px;
    width: 9px;
    left: 0;
    outline: 1px solid transparent;
    will-change: transform;
}

.arrow .top {
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.arrow .top .mask {
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.arrow .bottom {
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow .bottom .mask {
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    width: 10px;
}

.single_arrow {
    position: absolute;
    width: 30px;
    height: 15px;
    padding: 15px;
    box-sizing: content-box;
    opacity: 0;
}

.single_arrow.active {
    cursor: pointer;
}

.single_arrow .inner-single-arrow {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: content-box;
}

.single_arrow .arrow {
    top: 8px;
    left: 0px;
}

.single_arrow .line {
    position: absolute;
    top: 8px;
    left: 0;
    height: 1px;
    background-color: white;
    width: 40px;
    outline: 1px solid transparent;
    will-change: transform;
}

.single_arrow .mask {
    overflow: hidden;
    position: absolute;
}

.single_arrow .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.fullscreenBtn {
    width: 28px;
    height: 24px;
    cursor: pointer;
}

.fullscreenBtn__icon {
    width: 100%;
    height: 100%;
}

.fullscreenBtn__icon > canvas {
    position: absolute;
}

.closeBtn {
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin: -18px -16px;
}

.closeBtn .button__icon {
    height: 100%;
    width: 100%;
}

.closeBtn__icon {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: white;
    stroke-width: 2px;
}

.loadingIcon {
    opacity: 0;
    width: 2rem;
    height: 2rem;
    fill: none;
    stroke: currentColor;
    stroke-dashoffset: 0;
    stroke-dasharray: 60;
}

.loadingIcon[animation="is-active"] {
    animation: loadingRing 1.5s infinite cubic-bezier(0.46,0.03,0.52,0.96);
}

@keyframes loadingRing {
    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -120;
    }
}

.textEffect {
    position: relative;
}

.textEffect a {
    position: relative;
    z-index: 1;
}

.textEffect canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.textEffect .wraptag {
    display: inline-block;
    position: relative;
}

.textEffect .maskCanvas {
    position: absolute;
    top: -300px;
}

.textEffect h3,.textEffect p,.textEffect span,.textEffect a {
    opacity: 0;
}

.textEffect div.copyEl {
    position: relative;
    top: 0;
    left: 0;
    color: rgba(255,255,255,0);
}

.textEffect div.copyEl h3,.textEffect div.copyEl p,.textEffect div.copyEl span,.textEffect div.copyEl a {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    opacity: 1 !important;
    color: rgba(255,255,255,0) !important;
}

.textEffect div.copyEl h3 img,.textEffect div.copyEl p img,.textEffect div.copyEl span img,.textEffect div.copyEl a img {
    opacity: 0;
}

.textEffect .animationChar {
    display: inline-block;
    position: relative;
}

.textEffect .animationChar .position {
    position: relative;
    color: rgba(255,255,255,0);
}

.textEffect .animationChar .animation {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

h2.overlay-text,h3.overlay-text,p.overlay-text,span.overlay-text {
    position: relative;
    z-index: 10;
    color: rgba(255,255,255,0) !important;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    opacity: 1 !important;
}

.has-text-effect {
    position: relative;
}

.has-text-effect h1,.has-text-effect h2,.has-text-effect h3,.has-text-effect p,.has-text-effect div {
    position: relative;
    color: rgba(0,0,0,0);
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

.text-effect-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.shell {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    font-size: 16px;
    line-height: 1;
}

.shell .shell__overlay {
    position: fixed;
    z-index: 1000;
}

.shell .shell__overlay .shell__close {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    pointer-events: none;
}

.shell .shell__button {
    position: fixed;
    display: none;
    width: 22px;
    height: 22px;
    z-index: 1000;
    cursor: pointer;
}

.shell .shell__button .button__hitarea {
    position: absolute;
    width: 200px;
    height: 160px;
    border-radius: 50%;
}

.shell .shell__button .button__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 170%;
    height: 120%;
}

.shell .shell__button .button__icon canvas {
    position: absolute;
}

.shell .shell__button .button__icon svg {
    fill: white;
    width: 100%;
    height: 100%;
}

.shell .shell__button .button__text {
    position: absolute;
    white-space: nowrap;
    color: #fff;
    font-family: "Fort-Book","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.shell .shell__button--drop {
    left: 23px;
    top: 15px;
    width: 18px;
    height: 24px;
}

.shell .shell__button--drop .button__hitarea {
    left: -80px;
    top: -120px;
}

.shell .shell__button--drop .button__icon canvas {
    left: 0;
    bottom: 0;
}

.shell .shell__button--drop .button__text {
    left: 35px;
    top: 6px;
}

@media only screen and (min-width: 1921px) {
    .shell .shell__button--drop .button__icon {
        top:5px;
    }

    .shell .shell__button--drop .button__text {
        left: 34px;
        top: 8px;
    }
}

.shell .shell__button--menu {
    right: 23px;
    top: 20px;
    width: 18px;
    height: 18px;
}

.shell .shell__button--menu .button__hitarea {
    right: -80px;
    top: -120px;
}

.shell .shell__button--menu .button__icon canvas {
    right: 0;
    top: 0;
}

.shell .shell__button--menu .button__text {
    right: 30px;
    top: 1px;
}

@media only screen and (min-width: 1921px) {
    .shell .shell__button--menu .button__text {
        right:34px;
        top: 3px;
    }
}

.shell .shell__button--reel {
    left: 23px;
    bottom: 21px;
    width: 15px;
    height: 17px;
}

.shell .shell__button--reel .button__hitarea {
    left: -80px;
    bottom: -120px;
}

.shell .shell__button--reel .button__icon canvas {
    left: 0;
    bottom: -1px;
}

.shell .shell__button--reel .button__text {
    left: 27px;
    top: 0px;
}

@media only screen and (min-width: 1921px) {
    .shell .shell__button--reel .button__text {
        left:31px;
        top: -2px;
    }
}

.shell .shell__button--sound {
    right: 23px;
    bottom: 21px;
    width: 24px;
    height: 16px;
}

.shell .shell__button--sound .button__hitarea {
    right: -80px;
    bottom: -120px;
}

.shell .shell__button--sound .button__icon canvas {
    right: 0;
    top: 0;
}

.shell .shell__button--sound .button__text {
    right: 32px;
    top: -2px;
}

@media only screen and (min-width: 1921px) {
    .shell .shell__button--sound .button__icon {
        top:-4px;
    }

    .shell .shell__button--sound .button__text {
        right: 36px;
        top: -4px;
    }
}

.shell .shell__button--project {
    right: 65px;
    top: 0;
    width: 180px;
    height: auto;
    padding: 18px 0 84px;
}

.shell .shell__button--project .button__text {
    font-size: 15px;
    line-height: 1.4;
    font-family: "Fort-Medium",sans-serif;
    position: absolute;
    display: block;
    right: 0;
    padding-right: 23px;
    color: #e3e3e3;
}

.shell .shell__button--project .button__text span {
    position: absolute;
    right: 23px;
}

.shell .shell__button--project .button__divider {
    position: absolute;
    right: 0;
    width: 1px;
    height: 22px;
    background-color: #FFF;
}

@media only screen and (min-width: 1921px) {
    .shell .shell__button--project {
        right:69px;
        top: 2px;
    }
}

.work__menu-archive-btn {
    left: 0;
    top: 20px;
    position: fixed;
    width: 100vw;
    height: 0;
    text-align: center;
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
}

.work__menu-archive-btn .work__menu-list-btn {
    cursor: pointer;
    color: #fff;
    font-size: 1.1rem;
    line-height: 2.2rem;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    position: relative;
    top: 8rem;
    pointer-events: auto;
}

.tablet .work__menu-archive-btn .work__menu-list-btn {
    font-size: 1.3rem;
    line-height: 2.4rem;
}

.work__menu-archive-btn .work__menu-list-btn .underline {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: white;
    left: 0;
    opacity: 0;
}

.work__menu-archive-btn .work__menu-list-btn .underline.fade {
    opacity: 0.24;
}

.letter {
    position: relative;
}

.letter .position {
    position: relative;
    opacity: 0;
}

.letter .animation {
    position: absolute;
    top: 0;
    left: 0;
}

.background {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
}

.background .background-drop-fallback {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: url('../img/bg-ios-fallback.jpg') no-repeat center center;
    background-size: cover;
}

.background .home_title_message {
    position: fixed;
    width: 250px;
    height: 1px;
    left: 50%;
    margin-left: -125px;
    top: 80px;
    z-index: 2000;
    pointer-events: none;
    opacity: 0;
}

.background .home_title_message div {
    font-family: 'fort-medium';
    font-size: 10px;
    width: 100%;
    text-transform: uppercase;
    color: white;
    letter-spacing: 0.12em;
    text-align: center;
}

.background .home_title_message div > span {
    padding-top: 5px;
    color: #717171;
    letter-spacing: 0.12em;
    display: block;
    font-size: 8.5px;
}

.background .interactive_loading {
    position: absolute;
    left: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    font-size: 6.5rem;
    line-height: 1;
    letter-spacing: -0.02em;
    font-family: "Fort-Extralight","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    z-index: 1500;
}

.background .interactive_loading > div {
    height: 6.5rem;
    margin-top: -1rem;
}

.background .interactive_loading > div span {
    position: absolute;
    left: 0;
    width: 100%;
}

.background .interactive_holder {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

.background .interactive_holder .bat_container {
    width: 100%;
    height: 100%;
    background-repeat: repeat;
}

.background .interactive_holder .bat_ouija {
    position: absolute;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.background .interactive_bar {
    position: fixed;
    width: 250px;
    height: 1px;
    left: 50%;
    margin-left: -125px;
    bottom: 80px;
    z-index: 2000;
    pointer-events: none;
}

.background .interactive_bar .interactive_bar_msg {
    opacity: 0;
    text-align: center;
    font-family: 'fort-medium';
    font-size: 10px;
    position: absolute;
    width: 100%;
    top: -6px;
    text-transform: uppercase;
    color: #717171;
    letter-spacing: 0.04em;
}

.background .interactive_bar .interactive_bar_line {
    position: absolute;
    width: 70px;
    height: 1px;
    background-color: #ffffff;
    left: 90px;
    opacity: 0;
}

.background .interactive_bar .interactive_bar_circle {
    position: absolute;
    left: 50%;
    margin: -40px 0 0 -40px;
}

.background .interactive_bar .interactive_bar_counter {
    display: none;
    z-index: 1;
    color: #FFFFFF;
    font-family: "Fort-Book","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    position: absolute;
    left: 50%;
    width: 40px;
    margin: -25px 0 0 -20px;
    text-align: center;
}

.background .interactive_bar .interactive_bar_counter .interactive_bar_counter_divider {
    position: absolute;
    width: 12px;
    height: 1px;
    left: 50%;
    margin-left: -6px;
    background-color: rgba(255,255,255,0.2);
}

.background .interactive_bar .interactive_bar_counter > div {
    position: relative;
    display: block;
    width: 100%;
    height: 24px;
    overflow: hidden;
}

.background .interactive_bar .interactive_bar_counter > div > span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
}

.background > div {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.background .background__gem.is-inactive {
    display: none;
    background: #1e1c20;
}

.is-safari .background .background__gem {
    z-index: 1;
}

.background .background__shards {
    background-color: #141214;
    z-index: 10;
}

.tablet .background .background__shards {
    background-color: #1e1c20;
}

.is-safari .background .background__shards {
    background-color: #1e1c20;
}

.carouselFullscreen {
    z-index: 1000;
    perspective: 200px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
}

.carouselFullscreen__close {
    opacity: 0;
    top: 30px;
    right: 30px;
    position: absolute;
    z-index: 2;
}

.carouselFullscreen__content {
    opacity: 0;
    background-color: #171719;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.carouselFullscreen__item {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    perspective: 1000px;
    overflow: hidden;
    pointer-events: none;
    transform-style: preserve-3d;
}

.carouselFullscreen__item img {
    top: 0;
    left: 0;
    position: absolute;
    cursor: move;
    cursor: grab;
}

.carouselFullscreen.is-dragging .carouselFullscreen__item img {
    cursor: grabbing;
}

.carouselFullscreen__pagination {
    left: 0;
    bottom: 2rem;
    position: absolute;
    z-index: 2;
    height: 50px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.carouselFullscreen__pagination-thumb {
    display: inline-block;
    cursor: pointer;
    padding: 15px 10px 6px 0;
    transition: opacity 0.8s ease-out;
}

.carouselFullscreen__pagination-thumb > span {
    display: block;
    position: relative;
    width: 18px;
    height: 2px;
    background-color: rgba(255,255,255,0.2);
    transition: background-color 300ms ease-in-out;
}

.carouselFullscreen__pagination-thumb.is-active > span {
    background-color: rgba(255,255,255,0.8);
}

.carouselFullscreen__pagination-thumb.is-hidden {
    opacity: 0;
}

.carouselFullscreen__prev,.carouselFullscreen__next {
    opacity: 0;
    top: 50%;
    margin-top: -9px;
    position: absolute;
    width: 100px;
    height: 18px;
    cursor: pointer;
    z-index: 2;
}

.carouselFullscreen__prev .button__icon,.carouselFullscreen__next .button__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 18px;
}

.carouselFullscreen__prev:before,.carouselFullscreen__next:before {
    content: '';
    top: -2rem;
    left: -2rem;
    bottom: -2rem;
    right: -2rem;
    position: absolute;
}

.carouselFullscreen__prev {
    left: 30px;
}

.carouselFullscreen__prev canvas {
    top: 100%;
    position: absolute;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.carouselFullscreen__next {
    right: 30px;
}

.carouselFullscreen__next canvas {
    top: 100%;
    right: 0;
    position: absolute;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.carouselFullscreen__maskContainer {
    z-index: 3;
    pointer-events: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.carouselFullscreen__maskHalf {
    top: 0;
    position: absolute;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.carouselFullscreen__maskHalf[side="left"] {
    left: 0;
}

.carouselFullscreen__maskHalf[side="right"] {
    right: 0;
}

.carouselFullscreen__maskColor {
    background-color: black;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.imageFullscreen {
    z-index: 1000;
    perspective: 500px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
}

.imageFullscreen__close {
    opacity: 0;
    top: 30px;
    right: 30px;
    position: absolute;
    z-index: 1;
}

.imageFullscreen__bg {
    opacity: 0;
    background-color: #171719;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.imageFullscreen__imgWrap {
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.imageFullscreen__img {
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    cursor: move;
    cursor: grab;
}

.imageFullscreen.is-dragging .imageFullscreen__img {
    cursor: grabbing;
}

.imageFullscreen__maskContainer {
    z-index: 2;
    pointer-events: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.imageFullscreen__maskHalf {
    top: 0;
    position: absolute;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.imageFullscreen__maskHalf[side="left"] {
    left: 0;
}

.imageFullscreen__maskHalf[side="right"] {
    right: 0;
}

.imageFullscreen__maskColor {
    background-color: black;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.work__menu {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    perspective: 500px;
    cursor: -webkit-grab;
}

.tablet .work__menu {
    position: fixed;
}

.is-safari .work__menu {
    position: fixed;
}

.work__menu.is-dragging {
    cursor: -webkit-grabbing;
}

.work__menu .work__menu-items {
    position: absolute;
    width: 100%;
    top: 50%;
}

.work__menu .work__menu-item {
    position: absolute;
    text-align: center;
    font-size: 6.5rem;
    line-height: 9.2rem;
    letter-spacing: -0.02em;
    white-space: nowrap;
    cursor: pointer;
    padding: 5rem;
}

.work__menu .work__menu-item.active {
    pointer-events: none;
}

.work__menu .work__menu-item .title {
    padding: 0 0.1em;
}

.work__menu .work__menu-item span {
    font-family: "Fort-Extralight","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
}

.work__menu .work__menu-item .overlay-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.work__menu .work__menu-item .client {
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 1.2rem;
    margin-top: -2.5rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    opacity: 0;
    pointer-events: none;
}

.work__menu .work__menu-poster {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform-style: preserve-3d;
    outline: 1px solid transparent;
}

.work__menu .work__menu-poster img {
    position: absolute;
    width: 100%;
    height: 110%;
}

.work__menu .work__menu-drag_icon {
    position: absolute;
    width: 62px;
    opacity: 0;
}

.work__menu .work__menu-drag_icon .line {
    height: 1px;
    width: 62px;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.work__menu .work__menu-drag_icon .mask {
    overflow: hidden;
    position: absolute;
}

.work__menu .work__menu-drag_icon .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.work__menu .work__menu-drag_icon .arrow .mask.out {
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.work__overview {
    display: none;
    width: 135.4rem;
    position: absolute;
    padding: 200px 0;
    opacity: 0;
    cursor: move;
    cursor: -webkit-grab;
}

.work__overview.noDrag {
    cursor: default;
}

.tablet.landscape .work__overview {
    padding: 10% 0;
}

.tablet.portrait .work__overview {
    padding: 19% 0;
    width: 114.4rem;
}

.work__overview.hide-cursor {
    cursor: none;
}

.work__overview .overview__header {
    height: 9rem;
    position: relative;
    z-index: 1;
}

.work__overview .overview__filterLabel {
    text-transform: uppercase;
    font-family: "Fort-medium","Arial",sans-serif;
    font-size: 1.5rem;
    opacity: 0.1;
    padding: 0 6.5rem;
}

.work__overview .overview__categoryList {
    padding: 0 6.5rem;
    position: absolute;
    z-index: 10;
    pointer-events: none;
}

.work__overview .overview__categoryList.is-open {
    pointer-events: auto;
}

.work__overview .overview__categoryItem span {
    opacity: 0.5;
    cursor: pointer;
    font-family: "Fort-Extralight","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 6rem;
    line-height: 8rem;
    letter-spacing: -2px;
    transition: .3s opacity ease;
    display: inline-block;
    position: relative;
    padding-right: 40px;
    color: rgba(0,0,0,0);
}

.work__overview .overview__categoryItem span .dropdown-arrow-btn__wrapper {
    opacity: 0;
    transition: .25s opacity ease;
    width: 27px;
    height: 22px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
}

.work__overview .overview__categoryItem span .dropdown-arrow-btn {
    width: 100%;
    height: 100%;
}

.work__overview .overview__categoryItem span .dropdown-arrow-btn__icon {
    width: 100%;
    height: 100%;
}

.work__overview .overview__categoryItem span .dropdown-arrow-btn__icon > canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.work__overview .overview__categoryItem span:hover {
    opacity: 0.8;
}

.work__overview .overview__categoryItem.is-selected {
    pointer-events: auto;
}

.work__overview .overview__categoryItem.is-selected span {
    opacity: 1;
}

.work__overview .overview__categoryItem.is-selected span .dropdown-arrow-btn__wrapper {
    opacity: 1;
}

.work__overview .overview__projectList {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.work__overview .overview__projectItem {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 50%;
    perspective: 500px;
}

.work__overview .overview__projectItem__inner {
    width: 100%;
    height: 100%;
    cursor: pointer;
    transform-style: preserve-3d;
    perspective: 500px;
}

.work__overview .overview__projectItem__poster {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    transform-style: preserve-3d;
}

.work__overview .overview__projectItem__text {
    left: 0;
    top: 100%;
    position: absolute;
    width: 100%;
    padding-top: 3.5rem;
}

.work__overview .overview__projectItem h4 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1rem;
    letter-spacing: 0.04rem;
    font-family: "Fort-medium","Arial",sans-serif;
    font-size: 1.3rem;
}

.work__overview .overview__projectItem p {
    text-align: center;
    font-family: "Fort-light","Arial",sans-serif;
    font-size: 1.4rem;
    opacity: 0.4;
    margin: 0;
}

.overview__dragCursor {
    width: 6rem;
    height: 6rem;
    position: fixed;
    top: -3rem;
    left: -3rem;
    z-index: 99999;
    pointer-events: none;
    opacity: 0;
    transition: .2s opacity ease;
}

.work__quicknav {
    position: absolute;
    left: 0;
    top: 50%;
    top: calc(50% - 40px);
    width: 100%;
    height: 0;
    z-index: 100;
}

.is-safari .work__quicknav {
    position: fixed;
}

.work__quicknav .quicknav__arrow {
    position: absolute;
    top: 0;
    width: 19px;
    height: 85px;
    cursor: pointer;
    display: none;
}

.work__quicknav .quicknav__arrow::after {
    content: "";
    position: absolute;
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.work__quicknav .quicknav__arrow .button__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.work__quicknav .quicknav__arrow.quicknav__arrow--up {
    left: 12.8rem;
    top: 17px;
    margin-left: -10px;
}

.work__quicknav .quicknav__arrow.quicknav__arrow--up::after {
    left: -120px;
    top: -67px;
}

.work__quicknav .quicknav__arrow.quicknav__arrow--down {
    right: 12.8rem;
    top: -17px;
    margin-right: -10px;
}

.work__quicknav .quicknav__arrow.quicknav__arrow--down::after {
    right: -120px;
    top: -33px;
}

.tablet .work__quicknav {
    position: fixed;
}

.project__header,.project__infos,.project__archiveproject {
    position: relative;
    padding-top: 200px;
    margin-bottom: 10rem;
    transform: translate3d(0,0,0);
}

.project__header .project__title,.project__infos .project__title,.project__archiveproject .project__title,.project__header .project__globaltitle,.project__infos .project__globaltitle,.project__archiveproject .project__globaltitle {
    margin-bottom: 5.5rem;
}

.project__header .project__title .inner,.project__infos .project__title .inner,.project__archiveproject .project__title .inner,.project__header .project__globaltitle .inner,.project__infos .project__globaltitle .inner,.project__archiveproject .project__globaltitle .inner {
    display: inline-block;
    text-align: center;
    font-size: 6rem;
    line-height: 9.2rem;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

.project__header .project__title .inner h2,.project__infos .project__title .inner h2,.project__archiveproject .project__title .inner h2,.project__header .project__globaltitle .inner h2,.project__infos .project__globaltitle .inner h2,.project__archiveproject .project__globaltitle .inner h2,.project__header .project__title .inner span,.project__infos .project__title .inner span,.project__archiveproject .project__title .inner span,.project__header .project__globaltitle .inner span,.project__infos .project__globaltitle .inner span,.project__archiveproject .project__globaltitle .inner span {
    font-family: "Fort-Extralight","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
}

.project__header .project__globaltitle,.project__infos .project__globaltitle,.project__archiveproject .project__globaltitle {
    margin-bottom: 7.6rem;
}

.project__header .project__globaltitle .inner,.project__infos .project__globaltitle .inner,.project__archiveproject .project__globaltitle .inner {
    font-size: 6rem;
}

.project__header .project__globaltitle .inner h2,.project__infos .project__globaltitle .inner h2,.project__archiveproject .project__globaltitle .inner h2,.project__header .project__globaltitle .inner span,.project__infos .project__globaltitle .inner span,.project__archiveproject .project__globaltitle .inner span {
    opacity: 1;
}

.project__header .project__description,.project__infos .project__description,.project__archiveproject .project__description {
    margin-bottom: 2.5rem;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 46px;
    line-height: 4.6rem;
    font-family: "Fort-Extralight","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.03rem;
}

.project__header .project__description p,.project__infos .project__description p,.project__archiveproject .project__description p {
    opacity: 0;
}

.project__header .project__information,.project__infos .project__information,.project__archiveproject .project__information {
    font-size: 11px;
    line-height: 20px;
    font-family: "Fort-Book","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.project__header .project__information .information__item,.project__infos .project__information .information__item,.project__archiveproject .project__information .information__item,.project__header .project__information .information__launch,.project__infos .project__information .information__launch,.project__archiveproject .project__information .information__launch {
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
}

.project__header .project__information .information__item,.project__infos .project__information .information__item,.project__archiveproject .project__information .information__item {
    opacity: 0;
    width: 20%;
    margin-right: -0.25em;
}

.project__header .project__information .information__item:first-of-type,.project__infos .project__information .information__item:first-of-type,.project__archiveproject .project__information .information__item:first-of-type {
    margin-left: 0;
}

.project__header .project__information h4,.project__infos .project__information h4,.project__archiveproject .project__information h4 {
    margin-bottom: 1rem;
    letter-spacing: 0.04rem;
    color: #ffffff;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.project__header .project__information p,.project__infos .project__information p,.project__archiveproject .project__information p {
    color: #898989;
    margin: 0;
    font-size: 13px;
}

.project__header .project__information .information__launch span,.project__infos .project__information .information__launch span,.project__archiveproject .project__information .information__launch span {
    line-height: 45px;
}

.project__archiveproject {
    position: absolute;
    margin-bottom: 0;
}

.project__archiveproject .project__title .inner {
    font-size: 4.6rem;
    line-height: 4.6rem;
}

.project__archiveproject .project__title .inner > span {
    opacity: 1;
}

.project__archiveproject .project__description {
    font-size: 2.4rem;
    line-height: 3.8rem;
}

.project__archivedivider {
    position: relative;
    display: block;
    width: 100%;
    height: 75px;
}

.project__archivedivider span {
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 1px;
    background: #fff;
}

.project__body {
    position: relative;
    transform: translate3d(0,0,0);
}

.project__body .has-drop-shadow {
    box-shadow: rgba(0,0,0,0.2) 0 2px 4px 1px;
}

.project__footer {
    position: relative;
    padding-top: 12rem;
    transform: translate3d(0,0,0);
}

.project__footer .project__awards {
    margin-bottom: 5rem;
}

.project__footer .project__awards .awards__item {
    display: inline-block;
    width: 25%;
    margin: 0 -0.25em 5rem 0;
}

.project__footer .project__awards .awards__item .awards__item-icon {
    display: block;
    width: 50%;
    height: 2.5rem;
    margin-bottom: 1rem;
}

.project__footer .project__awards .awards__item .awards__item-name {
    color: #898989;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 24px;
    line-height: 2.4rem;
}

.project__footer .project__awards .awards__item.awards__item-awwwards-sotm .awards__item-icon,.project__footer .project__awards .awards__item.awards__item-awwwards-sotd .awards__item-icon {
    background: url(../svg/awards/awwwards.svg) no-repeat left center;
    background-size: auto 1.4rem;
}

.project__footer .project__awards .awards__item.awards__item-cssda-sotm .awards__item-icon,.project__footer .project__awards .awards__item.awards__item-cssda-sotd .awards__item-icon {
    background: url(../svg/awards/cssda.svg) no-repeat left center;
    background-size: auto 2.4rem;
    width: 90%;
}

.project__footer .project__awards .awards__item.awards__item-fwa-sotm .awards__item-icon,.project__footer .project__awards .awards__item.awards__item-fwa-sotd .awards__item-icon {
    background: url(../svg/awards/fwa.svg) no-repeat left center;
    background-size: auto 1.9rem;
}

.project__footer .project__awards .awards__item.awards__item-fwa-motd .awards__item-icon {
    background: url(../svg/awards/fwa-m.svg) no-repeat left center;
    background-size: auto 1.9rem;
}

.project__footer .project__awards .awards__item.awards__item-cannes-lion .awards__item-icon {
    height: 6rem;
    background: url(../svg/awards/cannes-lion.svg) no-repeat left center;
    background-size: auto 6rem;
}

.project__footer .project__awards .awards__item.awards__item-one-show .awards__item-icon {
    height: 6rem;
    background: url(../svg/awards/one-show.svg) no-repeat left center;
    background-size: auto 5.5rem;
}

.project__footer .project__awards .awards__item.awards__item-webbys .awards__item-icon {
    height: 6rem;
    background: url(../svg/awards/webbys.svg) no-repeat left center;
    background-size: auto 5.2rem;
}

.project__footer .project__awards .awards__item.awards__item-d-and-ad .awards__item-icon {
    height: 4.8rem;
    background: url(../svg/awards/d-and-ad.svg) no-repeat left center;
    background-size: auto 4.8rem;
}

.project__footer .project__launch {
    font-size: 13px;
    line-height: 20px;
    font-family: "Fort-Book","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.project__footer .project__launch .project__scroll {
    display: inline-block;
    vertical-align: middle;
    width: 75%;
    margin-right: -0.25em;
}

.project__footer .project__launch .project__scroll.no-url {
    width: 100%;
}

.project__footer .project__launch .project__scroll p {
    padding: 2rem 0;
    margin: 0;
}

.project__footer .project__launch .project__scroll p .text,.project__footer .project__launch .project__scroll p .line {
    display: inline-block;
    vertical-align: middle;
}

.project__footer .project__launch .project__scroll p .text {
    width: 25%;
    margin-right: -0.25em;
    color: #fff;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.project__footer .project__launch .project__scroll p .line {
    width: 74.8%;
    height: 1px;
    background: rgba(255,255,255,0.12);
}

.project__footer .project__launch .information__launch {
    display: inline-block;
    vertical-align: middle;
}

.project__footer .project__launch.multiple {
    display: none;
}

.project__footer .project__archivedivider {
    height: 1px;
}

.headline__divider {
    height: 1px;
    margin-bottom: 15rem;
    background-color: #333333;
}

.headline__title {
    font-size: 50px;
    font-size: 5rem;
    line-height: 44px;
    line-height: 4.4rem;
    font-family: "Fort-Light","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 4rem;
}

.headline__title h3 {
    text-transform: none;
}

.headline__body {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 46px;
    line-height: 4.6rem;
    font-family: "Fort-Extralight","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.project__text {
    width: 100%;
}

.project__text .text__title,.project__text .text__body {
    display: inline-block;
    vertical-align: top;
    margin-right: -0.25em;
}

.project__text .text__title {
    width: 20%;
    margin-top: 0.4rem;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 15px;
    line-height: 1.5rem;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.project__text .text__title h3 {
    line-height: 1.7;
    letter-spacing: 0.05rem;
}

.project__text .text__body {
    width: 70%;
    margin-left: 10%;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 38px;
    line-height: 3.8rem;
    font-family: "Fort-Light","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #e0e0e0;
    letter-spacing: 0.02rem;
}

.project__text .text__body p:first-of-type {
    margin-top: 0;
}

.project__text .text__body p:last-of-type {
    margin-bottom: 0;
}

.project__text .text__body a {
    text-decoration: underline;
}

.project__list {
    width: 100%;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 38px;
    line-height: 3.8rem;
    font-family: "Fort-Light","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #e0e0e0;
    letter-spacing: 0.02rem;
}

.project__list ul {
    width: 70%;
    margin: 0 auto 0 30%;
    padding-left: 30px;
}

.project__list a {
    color: currentColor;
    text-decoration: underline;
}

.project__infos {
    width: 100%;
}

.project__video.is-fullscreen {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    z-index: 1000 !important;
    -ms-transform: none !important;
    transform: none !important;
}

.project__video.is-fullscreen .video {
    -ms-transform: none !important;
    transform: none !important;
}

.project__video .video__player {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.project__video .video__player video {
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: black;
}

.project__video .video__player video.is-fullscreen {
    min-height: 100.1%;
    min-width: 100.1%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
    width: auto;
    height: auto;
}

.project__video .video__poster {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 200;
}

.project__video .video__play-button {
    opacity: 0;
    z-index: 300;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    background-color: #1c1a1c;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -45px;
    margin-left: -45px;
}

.project__video .video__play-button::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.45rem;
}

.project__video .video__play-button span {
    display: inline-block;
    vertical-align: middle;
    margin-right: -8px;
}

.project__video .video__play-button span.button__icon {
    width: 23px;
    height: 24px;
}

.project__video .video__play-button span.button__text {
    display: none;
    padding-top: 2px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.1em;
}

.project__video .project__videoClosebtn {
    opacity: 0;
    top: 4rem;
    right: 4rem;
    position: absolute;
    z-index: 300;
}

.project__video .project__videoFullscreenBtn {
    opacity: 0;
    right: 30px;
    bottom: 30px;
    position: absolute;
    z-index: 100;
}

.project__videoloop .video__player {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.project__videoloop .video__player video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.project__image.has-fullscreen {
    cursor: pointer;
}

.project__image .project__image-el {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.project__image > canvas {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.project__image .project__imageFullscreenBtn {
    right: 30px;
    bottom: 30px;
    position: absolute;
}

.project__mobile .project__mobile-device {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.project__mobile .project__mobile-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.project__mobile.project__mobile--scrollable .project__mobile-screen {
    cursor: pointer;
    cursor: -webkit-grab;
}

.project__mobile.project__mobile--scrollable .project__mobile-screen.grabbing {
    cursor: -webkit-grabbing;
}

.project__mobile.project__mobile--scrollable .project__mobile-image {
    background-size: 100% 100%;
    transform: translate3d(0,0,0);
}

.project__mobile.project__mobile--scrollable .project__mobile-hint {
    position: absolute;
    left: 100%;
    top: 50%;
    z-index: 100;
}

.project__mobile.project__mobile--scrollable .project__mobile-hint span {
    position: absolute;
    display: block;
}

.project__mobile.project__mobile--scrollable .project__mobile-hint span.line {
    right: -1.4rem;
    width: 4.5rem;
    height: 1px;
    background: #a8a8a8;
    -ms-transform-origin: center right;
    transform-origin: center right;
}

.project__mobile.project__mobile--scrollable .project__mobile-hint span.text {
    right: -48px;
    top: -7px;
    letter-spacing: 0.5px;
    font-size: 11px;
    transform: rotate3d(0,0,1,90deg);
}

.project__mobile.project__mobile--portrait .project__mobile-device {
    background-image: url(../img/projects/devices/mobile-portrait.png);
}

.project__mobile.project__mobile--portrait .project__mobile-screen {
    overflow: hidden;
    position: absolute;
    left: 2rem;
    top: 7.2rem;
    margin-left: 0.2rem;
    width: calc(100% - 4rem);
    height: calc(100% - 14.4rem);
}

.project__mobile.project__mobile--landscape .project__mobile-device {
    background-image: url(../img/projects/devices/mobile-landscape.png);
}

.project__mobile.project__mobile--landscape .project__mobile-screen {
    overflow: hidden;
    position: absolute;
    left: 7.2rem;
    top: 2rem;
    margin-top: 0.2rem;
    width: calc(100% - 14.4rem);
    height: calc(100% - 4rem);
}

.project__sequence {
    background: rgba(0,0,255,0.5);
}

.project__carousel {
    position: absolute;
    width: 100%;
}

.carousel__content {
    position: relative;
    width: 100%;
    cursor: pointer;
    perspective: 500px;
    overflow: hidden;
}

.carousel__item {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.carousel__item img {
    width: 100%;
    height: auto;
    opacity: 0;
}

.carousel__prev,.carousel__next {
    opacity: 0;
    top: 50%;
    margin-top: -9px;
    position: absolute;
    width: 100px;
    height: 18px;
    cursor: pointer;
}

.carousel__prev .button__icon,.carousel__next .button__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 18px;
}

.carousel__prev {
    left: 30px;
}

.carousel__prev canvas {
    top: 100%;
    position: absolute;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.carousel__next {
    right: 30px;
}

.carousel__next canvas {
    top: 100%;
    right: 0;
    position: absolute;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.carousel__fullscreenBtn {
    right: 30px;
    bottom: 80px;
    position: absolute;
}

.carousel__pagination {
    height: 50px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.carousel__pagination-thumb {
    display: inline-block;
    cursor: pointer;
    padding: 15px 10px 6px 0;
    transition: opacity 0.8s ease-out;
}

.carousel__pagination-thumb > span {
    display: block;
    position: relative;
    width: 18px;
    height: 2px;
    background-color: rgba(255,255,255,0.2);
    transition: background-color 300ms ease-in-out;
}

.carousel__pagination-thumb.is-active > span {
    background-color: rgba(255,255,255,0.7);
}

.carousel__pagination-thumb.is-hidden {
    opacity: 0;
}

.information__launch {
    width: 25%;
    height: 45px;
    position: relative;
    display: block;
    opacity: 0;
    cursor: pointer;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.information__launch a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.45rem;
}

@media only screen and (min-width: 1536px) {
    .information__launch a {
        height:4.5rem;
    }
}

.information__launch a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.8rem;
    white-space: nowrap;
}

.information__launch .single_arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1;
    position: absolute;
    padding: 0;
    top: 15px;
    right: 15px;
    width: 22px;
}

.information__launch .single_arrow .line {
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    width: 100%;
}

.information__launch .border {
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border: 1px solid #fff;
    opacity: 0.2;
}

.information__launch .border.active {
    border: 1px solid #666;
}

.project__infosawards {
    position: absolute;
    width: 100%;
    margin-bottom: 5rem;
}

.project__infosawards .awards__item {
    display: inline-block;
    width: 25%;
    margin: 0 -0.25em 5rem 0;
}

.project__infosawards .awards__item .awards__item-icon {
    display: block;
    width: 50%;
    height: 2.5rem;
    margin-bottom: 1rem;
}

.project__infosawards .awards__item .awards__item-name {
    color: #898989;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 24px;
    line-height: 2.4rem;
}

.project__infosawards .awards__item.awards__item-awwwards-sotm .awards__item-icon,.project__infosawards .awards__item.awards__item-awwwards-sotd .awards__item-icon {
    background: url(../svg/awards/awwwards.svg) no-repeat left center;
    background-size: auto 1.4rem;
}

.project__infosawards .awards__item.awards__item-cssda-sotm .awards__item-icon,.project__infosawards .awards__item.awards__item-cssda-sotd .awards__item-icon {
    background: url(../svg/awards/cssda.svg) no-repeat left center;
    background-size: auto 2.4rem;
    width: 90%;
}

.project__infosawards .awards__item.awards__item-fwa-sotm .awards__item-icon,.project__infosawards .awards__item.awards__item-fwa-sotd .awards__item-icon {
    background: url(../svg/awards/fwa.svg) no-repeat left center;
    background-size: auto 1.9rem;
}

.project__infosawards .awards__item.awards__item-fwa-motd .awards__item-icon {
    background: url(../svg/awards/fwa-m.svg) no-repeat left center;
    background-size: auto 1.9rem;
}

.project__infosawards .awards__item.awards__item-cannes-lion .awards__item-icon {
    height: 6rem;
    background: url(../svg/awards/cannes-lion.svg) no-repeat left center;
    background-size: auto 6rem;
}

.project__infosawards .awards__item.awards__item-one-show .awards__item-icon {
    height: 6rem;
    background: url(../svg/awards/one-show.svg) no-repeat left center;
    background-size: auto 5.5rem;
}

.project__infosawards .awards__item.awards__item-webbys .awards__item-icon {
    height: 6rem;
    background: url(../svg/awards/webbys.svg) no-repeat left center;
    background-size: auto 5.2rem;
}

.project__infosawards .awards__item.awards__item-d-and-ad .awards__item-icon {
    height: 4.8rem;
    background: url(../svg/awards/d-and-ad.svg) no-repeat left center;
    background-size: auto 4.8rem;
}

.project__mask:before {
    content: '';
    z-index: 0;
    top: -4rem;
    left: -4rem;
    bottom: -4rem;
    right: -4rem;
    position: absolute;
}

.project__mask.is-grabbing {
    cursor: move;
    cursor: grabbing;
}

.project__maskDragHandle {
    margin: -45px;
    cursor: move;
    cursor: grab;
    top: 0;
    left: 0;
    position: absolute;
    width: 90px;
    height: 90px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
}

.project__mask.is-grabbing .project__maskDragHandle {
    cursor: grabbing;
}

.project__maskDragHandleBg {
    top: 0;
    left: 0;
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #1c1a1c;
    transition: transform 200ms cubic-bezier(0.165,0.84,0.44,1);
    transform: scale(0.9375) translateZ(0);
}

.project__maskDragHandle.is-down .project__maskDragHandleBg {
    transform: scale(0.3) translateZ(0);
}

.project__maskDragHandleIcon {
    width: 100%;
    height: 100%;
    position: relative;
    top: 2px;
    fill: none;
    stroke: white;
    stroke-width: 2;
    will-change: transform;
    transition: all 200ms cubic-bezier(0.165,0.84,0.44,1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
}

.project__maskDragHandleIcon .button__icon {
    height: 50px;
    width: 50px;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.project__mask.vertical .project__maskDragHandleIcon {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.project__maskDragHandle.is-down .project__maskDragHandleIcon {
    opacity: 0 !important;
    -ms-transform: scale(0.3);
    transform: scale(0.3);
}

.project__mask.vertical .project__maskDragHandle.is-down .project__maskDragHandleIcon {
    -ms-transform: rotate(90deg) scale(0.3);
    transform: rotate(90deg) scale(0.3);
}

.project__maskInner {
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.project__maskItem {
    position: absolute;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
}

.project__mask.vertical .project__maskItem {
    width: 100%;
    height: 200%;
    top: 50%;
    margin-top: -50%;
}

.project__mask.horizontal .project__maskItem {
    width: 200%;
    height: 100%;
    left: 50%;
    margin-left: -50%;
}

.project__mask.vertical .project__maskItem--first {
    right: 100%;
}

.project__mask.horizontal .project__maskItem--first {
    bottom: 100%;
}

.project__maskItemMediaContainer {
    position: relative;
}

.project__mask.vertical .project__maskItemMediaContainer {
    width: 100%;
    height: 50%;
}

.project__mask.horizontal .project__maskItemMediaContainer {
    width: 50%;
    height: 100%;
}

.project__maskItemMedia {
    width: 100%;
    height: 100%;
    position: absolute;
}

.project__mask.vertical .project__maskItem--first .project__maskItemMedia {
    left: 100%;
}

.project__mask.horizontal .project__maskItem--first .project__maskItemMedia {
    top: 100%;
}

.project__maskItemMedia img {
    width: 100%;
    height: 100%;
}

.project__maskItemMedia video {
    min-height: 100.1%;
    min-width: 100.1%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
}

.project__maskItemTextFirst,.project__maskItemTextSecond {
    position: absolute;
    z-index: 1;
}

.rootNode .project__maskItemTextFirst,.rootNode .project__maskItemTextSecond {
    font-size: 10px;
    font-size: 1rem;
    font-family: "Fort-Medium","Arial",sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.project__mask.vertical .project__maskItemTextFirst {
    top: 1.9rem;
    left: 2rem;
}

.project__mask.horizontal .project__maskItemTextFirst {
    top: 1.9rem;
    left: 2rem;
}

.project__mask.vertical .project__maskItemTextSecond {
    top: 1.9rem;
    right: 2rem;
}

.project__mask.horizontal .project__maskItemTextSecond {
    bottom: 1.9rem;
    left: 2rem;
}

.fade-in-title{
    text-transform: none;
    font-size: 4.1rem;
    line-height: 4.0rem;
    letter-spacing: 0.02rem;
  }
  
  .about-page-span{
    margin-left: 1rem;
  }