@charset "UTF-8"; /*! normalize.css v2.1.3 | MIT License | git.io/normalize */

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

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

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

[hidden], template {
    display: none;
}

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

body {
    margin: 0;
      /*overflow-x:hidden;*/
}

a {
    background: transparent;
}

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

nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

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

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

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

pre {
    white-space: pre-wrap;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

legend {
    border: 0;
    padding: 0;
}

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

optgroup {
    font-weight: bold;
}

button, input {
    line-height: normal;
}

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;
    }

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

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

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

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

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

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

td, th {
    padding: 0;
}

.cf:after, .navigation .show:after, .article header .author:after, .grid.clients li:after, .contact #locations-section:after, .about section#about .row:after, .about section#passion .row:after {
    content: "";
    display: table;
    clear: both;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.center-content {
    text-align: center;
}

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

.invisible {
    visibility: hidden;
}

.hide-text, .social ul li .icon {
    overflow: hidden;
}

    .hide-text:before, .social ul li .icon:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.visible-xs {
    display: none !important;
    visibility: hidden !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
        visibility: visible !important;
    }

    table.visible-xs {
        display: table !important;
        visibility: visible !important;
    }

    tr.visible-xs {
        display: table-row !important;
        visibility: visible !important;
    }

    td.visible-xs {
        display: table-cell !important;
        visibility: visible !important;
    }

    th.visible-xs {
        display: table-cell !important;
        visibility: visible !important;
    }
}

.visible-sm {
    display: none !important;
    visibility: hidden !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .visible-sm {
        display: block !important;
        visibility: visible !important;
    }

    table.visible-sm {
        display: table !important;
        visibility: visible !important;
    }

    tr.visible-sm {
        display: table-row !important;
        visibility: visible !important;
    }

    td.visible-sm {
        display: table-cell !important;
        visibility: visible !important;
    }

    th.visible-sm {
        display: table-cell !important;
        visibility: visible !important;
    }
}

.visible-md {
    display: none !important;
    visibility: hidden !important;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
        visibility: visible !important;
    }

    table.visible-md {
        display: table !important;
        visibility: visible !important;
    }

    tr.visible-md {
        display: table-row !important;
        visibility: visible !important;
    }

    td.visible-md {
        display: table-cell !important;
        visibility: visible !important;
    }

    th.visible-md {
        display: table-cell !important;
        visibility: visible !important;
    }
}

.visible-lg {
    display: none !important;
    visibility: hidden !important;
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
        visibility: visible !important;
    }

    table.visible-lg {
        display: table !important;
        visibility: visible !important;
    }

    tr.visible-lg {
        display: table-row !important;
        visibility: visible !important;
    }

    td.visible-lg {
        display: table-cell !important;
        visibility: visible !important;
    }

    th.visible-lg {
        display: table-cell !important;
        visibility: visible !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
        visibility: hidden !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-sm {
        display: none !important;
        visibility: hidden !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
        visibility: hidden !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
        visibility: hidden !important;
    }
}

.visible-print {
    display: none !important;
    visibility: hidden !important;
}

@media print {
    .visible-print {
        display: block !important;
        visibility: visible !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
        visibility: hidden !important;
    }
}

@font-face {
    font-family: "UniversLTStd";
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/UniversLTStd-UltraCn.woff) format("woff");
}

@font-face {
    font-family: "OfficinaSansStd";
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/OfficinaSansStd-Book.woff) format("woff");
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 100;
    font-family: "UniversLTStd", Arial, sans-serif;
    text-transform: uppercase;
    color: #2d2d2d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    line-height: 0.8;
    padding-bottom: 20px;
    font-size: 70px;
}

h2 {
    padding-bottom: 20px;
    font-size: 30px;
}

h3 {
    font-size: 20px;
}

p, li, a, span {
    text-decoration: none;
    list-style: none;
    line-height: 1;
    font-family: "OfficinaSansStd", Arial, sans-serif;
    font-size: 20px;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p {
    margin: 0;
    padding-bottom: 20px;
}

    p a, li a {
        font-size: inherit;
        font-family: inherit;
    }

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ol.list {
        padding-bottom: 35px;
        padding-left: 20px;
    }

        ol.list li {
            list-style: decimal;
            padding-bottom: 5px;
        }

    ul.list {
        padding-bottom: 35px;
    }

        ul.list li {
            list-style: none;
            padding-bottom: 5px;
            padding-left: 15px;
        }

            ul.list li:before {
                content: "_ ";
                margin-left: -15px;
                color: #010101;
            }

@media all and (min-width: 568px) {
    h1 {
        font-size: 80px;
    }
}

@media all and (min-width: 768px) {
    h1 {
        font-size: 100px;
    }
}

@media all and (min-width: 1024px) {
    h1 {
        font-size: 130px;
    }

    h2 {
        font-size: 50px;
    }

    h3 {
        font-size: 30px;
    }
}

.button {
    position: relative;
    display: inline-block;
    padding: 20px 40px;
    border-radius: 200px;
    margin-bottom: 20px;
    font-size: 25px;
    font-family: "UniversLTStd", Arial, sans-serif;
    text-transform: uppercase;
    color: white;
    border: 0;
    line-height: 0.8;
    text-align: center;
    outline: none;
    background: transparent;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .button a {
        font-size: inherit;
        color: inherit;
        line-height: inherit;
        font-family: inherit;
        text-decoration: inherit;
        text-transform: inherit;
    }

    .button:before {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        border-radius: 200px;
        border: 2px solid white;
        -webkit-animation: buttonScaleIn 0.5s;
        -moz-animation: buttonScaleIn 0.5s;
        animation: buttonScaleIn 0.5s;
    }

.no-touch .button:hover {
    color: #2d2d2d;
    background: white;
}

    .no-touch .button:hover:before {
        -webkit-animation: buttonScaleOut 0.5s;
        -moz-animation: buttonScaleOut 0.5s;
        animation: buttonScaleOut 0.5s;
    }

.button.block {
    display: block;
}

.button.primary {
    color: #010101;
}

    .button.primary:before {
        border: 2px solid #010101;
    }

.no-touch .button.primary:focus, .no-touch .button.primary:hover {
    color: white;
    background: #010101;
}

input.button {
    border: 2px solid #010101;
}

@-webkit-keyframes buttonScaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes buttonScaleIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@keyframes buttonScaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes buttonScaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
    }
}

@-moz-keyframes buttonScaleOut {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1.2);
    }
}

@keyframes buttonScaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}

fieldset {
    padding: 0;
    border: 0;
}

input[type=text], textarea, input[type=email], input[type=password], select {
    display: block;
    width: 100%;
    padding: 15px 15px 10px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 20px;
    background: white;
    border: 2px solid #d9d9d9;
    color: #2d2d2d;
    outline: none;
    font-family: "OfficinaSansStd", Arial, sans-serif;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

    input[type=text].error, textarea.error, input[type=email].error, input[type=password].error, select.error {
        border: 2px solid #010101;
    }

    input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, select::-webkit-input-placeholder {
        color: #2d2d2d;
    }

    input[type=text]::-moz-placeholder, textarea::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, select::-moz-placeholder {
        color: #2d2d2d;
    }

    input[type=text]:-moz-placeholder, textarea:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=password]:-moz-placeholder, select:-moz-placeholder {
        color: #2d2d2d;
    }

    input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, select:-ms-input-placeholder {
        color: #2d2d2d;
    }

textarea {
    min-height: 200px;
    resize: vertical;
}

select {
    padding: 20px 15px 15px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.fancy-select {
    position: relative;
    padding-bottom: 2vh;
}

    .fancy-select .fancified {
        position: relative !important;
        display: none !important;
    }

    .fancy-select .trigger {
        font-family: "OfficinaSansStd", Arial, sans-serif;
        font-size: 20px;
        padding: 15px 15px 10px 15px;
        border: 2px solid #d9d9d9;
        border-radius: 5px;
        color: #2d2d2d;
        cursor: pointer;
    }

        .fancy-select .trigger.selected {
            color: #2d2d2d;
        }

        .fancy-select .trigger.open {
            border-radius: 5px 5px 0 0;
        }

    .fancy-select .options {
        position: absolute;
        left: 0;
        right: 0;
        background: white;
        display: none;
        border: 2px solid #d9d9d9;
        border-top: 0;
        border-radius: 0 0 5px 5px;
        z-index: 3;
    }

        .fancy-select .options li {
            display: block;
            padding: 15px 15px 10px 15px;
            cursor: pointer;
            font-family: "OfficinaSansStd", Arial, sans-serif;
            font-size: 20px;
        }

            .fancy-select .options li:hover {
                color: white;
                background: #010101;
            }

        .fancy-select .options.open {
            display: block;
        }

.form #success {
    display: none;
}

.form.success #success {
    display: block;
}

.form.success #form {
    display: none;
}

.navigation {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 10px 0 200px rgba(0,0,0,0.2);
}

    .navigation .show {
        position: relative;
        background: #000000;
        padding: 8px;
        z-index: 10;
        -webkit-transition: background 0.5s;
        -moz-transition: background 0.5s;
        transition: background 0.5s;
    }

        .navigation .show .logos {
            float: left;
        }

            .navigation .show .logos img {
                width: 44px;
                height: 44px;
                float: left;
                margin-right: 2px;
            }

        .navigation .show .nav-toggle {
            float: right;
            display: block;
            width: 20px;
            height: 28px;
            border-radius: 200px;
            border: 2px solid white;
            padding: 12px 10px 0 10px;
        }

            .navigation .show .nav-toggle span {
                font-size: 0;
                color: transparent;
                margin: 4px 0;
            }

            .navigation .show .nav-toggle span, .navigation .show .nav-toggle:before, .navigation .show .nav-toggle:after {
                content: "";
                display: block;
                height: 2px;
                background: white;
                -webkit-transition-property: -webkit-transform, opacity;
                -moz-transition-property: -moz-transform, opacity;
                transition-property: transform, opacity;
                -webkit-transition-duration: 0.5s;
                -moz-transition-duration: 0.5s;
                transition-duration: 0.5s;
            }

            .navigation .show .nav-toggle:before {
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left;
                -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
            }

            .navigation .show .nav-toggle span {
                -webkit-transform-origin: center;
                -moz-transform-origin: center;
                -ms-transform-origin: center;
                -o-transform-origin: center;
                transform-origin: center;
                -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
            }

    .navigation .nav-container {
        position: absolute;
        width: 100%;
        top: 60px;
        z-index: 1;
        visibility: hidden;
        background: #000;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition-property: -webkit-transform, visibility;
        -moz-transition-property: -moz-transform, visibility;
        transition-property: transform, visibility;
        -webkit-transition-duration: 0.3s, 0s;
        -moz-transition-duration: 0.3s, 0s;
        transition-duration: 0.3s, 0s;
        -webkit-transition-delay: 0.3s, 0.6s;
        -moz-transition-delay: 0.3s, 0.6s;
        transition-delay: 0.3s, 0.6s;
    }

        .navigation .nav-container .spacer {
            display: none;
        }

        .navigation .nav-container .nav-wrapper {
            padding: 5%;
        }

        .navigation .nav-container nav {
            position: relative;
        }

            .navigation .nav-container nav ul {
                display: block;
            }

                .navigation .nav-container nav ul li {
                    display: block;
                    opacity: 0;
                    -webkit-transform: translateX(-20%);
                    -moz-transform: translateX(-20%);
                    -ms-transform: translateX(-20%);
                    -o-transform: translateX(-20%);
                    transform: translateX(-20%);
                    -webkit-transition-property: -webkit-transform, opacity;
                    -moz-transition-property: -moz-transform, opacity;
                    transition-property: transform, opacity;
                    -webkit-transition-duration: 0.5s, 0.5s;
                    -moz-transition-duration: 0.5s, 0.5s;
                    transition-duration: 0.5s, 0.5s;
                    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55),cubic-bezier(0.68, -0.55, 0.265, 1.55);
                    -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55),cubic-bezier(0.68, -0.55, 0.265, 1.55);
                    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55),cubic-bezier(0.68, -0.55, 0.265, 1.55);
                }

                    .navigation .nav-container nav ul li a {
                        position: relative;
                        display: block;
                        font-family: "UniversLTStd", Arial, sans-serif;
                        color: white;
                        font-size: 30px;
                        line-height: 1;
                        text-decoration: none;
                        text-transform: uppercase;
                        font-weight: 300;
                        padding: 1vh 3vh 1vh 3vh;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                    }

                        .navigation .nav-container nav ul li a:before {
                            content: "";
                            border: 2px solid white;
                            position: absolute;
                            left: 0;
                            right: 0;
                            top: 0;
                            bottom: 0;
                            border-radius: 300px;
                            opacity: 0;
                            -webkit-transform: scale(0.9);
                            -moz-transform: scale(0.9);
                            -ms-transform: scale(0.9);
                            -o-transform: scale(0.9);
                            transform: scale(0.9);
                            -webkit-animation: navScaleOut 0.5s;
                            -moz-animation: navScaleOut 0.5s;
                            animation: navScaleOut 0.5s;
                        }

.no-touch .navigation .nav-container nav ul li a:hover:before {
    -webkit-animation: navScaleIn 0.5s;
    -moz-animation: navScaleIn 0.5s;
    animation: navScaleIn 0.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.navigation .nav-container nav ul li:nth-of-type(1) {
    -webkit-transition-delay: 0.02s, 0.02s;
    -moz-transition-delay: 0.02s, 0.02s;
    transition-delay: 0.02s, 0.02s;
}

.navigation .nav-container nav ul li:nth-of-type(2) {
    -webkit-transition-delay: 0.04s, 0.04s;
    -moz-transition-delay: 0.04s, 0.04s;
    transition-delay: 0.04s, 0.04s;
}

.navigation .nav-container nav ul li:nth-of-type(3) {
    -webkit-transition-delay: 0.06s, 0.06s;
    -moz-transition-delay: 0.06s, 0.06s;
    transition-delay: 0.06s, 0.06s;
}

.navigation .nav-container nav ul li:nth-of-type(4) {
    -webkit-transition-delay: 0.08s, 0.08s;
    -moz-transition-delay: 0.08s, 0.08s;
    transition-delay: 0.08s, 0.08s;
}

.navigation .nav-container nav ul li:nth-of-type(5) {
    -webkit-transition-delay: 0.1s, 0.1s;
    -moz-transition-delay: 0.1s, 0.1s;
    transition-delay: 0.1s, 0.1s;
}

.navigation .nav-container nav ul li:nth-of-type(6) {
    -webkit-transition-delay: 0.12s, 0.12s;
    -moz-transition-delay: 0.12s, 0.12s;
    transition-delay: 0.12s, 0.12s;
}

.navigation .nav-container nav ul li:nth-of-type(7) {
    -webkit-transition-delay: 0.14s, 0.14s;
    -moz-transition-delay: 0.14s, 0.14s;
    transition-delay: 0.14s, 0.14s;
}

.navigation .nav-container nav ul li:nth-of-type(8) {
    -webkit-transition-delay: 0.16s, 0.16s;
    -moz-transition-delay: 0.16s, 0.16s;
    transition-delay: 0.16s, 0.16s;
}

.navigation .nav-container nav ul li:nth-of-type(9) {
    -webkit-transition-delay: 0.18s, 0.18s;
    -moz-transition-delay: 0.18s, 0.18s;
    transition-delay: 0.18s, 0.18s;
}

.navigation .nav-container aside {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    border-bottom: 1px solid white;
    padding: 3vh 0 1.5vh 0;
}

    .navigation .nav-container aside ul#social {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

        .navigation .nav-container aside ul#social li {
            display: inline-block;
        }

            .navigation .nav-container aside ul#social li a {
                display: block;
                width: 44px;
                height: 44px;
                border: 2px solid white;
                font-size: 0;
                color: transparent;
                border-radius: 200px;
            }

                .navigation .nav-container aside ul#social li a.facebook {
                    background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") 0 0 no-repeat;
                }

                .navigation .nav-container aside ul#social li a.linkedin {
                    background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -44px 0 no-repeat;
                }

                .navigation .nav-container aside ul#social li a.twitter {
                    background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -88px 0 no-repeat;
                }

                .navigation .nav-container aside ul#social li a.googlePlus {
                    background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -132px 0 no-repeat;
                }

                .navigation .nav-container aside ul#social li a.instagram {
                    background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -176px 0 no-repeat;
                }

.navigation .nav-container footer[role="contentinfo"] {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    padding-top: 1.5vh;
    text-align: center;
}

    .navigation .nav-container footer[role="contentinfo"] span {
        font-size: 16px;
        display: inline-block;
        font-family: "OfficinaSansStd", Arial, sans-serif;
        color: white;
        line-height: 1;
        border-right: 1px solid white;
        padding-right: 20px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .navigation .nav-container footer[role="contentinfo"] ul {
        padding-left: 15px;
        margin: 0;
        display: inline-block;
    }

        .navigation .nav-container footer[role="contentinfo"] ul li {
            font-size: 16px;
            display: inline;
            font-family: "OfficinaSansStd", Arial, sans-serif;
            color: white;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

            .navigation .nav-container footer[role="contentinfo"] ul li a {
                font-size: inherit;
                font-family: inherit;
                line-height: 1;
                color: white;
                text-decoration: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

.nav-open .navigation {
    height: 100%;
}

    .nav-open .navigation .show .nav-toggle:before {
        -webkit-transform: translateX(4px) rotate(45deg);
        -moz-transform: translateX(4px) rotate(45deg);
        -ms-transform: translateX(4px) rotate(45deg);
        -o-transform: translateX(4px) rotate(45deg);
        transform: translateX(4px) rotate(45deg);
    }

    .nav-open .navigation .show .nav-toggle span {
        -webkit-transform: translateY(1px) rotate(-45deg);
        -moz-transform: translateY(1px) rotate(-45deg);
        -ms-transform: translateY(1px) rotate(-45deg);
        -o-transform: translateY(1px) rotate(-45deg);
        transform: translateY(1px) rotate(-45deg);
    }

    .nav-open .navigation .show .nav-toggle:after {
        opacity: 0;
    }

    .nav-open .navigation .nav-container {
        max-height: calc(100% - 60px);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        transition-delay: 0s;
    }

        .nav-open .navigation .nav-container nav ul li {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }

            .nav-open .navigation .nav-container nav ul li:nth-of-type(1) {
                -webkit-transition-delay: 0.12s, 0.12s;
                -moz-transition-delay: 0.12s, 0.12s;
                transition-delay: 0.12s, 0.12s;
            }

            .nav-open .navigation .nav-container nav ul li:nth-of-type(2) {
                -webkit-transition-delay: 0.14s, 0.14s;
                -moz-transition-delay: 0.14s, 0.14s;
                transition-delay: 0.14s, 0.14s;
            }

            .nav-open .navigation .nav-container nav ul li:nth-of-type(3) {
                -webkit-transition-delay: 0.16s, 0.16s;
                -moz-transition-delay: 0.16s, 0.16s;
                transition-delay: 0.16s, 0.16s;
            }

            .nav-open .navigation .nav-container nav ul li:nth-of-type(4) {
                -webkit-transition-delay: 0.18s, 0.18s;
                -moz-transition-delay: 0.18s, 0.18s;
                transition-delay: 0.18s, 0.18s;
            }

            .nav-open .navigation .nav-container nav ul li:nth-of-type(5) {
                -webkit-transition-delay: 0.2s, 0.2s;
                -moz-transition-delay: 0.2s, 0.2s;
                transition-delay: 0.2s, 0.2s;
            }

            .nav-open .navigation .nav-container nav ul li:nth-of-type(6) {
                -webkit-transition-delay: 0.22s, 0.22s;
                -moz-transition-delay: 0.22s, 0.22s;
                transition-delay: 0.22s, 0.22s;
            }

            .nav-open .navigation .nav-container nav ul li:nth-of-type(7) {
                -webkit-transition-delay: 0.24s, 0.24s;
                -moz-transition-delay: 0.24s, 0.24s;
                transition-delay: 0.24s, 0.24s;
            }

            .nav-open .navigation .nav-container nav ul li:nth-of-type(8) {
                -webkit-transition-delay: 0.26s, 0.26s;
                -moz-transition-delay: 0.26s, 0.26s;
                transition-delay: 0.26s, 0.26s;
            }

            .nav-open .navigation .nav-container nav ul li:nth-of-type(9) {
                -webkit-transition-delay: 0.28s, 0.28s;
                -moz-transition-delay: 0.28s, 0.28s;
                transition-delay: 0.28s, 0.28s;
            }

        .nav-open .navigation .nav-container aside, .nav-open .navigation .nav-container footer[role="contentinfo"] {
            opacity: 1;
            -webkit-transition: opacity 0.3s 0.3s;
            -moz-transition: opacity 0.3s 0.3s;
            transition: opacity 0.3s 0.3s;
        }

.touch .navigation .nav-container .nav-wrapper {
    padding: 8%;
}

.touch .navigation .nav-container nav ul li a {
    padding: 5px 15px;
    font-size: 30px;
}

.touch .navigation aside {
    padding: 20px 0 20px 0;
}

.touch .navigation footer[role="contentinfo"] {
    padding-top: 20px;
}

    .touch .navigation footer[role="contentinfo"] span, .touch .navigation footer[role="contentinfo"] ul li {
        font-size: 15px;
    }

@-webkit-keyframes navScaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes navScaleIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.9);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@keyframes navScaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes navScaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
}

@-moz-keyframes navScaleOut {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1.1);
    }
}

@keyframes navScaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media all and (min-width: 568px) {
    .touch .navigation .nav-container .nav-wrapper {
        padding: 2% 5%;
    }
}

@media all and (min-width: 768px) {
    .touch .navigation .nav-container .nav-wrapper {
        padding: 8% 15%;
    }

    .touch .navigation .nav-container nav ul li a {
        font-size: 30px;
        padding: 10px 20px;
    }

    .touch .navigation footer[role="contentinfo"] span, .touch .navigation footer[role="contentinfo"] ul li {
        font-size: 20px;
    }
}

@media all and (min-width: 1024px) {
    .nav-open .navigation {
        overflow: visible;
        bottom: auto;
    }

        .nav-open .navigation .nav-container {
            overflow: hidden;
        }

    .navigation {
        left: 0;
        right: auto;
        width: auto;
        height: 100%;
    }

        .navigation .show {
            height: 100%;
            padding: 0;
            float: left;
        }

            .navigation .show .logos {
                padding: 8px 8px 4px 8px;
                position: absolute;
                bottom: 0;
                float: none;
            }

                .navigation .show .logos img {
                    display: block;
                    width: 44px;
                    float: none;
                    margin: 0 0 4px 0;
                }

            .navigation .show .nav-toggle {
                margin: 8px;
                float: none;
            }

        .navigation .nav-container {
            position: absolute;
            height: 100%;
            max-height: none !important;
            width: auto;
            top: auto;
            left: 60px;
            -webkit-transform: translateX(-100%);
            -moz-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            -o-transform: translateX(-100%);
            transform: translateX(-100%);
        }

            .navigation .nav-container .spacer {
                display: block;
            }

            .navigation .nav-container .nav-wrapper {
                position: absolute;
                top: 50%;
                right: 0;
                left: 50%;
                min-width: 80vh;
                padding: 0;
                -webkit-transform: translateY(-50%) translateX(-50%);
                -moz-transform: translateY(-50%) translateX(-50%);
                -ms-transform: translateY(-50%) translateX(-50%);
                -o-transform: translateY(-50%) translateX(-50%);
                transform: translateY(-50%) translateX(-50%);
                overflow: hidden;
            }

            .navigation .nav-container nav ul li a {
                font-size: 5vh;
            }
}

header[role=banner] {
    position: relative;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 16px;
    min-width: 30%;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    header[role=banner] .spacer {
        width: 100%;
        height: auto;
    }

    header[role=banner] .title {
        position: relative;
        z-index: 3;
    }

    header[role=banner] h1 {
        font-size: 60px;
    }

    header[role=banner] h2 {
        font-size: 25px;
        line-height: 34px;
    }

    header[role=banner] .header-icon {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        overflow: visible;
    }

.page-open header[role=banner] .header-icon path {
    -webkit-animation-name: svgIconComeIn;
    -moz-animation-name: svgIconComeIn;
    animation-name: svgIconComeIn;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .page-open header[role=banner] .header-icon path:nth-of-type(1) {
        -webkit-animation-delay: 0.1s;
        -moz-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(2) {
        -webkit-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(3) {
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(4) {
        -webkit-animation-delay: 0.4s;
        -moz-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(5) {
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(6) {
        -webkit-animation-delay: 0.6s;
        -moz-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(7) {
        -webkit-animation-delay: 0.7s;
        -moz-animation-delay: 0.7s;
        animation-delay: 0.7s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(8) {
        -webkit-animation-delay: 0.8s;
        -moz-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(9) {
        -webkit-animation-delay: 0.9s;
        -moz-animation-delay: 0.9s;
        animation-delay: 0.9s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(10) {
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        animation-delay: 1s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(11) {
        -webkit-animation-delay: 1.1s;
        -moz-animation-delay: 1.1s;
        animation-delay: 1.1s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(12) {
        -webkit-animation-delay: 1.2s;
        -moz-animation-delay: 1.2s;
        animation-delay: 1.2s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(13) {
        -webkit-animation-delay: 1.3s;
        -moz-animation-delay: 1.3s;
        animation-delay: 1.3s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(14) {
        -webkit-animation-delay: 1.4s;
        -moz-animation-delay: 1.4s;
        animation-delay: 1.4s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(15) {
        -webkit-animation-delay: 1.5s;
        -moz-animation-delay: 1.5s;
        animation-delay: 1.5s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(16) {
        -webkit-animation-delay: 1.6s;
        -moz-animation-delay: 1.6s;
        animation-delay: 1.6s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(17) {
        -webkit-animation-delay: 1.7s;
        -moz-animation-delay: 1.7s;
        animation-delay: 1.7s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(18) {
        -webkit-animation-delay: 1.8s;
        -moz-animation-delay: 1.8s;
        animation-delay: 1.8s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(19) {
        -webkit-animation-delay: 1.9s;
        -moz-animation-delay: 1.9s;
        animation-delay: 1.9s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(20) {
        -webkit-animation-delay: 2s;
        -moz-animation-delay: 2s;
        animation-delay: 2s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(21) {
        -webkit-animation-delay: 2.1s;
        -moz-animation-delay: 2.1s;
        animation-delay: 2.1s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(22) {
        -webkit-animation-delay: 2.2s;
        -moz-animation-delay: 2.2s;
        animation-delay: 2.2s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(23) {
        -webkit-animation-delay: 2.3s;
        -moz-animation-delay: 2.3s;
        animation-delay: 2.3s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(24) {
        -webkit-animation-delay: 2.4s;
        -moz-animation-delay: 2.4s;
        animation-delay: 2.4s;
    }

    .page-open header[role=banner] .header-icon path:nth-of-type(25) {
        -webkit-animation-delay: 2.5s;
        -moz-animation-delay: 2.5s;
        animation-delay: 2.5s;
    }

header[role=banner].home {
    height: 100%;
    width: 100%;
    margin-top: -60px;
}

    header[role=banner].home.active .container {
        -webkit-transform: translateX(130px);
        -moz-transform: translateX(130px);
        -ms-transform: translateX(130px);
        -o-transform: translateX(130px);
        transform: translateX(130px);
    }

    header[role=banner].home .button {
        font-size: 20px;
    }

    header[role=banner].home h2 {
        font-size: 21px;
        font-family: "UniversLTStd", Arial, sans-serif;
        text-transform: uppercase;
        line-height: 1;
    }

    header[role=banner].home .container {
        padding: 0;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

        header[role=banner].home .container:before, header[role=banner].home .container:after {
            content: none;
        }

    header[role=banner].home .wrapper {
        padding-top: 60px;
        height: 100%;
        position: relative;
        text-align: center;
    }

        header[role=banner].home .wrapper:before {
            position: relative;
            content: "";
            display: inline-block;
            vertical-align: middle;
            margin-left: -2em;
            width: 0px;
            height: 100%;
            background: transparent;
        }

        header[role=banner].home .wrapper > div {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            margin-left: 2em;
        }

            header[role=banner].home .wrapper > div img {
                width: 194px;
            }

            header[role=banner].home .wrapper > div h2 {
                padding: 20px 0;
            }

header[role=banner] .container {
    padding: 40px 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    header[role=banner] .container:before, header[role=banner] .container:after {
        content: "";
        width: 100px;
        height: 1px;
        background: #2d2d2d;
        position: absolute;
        z-index: 3;
    }

    header[role=banner] .container:before {
        top: 20px;
    }

    header[role=banner] .container:after {
        bottom: 20px;
    }

@media all and (min-width: 568px) {
    header[role=banner].home .wrapper h2 {
        font-size: 25px;
    }

    .touch header[role=banner].home .wrapper > div img {
        display: none;
    }
}

@media all and (min-width: 768px) {
    header[role=banner] .container {
        padding: 80px 50px;
    }

        header[role=banner] .container:before {
            top: 50px;
        }

        header[role=banner] .container:after {
            bottom: 50px;
        }

    header[role=banner].home .button {
        font-size: 25px;
    }

    header[role=banner].home .wrapper h2 {
        font-size: 50px;
    }

    .touch header[role=banner].home .wrapper > div img {
        display: inline-block;
    }
}

@media all and (min-width: 1024px) {
    header[role=banner] {
        height: 100%;
    }

        header[role=banner] h1 {
            font-size: 96px;
        }

        header[role=banner] .spacer {
            height: 100%;
            width: auto;
        }

        header[role=banner] .title {
            width: 50%;
        }

        header[role=banner].home {
            margin-top: 0;
        }

            header[role=banner].home .wrapper {
                padding-top: 0;
            }
}

.banner {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    .banner img {
        display: block;
        width: 100%;
    }

    .banner .time {
        position: absolute;
        top: 20px;
        right: 20px;
    }

        .banner .time time {
            display: inline-block;
            font-family: "UniversLTStd", Arial, sans-serif;
            color: white;
            font-size: 20px;
            text-transform: uppercase;
            vertical-align: middle;
        }

        .banner .time:before {
            content: "";
            display: inline-block;
            width: 20px;
            height: 21px;
            background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -16px -42px no-repeat;
            vertical-align: middle;
            margin: -2px 5px 0 0;
        }

section p {
    line-height: 1.3;
}

section.dark {
    background: #2d2d2d;
}

section.grey {
    background: #f3f3f3;
}

.social {
    padding: 20px 0;
    text-align: center;
}

    .social:after {
        content: "";
        width: 100px;
        height: 1px;
        display: block;
        margin: 20px auto;
        background: #010101;
    }

    .social p {
        font-size: 30px;
        font-family: "UniversLTStd", Arial, sans-serif;
        text-transform: uppercase;
        color: #010101;
    }

    .social .mob-actions {
        display: block;
        border-top: 1px solid #010101;
        padding-top: 40px;
        margin-top: 40px;
        font-size: 0;
    }

        .social .mob-actions .action {
            margin: 0;
            font-size: 16px;
            display: inline-block;
            vertical-align: top;
            width: 50%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .social .mob-actions .action.return {
                padding-left: 0;
                padding-right: 0;
            }

                .social .mob-actions .action.return a {
                    text-align: left;
                }

                    .social .mob-actions .action.return a:before {
                        margin-right: 5px;
                    }

            .social .mob-actions .action.to-top {
                padding-right: 0;
                padding-left: 0;
            }

                .social .mob-actions .action.to-top a {
                    text-align: right;
                }

                    .social .mob-actions .action.to-top a:after {
                        margin-left: 5px;
                    }

            .social .mob-actions .action a {
                display: block;
                font-size: 20px;
            }

    .social ul {
        font-size: 0;
    }

        .social ul li {
            font-size: 16px;
            display: inline-block;
            margin: 0 2px;
            vertical-align: middle;
        }

            .social ul li.action {
                padding: 10px 40px 20px 40px;
                display: none;
            }

                .social ul li.action a:before, .social ul li.action a:after {
                    display: inline-block;
                    width: 46px;
                    height: 46px;
                    border: 2px solid #010101;
                    border-radius: 300px;
                    vertical-align: middle;
                    margin-top: -10px;
                }

                .social ul li.action.return a:before {
                    content: "";
                    margin-right: 10px;
                    background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -10px -130px no-repeat;
                }

                .social ul li.action.to-top a:after {
                    content: "";
                    margin-left: 10px;
                    background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -80px -130px no-repeat;
                }

            .social ul li a {
                font-size: 25px;
                font-family: "UniversLTStd", Arial, sans-serif;
                color: #010101;
                text-transform: uppercase;
            }

            .social ul li .icon {
                position: relative;
                display: block;
                width: 50px;
                height: 50px;
                border-radius: 300px;
                font-size: 0;
            }

                .social ul li .icon:after {
                    content: "";
                    display: inline-block;
                    height: 100%;
                    margin-left: -20px;
                    vertical-align: middle;
                }

                .social ul li .icon:before {
                    content: "";
                    display: inline-block;
                    margin-left: 20px;
                    vertical-align: middle;
                }

                .social ul li .icon.fb {
                    background-color: #3c5a96;
                }

                    .social ul li .icon.fb:after {
                        width: 15px;
                        height: 32px;
                        background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") 0 -80px no-repeat;
                    }

                .social ul li .icon.li {
                    background-color: #127cb4;
                }

                    .social ul li .icon.li:after {
                        width: 25px;
                        height: 25px;
                        background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -16px -80px no-repeat;
                    }

                .social ul li .icon.tt {
                    background-color: #1dadea;
                }

                    .social ul li .icon.tt:after {
                        width: 29px;
                        height: 24px;
                        background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -42px -80px no-repeat;
                    }

                .social ul li .icon.gp {
                    background-color: #db4c3f;
                }

                    .social ul li .icon.gp:after {
                        width: 30px;
                        height: 26px;
                        background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -70px -80px no-repeat;
                    }

                .social ul li .icon.em {
                    background-color: #010101;
                }

                    .social ul li .icon.em:after {
                        width: 38px;
                        height: 27px;
                        background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -100px -80px no-repeat;
                    }

@media all and (min-width: 1024px) {
    .social .mob-actions {
        display: none;
    }

    .social ul li.action {
        display: inline-block;
        margin-top: 20px;
    }

        .social ul li.action a:before, .social ul li.action a:after {
            width: 66px;
            height: 66px;
        }

        .social ul li.action.return a:before {
            background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") 0 -120px no-repeat;
        }

        .social ul li.action.to-top a:after {
            background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -70px -120px no-repeat;
        }

    .social ul li .icon {
        width: 70px;
        height: 70px;
    }
}

.article {
    padding-top: 40px;
}

    .article.job {
        padding-bottom: 200px;
    }

    .article .wrapper.main:after {
        content: "";
        display: block;
        width: 100%;
        height: 20px;
        background-image: url(interface/after-arrow-primary-4b305f1c3a2c266260422b7069f5c34aB.svg);
        background-repeat: no-repeat;
        background-position: center top;
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .article header {
        padding-bottom: 40px;
    }

        .article header .article-title {
            display: inline;
            color: #000000;
            padding-bottom: 0;
            line-height: 0.9;
            font-size: 60px;
        }

        .article header .author {
            display: block;
            margin: 10px 0 20px 0;
            position: relative;
            vertical-align: top;
            height: 65px;
        }

            .article header .author .info {
                float: left;
                padding: 5px 10px 0 10px;
            }

                .article header .author .info p {
                    display: block;
                    padding: 0;
                    font-size: 15px;
                }

                .article header .author .info time {
                    padding-top: 10px;
                    display: block;
                    color: #010101;
                    font-size: 15px;
                    font-family: "OfficinaSansStd", Arial, sans-serif;
                }

            .article header .author img {
                float: left;
                height: 100%;
            }

        .article header:before, .article header:after {
            content: "";
            display: block;
            width: 140px;
            height: 1px;
            background: #010101;
        }

        .article header:before {
            margin-bottom: 40px;
        }

        .article header:after {
            margin-top: 40px;
        }

    .article .article-content h1, .article .article-content h2, .article .article-content h3, .article .article-content h4 {
        line-height: 1;
        padding-bottom: 20px;
        font-family: "UniversLTStd", Arial, sans-serif;
        color: #010101;
        text-transform: uppercase;
    }

    .article .article-content h2 {
        padding-top: 40px;
        font-size: 40px;
    }

    .article .article-content h3 {
        font-size: 40px;
    }

    .article .article-content h4 {
        font-size: 20px;
    }

    .article .article-content pre {
        margin: 0 0 20px 0;
        padding: 20px;
        background: #2d2d2d;
        border-radius: 5px;
    }

        .article .article-content pre code {
            font-size: 20px;
            font-family: "OfficinaSansStd", Arial, sans-serif;
            color: white;
        }

    .article .article-content p, .article .article-content li {
        font-size: 20px;
        color: #2f2f2f;
    }

        .article .article-content p a, .article .article-content li a {
            color: #000;
            font-weight: bold;
        }

    .article .article-content p {
        line-height: 1.4;
        padding-bottom: 40px;
    }

        .article .article-content p.article-image {
            text-align: center;
            font-size: 0;
            padding-bottom: 30px;
        }

            .article .article-content p.article-image picture img {
                padding: 0 5px 10px 5px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
            }

    .article .article-content ul {
        padding-bottom: 35px;
    }

        .article .article-content ul li {
            list-style: none;
            padding-bottom: 5px;
            padding-left: 15px;
        }

            .article .article-content ul li:before {
                content: "_ ";
                margin-left: -15px;
                color: #010101;
            }

    .article .article-content ol {
        padding: 0 0 20px 25px;
    }

        .article .article-content ol li {
            list-style: decimal;
        }

    .article .article-content hr {
        border: 0;
        height: 1px;
        background: #010101;
        margin: 0 0 40px 0;
    }

    .article .article-content iframe {
        width: 100%;
        height: 300px;
        margin-bottom: 40px;
    }

    .article .article-content blockquote {
        text-align: center;
        padding-bottom: 40px;
        margin: 0;
    }

        .article .article-content blockquote:before, .article .article-content blockquote:after {
            content: "";
            display: block;
            margin: 0 auto;
            width: 100px;
            height: 1px;
            background: #010101;
        }

        .article .article-content blockquote:before {
            margin-bottom: 20px;
        }

        .article .article-content blockquote:after {
            margin-top: 20px;
        }

        .article .article-content blockquote p {
            color: #010101;
            font-size: 30px;
            padding: 0;
            line-height: 1;
            font-style: italic;
        }

@media all and (min-width: 568px) {
    .article .wrapper .wrapper-inner {
        padding: 0;
    }

    .article .wrapper header .author {
        margin-bottom: 0;
        float: left;
    }

    .article .wrapper header .article-title {
        font-size: 90px;
    }
}

@media all and (min-width: 768px) {
    .article .wrapper .wrapper-inner {
        padding: 0 170px;
    }

    .article header {
        padding-bottom: 0;
    }

        .article header .author {
            margin-bottom: 0;
        }

    .article .article-content blockquote {
        margin: 0 -175px;
    }

    .article .article-content iframe {
        height: 500px;
    }

    .article .article-content p.article-image {
        margin: 0 -175px;
    }

        .article .article-content p.article-image picture:last-child img {
            width: 100%;
        }

        .article .article-content p.article-image picture + picture img {
            width: 50% !important;
        }

        .article .article-content p.article-image picture img {
            width: 50%;
            display: inline-block;
        }
}

@media all and (min-width: 1024px) {
    .article header .author {
        padding-right: 20px;
    }

    .article .article-content h3 {
        font-size: 60px;
    }

    .article .article-content h4 {
        font-size: 40px;
    }
}

#notifications {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    background: #010101;
    z-index: 4;
    -webkit-animation-name: hide;
    -moz-animation-name: hide;
    animation-name: hide;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

    #notifications li {
        display: block;
        color: white;
        padding: 20px 20px 0 20px;
    }

@-webkit-keyframes hide {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes hide {
    0% {
        -moz-transform: translateY(0);
    }

    100% {
        -moz-transform: translateY(-100%);
    }
}

@keyframes hide {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@media all and (min-width: 1024px) {
    #notifications {
        top: 0;
        left: 60px;
    }
}

#write-future {
    width: 100%;
    height: 100%;
    overflow: visible;
    padding-bottom: 60px;
}

    #write-future path {
        fill: white;
    }

    #write-future #letter {
        fill: none;
        stroke: white;
        stroke-width: 22px;
        stroke-dasharray: 100%;
        stroke-dashoffset: 100%;
        stroke-linejoin: miter;
    }

    #write-future #pen {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

.active #write-future #letter {
    -webkit-animation: letterDraw 2.5s linear;
    -moz-animation: letterDraw 2.5s linear;
    animation: letterDraw 2.5s linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.active #write-future #pen {
    -webkit-animation: penMove 2.5s linear;
    -moz-animation: penMove 2.5s linear;
    animation: penMove 2.5s linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes penMove {
    10% {
        -webkit-transform: translateX(-5%);
    }

    20% {
        -webkit-transform: translateX(-5%) translateY(19%);
    }

    30% {
        -webkit-transform: translateX(0) translateY(19%);
    }

    40% {
        -webkit-transform: translateX(-5%) translateY(19%);
    }

    50% {
        -webkit-transform: translateX(-5%) translateY(38%);
    }

    60% {
        -webkit-transform: translateX(0) translateY(38%);
    }

    100% {
        -webkit-transform: translateX(5%) translateY(22%);
    }
}

@-moz-keyframes penMove {
    10% {
        -moz-transform: translateX(-5%);
    }

    20% {
        -moz-transform: translateX(-5%) translateY(19%);
    }

    30% {
        -moz-transform: translateX(0) translateY(19%);
    }

    40% {
        -moz-transform: translateX(-5%) translateY(19%);
    }

    50% {
        -moz-transform: translateX(-5%) translateY(38%);
    }

    60% {
        -moz-transform: translateX(0) translateY(38%);
    }

    100% {
        -moz-transform: translateX(5%) translateY(22%);
    }
}

@keyframes penMove {
    10% {
        -webkit-transform: translateX(-5%);
        -moz-transform: translateX(-5%);
        -ms-transform: translateX(-5%);
        -o-transform: translateX(-5%);
        transform: translateX(-5%);
    }

    20% {
        -webkit-transform: translateX(-5%) translateY(19%);
        -moz-transform: translateX(-5%) translateY(19%);
        -ms-transform: translateX(-5%) translateY(19%);
        -o-transform: translateX(-5%) translateY(19%);
        transform: translateX(-5%) translateY(19%);
    }

    30% {
        -webkit-transform: translateX(0) translateY(19%);
        -moz-transform: translateX(0) translateY(19%);
        -ms-transform: translateX(0) translateY(19%);
        -o-transform: translateX(0) translateY(19%);
        transform: translateX(0) translateY(19%);
    }

    40% {
        -webkit-transform: translateX(-5%) translateY(19%);
        -moz-transform: translateX(-5%) translateY(19%);
        -ms-transform: translateX(-5%) translateY(19%);
        -o-transform: translateX(-5%) translateY(19%);
        transform: translateX(-5%) translateY(19%);
    }

    50% {
        -webkit-transform: translateX(-5%) translateY(38%);
        -moz-transform: translateX(-5%) translateY(38%);
        -ms-transform: translateX(-5%) translateY(38%);
        -o-transform: translateX(-5%) translateY(38%);
        transform: translateX(-5%) translateY(38%);
    }

    60% {
        -webkit-transform: translateX(0) translateY(38%);
        -moz-transform: translateX(0) translateY(38%);
        -ms-transform: translateX(0) translateY(38%);
        -o-transform: translateX(0) translateY(38%);
        transform: translateX(0) translateY(38%);
    }

    100% {
        -webkit-transform: translateX(5%) translateY(22%);
        -moz-transform: translateX(5%) translateY(22%);
        -ms-transform: translateX(5%) translateY(22%);
        -o-transform: translateX(5%) translateY(22%);
        transform: translateX(5%) translateY(22%);
    }
}

@-webkit-keyframes letterDraw {
    0% {
        stroke-dashoffset: 100%;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes letterDraw {
    0% {
        stroke-dashoffset: 100%;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes letterDraw {
    0% {
        stroke-dashoffset: 100%;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@media all and (min-width: 1024px) {
    #write-future {
        width: 80%;
    }
}

.grid {
    display: block;
    width: 100%;
    font-size: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: white;
}

    .grid li {
        font-size: inherit;
        display: block;
        width: 100%;
        white-space: normal;
        vertical-align: top;
        -webkit-perspective: 1500px;
        -moz-perspective: 1500px;
        perspective: 1500px;

        /*Add by Hasan*/
        height: 500px;
    }

        .grid li .spacer {
            width: 100%;
            height: auto;
        }

.mini-grid {
    margin-bottom: 20px;
    text-align: center;
    /*height: 450px;*/
    font-size: 0;
    width: 100%;
    /*white-space: nowrap;*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;


}

    .mini-grid li {
        text-align: left;
        font-size: 16px;
        display: inline-block;
        height: 100%;
        white-space: normal;
        padding: 10px;
        height: 300px;
        float: left;

    }

@media all and (min-width: 768px) {
    .grid {
        white-space: normal;
    }

        .grid li {
            width: 50%;
            display: inline-block;
        }

            .grid li[data-double=true] {
                width: 100%;
            }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    .grid li.double:nth-child(odd):last-child {
        width: 100%;
    }

        .grid li.double:nth-child(odd):last-child > * {
            width: 50%;
            display: inline-block;
        }
}

@media all and (min-width: 1024px) {
    .grid {
        height: 100%;
        width: auto;
        white-space: nowrap;
        display: inline-block;
    }

        .grid li {
            width: auto;
            height: 100%;
            display: inline-block;
        }

            .grid li .spacer {
                width: auto;
                height: 100%;
            }
}

.grid li.case-study article {
    overflow: hidden;
}

    .grid li.case-study article:after {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

    .grid li.case-study article .content {
        padding: 0 20px 0 20px;
    }

        .grid li.case-study article .content .button {
            font-size: 20px;
            padding: 2vh 5vh 2vh 5vh;
        }

        .grid li.case-study article .content .tag {
            padding-bottom: 1vh;
            display: block;
            text-align: center;
        }

            .grid li.case-study article .content .tag small {
                margin: 0 1vh;
                font-size: 2.5vh;
                padding: 1vh;
                vertical-align: middle;
            }

            .grid li.case-study article .content .tag:before, .grid li.case-study article .content .tag:after {
                content: "";
                display: inline-block;
                width: 15%;
                height: 1px;
                vertical-align: middle;
            }

        .grid li.case-study article .content .info {
            margin-top: 0;
        }

            .grid li.case-study article .content .info .case {
                padding: 0 3vh 2vh 3vh;
                text-align: center;
            }

                .grid li.case-study article .content .info .case p {
                    line-height: 1;
                    text-transform: uppercase;
                    color: white;
                    font-family: "UniversLTStd", Arial, sans-serif;
                    font-size: 30px;
                }

                .grid li.case-study article .content .info .case:before {
                    content: "";
                    display: inline-block;
                    width: 0px;
                    height: 1px;
                    margin-bottom: 2vh;
                    background: white;
                    -webkit-transition-property: width;
                    -moz-transition-property: width;
                    transition-property: width;
                    -webkit-transition-duration: 0.3s;
                    -moz-transition-duration: 0.3s;
                    transition-duration: 0.3s;
                    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                    -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                }

        .grid li.case-study article .content h2 {
            text-align: center;
            font-size: 60px;
        }
    /*Departments Section Start*/
    .grid li.case-study article#Software:after {
        background: #82BC00;
        -webkit-transform: translateX(100%) translateY(100%) rotate(0deg);
        -moz-transform: translateX(100%) translateY(100%) rotate(0deg);
        -ms-transform: translateX(100%) translateY(100%) rotate(0deg);
        -o-transform: translateX(100%) translateY(100%) rotate(0deg);
        transform: translateX(100%) translateY(100%) rotate(0deg);
    }

    .grid li.case-study article#Software .tag small, .grid li.case-study article#Software .tag:before, .grid li.case-study article#Software .tag:after {
        background: #82BC00;
    }

    .grid li.case-study article#Creative:after {
        background: #EB0028;
        -webkit-transform: translateX(100%) translateY(100%) rotate(0deg);
        -moz-transform: translateX(100%) translateY(100%) rotate(0deg);
        -ms-transform: translateX(100%) translateY(100%) rotate(0deg);
        -o-transform: translateX(100%) translateY(100%) rotate(0deg);
        transform: translateX(100%) translateY(100%) rotate(0deg);
    }

    .grid li.case-study article#Creative .tag small, .grid li.case-study article#Creative .tag:before, .grid li.case-study article#Creative .tag:after {
        background: #EB0028;
    }

    .grid li.case-study article#SocialMedia:after {
        background: #40B4E5;
        -webkit-transform: translateX(100%) translateY(100%) rotate(0deg);
        -moz-transform: translateX(100%) translateY(100%) rotate(0deg);
        -ms-transform: translateX(100%) translateY(100%) rotate(0deg);
        -o-transform: translateX(100%) translateY(100%) rotate(0deg);
        transform: translateX(100%) translateY(100%) rotate(0deg);
    }

    .grid li.case-study article#SocialMedia .tag small, .grid li.case-study article#SocialMedia .tag:before, .grid li.case-study article#SocialMedia .tag:after {
        background: #40B4E5;
    }

    .grid li.case-study article#DDJ:after {
        background: #7B2481;
        -webkit-transform: translateX(100%) translateY(100%) rotate(0deg);
        -moz-transform: translateX(100%) translateY(100%) rotate(0deg);
        -ms-transform: translateX(100%) translateY(100%) rotate(0deg);
        -o-transform: translateX(100%) translateY(100%) rotate(0deg);
        transform: translateX(100%) translateY(100%) rotate(0deg);
    }

    .grid li.case-study article#DDJ .tag small, .grid li.case-study article#DDJ .tag:before, .grid li.case-study article#DDJ .tag:after {
        background: #7B2481;
    }

    .grid li.case-study article#Production:after {
        background: #FF8300;
        -webkit-transform: translateX(100%) translateY(100%) rotate(0deg);
        -moz-transform: translateX(100%) translateY(100%) rotate(0deg);
        -ms-transform: translateX(100%) translateY(100%) rotate(0deg);
        -o-transform: translateX(100%) translateY(100%) rotate(0deg);
        transform: translateX(100%) translateY(100%) rotate(0deg);
    }

    .grid li.case-study article#Production .tag small, .grid li.case-study article#Production .tag:before, .grid li.case-study article#Production .tag:after {
        background: #FF8300;
    }

    
        .grid li.case-study article#BTL:after {
        background: #FDB713;
        -webkit-transform: translateX(100%) translateY(100%) rotate(0deg);
        -moz-transform: translateX(100%) translateY(100%) rotate(0deg);
        -ms-transform: translateX(100%) translateY(100%) rotate(0deg);
        -o-transform: translateX(100%) translateY(100%) rotate(0deg);
        transform: translateX(100%) translateY(100%) rotate(0deg);
    }

    .grid li.case-study article#BTL .tag small, .grid li.case-study article#BTL .tag:before, .grid li.case-study article#BTL .tag:after {
        background: #FDB713;
    }

     .grid li.case-study article#Strategy:after {
        background: #A7A9AC;
        -webkit-transform: translateX(100%) translateY(100%) rotate(0deg);
        -moz-transform: translateX(100%) translateY(100%) rotate(0deg);
        -ms-transform: translateX(100%) translateY(100%) rotate(0deg);
        -o-transform: translateX(100%) translateY(100%) rotate(0deg);
        transform: translateX(100%) translateY(100%) rotate(0deg);
    }

    .grid li.case-study article#Strategy .tag small, .grid li.case-study article#Strategy .tag:before, .grid li.case-study article#Strategy .tag:after {
        background: #A7A9AC;
    }

    /*Departments Section End*/
    .grid li.case-study article#itv-studios:after {
        background: #a90061;
        -webkit-transform: translateX(100%) translateY(100%) rotate(0deg);
        -moz-transform: translateX(100%) translateY(100%) rotate(0deg);
        -ms-transform: translateX(100%) translateY(100%) rotate(0deg);
        -o-transform: translateX(100%) translateY(100%) rotate(0deg);
        transform: translateX(100%) translateY(100%) rotate(0deg);
    }

    .grid li.case-study article#itv-studios .tag small, .grid li.case-study article#itv-studios .tag:before, .grid li.case-study article#itv-studios .tag:after {
        background: #a90061;
    }

    .grid li.case-study article#baxter-storey:after {
        background: #000000;
        -webkit-transform: translateX(0%) translateY(50%) rotate(90deg);
        -moz-transform: translateX(0%) translateY(50%) rotate(90deg);
        -ms-transform: translateX(0%) translateY(50%) rotate(90deg);
        -o-transform: translateX(0%) translateY(50%) rotate(90deg);
        transform: translateX(0%) translateY(50%) rotate(90deg);
    }

    .grid li.case-study article#baxter-storey .tag small, .grid li.case-study article#baxter-storey .tag:before, .grid li.case-study article#baxter-storey .tag:after {
        background: #000000;
    }

    .grid li.case-study article#gumball:after {
        background: #ff5a00;
        -webkit-transform: translateX(100%) translateY(100%) rotate(-90deg);
        -moz-transform: translateX(100%) translateY(100%) rotate(-90deg);
        -ms-transform: translateX(100%) translateY(100%) rotate(-90deg);
        -o-transform: translateX(100%) translateY(100%) rotate(-90deg);
        transform: translateX(100%) translateY(100%) rotate(-90deg);
    }

    .grid li.case-study article#gumball .tag small, .grid li.case-study article#gumball .tag:before, .grid li.case-study article#gumball .tag:after {
        background: #ff5a00;
    }

    .grid li.case-study article#venntro:after {
        background: #44cdbb;
        -webkit-transform: translateX(150%) translateY(100%) rotate(90deg);
        -moz-transform: translateX(150%) translateY(100%) rotate(90deg);
        -ms-transform: translateX(150%) translateY(100%) rotate(90deg);
        -o-transform: translateX(150%) translateY(100%) rotate(90deg);
        transform: translateX(150%) translateY(100%) rotate(90deg);
    }

    .grid li.case-study article#venntro .tag small, .grid li.case-study article#venntro .tag:before, .grid li.case-study article#venntro .tag:after {
        background: #44cdbb;
    }

    .grid li.case-study article#outlook-expeditions:after {
        background: #93b3ba;
        -webkit-transform: translateX(0%) translateY(80%) rotate(90deg);
        -moz-transform: translateX(0%) translateY(80%) rotate(90deg);
        -ms-transform: translateX(0%) translateY(80%) rotate(90deg);
        -o-transform: translateX(0%) translateY(80%) rotate(90deg);
        transform: translateX(0%) translateY(80%) rotate(90deg);
    }

    .grid li.case-study article#outlook-expeditions .tag small, .grid li.case-study article#outlook-expeditions .tag:before, .grid li.case-study article#outlook-expeditions .tag:after {
        background: #93b3ba;
    }

    .grid li.case-study article#joke:after {
        background: #f21941;
        -webkit-transform: translateX(100%) translateY(100%) rotate(-90deg);
        -moz-transform: translateX(100%) translateY(100%) rotate(-90deg);
        -ms-transform: translateX(100%) translateY(100%) rotate(-90deg);
        -o-transform: translateX(100%) translateY(100%) rotate(-90deg);
        transform: translateX(100%) translateY(100%) rotate(-90deg);
    }

    .grid li.case-study article#joke .tag small, .grid li.case-study article#joke .tag:before, .grid li.case-study article#joke .tag:after {
        background: #f21941;
    }

    .grid li.case-study article#gdr:after {
        background: #f13c96;
        -webkit-transform: translateX(0%) translateY(50%) rotate(90deg);
        -moz-transform: translateX(0%) translateY(50%) rotate(90deg);
        -ms-transform: translateX(0%) translateY(50%) rotate(90deg);
        -o-transform: translateX(0%) translateY(50%) rotate(90deg);
        transform: translateX(0%) translateY(50%) rotate(90deg);
    }

    .grid li.case-study article#gdr .tag small, .grid li.case-study article#gdr .tag:before, .grid li.case-study article#gdr .tag:after {
        background: #f13c96;
    }

    .grid li.case-study article.large_casestudy:after {
        background: #c20820;
        -webkit-transform: translateX(0%) translateY(50%) rotate(90deg);
        -moz-transform: translateX(0%) translateY(50%) rotate(90deg);
        -ms-transform: translateX(0%) translateY(50%) rotate(90deg);
        -o-transform: translateX(0%) translateY(50%) rotate(90deg);
        transform: translateX(0%) translateY(50%) rotate(90deg);
    }

    .grid li.case-study article.large_casestudy .tag small, .grid li.case-study article.large_casestudy .tag:before, .grid li.case-study article.large_casestudy .tag:after {
        background: #c20820;
    }

    .grid li.case-study article#berkeley-homes.large_casestudy:after {
        background: #df0a22;
        -webkit-transform: translateX(0%) translateY(50%) rotate(90deg);
        -moz-transform: translateX(0%) translateY(50%) rotate(90deg);
        -ms-transform: translateX(0%) translateY(50%) rotate(90deg);
        -o-transform: translateX(0%) translateY(50%) rotate(90deg);
        transform: translateX(0%) translateY(50%) rotate(90deg);
    }

    .grid li.case-study article#berkeley-homes.large_casestudy .tag small, .grid li.case-study article#berkeley-homes.large_casestudy .tag:before, .grid li.case-study article#berkeley-homes.large_casestudy .tag:after {
        background: #df0a22;
    }

    .grid li.case-study article#hencan.large_casestudy:after {
        background: #88725a;
        -webkit-transform: translateX(0%) translateY(50%) rotate(90deg);
        -moz-transform: translateX(0%) translateY(50%) rotate(90deg);
        -ms-transform: translateX(0%) translateY(50%) rotate(90deg);
        -o-transform: translateX(0%) translateY(50%) rotate(90deg);
        transform: translateX(0%) translateY(50%) rotate(90deg);
    }

    .grid li.case-study article#hencan.large_casestudy .tag small, .grid li.case-study article#hencan.large_casestudy .tag:before, .grid li.case-study article#hencan.large_casestudy .tag:after {
        background: #88725a;
    }

    .grid li.case-study article#let365.large_casestudy:after {
        background: #e6bb00;
        -webkit-transform: translateX(0%) translateY(50%) rotate(90deg);
        -moz-transform: translateX(0%) translateY(50%) rotate(90deg);
        -ms-transform: translateX(0%) translateY(50%) rotate(90deg);
        -o-transform: translateX(0%) translateY(50%) rotate(90deg);
        transform: translateX(0%) translateY(50%) rotate(90deg);
    }

    .grid li.case-study article#let365.large_casestudy .tag small, .grid li.case-study article#let365.large_casestudy .tag:before, .grid li.case-study article#let365.large_casestudy .tag:after {
        background: #e6bb00;
    }

    .grid li.case-study article#ingle-and-rhode.large_casestudy:after {
        background: #836298;
        -webkit-transform: translateX(0%) translateY(50%) rotate(90deg);
        -moz-transform: translateX(0%) translateY(50%) rotate(90deg);
        -ms-transform: translateX(0%) translateY(50%) rotate(90deg);
        -o-transform: translateX(0%) translateY(50%) rotate(90deg);
        transform: translateX(0%) translateY(50%) rotate(90deg);
    }

    .grid li.case-study article#ingle-and-rhode.large_casestudy .tag small, .grid li.case-study article#ingle-and-rhode.large_casestudy .tag:before, .grid li.case-study article#ingle-and-rhode.large_casestudy .tag:after {
        background: #836298;
    }

    .grid li.case-study article#cinebop.large_casestudy:after {
        background: #582f75;
        -webkit-transform: translateX(0%) translateY(50%) rotate(90deg);
        -moz-transform: translateX(0%) translateY(50%) rotate(90deg);
        -ms-transform: translateX(0%) translateY(50%) rotate(90deg);
        -o-transform: translateX(0%) translateY(50%) rotate(90deg);
        transform: translateX(0%) translateY(50%) rotate(90deg);
    }

    .grid li.case-study article#cinebop.large_casestudy .tag small, .grid li.case-study article#cinebop.large_casestudy .tag:before, .grid li.case-study article#cinebop.large_casestudy .tag:after {
        background: #582f75;
    }

.grid li.double.case-study article .tag:before, .grid li.double.case-study article .tag:after {
    content: "";
    display: inline-block;
    width: 15%;
    height: 1px;
    vertical-align: middle;
    background: #010101;
}

.grid li.double.case-study article:after {
    -webkit-transform: translateY(100%) translateX(100%) rotate(90deg);
    -moz-transform: translateY(100%) translateX(100%) rotate(90deg);
    -ms-transform: translateY(100%) translateX(100%) rotate(90deg);
    -o-transform: translateY(100%) translateX(100%) rotate(90deg);
    transform: translateY(100%) translateX(100%) rotate(90deg);
    background: #010101;
}

.grid li.double.case-study article#cinebop:after, .grid li.double.case-study article#cinebop .tag small, .grid li.double.case-study article#cinebop .tag:before, .grid li.double.case-study article#cinebop .tag:after {
    background: #582f75;
}

.grid li.double.case-study article#hencan:after, .grid li.double.case-study article#hencan .tag small, .grid li.double.case-study article#hencan .tag:before, .grid li.double.case-study article#hencan .tag:after {
    background: #88725a;
}

.grid li.double.case-study article#let365:after, .grid li.double.case-study article#let365 .tag small, .grid li.double.case-study article#let365 .tag:before, .grid li.double.case-study article#let365 .tag:after {
    background: #e6bb00;
}

.grid li.double.case-study article#ingle-and-rhode:after, .grid li.double.case-study article#ingle-and-rhode .tag small, .grid li.double.case-study article#ingle-and-rhode .tag:before, .grid li.double.case-study article#ingle-and-rhode .tag:after {
    background: #573c81;
}

.no-touch .still .grid li.double.case-study article:hover:after {
    -webkit-transform: translateY(20%) translateX(50%) rotate(45deg);
    -moz-transform: translateY(20%) translateX(50%) rotate(45deg);
    -ms-transform: translateY(20%) translateX(50%) rotate(45deg);
    -o-transform: translateY(20%) translateX(50%) rotate(45deg);
    transform: translateY(20%) translateX(50%) rotate(45deg);
}

.no-touch .still .grid li.case-study article:hover .tag {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.no-touch .still .grid li.case-study article:hover .info {
    max-height: 30vh;
}

    .no-touch .still .grid li.case-study article:hover .info .case:before {
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        transition-delay: 0.5s;
        width: 10vh;
    }
    /*Departments Start*/

    .no-touch .still .grid li.case-study article:hover#Software:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}
       .no-touch .still .grid li.case-study article:hover#Creative:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}
          .no-touch .still .grid li.case-study article:hover#SocialMedia:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}
   .no-touch .still .grid li.case-study article:hover#DDJ:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}
      .no-touch .still .grid li.case-study article:hover#Production:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}

            .no-touch .still .grid li.case-study article:hover#BTL:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}

                  .no-touch .still .grid li.case-study article:hover#Strategy:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}
    /*Departments End*/
.no-touch .still .grid li.case-study article:hover#itv-studios:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}

.no-touch .still .grid li.case-study article:hover#baxter-storey:after {
    -webkit-transform: translateX(40%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(40%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(40%) translateY(60%) rotate(45deg);
    -o-transform: translateX(40%) translateY(60%) rotate(45deg);
    transform: translateX(40%) translateY(60%) rotate(45deg);
}

.no-touch .still .grid li.case-study article:hover#gumball:after {
    -webkit-transform: translateX(65%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(65%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(65%) translateY(60%) rotate(45deg);
    -o-transform: translateX(65%) translateY(60%) rotate(45deg);
    transform: translateX(65%) translateY(60%) rotate(45deg);
}

.no-touch .still .grid li.case-study article:hover#venntro:after {
    -webkit-transform: translateX(70%) translateY(50%) rotate(45deg);
    -moz-transform: translateX(70%) translateY(50%) rotate(45deg);
    -ms-transform: translateX(70%) translateY(50%) rotate(45deg);
    -o-transform: translateX(70%) translateY(50%) rotate(45deg);
    transform: translateX(70%) translateY(50%) rotate(45deg);
}

.no-touch .still .grid li.case-study article:hover#outlook-expeditions:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}

.no-touch .still .grid li.case-study article:hover#joke:after {
    -webkit-transform: translateX(50%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(50%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(50%) translateY(60%) rotate(45deg);
    -o-transform: translateX(50%) translateY(60%) rotate(45deg);
    transform: translateX(50%) translateY(60%) rotate(45deg);
}

.no-touch .still .grid li.case-study article:hover#gdr:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.no-touch .still .grid li.case-study article:hover.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.no-touch .still .grid li.case-study article:hover#berkeley-homes.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.no-touch .still .grid li.case-study article:hover#hencan.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.no-touch .still .grid li.case-study article:hover#let365.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.no-touch .still .grid li.case-study article:hover#ingle-and-rhode.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.no-touch .still .grid li.case-study article:hover#cinebop.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.touch .grid li.double.case-study article:after, .touch .still .grid li.double.case-study article:after {
    -webkit-transform: translateY(20%) translateX(50%) rotate(45deg);
    -moz-transform: translateY(20%) translateX(50%) rotate(45deg);
    -ms-transform: translateY(20%) translateX(50%) rotate(45deg);
    -o-transform: translateY(20%) translateX(50%) rotate(45deg);
    transform: translateY(20%) translateX(50%) rotate(45deg);
}
/*Departments Start*/
.touch .grid li.case-study article#Software:after, .touch .still .grid li.case-study article#Software:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}
.touch .grid li.case-study article#Creative:after, .touch .still .grid li.case-study article#Creative:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}
.touch .grid li.case-study article#SocialMedia:after, .touch .still .grid li.case-study article#SocialMedia:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}
.touch .grid li.case-study article#DDJ:after, .touch .still .grid li.case-study article#DDJ:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}
.touch .grid li.case-study article#Production:after, .touch .still .grid li.case-study article#Production:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}

.touch .grid li.case-study article#BTL:after, .touch .still .grid li.case-study article#BTL:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}

.touch .grid li.case-study article#Strategy:after, .touch .still .grid li.case-study article#Strategy:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}
/*Departments End*/
.touch .grid li.case-study article#itv-studios:after, .touch .still .grid li.case-study article#itv-studios:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}

.touch .grid li.case-study article#baxter-storey:after, .touch .still .grid li.case-study article#baxter-storey:after {
    -webkit-transform: translateX(40%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(40%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(40%) translateY(60%) rotate(45deg);
    -o-transform: translateX(40%) translateY(60%) rotate(45deg);
    transform: translateX(40%) translateY(60%) rotate(45deg);
}

.touch .grid li.case-study article#gumball:after, .touch .still .grid li.case-study article#gumball:after {
    -webkit-transform: translateX(65%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(65%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(65%) translateY(60%) rotate(45deg);
    -o-transform: translateX(65%) translateY(60%) rotate(45deg);
    transform: translateX(65%) translateY(60%) rotate(45deg);
}

.touch .grid li.case-study article#venntro:after, .touch .still .grid li.case-study article#venntro:after {
    -webkit-transform: translateX(70%) translateY(50%) rotate(45deg);
    -moz-transform: translateX(70%) translateY(50%) rotate(45deg);
    -ms-transform: translateX(70%) translateY(50%) rotate(45deg);
    -o-transform: translateX(70%) translateY(50%) rotate(45deg);
    transform: translateX(70%) translateY(50%) rotate(45deg);
}

.touch .grid li.case-study article#outlook-expeditions:after, .touch .still .grid li.case-study article#outlook-expeditions:after {
    -webkit-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -moz-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    -o-transform: translateX(-20%) translateY(90%) rotate(-45deg);
    transform: translateX(-20%) translateY(90%) rotate(-45deg);
}

.touch .grid li.case-study article#joke:after, .touch .still .grid li.case-study article#joke:after {
    -webkit-transform: translateX(50%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(50%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(50%) translateY(60%) rotate(45deg);
    -o-transform: translateX(50%) translateY(60%) rotate(45deg);
    transform: translateX(50%) translateY(60%) rotate(45deg);
}

.touch .grid li.case-study article#gdr:after, .touch .still .grid li.case-study article#gdr:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.touch .grid li.case-study article.large_casestudy:after, .touch .still .grid li.case-study article.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.touch .grid li.case-study article#berkeley-homes.large_casestudy:after, .touch .still .grid li.case-study article#berkeley-homes.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.touch .grid li.case-study article#hencan.large_casestudy:after, .touch .still .grid li.case-study article#hencan.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.touch .grid li.case-study article#let365.large_casestudy:after, .touch .still .grid li.case-study article#let365.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.touch .grid li.case-study article#ingle-and-rhode.large_casestudy:after, .touch .still .grid li.case-study article#ingle-and-rhode.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.touch .grid li.case-study article#cinebop.large_casestudy:after, .touch .still .grid li.case-study article#cinebop.large_casestudy:after {
    -webkit-transform: translateX(60%) translateY(60%) rotate(45deg);
    -moz-transform: translateX(60%) translateY(60%) rotate(45deg);
    -ms-transform: translateX(60%) translateY(60%) rotate(45deg);
    -o-transform: translateX(60%) translateY(60%) rotate(45deg);
    transform: translateX(60%) translateY(60%) rotate(45deg);
}

.touch .grid li.case-study article .tag, .touch .still .grid li.case-study article .tag {
    opacity: 0 !important;
    visibility: hidden !important;
    padding-bottom: 10px !important;
}

    .touch .grid li.case-study article .tag:before, .touch .grid li.case-study article .tag:after, .touch .still .grid li.case-study article .tag:before, .touch .still .grid li.case-study article .tag:after {
        display: none;
    }

    .touch .grid li.case-study article .tag small, .touch .still .grid li.case-study article .tag small {
        background: white !important;
        color: #2d2d2d;
    }

.touch .grid li.case-study article .info, .touch .still .grid li.case-study article .info {
    max-height: 500px !important;
}

    .touch .grid li.case-study article .info .case:before, .touch .still .grid li.case-study article .info .case:before {
        width: 100px;
        margin-bottom: 20px;
    }

.touch .grid li.case-study article .content, .touch .still .grid li.case-study article .content {
    padding: 0;
}

    .touch .grid li.case-study article .content h2, .touch .still .grid li.case-study article .content h2 {
        font-size: 60px;
    }

    .touch .grid li.case-study article .content .button, .touch .still .grid li.case-study article .content .button {
        font-size: 20px;
        padding: 20px 40px;
        margin-bottom: 20px;
    }

    .touch .grid li.case-study article .content .info .case, .touch .still .grid li.case-study article .content .info .case {
        padding: 0 20px 0 20px;
    }

        .touch .grid li.case-study article .content .info .case p, .touch .still .grid li.case-study article .content .info .case p {
            font-size: 25px;
        }

@media all and (min-width: 568px) {
    .touch .grid li.case-study article .content, .touch .still .grid li.case-study article .content {
        padding: 20px 20px 0 20px;
    }

        .touch .grid li.case-study article .content h2, .touch .still .grid li.case-study article .content h2 {
            font-size: 100px;
        }

        .touch .grid li.case-study article .content .info .case p, .touch .still .grid li.case-study article .content .info .case p {
            font-size: 30px;
        }

    .grid li.case-study article .content {
        padding: 4vh 4vh 6vh 4vh;
    }
}

@media all and (min-width: 768px) {
    .touch .grid li.case-study article .content h2, .touch .still .grid li.case-study article .content h2 {
        font-size: 50px;
    }

    .touch .grid li.case-study article .content .button, .touch .still .grid li.case-study article .content .button {
        padding: 20px;
    }

    .touch .grid li.case-study article .content .info .case p, .touch .still .grid li.case-study article .content .info .case p {
        font-size: 20px;
    }
}

@media all and (min-width: 1024px) {
    .grid li.case-study article .content .button {
        font-size: 2.5vh;
    }

    .grid li.case-study article .content h2 {
        font-size: 7vh;
    }

    .grid li.case-study article .content .info .case {
        padding: 0 6vh 2vh 6vh;
    }

        .grid li.case-study article .content .info .case p {
            font-size: 3vh;
        }
}

.grid.clients {
    background: #010101;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .grid.clients li {
        overflow: hidden;
    }

        .grid.clients li .client {
            position: relative;
            width: 25%;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            overflow: hidden;
        }

            .grid.clients li .client .client-logo {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }

            .grid.clients li .client[data-behaviour=client] {
                background: rgba(45,45,45,0.1);
            }

                .no-touch .grid.clients li .client[data-behaviour=client]:hover, .grid.clients li .client[data-behaviour=client].open {
                    background: white;
                    cursor: pointer;
                }

                    .no-touch .grid.clients li .client[data-behaviour=client]:hover .client-logo, .grid.clients li .client[data-behaviour=client].open .client-logo {
                        -webkit-transform: translateX(-50%);
                        -moz-transform: translateX(-50%);
                        -ms-transform: translateX(-50%);
                        -o-transform: translateX(-50%);
                        transform: translateX(-50%);
                    }

            .grid.clients li .client.contact_us {
                text-align: center;
                overflow: hidden;
            }

                .grid.clients li .client.contact_us > div {
                    width: 80%;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translateY(-50%) translateX(-50%);
                    -moz-transform: translateY(-50%) translateX(-50%);
                    -ms-transform: translateY(-50%) translateX(-50%);
                    -o-transform: translateY(-50%) translateX(-50%);
                    transform: translateY(-50%) translateX(-50%);
                }

                .grid.clients li .client.contact_us .button {
                    display: block;
                    padding: 10px;
                    margin-bottom: 0;
                    font-size: 20px;
                }

        .grid.clients li.quote, .grid.clients li.case-study {
            position: relative;
            visibility: hidden;
            max-height: 0;
            -webkit-transition-property: max-height, visibility;
            -moz-transition-property: max-height, visibility;
            transition-property: max-height, visibility;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

            .grid.clients li.quote blockquote.basic, .grid.clients li.quote article, .grid.clients li.case-study blockquote.basic, .grid.clients li.case-study article {
                display: none;
            }

            .grid.clients li.quote.open, .grid.clients li.case-study.open {
                max-height: 2000px;
                visibility: visible;
            }

                .grid.clients li.quote.open blockquote.basic.active, .grid.clients li.quote.open article.active, .grid.clients li.case-study.open blockquote.basic.active, .grid.clients li.case-study.open article.active {
                    opacity: 1;
                    display: block;
                }

            .grid.clients li.quote a.clients_close, .grid.clients li.case-study a.clients_close {
                cursor: pointer;
                background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") 0px -280px no-repeat;
                position: absolute;
                width: 25px;
                height: 25px;
                right: 0;
                margin-top: 10px;
                margin-right: 10px;
                z-index: 999;
                -webkit-animation-name: clients-close-fadein;
                -moz-animation-name: clients-close-fadein;
                animation-name: clients-close-fadein;
                -webkit-animation-duration: 1.5s;
                -moz-animation-duration: 1.5s;
                animation-duration: 1.5s;
            }

                .grid.clients li.quote a.clients_close.dark, .grid.clients li.case-study a.clients_close.dark {
                    background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -26px -280px no-repeat;
                }

.touch .grid.clients li .client.contact_us > div .button {
    padding: 10px;
    font-size: 10px;
}

@-webkit-keyframes clients-close-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes clients-close-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes clients-close-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media all and (min-width: 568px) {
    .touch .grid.clients li .client.contact_us > div .button {
        font-size: 20px;
    }
}

@media all and (min-width: 768px) {
    .grid.clients li .client.contact_us > div .button {
        padding: 10px 20px;
        font-size: 3vh;
    }

    .grid.clients li {
        width: 100%;
    }

        .grid.clients li.quote, .grid.clients li.case-study {
            width: 50%;
        }

            .grid.clients li.quote blockquote.basic, .grid.clients li.quote article, .grid.clients li.case-study blockquote.basic, .grid.clients li.case-study article {
                opacity: 0;
                z-index: 1;
                -webkit-transition-property: opacity, -webkit-transform, visibility;
                -moz-transition-property: opacity, -moz-transform, visibility;
                transition-property: opacity, transform, visibility;
                -webkit-transition-duration: 0.5s;
                -moz-transition-duration: 0.5s;
                transition-duration: 0.5s;
            }
}

@media all and (min-width: 1024px) {
    .grid.clients li .client.contact_us > div .button {
        padding: 2vh;
        font-size: 3vh;
    }

    .grid.clients li .client {
        width: auto;
        float: none;
        height: 25%;
    }

    .grid.clients li.quote, .grid.clients li.case-study {
        max-height: 2000px;
        max-width: 0;
        -webkit-transition-property: max-width, visibility;
        -moz-transition-property: max-width, visibility;
        transition-property: max-width, visibility;
    }

        .grid.clients li.quote blockquote.basic, .grid.clients li.quote article, .grid.clients li.case-study blockquote.basic, .grid.clients li.case-study article {
            display: block;
            position: absolute;
            top: 0;
            visibility: hidden;
            z-index: 1;
        }

        .grid.clients li.quote.open, .grid.clients li.case-study.open {
            max-width: 800px;
        }

            .grid.clients li.quote.open blockquote.basic.active, .grid.clients li.quote.open article.active, .grid.clients li.case-study.open blockquote.basic.active, .grid.clients li.case-study.open article.active {
                visibility: visible;
                z-index: 2;
                -webkit-transform: translateX(0%) rotateY(0deg);
                -moz-transform: translateX(0%) rotateY(0deg);
                -ms-transform: translateX(0%) rotateY(0deg);
                -o-transform: translateX(0%) rotateY(0deg);
                transform: translateX(0%) rotateY(0deg);
            }
}

.grid li.arrow-parent, .mini-grid li.arrow-parent {
    position: relative;
    z-index: 2;
}

.grid li article, .grid li .tweet, .grid li .instagram, .grid li .basic, .mini-grid li article, .mini-grid li .tweet, .mini-grid li .instagram, .mini-grid li .basic {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
}

    .grid li article h2, .grid li article p, .grid li .tweet h2, .grid li .tweet p, .grid li .instagram h2, .grid li .instagram p, .grid li .basic h2, .grid li .basic p, .mini-grid li article h2, .mini-grid li article p, .mini-grid li .tweet h2, .mini-grid li .tweet p, .mini-grid li .instagram h2, .mini-grid li .instagram p, .mini-grid li .basic h2, .mini-grid li .basic p {
        padding-bottom: 2vh;
    }

    .grid li article .button, .grid li .tweet .button, .grid li .instagram .button, .grid li .basic .button, .mini-grid li article .button, .mini-grid li .tweet .button, .mini-grid li .instagram .button, .mini-grid li .basic .button {
        margin-bottom: 2vh;
    }

    .grid li article.primary, .grid li .tweet.primary, .grid li .instagram.primary, .grid li .basic.primary, .mini-grid li article.primary, .mini-grid li .tweet.primary, .mini-grid li .instagram.primary, .mini-grid li .basic.primary {
        background: #010101;
    }

        .grid li article.primary p, .grid li .tweet.primary p, .grid li .instagram.primary p, .grid li .basic.primary p, .mini-grid li article.primary p, .mini-grid li .tweet.primary p, .mini-grid li .instagram.primary p, .mini-grid li .basic.primary p {
            color: white;
            font-size: 20px;
            line-height: 1.2;
        }

        .grid li article.primary .info .inner, .grid li .tweet.primary .info .inner, .grid li .instagram.primary .info .inner, .grid li .basic.primary .info .inner, .mini-grid li article.primary .info .inner, .mini-grid li .tweet.primary .info .inner, .mini-grid li .instagram.primary .info .inner, .mini-grid li .basic.primary .info .inner {
            border-top: 2px solid white;
            padding-top: 2vh;
        }

    .grid li article.arrow, .grid li .tweet.arrow, .grid li .instagram.arrow, .grid li .basic.arrow, .mini-grid li article.arrow, .mini-grid li .tweet.arrow, .mini-grid li .instagram.arrow, .mini-grid li .basic.arrow {
        z-index: 2;
    }

        .grid li article.arrow:after, .grid li .tweet.arrow:after, .grid li .instagram.arrow:after, .grid li .basic.arrow:after, .mini-grid li article.arrow:after, .mini-grid li .tweet.arrow:after, .mini-grid li .instagram.arrow:after, .mini-grid li .basic.arrow:after {
            content: "";
            display: none;
            position: absolute;
            border: 50px solid transparent;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .grid li article.arrow.right:after, .grid li .tweet.arrow.right:after, .grid li .instagram.arrow.right:after, .grid li .basic.arrow.right:after, .mini-grid li article.arrow.right:after, .mini-grid li .tweet.arrow.right:after, .mini-grid li .instagram.arrow.right:after, .mini-grid li .basic.arrow.right:after {
            top: 50%;
            margin-top: -50px;
            right: -100px;
            border-left: 50px solid #010101;
        }

        .grid li article.arrow.down:after, .grid li .tweet.arrow.down:after, .grid li .instagram.arrow.down:after, .grid li .basic.arrow.down:after, .mini-grid li article.arrow.down:after, .mini-grid li .tweet.arrow.down:after, .mini-grid li .instagram.arrow.down:after, .mini-grid li .basic.arrow.down:after {
            bottom: -100px;
            left: 50%;
            margin-left: -50px;
            border-top: 50px solid #010101;
        }

        .grid li article.arrow.left:after, .grid li .tweet.arrow.left:after, .grid li .instagram.arrow.left:after, .grid li .basic.arrow.left:after, .mini-grid li article.arrow.left:after, .mini-grid li .tweet.arrow.left:after, .mini-grid li .instagram.arrow.left:after, .mini-grid li .basic.arrow.left:after {
            left: -100px;
            top: 50%;
            margin-top: -50px;
            border-right: 50px solid #010101;
        }

        .grid li article.arrow.up:after, .grid li .tweet.arrow.up:after, .grid li .instagram.arrow.up:after, .grid li .basic.arrow.up:after, .mini-grid li article.arrow.up:after, .mini-grid li .tweet.arrow.up:after, .mini-grid li .instagram.arrow.up:after, .mini-grid li .basic.arrow.up:after {
            top: -100px;
            left: 50%;
            margin-left: -50px;
            border-bottom: 50px solid #010101;
        }

    .grid li article .content, .grid li .tweet .content, .grid li .instagram .content, .grid li .basic .content, .mini-grid li article .content, .mini-grid li .tweet .content, .mini-grid li .instagram .content, .mini-grid li .basic .content {
        position: absolute;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 3;
        padding: 2vh 2vh 1vh 2vh;
    }

        .grid li article .content .tag, .grid li article .content h2, .grid li .tweet .content .tag, .grid li .tweet .content h2, .grid li .instagram .content .tag, .grid li .instagram .content h2, .grid li .basic .content .tag, .grid li .basic .content h2, .mini-grid li article .content .tag, .mini-grid li article .content h2, .mini-grid li .tweet .content .tag, .mini-grid li .tweet .content h2, .mini-grid li .instagram .content .tag, .mini-grid li .instagram .content h2, .mini-grid li .basic .content .tag, .mini-grid li .basic .content h2 {
            -webkit-transition-property: opacity, -webkit-transform, visibility;
            -moz-transition-property: opacity, -moz-transform, visibility;
            transition-property: opacity, transform, visibility;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

            .grid li article .content .tag small, .grid li article .content h2 small, .grid li .tweet .content .tag small, .grid li .tweet .content h2 small, .grid li .instagram .content .tag small, .grid li .instagram .content h2 small, .grid li .basic .content .tag small, .grid li .basic .content h2 small, .mini-grid li article .content .tag small, .mini-grid li article .content h2 small, .mini-grid li .tweet .content .tag small, .mini-grid li .tweet .content h2 small, .mini-grid li .instagram .content .tag small, .mini-grid li .instagram .content h2 small, .mini-grid li .basic .content .tag small, .mini-grid li .basic .content h2 small {
                display: inline-block;
                font-family: "UniversLTStd", Arial, sans-serif;
                color: white;
                line-height: 0.8;
                margin-top: 0.4vh;
                background: #010101;
                padding: 0.3vh 0.5vh;
                font-size: 20px;
                font-weight: 300;
                vertical-align: top;
                text-transform: uppercase;
            }

        .grid li article .content h2, .grid li .tweet .content h2, .grid li .instagram .content h2, .grid li .basic .content h2, .mini-grid li article .content h2, .mini-grid li .tweet .content h2, .mini-grid li .instagram .content h2, .mini-grid li .basic .content h2 {
            font-size: 30px;
            line-height: 1;
            color: white;
            text-transform: uppercase;
            vertical-align: middle;
        }

        .grid li article .content .info, .grid li .tweet .content .info, .grid li .instagram .content .info, .grid li .basic .content .info, .mini-grid li article .content .info, .mini-grid li .tweet .content .info, .mini-grid li .instagram .content .info, .mini-grid li .basic .content .info {
            opacity: 0;
            max-height: 0;
            -webkit-transition-property: max-height, opacity, visibility;
            -moz-transition-property: max-height, opacity, visibility;
            transition-property: max-height, opacity, visibility;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
            overflow: hidden;
            visibility: hidden;
        }

            .grid li article .content .info .author, .grid li .tweet .content .info .author, .grid li .instagram .content .info .author, .grid li .basic .content .info .author, .mini-grid li article .content .info .author, .mini-grid li .tweet .content .info .author, .mini-grid li .instagram .content .info .author, .mini-grid li .basic .content .info .author {
                padding: 2vh 0;
                border-top: 1px solid white;
            }

                .grid li article .content .info .author img, .grid li .tweet .content .info .author img, .grid li .instagram .content .info .author img, .grid li .basic .content .info .author img, .mini-grid li article .content .info .author img, .mini-grid li .tweet .content .info .author img, .mini-grid li .instagram .content .info .author img, .mini-grid li .basic .content .info .author img {
                    display: inline-block;
                    height: 5vh;
                    vertical-align: middle;
                    margin-right: 0.5vh;
                }

                .grid li article .content .info .author p, .grid li .tweet .content .info .author p, .grid li .instagram .content .info .author p, .grid li .basic .content .info .author p, .mini-grid li article .content .info .author p, .mini-grid li .tweet .content .info .author p, .mini-grid li .instagram .content .info .author p, .mini-grid li .basic .content .info .author p {
                    padding: 0;
                    max-width: 50%;
                    word-wrap: break-word;
                    font-size: 1.5vh;
                    color: white;
                    display: inline-block;
                    vertical-align: middle;
                }

                .grid li article .content .info .author .time, .grid li .tweet .content .info .author .time, .grid li .instagram .content .info .author .time, .grid li .basic .content .info .author .time, .mini-grid li article .content .info .author .time, .mini-grid li .tweet .content .info .author .time, .mini-grid li .instagram .content .info .author .time, .mini-grid li .basic .content .info .author .time {
                    float: right;
                }

                    .grid li article .content .info .author .time:before, .grid li .tweet .content .info .author .time:before, .grid li .instagram .content .info .author .time:before, .grid li .basic .content .info .author .time:before, .mini-grid li article .content .info .author .time:before, .mini-grid li .tweet .content .info .author .time:before, .mini-grid li .instagram .content .info .author .time:before, .mini-grid li .basic .content .info .author .time:before {
                        content: "";
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") 0 -43px no-repeat;
                        vertical-align: middle;
                        margin: -2px 5px 0 0;
                    }

.grid li.double article, .grid li.double .tweet, .grid li.double .instagram, .grid li.double .basic, .mini-grid li.double article, .mini-grid li.double .tweet, .mini-grid li.double .instagram, .mini-grid li.double .basic {
    height: 50%;
}

    .grid li.double article:nth-of-type(2), .grid li.double article.second, .grid li.double .tweet:nth-of-type(2), .grid li.double .tweet.second, .grid li.double .instagram:nth-of-type(2), .grid li.double .instagram.second, .grid li.double .basic:nth-of-type(2), .grid li.double .basic.second, .mini-grid li.double article:nth-of-type(2), .mini-grid li.double article.second, .mini-grid li.double .tweet:nth-of-type(2), .mini-grid li.double .tweet.second, .mini-grid li.double .instagram:nth-of-type(2), .mini-grid li.double .instagram.second, .mini-grid li.double .basic:nth-of-type(2), .mini-grid li.double .basic.second {
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

.no-touch .still .grid li article:hover .info, .no-touch .still .grid li .tweet:hover .info, .no-touch .still .grid li .instagram:hover .info, .no-touch .still .grid li .basic:hover .info, .no-touch .still .mini-grid li article:hover .info, .no-touch .still .mini-grid li .tweet:hover .info, .no-touch .still .mini-grid li .instagram:hover .info, .no-touch .still .mini-grid li .basic:hover .info {
    opacity: 1;
    max-height: 10vh;
    visibility: visible;
}

#page .mini-grid li article .content, #page .mini-grid li .tweet .content, #page .mini-grid li .instagram .content, #page .mini-grid li .basic .content {
    padding: 40px 40px 20px 40px;
}

    #page .mini-grid li article .content .tag small, #page .mini-grid li article .content h2 small, #page .mini-grid li .tweet .content .tag small, #page .mini-grid li .tweet .content h2 small, #page .mini-grid li .instagram .content .tag small, #page .mini-grid li .instagram .content h2 small, #page .mini-grid li .basic .content .tag small, #page .mini-grid li .basic .content h2 small {
        padding: 7px 10px;
        font-size: 20px;
    }

    #page .mini-grid li article .content .info .author, #page .mini-grid li .tweet .content .info .author, #page .mini-grid li .instagram .content .info .author, #page .mini-grid li .basic .content .info .author {
        padding-top: 20px;
    }

        #page .mini-grid li article .content .info .author p, #page .mini-grid li .tweet .content .info .author p, #page .mini-grid li .instagram .content .info .author p, #page .mini-grid li .basic .content .info .author p {
            font-size: 15px;
        }

    #page .mini-grid li article .content h2, #page .mini-grid li .tweet .content h2, #page .mini-grid li .instagram .content h2, #page .mini-grid li .basic .content h2 {
        padding-bottom: 20px;
        font-size: 40px;
    }

.touch .grid li article .content, .touch .grid li .tweet .content, .touch .grid li .instagram .content, .touch .grid li .basic .content, .touch .mini-grid li article .content, .touch .mini-grid li .tweet .content, .touch .mini-grid li .instagram .content, .touch .mini-grid li .basic .content {
    padding: 20px 20px 0px 20px;
}

    .touch .grid li article .content .tag small, .touch .grid li article .content h2 small, .touch .grid li .tweet .content .tag small, .touch .grid li .tweet .content h2 small, .touch .grid li .instagram .content .tag small, .touch .grid li .instagram .content h2 small, .touch .grid li .basic .content .tag small, .touch .grid li .basic .content h2 small, .touch .mini-grid li article .content .tag small, .touch .mini-grid li article .content h2 small, .touch .mini-grid li .tweet .content .tag small, .touch .mini-grid li .tweet .content h2 small, .touch .mini-grid li .instagram .content .tag small, .touch .mini-grid li .instagram .content h2 small, .touch .mini-grid li .basic .content .tag small, .touch .mini-grid li .basic .content h2 small {
        font-size: 15px;
        padding: 4px;
        vertical-align: top;
    }

    .touch .grid li article .content .tag, .touch .grid li .tweet .content .tag, .touch .grid li .instagram .content .tag, .touch .grid li .basic .content .tag, .touch .mini-grid li article .content .tag, .touch .mini-grid li .tweet .content .tag, .touch .mini-grid li .instagram .content .tag, .touch .mini-grid li .basic .content .tag {
        padding-bottom: 20px;
    }

    .touch .grid li article .content h2, .touch .grid li .tweet .content h2, .touch .grid li .instagram .content h2, .touch .grid li .basic .content h2, .touch .mini-grid li article .content h2, .touch .mini-grid li .tweet .content h2, .touch .mini-grid li .instagram .content h2, .touch .mini-grid li .basic .content h2 {
        font-size: 25px;
        padding-bottom: 20px;
    }

    .touch .grid li article .content .info, .touch .grid li .tweet .content .info, .touch .grid li .instagram .content .info, .touch .grid li .basic .content .info, .touch .mini-grid li article .content .info, .touch .mini-grid li .tweet .content .info, .touch .mini-grid li .instagram .content .info, .touch .mini-grid li .basic .content .info {
        opacity: 1;
        max-height: 400px;
        visibility: visible;
    }

        .touch .grid li article .content .info .inner, .touch .grid li .tweet .content .info .inner, .touch .grid li .instagram .content .info .inner, .touch .grid li .basic .content .info .inner, .touch .mini-grid li article .content .info .inner, .touch .mini-grid li .tweet .content .info .inner, .touch .mini-grid li .instagram .content .info .inner, .touch .mini-grid li .basic .content .info .inner {
            padding-top: 20px;
        }

        .touch .grid li article .content .info .author, .touch .grid li .tweet .content .info .author, .touch .grid li .instagram .content .info .author, .touch .grid li .basic .content .info .author, .touch .mini-grid li article .content .info .author, .touch .mini-grid li .tweet .content .info .author, .touch .mini-grid li .instagram .content .info .author, .touch .mini-grid li .basic .content .info .author {
            padding: 20px 0;
        }

            .touch .grid li article .content .info .author p, .touch .grid li .tweet .content .info .author p, .touch .grid li .instagram .content .info .author p, .touch .grid li .basic .content .info .author p, .touch .mini-grid li article .content .info .author p, .touch .mini-grid li .tweet .content .info .author p, .touch .mini-grid li .instagram .content .info .author p, .touch .mini-grid li .basic .content .info .author p {
                font-size: 15px;
            }

            .touch .grid li article .content .info .author img, .touch .grid li .tweet .content .info .author img, .touch .grid li .instagram .content .info .author img, .touch .grid li .basic .content .info .author img, .touch .mini-grid li article .content .info .author img, .touch .mini-grid li .tweet .content .info .author img, .touch .mini-grid li .instagram .content .info .author img, .touch .mini-grid li .basic .content .info .author img {
                height: 50px;
                margin-right: 10px;
            }

    .touch .grid li article .content p, .touch .grid li .tweet .content p, .touch .grid li .instagram .content p, .touch .grid li .basic .content p, .touch .mini-grid li article .content p, .touch .mini-grid li .tweet .content p, .touch .mini-grid li .instagram .content p, .touch .mini-grid li .basic .content p {
        line-height: 1;
        font-size: 15px;
        padding-bottom: 20px;
    }

.grid li .tweet .content .info, .mini-grid li .tweet .content .info {
    opacity: 1;
    max-height: 10vh;
    visibility: visible;
}

@media all and (min-width: 568px) {
    .touch .grid li article .content .tag small, .touch .grid li article .content h2 small, .touch .grid li .tweet .content .tag small, .touch .grid li .tweet .content h2 small, .touch .grid li .instagram .content .tag small, .touch .grid li .instagram .content h2 small, .touch .grid li .basic .content .tag small, .touch .grid li .basic .content h2 small {
        margin-top: 5px;
        font-size: 15px;
        padding: 5px 10px;
    }

    .touch .grid li article .content h2, .touch .grid li .tweet .content h2, .touch .grid li .instagram .content h2, .touch .grid li .basic .content h2 {
        font-size: 30px;
    }
}

@media all and (min-width: 768px) {
    .touch .grid li article .content .tag small, .touch .grid li article .content h2 small, .touch .grid li .tweet .content .tag small, .touch .grid li .tweet .content h2 small, .touch .grid li .instagram .content .tag small, .touch .grid li .instagram .content h2 small, .touch .grid li .basic .content .tag small, .touch .grid li .basic .content h2 small {
        font-size: 15px;
        margin-top: 3px;
        padding: 5px;
    }

    .touch .grid li article .content h2, .touch .grid li .tweet .content h2, .touch .grid li .instagram .content h2, .touch .grid li .basic .content h2 {
        font-size: 25px;
    }

    .touch .grid li article .content p, .touch .grid li .tweet .content p, .touch .grid li .instagram .content p, .touch .grid li .basic .content p {
        font-size: 20px;
    }
}

@media all and (min-width: 1024px) {
    .grid li article .content, .grid li .tweet .content, .grid li .instagram .content, .grid li .basic .content, .mini-grid li article .content, .mini-grid li .tweet .content, .mini-grid li .instagram .content, .mini-grid li .basic .content {
        padding: 4vh 4vh 2vh 4vh;
    }

        .grid li article .content .tag small, .grid li article .content h2 small, .mini-grid li article .content .tag small, .mini-grid li article .content h2 small {
            font-size: 2.5vh;
            margin-top: 0.5vh;
            padding: 0.6vh 1vh;
        }

        .grid li article .content h2, .mini-grid li article .content h2 {
            font-size: 4vh;
        }

    .no-touch .grid li article, .no-touch .grid li .tweet, .no-touch .grid li .instagram, .no-touch .grid li .basic {
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transform-origin: center left;
        -moz-transform-origin: center left;
        -ms-transform-origin: center left;
        -o-transform-origin: center left;
        transform-origin: center left;
        -webkit-transform: translateX(100%) rotateY(80deg);
        -moz-transform: translateX(100%) rotateY(80deg);
        -ms-transform: translateX(100%) rotateY(80deg);
        -o-transform: translateX(100%) rotateY(80deg);
        transform: translateX(100%) rotateY(80deg);
    }

        .no-touch .grid li article.arrow:after, .no-touch .grid li .tweet.arrow:after, .no-touch .grid li .instagram.arrow:after, .no-touch .grid li .basic.arrow:after {
            display: block;
        }

    .no-touch .grid li.active article, .no-touch .grid li.active .tweet, .no-touch .grid li.active .instagram, .no-touch .grid li.active .basic, .no-touch .grid li.past article, .no-touch .grid li.past .tweet, .no-touch .grid li.past .instagram, .no-touch .grid li.past .basic {
        -webkit-transform: translateX(0) rotateY(0deg);
        -moz-transform: translateX(0) rotateY(0deg);
        -ms-transform: translateX(0) rotateY(0deg);
        -o-transform: translateX(0) rotateY(0deg);
        transform: translateX(0) rotateY(0deg);
    }
}

.grid li .tweet {
    background: #1dadeb;
}

    .grid li .tweet .content {
        padding: 2vh 2vh 1vh 2vh;
    }

    .grid li .tweet .tweet-content {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        z-index: 3;
        padding: 2vh 2vh 1vh 2vh;
        position: absolute;
    }

        .grid li .tweet .tweet-content p {
            font-size: 30px;
            line-height: 1;
            color: white;
            font-family: "UniversLTStd", Arial, sans-serif;
            text-transform: uppercase;
        }

            .grid li .tweet .tweet-content p img {
                height: 30px;
            }

            .grid li .tweet .tweet-content p a {
                color: #ade8fe;
            }

.touch .grid li .tweet .content {
    padding: 20px 20px 0 20px;
}

.touch .grid li .tweet .tweet-content {
    padding: 20px 20px 0 20px;
}

    .touch .grid li .tweet .tweet-content p {
        font-size: 25px;
        padding-bottom: 20px;
    }

        .touch .grid li .tweet .tweet-content p img {
            height: 20px;
        }

@media all and (min-width: 568px) {
    .touch .grid li .tweet .tweet-content p {
        font-size: 30px;
    }

        .touch .grid li .tweet .tweet-content p img {
            height: 30px;
        }
}

@media all and (min-width: 768px) {
    .touch .grid li .tweet .tweet-content p {
        font-size: 25px;
    }

        .touch .grid li .tweet .tweet-content p img {
            height: 40px;
        }
}

@media all and (min-width: 1024px) {
    .grid li .tweet .content {
        padding: 4vh 4vh 2vh 4vh;
    }

    .grid li .tweet .tweet-content {
        padding: 4vh 4vh 2vh 4vh;
    }

        .grid li .tweet .tweet-content p {
            font-size: 4vh;
        }

            .grid li .tweet .tweet-content p img {
                height: 4vh;
            }

    .touch .grid li .tweet .tweet-content p img {
        height: 20px;
    }
}

.grid li .instagram .content, .touch .grid li .instagram .content {
    padding: 0;
    top: 0;
}

    .grid li .instagram .content img, .touch .grid li .instagram .content img {
        display: block;
        width: 50%;
        float: left;
    }

.grid li.quote {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    .grid li.quote blockquote {
        position: relative;
        margin: 0;
        background: white;
    }

        .grid li.quote blockquote .content {
            top: 0;
            padding: 6vh 4vh;
        }

            .grid li.quote blockquote .content:before, .grid li.quote blockquote .content:after {
                position: absolute;
                content: "";
                display: block;
                width: 15%;
                height: 1px;
                background: #2d2d2d;
            }

            .grid li.quote blockquote .content:before {
                bottom: 4vh;
            }

            .grid li.quote blockquote .content:after {
                top: 4vh;
            }

            .grid li.quote blockquote .content .quotation {
                float: left;
                margin: 0 10px 5px 0;
                height: 4vh;
                width: 4vh;
            }

            .grid li.quote blockquote .content p {
                padding-bottom: 2vh;
                color: #2f2f2f;
                line-height: 1.4;
                font-size: 1.3vh;
            }

            .grid li.quote blockquote .content h2 {
                font-size: 4vh;
                color: #2d2d2d;
                padding-bottom: 0;
            }

            .grid li.quote blockquote .content h3 {
                font-size: 3vh;
                padding-bottom: 0;
            }

        .grid li.quote blockquote#gumball-quote .content .quotation {
            fill: #ff5a00;
        }

        .grid li.quote blockquote#gumball-quote .content:before, .grid li.quote blockquote#gumball-quote .content:after {
            background: #ff5a00;
        }

        .grid li.quote blockquote#gumball-quote .content h3 {
            color: #ff5a00;
        }

        .grid li.quote blockquote#itv-studios-quote .content .quotation {
            fill: #a90061;
        }

        .grid li.quote blockquote#itv-studios-quote .content:before, .grid li.quote blockquote#itv-studios-quote .content:after {
            background: #a90061;
        }

        .grid li.quote blockquote#itv-studios-quote .content h3 {
            color: #a90061;
        }

        .grid li.quote blockquote#gdr-quote .content .quotation {
            fill: #f13c96;
        }

        .grid li.quote blockquote#gdr-quote .content:before, .grid li.quote blockquote#gdr-quote .content:after {
            background: #f13c96;
        }

        .grid li.quote blockquote#gdr-quote .content h3 {
            color: #f13c96;
        }

        .grid li.quote blockquote#mmr-quote .content .quotation {
            fill: #8dc63f;
        }

        .grid li.quote blockquote#mmr-quote .content:before, .grid li.quote blockquote#mmr-quote .content:after {
            background: #8dc63f;
        }

        .grid li.quote blockquote#mmr-quote .content h3 {
            color: #8dc63f;
        }

        .grid li.quote blockquote#kiniki-quote .content .quotation {
            fill: #8c8c8c;
        }

        .grid li.quote blockquote#kiniki-quote .content:before, .grid li.quote blockquote#kiniki-quote .content:after {
            background: #8c8c8c;
        }

        .grid li.quote blockquote#kiniki-quote .content h3 {
            color: #8c8c8c;
        }

        .grid li.quote blockquote#outlook-expeditions-quote .content .quotation {
            fill: #93b3ba;
        }

        .grid li.quote blockquote#outlook-expeditions-quote .content:before, .grid li.quote blockquote#outlook-expeditions-quote .content:after {
            background: #93b3ba;
        }

        .grid li.quote blockquote#outlook-expeditions-quote .content h3 {
            color: #93b3ba;
        }

        .grid li.quote blockquote#parkstreet-quote .content .quotation {
            fill: #b60050;
        }

        .grid li.quote blockquote#parkstreet-quote .content:before, .grid li.quote blockquote#parkstreet-quote .content:after {
            background: #b60050;
        }

        .grid li.quote blockquote#parkstreet-quote .content h3 {
            color: #b60050;
        }

        .grid li.quote blockquote#cinebop-quote .content .quotation {
            fill: #582f75;
        }

        .grid li.quote blockquote#cinebop-quote .content:before, .grid li.quote blockquote#cinebop-quote .content:after {
            background: #582f75;
        }

        .grid li.quote blockquote#cinebop-quote .content h3 {
            color: #582f75;
        }

.touch .grid li.quote blockquote .content {
    padding: 40px 20px;
}

    .touch .grid li.quote blockquote .content:before {
        bottom: 20px;
    }

    .touch .grid li.quote blockquote .content:after {
        top: 20px;
    }

    .touch .grid li.quote blockquote .content .quotation {
        height: 35px;
        width: 35px;
    }

    .touch .grid li.quote blockquote .content h2 {
        font-size: 30px;
        margin: 0;
        padding: 0;
    }

    .touch .grid li.quote blockquote .content h3 {
        margin: 0;
        padding: 0;
        font-size: 20px;
    }

    .touch .grid li.quote blockquote .content p {
        padding-bottom: 20px;
        line-height: 1.2;
        font-size: 12px;
    }

@media all and (min-width: 568px) {
    .touch .grid li.quote blockquote .content p {
        font-size: 15px;
    }
}

@media all and (min-width: 1024px) {
    .touch .grid li.quote blockquote .content p {
        font-size: 14px;
    }

    .grid li.quote blockquote .content p {
        font-size: 1.8vh;
    }
}

.grid li .subscribe {
    text-align: center;
    overflow: hidden;
}

    .grid li .subscribe .content {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: auto;
    }

        .grid li .subscribe .content h2 {
            font-size: 4vh;
            padding-bottom: 6px;
            color: white;
        }

        .grid li .subscribe .content p {
            font-size: 2.1vh;
            color: white;
            line-height: 1.4;
            padding-bottom: 3.5vh;
        }

        .grid li .subscribe .content input.email {
            padding-bottom: 15px;
            text-transform: uppercase;
            font-size: 2.4vh;
            padding: 17px 0 12px 0;
        }

        .grid li .subscribe .content input.button {
            font-size: 3vh;
            padding: 15px 45px;
            -webkit-font-smoothing: antialiased;
        }

        .grid li .subscribe .content .content {
            max-height: 500px;
            -webkit-transition-property: opacity, visiblity, max-height;
            -moz-transition-property: opacity, visiblity, max-height;
            transition-property: opacity, visiblity, max-height;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .grid li .subscribe .content .thank_you {
            -webkit-transition-property: opacity, visiblity, max-height;
            -moz-transition-property: opacity, visiblity, max-height;
            transition-property: opacity, visiblity, max-height;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
            opacity: 0;
            visibility: hidden;
            max-height: 0;
        }

            .grid li .subscribe .content .thank_you p {
                padding-bottom: 0;
            }

        .grid li .subscribe .content.thanks .inner_content {
            opacity: 0;
            visibility: hidden;
            max-height: 0;
        }

        .grid li .subscribe .content.thanks .thank_you {
            opacity: 1;
            visibility: visible;
            max-height: 400px;
        }

.touch .grid li .subscribe .content h2 {
    font-size: 40px;
}

.touch .grid li .subscribe .content input.email, .touch .grid li .subscribe .content input.button, .touch .grid li .subscribe .content p {
    font-size: 20px;
}

.touch .grid li .subscribe .content p {
    padding-bottom: 20px;
}

@media all and (min-width: 568px) {
    .touch .grid li .subscribe .content h2 {
        font-size: 60px;
    }
}

@media all and (min-width: 768px) {
    .touch .grid li .subscribe .content h2 {
        font-size: 40px;
    }
}

.grid li .team-member {
    overflow: hidden;
}

    .grid li .team-member:after {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        transition-duration: 0.5s;
        background: #010101;
        -webkit-transform: translateY(100%) translateX(100%) rotate(90deg);
        -moz-transform: translateY(100%) translateX(100%) rotate(90deg);
        -ms-transform: translateY(100%) translateX(100%) rotate(90deg);
        -o-transform: translateY(100%) translateX(100%) rotate(90deg);
        transform: translateY(100%) translateX(100%) rotate(90deg);
    }

    .grid li .team-member .content h2 {
        font-size: 40px;
        padding-bottom: 10px;
    }

    .grid li .team-member .content .info {
        text-align: center;
    }

        .grid li .team-member .content .info .tag small {
            background: white;
            color: #010101;
            vertical-align: middle;
            margin: 0 1vh;
            font-size: 20px;
            padding: 0.5vh 1vh;
        }

        .grid li .team-member .content .info .tag:before, .grid li .team-member .content .info .tag:after {
            content: "";
            display: inline-block;
            width: 15%;
            height: 1px;
            vertical-align: middle;
            background: white;
        }

.no-touch .still .grid li .team-member:hover:after {
    -webkit-transform: translateY(55%) translateX(90%) rotate(70deg);
    -moz-transform: translateY(55%) translateX(90%) rotate(70deg);
    -ms-transform: translateY(55%) translateX(90%) rotate(70deg);
    -o-transform: translateY(55%) translateX(90%) rotate(70deg);
    transform: translateY(55%) translateX(90%) rotate(70deg);
}

.touch .grid li .team-member .content {
    padding-bottom: 0;
}

    .touch .grid li .team-member .content h2 {
        padding-bottom: 0;
        font-size: 40px;
    }

    .touch .grid li .team-member .content .info .tag small {
        font-size: 20px;
        margin: 0 5px;
        padding: 5px 10px;
    }

.touch .grid li .team-member:after {
    -webkit-transform: translateY(55%) translateX(90%) rotate(70deg);
    -moz-transform: translateY(55%) translateX(90%) rotate(70deg);
    -ms-transform: translateY(55%) translateX(90%) rotate(70deg);
    -o-transform: translateY(55%) translateX(90%) rotate(70deg);
    transform: translateY(55%) translateX(90%) rotate(70deg);
}

@media all and (min-width: 568px) {
    .grid li .team-member .content h2 {
        font-size: 60px;
    }

    .grid li .team-member .content .info .tag small {
        font-size: 30px;
    }

    .touch .grid li .team-member .content h2 {
        padding-bottom: 10px;
        font-size: 60px;
    }
}

@media all and (min-width: 768px) {
    .grid li .team-member .content h2 {
        font-size: 5vh;
    }

    .grid li .team-member .content .info .tag small {
        font-size: 2.5vh;
    }

    .touch .grid li .team-member .content h2 {
        padding-bottom: 5px;
        font-size: 40px;
    }
}

.grid li .join-us {
    text-align: center;
    overflow: hidden;
}

    .grid li .join-us:after {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        transition-duration: 0.5s;
        background: #010101;
        -webkit-transform: translateY(100%) translateX(100%) rotate(90deg);
        -moz-transform: translateY(100%) translateX(100%) rotate(90deg);
        -ms-transform: translateY(100%) translateX(100%) rotate(90deg);
        -o-transform: translateY(100%) translateX(100%) rotate(90deg);
        transform: translateY(100%) translateX(100%) rotate(90deg);
    }

.no-touch .grid li .join-us:hover .content .info {
    max-height: 200px;
}

.no-touch .grid li .join-us:hover.large:after {
    -webkit-transform: translateY(60%) translateX(70%) rotate(45deg);
    -moz-transform: translateY(60%) translateX(70%) rotate(45deg);
    -ms-transform: translateY(60%) translateX(70%) rotate(45deg);
    -o-transform: translateY(60%) translateX(70%) rotate(45deg);
    transform: translateY(60%) translateX(70%) rotate(45deg);
}

.no-touch .grid li .join-us:hover.small:after {
    -webkit-transform: translateY(30%) translateX(60%) rotate(45deg);
    -moz-transform: translateY(30%) translateX(60%) rotate(45deg);
    -ms-transform: translateY(30%) translateX(60%) rotate(45deg);
    -o-transform: translateY(30%) translateX(60%) rotate(45deg);
    transform: translateY(30%) translateX(60%) rotate(45deg);
}

.grid li .join-us .intro {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .grid li .join-us .intro h1 {
        padding: 0;
        color: white;
        font-size: 60px;
    }

        .grid li .join-us .intro h1:after {
            content: "";
            display: block;
            margin: 20px auto;
            width: 10vh;
            height: 2px;
            background: white;
        }

    .grid li .join-us .intro h2 {
        font-size: 40px;
        color: white;
        padding-bottom: 0;
    }

.grid li .join-us .content h2 {
    font-size: 7vh;
}

.grid li .join-us.join-us2 .intro {
    bottom: 10%;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

    .grid li .join-us.join-us2 .intro h3 {
        color: white;
    }

.touch .grid li .join-us.join-us2 .intro h1 {
    font-size: 40px;
}

.touch .grid li .join-us.join-us2 .intro h3 {
    font-size: 20px;
}

.touch .grid li .join-us:after {
    display: none;
}

.touch .grid li .join-us .content {
    display: none;
}

.touch .grid li .join-us .intro h1:after {
    width: 100px;
}

@media all and (min-width: 1024px) {
    .grid li .join-us.join-us2 .intro h1 {
        font-size: 6vh;
    }

    .grid li .join-us.join-us2 .intro h3 {
        font-size: 3vh;
    }

    .grid li .join-us .intro h1 {
        font-size: 9vh;
    }

        .grid li .join-us .intro h1:after {
            margin: 3vh auto;
        }

    .grid li .join-us .intro h2 {
        font-size: 5vh;
    }

    .grid li .join-us .content .button {
        font-size: 2.5vh;
        padding: 2vh 5vh 2vh 5vh;
    }

    .touch .grid li .join-us .intro h1 {
        font-size: 50px;
    }

        .touch .grid li .join-us .intro h1:after {
            margin: 20px auto;
        }

    .touch .grid li .join-us .intro h2 {
        font-size: 30px;
    }
}

.error-page {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .error-page .wrapper {
        position: relative;
        text-align: center;
        z-index: 2;
        height: 100%;
    }

        .error-page .wrapper:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-left: -20px;
        }

        .error-page .wrapper > div {
            display: inline-block;
            vertical-align: middle;
            margin-left: 20px;
        }

        .error-page .wrapper h1, .error-page .wrapper h2 {
            color: white;
        }

        .error-page .wrapper .button {
            padding: 20px 80px;
        }

    .error-page .glitch {
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        z-index: 1;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

html {
    height: 100%;
    width: 100%;
}

    html body {
        position: relative;
        height: 100%;
        width: 100%;
        font-size: 16px;
    }

        html body.nav-open {
            overflow: hidden;
        }

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

#page {
    padding-top: 60px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    #page.drifter {
        font-size: 0;
        height: 100%;
        white-space: nowrap;
    }

        #page.drifter header {
            font-size: 16px;
            white-space: normal;
            display: block;
        }

#pjax-container {
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.page-open #pjax-container {
    opacity: 1;
}

.policy .wrapper {
    padding-top: 60px;
}

    .policy .wrapper h2, .policy .wrapper h1 {
        color: #010101;
    }

    .policy .wrapper h1 {
        padding-bottom: 40px;
    }

    .policy .wrapper p {
        padding-bottom: 40px;
        line-height: 1.2;
    }

        .policy .wrapper p a {
            color: #010101;
        }

.admin {
    width: 100%;
}

    .admin header {
        width: 100%;
    }

        .admin header .container {
            position: relative;
            width: 100%;
        }

        .admin header input[type=text], .admin header input[type=password], .admin header input[type=email] {
            width: 100%;
        }

@media all and (min-width: 1024px) {
    .admin header input[type=text], .admin header input[type=password], .admin header input[type=email] {
        width: 25%;
    }
}

.wrapper {
    margin: 0 auto;
    width: 320px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.spacer {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
    height: 100%;
}

@-webkit-keyframes svgIconComeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes svgIconComeIn {
    0% {
        opacity: 0;
        -moz-transform: translateY(50%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes svgIconComeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@media all and (min-width: 568px) {
    .wrapper {
        width: 568px;
    }

        .wrapper .wrapper-inner {
            padding: 0 130px;
        }
}

@media all and (min-width: 768px) {
    .wrapper {
        width: 768px;
    }
}

@media all and (min-width: 1024px) {
    .wrapper {
        width: 964px;
    }

    #page {
        padding-top: 0;
        padding-left: 60px;
    }

        #page.drifter header {
            display: inline-block;
        }
}

.row {
    font-size: 0;
    margin-right: -20px;
}

    .row .col {
        font-size: 16px;
        display: block;
        padding-right: 20px;
        box-sizing: border-box;
        vertical-align: top;
    }

@media all and (min-width: 568px) {
    .row .col.quarter {
        display: inline-block;
        width: 50%;
    }
     .row .col.eighter {
        display: inline-block;
        width: 33.33%;
    }
}

@media all and (min-width: 1024px) {
    .row .col {
        display: inline-block;
    }

        .row .col.half {
            width: 50%;
        }

        .row .col.third {
            width: 33.33%;
        }

        .row .col.two-thirds {
            width: 66.66%;
        }

        .row .col.quarter {
            width: 25%;
        }
         .row .col.eighter {
            width: 16.66666666666667%;
        }
}

.contact header {
    position: relative;
    overflow: hidden;
}

    .contact header .content {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }

        .contact header .content .intro {
            width: 50%;
        }

        .contact header .content h1 {
            color: #010101;
            font-size: 100px;
        }

            .contact header .content h1:after {
                content: "";
                display: block;
                width: 140px;
                height: 1px;
                background: white;
                margin-top: 20px;
            }

        .contact header .content h2 {
            color: white;
            font-size: 32px;
        }

        .contact header .content .info > div {
            display: inline-block;
            vertical-align: middle;
            padding-right: 10px;
        }

            .contact header .content .info > div p {
                display: inline-block;
                font-size: 24px;
                font-family: "UniversLTStd", Arial, sans-serif;
                text-transform: uppercase;
                vertical-align: middle;
                color: white;
                padding: 0;
            }

                .contact header .content .info > div p span, .contact header .content .info > div p a {
                    font-size: inherit;
                    font-family: inherit;
                    color: inherit;
                }

            .contact header .content .info > div .icon {
                position: relative;
                width: 42px;
                height: 42px;
                display: inline-block;
                vertical-align: middle;
                background: white;
                border-radius: 200px;
                margin-right: 5px;
                -webkit-transition: background 0.5s;
                -moz-transition: background 0.5s;
                transition: background 0.5s;
            }

                .contact header .content .info > div .icon:before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translateY(-50%) translateX(-50%);
                    -moz-transform: translateY(-50%) translateX(-50%);
                    -ms-transform: translateY(-50%) translateX(-50%);
                    -o-transform: translateY(-50%) translateX(-50%);
                    transform: translateY(-50%) translateX(-50%);
                }

                .contact header .content .info > div .icon.email:before {
                    width: 22px;
                    height: 19px;
                    background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -46px -404px no-repeat;
                }

                .contact header .content .info > div .icon.tel:before {
                    width: 22px;
                    height: 22px;
                    background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -69px -404px no-repeat;
                }

.contact #form-section {
    padding-bottom: 70px;
     padding-top: 70px;
}

    .contact #form-section .button {
        margin-bottom: 0;
    }

    .contact #form-section h1 {
        font-size: 180px;
        text-align: right;
        color: #010101;
    }

    .contact #form-section .row {
        margin-right: 0;
    }

    .contact #form-section .col:first-child {
        padding: 0 20px 0 0;
    }

    .contact #form-section .col:last-child {
        border-left: 1px solid #010101;
        padding: 0 0 0 20px;
    }

.contact #locations-section {
    position: relative;
}

    .contact #locations-section .map-wrapper {
        position: absolute;
        width: 50%;
        height: 100%;
        z-index: 1;
    }

    .contact #locations-section nav {
        position: relative;
        display: block;
        float: right;
        width: 50%;
        background: #2d2d2d;
        z-index: 2;
    }

        .contact #locations-section nav ul li {
            position: relative;
            display: block;
            padding: 4vw 6vw;
            cursor: pointer;
            -webkit-transition: background 0.5s;
            -moz-transition: background 0.5s;
            transition: background 0.5s;
        }

            .contact #locations-section nav ul li:before {
                content: "";
                display: block;
                position: absolute;
                top: 50%;
                left: -80px;
                border: 40px solid transparent;
                border-right: 40px solid #2d2d2d;
                -webkit-transition: border 0.5s, -webkit-transform 0.5s;
                -moz-transition: border 0.5s, -moz-transform 0.5s;
                transition: border 0.5s, transform 0.5s;
                margin-top: -40px;
                -webkit-transform: translateX(50%);
                -moz-transform: translateX(50%);
                -ms-transform: translateX(50%);
                -o-transform: translateX(50%);
                transform: translateX(50%);
            }

            .contact #locations-section nav ul li h3 {
                color: white;
                font-size: 32px;
                line-height: 1;
                padding-bottom: 10px;
            }

                .contact #locations-section nav ul li h3 span {
                    color: #010101;
                    font-family: inherit;
                    font-size: inherit;
                    -webkit-transition: color 0.5s;
                    -moz-transition: color 0.5s;
                    transition: color 0.5s;
                }

            .contact #locations-section nav ul li p {
                color: white;
                text-transform: uppercase;
                font-size: 24px;
                font-family: "UniversLTStd", Arial, sans-serif;
                line-height: 1;
                padding-bottom: 0;
            }

            .contact #locations-section nav ul li .info {
                padding-top: 15px;
            }

                .contact #locations-section nav ul li .info > div {
                    display: inline-block;
                    vertical-align: middle;
                    padding-right: 10px;
                }

                    .contact #locations-section nav ul li .info > div p {
                        display: inline-block;
                        font-size: 24px;
                        font-family: "UniversLTStd", Arial, sans-serif;
                        text-transform: uppercase;
                        vertical-align: middle;
                        color: white;
                        padding: 0;
                    }

                        .contact #locations-section nav ul li .info > div p span, .contact #locations-section nav ul li .info > div p a {
                            font-size: inherit;
                            font-family: inherit;
                            color: inherit;
                        }

                .contact #locations-section nav ul li .info .icon {
                    position: relative;
                    width: 42px;
                    height: 42px;
                    display: inline-block;
                    vertical-align: middle;
                    background: #010101;
                    border-radius: 200px;
                    margin-right: 5px;
                    -webkit-transition: background 0.5s;
                    -moz-transition: background 0.5s;
                    transition: background 0.5s;
                }

                    .contact #locations-section nav ul li .info .icon:before {
                        content: "";
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translateY(-50%) translateX(-50%);
                        -moz-transform: translateY(-50%) translateX(-50%);
                        -ms-transform: translateY(-50%) translateX(-50%);
                        -o-transform: translateY(-50%) translateX(-50%);
                        transform: translateY(-50%) translateX(-50%);
                    }

                    .contact #locations-section nav ul li .info .icon.email:before {
                        width: 22px;
                        height: 19px;
                        background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") 0 -404px no-repeat;
                    }

                    .contact #locations-section nav ul li .info .icon.tel:before {
                        width: 22px;
                        height: 22px;
                        background: url("interface/sprite-6db0ebb52b04bab87ae2064edac3f905.svg") -23px -404px no-repeat;
                    }

            .contact #locations-section nav ul li:hover {
                background: #4e0310;
            }

                .contact #locations-section nav ul li:hover:before {
                    border-right: 40px solid #4e0310;
                }

            .contact #locations-section nav ul li.active {
                background: #010101;
            }

                .contact #locations-section nav ul li.active h3 span {
                    color: #2d2d2d;
                }

                .contact #locations-section nav ul li.active .info .icon {
                    background: #2d2d2d;
                }

                .contact #locations-section nav ul li.active:before {
                    border-right: 40px solid #010101;
                    -webkit-transform: translateX(0%);
                    -moz-transform: translateX(0%);
                    -ms-transform: translateX(0%);
                    -o-transform: translateX(0%);
                    transform: translateX(0%);
                }

@media all and (max-width: 567px) {
    .contact header .content h1 {
        font-size: 80px;
    }

    .contact header .content h2 {
        font-size: 22px;
    }

    .contact header .info > div {
        margin-bottom: 10px;
    }
}

@media all and (max-width: 767px) {
    .contact header {
        padding-bottom: 50px;
    }
}

@media all and (max-width: 1023px) {
    #page.contact #form-section h1 {
        text-align: left;
        font-size: 80px;
    }

    #page.contact #form-section .col {
        padding: 0;
    }

        #page.contact #form-section .col:last-child {
            border-left: 0;
        }

    #page.contact #locations-section .map-wrapper {
        position: relative;
        width: auto;
        height: 300px;
    }

    #page.contact #locations-section nav {
        width: auto;
        float: none;
    }

        #page.contact #locations-section nav ul li {
            padding: 40px 20px 30px 20px;
        }

            #page.contact #locations-section nav ul li:before {
                display: none;
            }
}

@media all and (max-width: 1599px) {
    .contact #locations-section nav ul li .info > div {
        display: block;
        margin-top: 10px;
    }
}

.line:before, .about section#passion .row:before, .about .banner.about:before, .about .banner.passion:before {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    margin-left: -1px;
    background-color: #010101;
    z-index: 3;
}

.about #main-header {
    background: #2d2d2d;
    padding-bottom: 60px;
}

    .about #main-header .banner {
        position: relative;
        z-index: 2;
        margin-bottom: -20px;
    }

        .about #main-header .banner img {
            min-height: 100%;
        }

.page-open .about #main-header .banner img {
    min-height: 0;
}

.about #main-header .wrapper {
    position: relative;
    z-index: 3;
}

    .about #main-header .wrapper:after {
        content: "";
        display: block;
        width: 100%;
        height: 20px;
        background-image: url(interface/after-arrow-primary-4b305f1c3a2c266260422b7069f5c34aB.svg);
        background-repeat: no-repeat;
        background-position: center top;
        margin-top: 20px;
    }

    .about #main-header .wrapper h1 {
        color: #010101;
    }

        .about #main-header .wrapper h1:before {
            content: "";
            display: block;
            width: 100px;
            height: 1px;
            background: #010101;
            margin: 0 auto 40px auto;
        }

    .about #main-header .wrapper h2 {
        color: white;
    }

.about .center-align {
    text-align: center;
}

.about section {
    position: relative;
    padding: 60px 0 40px 0;
    z-index: 2;
}

    .about section .svg path {
        opacity: 0;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
        -webkit-transition-property: opacity, -webkit-transform;
        -moz-transition-property: opacity, -moz-transform;
        transition-property: opacity, transform;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

        .about section .svg path:nth-of-type(1) {
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            transition-delay: 0.1s;
        }

        .about section .svg path:nth-of-type(2) {
            -webkit-transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            transition-delay: 0.2s;
        }

        .about section .svg path:nth-of-type(3) {
            -webkit-transition-delay: 0.3s;
            -moz-transition-delay: 0.3s;
            transition-delay: 0.3s;
        }

        .about section .svg path:nth-of-type(4) {
            -webkit-transition-delay: 0.4s;
            -moz-transition-delay: 0.4s;
            transition-delay: 0.4s;
        }

        .about section .svg path:nth-of-type(5) {
            -webkit-transition-delay: 0.5s;
            -moz-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }

        .about section .svg path:nth-of-type(6) {
            -webkit-transition-delay: 0.6s;
            -moz-transition-delay: 0.6s;
            transition-delay: 0.6s;
        }

        .about section .svg path:nth-of-type(7) {
            -webkit-transition-delay: 0.7s;
            -moz-transition-delay: 0.7s;
            transition-delay: 0.7s;
        }

        .about section .svg path:nth-of-type(8) {
            -webkit-transition-delay: 0.8s;
            -moz-transition-delay: 0.8s;
            transition-delay: 0.8s;
        }

        .about section .svg path:nth-of-type(9) {
            -webkit-transition-delay: 0.9s;
            -moz-transition-delay: 0.9s;
            transition-delay: 0.9s;
        }

        .about section .svg path:nth-of-type(10) {
            -webkit-transition-delay: 1s;
            -moz-transition-delay: 1s;
            transition-delay: 1s;
        }

        .about section .svg path:nth-of-type(11) {
            -webkit-transition-delay: 1.1s;
            -moz-transition-delay: 1.1s;
            transition-delay: 1.1s;
        }

        .about section .svg path:nth-of-type(12) {
            -webkit-transition-delay: 1.2s;
            -moz-transition-delay: 1.2s;
            transition-delay: 1.2s;
        }

        .about section .svg path:nth-of-type(13) {
            -webkit-transition-delay: 1.3s;
            -moz-transition-delay: 1.3s;
            transition-delay: 1.3s;
        }

        .about section .svg path:nth-of-type(14) {
            -webkit-transition-delay: 1.4s;
            -moz-transition-delay: 1.4s;
            transition-delay: 1.4s;
        }

        .about section .svg path:nth-of-type(15) {
            -webkit-transition-delay: 1.5s;
            -moz-transition-delay: 1.5s;
            transition-delay: 1.5s;
        }

        .about section .svg path:nth-of-type(16) {
            -webkit-transition-delay: 1.6s;
            -moz-transition-delay: 1.6s;
            transition-delay: 1.6s;
        }

        .about section .svg path:nth-of-type(17) {
            -webkit-transition-delay: 1.7s;
            -moz-transition-delay: 1.7s;
            transition-delay: 1.7s;
        }

        .about section .svg path:nth-of-type(18) {
            -webkit-transition-delay: 1.8s;
            -moz-transition-delay: 1.8s;
            transition-delay: 1.8s;
        }

        .about section .svg path:nth-of-type(19) {
            -webkit-transition-delay: 1.9s;
            -moz-transition-delay: 1.9s;
            transition-delay: 1.9s;
        }

        .about section .svg path:nth-of-type(20) {
            -webkit-transition-delay: 2s;
            -moz-transition-delay: 2s;
            transition-delay: 2s;
        }

        .about section .svg path:nth-of-type(21) {
            -webkit-transition-delay: 2.1s;
            -moz-transition-delay: 2.1s;
            transition-delay: 2.1s;
        }

        .about section .svg path:nth-of-type(22) {
            -webkit-transition-delay: 2.2s;
            -moz-transition-delay: 2.2s;
            transition-delay: 2.2s;
        }

        .about section .svg path:nth-of-type(23) {
            -webkit-transition-delay: 2.3s;
            -moz-transition-delay: 2.3s;
            transition-delay: 2.3s;
        }

        .about section .svg path:nth-of-type(24) {
            -webkit-transition-delay: 2.4s;
            -moz-transition-delay: 2.4s;
            transition-delay: 2.4s;
        }

        .about section .svg path:nth-of-type(25) {
            -webkit-transition-delay: 2.5s;
            -moz-transition-delay: 2.5s;
            transition-delay: 2.5s;
        }

    .about section.active .svg {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .about section.active .svg path {
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }

    .about section#about {
        padding: 0;
        background-color: #2d2d2d;
    }

        .about section#about .wrapper {
            position: relative;
            z-index: 3;
        }

        .about section#about .banner {
            z-index: 2;
        }

        .about section#about .row {
            margin: 0;
        }

        .about section#about h2 {
            color: white;
        }

        .about section#about p {
            color: white;
        }

            .about section#about p a {
                color: #010101;
            }

        .about section#about .switcher-content li {
            padding-bottom: 60px;
        }

            .about section#about .switcher-content li img {
                display: block;
                border-radius: 5px;
                width: 100%;
            }

        .about section#about .switcher {
            display: none;
            position: relative;
            z-index: 9;
        }

            .about section#about .switcher:before {
                content: "";
                display: none;
                position: absolute;
                top: 0;
                left: -1px;
                height: 100%;
                width: 1px;
                background-color: #010101;
            }

            .about section#about .switcher li {
                display: block;
                position: relative;
                color: #010101;
                font-family: "UniversLTStd", Arial, sans-serif;
                font-size: 30px;
                margin-bottom: 20px;
                text-transform: uppercase;
                cursor: pointer;
            }

                .about section#about .switcher li.active, .no-touch .about section#about .switcher li:hover {
                    color: white;
                }

                    .about section#about .switcher li.active:before, .no-touch .about section#about .switcher li:hover:before {
                        content: "";
                        position: absolute;
                        width: 11px;
                        height: 11px;
                        display: block;
                        border: 2px solid white;
                        background: #2d2d2d;
                        left: -26px;
                        top: 50%;
                        margin-top: -6px;
                        border-radius: 300px;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                    }

    .about section#passion {
        padding-top: 0;
    }

        .about section#passion .row {
            margin: 0;
        }

        .about section#passion .col:nth-of-type(2) {
            position: relative;
            padding-right: 0;
        }

        .about section#passion h2 {
            font-size: 70px;
            display: inline-block;
            color: #010101;
        }

        .about section#passion p {
            line-height: 1.5;
        }

            .about section#passion p strong {
                font-weight: 300;
                color: #010101;
            }

    .about section#dna {
        position: relative;
        overflow: visible;
        z-index: 4;
    }

        .about section#dna .wrapper {
            position: relative;
        }

            .about section#dna .wrapper:after {
                content: "";
                display: block;
                position: absolute;
                bottom: -100px;
                left: 50%;
                margin-left: -30px;
                width: 0px;
                height: 0px;
                border: 30px solid transparent;
                border-top: 30px solid white;
            }

            .about section#dna .wrapper .wrapper-inner {
                padding: 0;
            }

                .about section#dna .wrapper .wrapper-inner h1:after {
                    content: "";
                    display: block;
                    width: 100px;
                    height: 1px;
                    background: #010101;
                    margin-top: 20px;
                }

        .about section#dna .svg {
            display: none;
        }

    .about section#awards {
        position: relative;
        background: #2d2d2d;
        z-index: 3;
    }

        .about section#awards .wrapper {
            position: relative;
        }

            .about section#awards .wrapper:after {
                content: "";
                display: block;
                position: absolute;
                bottom: -100px;
                left: 50%;
                margin-left: -30px;
                width: 0px;
                height: 0px;
                border: 30px solid transparent;
                border-top: 30px solid #2d2d2d;
            }

        .about section#awards .wrapper-inner {
            padding: 0 0 60px 0;
        }

        .about section#awards p {
            color: white;
        }

        .about section#awards h2 {
            color: #010101;
        }

            .about section#awards h2:after {
                content: "";
                width: 100px;
                height: 1px;
                display: block;
                margin: 20px auto 0 auto;
                background: #010101;
            }

        .about section#awards .awards {
            margin-right: -20px;
        }

            .about section#awards .awards.active .col {
                opacity: 1;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
            }

            .about section#awards .awards .col {
                opacity: 0;
                padding: 0 20px 20px 0;
                vertical-align: bottom;
                -webkit-transform: scale(0.8);
                -moz-transform: scale(0.8);
                -ms-transform: scale(0.8);
                -o-transform: scale(0.8);
                transform: scale(0.8);
                -webkit-transition-property: opacity, -webkit-transform;
                -moz-transition-property: opacity, -moz-transform;
                transition-property: opacity, transform;
                -webkit-transition-duration: 0.5s;
                -moz-transition-duration: 0.5s;
                transition-duration: 0.5s;
                -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
            }

                .about section#awards .awards .col:nth-of-type(1) {
                    -webkit-transition-delay: 0.05s;
                    -moz-transition-delay: 0.05s;
                    transition-delay: 0.05s;
                }

                .about section#awards .awards .col:nth-of-type(2) {
                    -webkit-transition-delay: 0.1s;
                    -moz-transition-delay: 0.1s;
                    transition-delay: 0.1s;
                }

                .about section#awards .awards .col:nth-of-type(3) {
                    -webkit-transition-delay: 0.15s;
                    -moz-transition-delay: 0.15s;
                    transition-delay: 0.15s;
                }

                .about section#awards .awards .col:nth-of-type(4) {
                    -webkit-transition-delay: 0.2s;
                    -moz-transition-delay: 0.2s;
                    transition-delay: 0.2s;
                }

                .about section#awards .awards .col:nth-of-type(5) {
                    -webkit-transition-delay: 0.25s;
                    -moz-transition-delay: 0.25s;
                    transition-delay: 0.25s;
                }

                .about section#awards .awards .col:nth-of-type(6) {
                    -webkit-transition-delay: 0.3s;
                    -moz-transition-delay: 0.3s;
                    transition-delay: 0.3s;
                }

                .about section#awards .awards .col:nth-of-type(7) {
                    -webkit-transition-delay: 0.35s;
                    -moz-transition-delay: 0.35s;
                    transition-delay: 0.35s;
                }

                .about section#awards .awards .col:nth-of-type(8) {
                    -webkit-transition-delay: 0.4s;
                    -moz-transition-delay: 0.4s;
                    transition-delay: 0.4s;
                }

                .about section#awards .awards .col:nth-of-type(9) {
                    -webkit-transition-delay: 0.45s;
                    -moz-transition-delay: 0.45s;
                    transition-delay: 0.45s;
                }

                .about section#awards .awards .col:nth-of-type(10) {
                    -webkit-transition-delay: 0.5s;
                    -moz-transition-delay: 0.5s;
                    transition-delay: 0.5s;
                }

                .about section#awards .awards .col:nth-of-type(11) {
                    -webkit-transition-delay: 0.55s;
                    -moz-transition-delay: 0.55s;
                    transition-delay: 0.55s;
                }

                .about section#awards .awards .col:nth-of-type(12) {
                    -webkit-transition-delay: 0.6s;
                    -moz-transition-delay: 0.6s;
                    transition-delay: 0.6s;
                }

                .about section#awards .awards .col:nth-of-type(13) {
                    -webkit-transition-delay: 0.65s;
                    -moz-transition-delay: 0.65s;
                    transition-delay: 0.65s;
                }

                .about section#awards .awards .col:nth-of-type(14) {
                    -webkit-transition-delay: 0.7s;
                    -moz-transition-delay: 0.7s;
                    transition-delay: 0.7s;
                }

                .about section#awards .awards .col:nth-of-type(15) {
                    -webkit-transition-delay: 0.75s;
                    -moz-transition-delay: 0.75s;
                    transition-delay: 0.75s;
                }

                .about section#awards .awards .col:nth-of-type(16) {
                    -webkit-transition-delay: 0.8s;
                    -moz-transition-delay: 0.8s;
                    transition-delay: 0.8s;
                }

                .about section#awards .awards .col:nth-of-type(17) {
                    -webkit-transition-delay: 0.85s;
                    -moz-transition-delay: 0.85s;
                    transition-delay: 0.85s;
                }

                .about section#awards .awards .col:nth-of-type(18) {
                    -webkit-transition-delay: 0.9s;
                    -moz-transition-delay: 0.9s;
                    transition-delay: 0.9s;
                }

                .about section#awards .awards .col:nth-of-type(19) {
                    -webkit-transition-delay: 0.95s;
                    -moz-transition-delay: 0.95s;
                    transition-delay: 0.95s;
                }

                .about section#awards .awards .col:nth-of-type(20) {
                    -webkit-transition-delay: 1s;
                    -moz-transition-delay: 1s;
                    transition-delay: 1s;
                }

                .about section#awards .awards .col:nth-of-type(21) {
                    -webkit-transition-delay: 1.05s;
                    -moz-transition-delay: 1.05s;
                    transition-delay: 1.05s;
                }

                .about section#awards .awards .col:nth-of-type(22) {
                    -webkit-transition-delay: 1.1s;
                    -moz-transition-delay: 1.1s;
                    transition-delay: 1.1s;
                }

                .about section#awards .awards .col:nth-of-type(23) {
                    -webkit-transition-delay: 1.15s;
                    -moz-transition-delay: 1.15s;
                    transition-delay: 1.15s;
                }

                .about section#awards .awards .col:nth-of-type(24) {
                    -webkit-transition-delay: 1.2s;
                    -moz-transition-delay: 1.2s;
                    transition-delay: 1.2s;
                }

                .about section#awards .awards .col:nth-of-type(25) {
                    -webkit-transition-delay: 1.25s;
                    -moz-transition-delay: 1.25s;
                    transition-delay: 1.25s;
                }

                .about section#awards .awards .col img {
                    display: block;
                    width: 80%;
                    margin: 0 auto 20px auto;
                }

                .about section#awards .awards .col p {
                    font-size: 20px;
                    font-family: "UniversLTStd", Arial, sans-serif;
                    text-transform: uppercase;
                    color: #010101;
                    display: block;
                }

                    .about section#awards .awards .col p span {
                        font-family: "UniversLTStd", Arial, sans-serif;
                        display: block;
                        color: white;
                        font-size: 120%;
                    }

    .about section#talk-about {
        overflow: hidden;
    }

        .about section#talk-about .wrapper:after {
            content: "";
            display: block;
            width: 100%;
            height: 20px;
            background-image: url(interface/after-arrow-primary-4b305f1c3a2c266260422b7069f5c34aB.svg);

            background-repeat: no-repeat;
            background-position: center top;
            margin-top: 100px;
        }

        .about section#talk-about .container {
            float: left;
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .about section#talk-about .container:nth-of-type(1) h2:after {
                content: "";
                width: 100px;
                height: 1px;
                display: block;
                margin-top: 20px;
                background: #010101;
            }

            .about section#talk-about .container:nth-of-type(2) h2 {
                font-size: 100px;
            }

        .about section#talk-about #skull {
            visibility: hidden;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
        }

    .about section#relationships h2:after {
        content: "";
        width: 100px;
        height: 1px;
        display: block;
        background: #010101;
        margin: 20px auto 0 auto;
    }

    .about section#heart {
        position: relative;
        height: 1738px;
        text-align: center;
        background-color: #2d2d2d;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 250px;
        overflow: hidden;
    }

        .about section#heart:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            width: 100%;
            height: 500px;
            background: white;
            z-index: 1;
        }

        .about section#heart .heart {
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            position: absolute;
            z-index: 2;
        }

        .about section#heart .wrapper {
            position: relative;
            z-index: 3;
        }

        .about section#heart blockquote {
            margin: 0;
            padding-bottom: 60px;
        }

            .about section#heart blockquote:after {
                content: "";
                display: block;
                width: 100%;
                height: 20px;
                background-image: url(interface/after-arrow-white-d1f961a29e276c4da37df47642779871.svg);
                background-repeat: no-repeat;
                background-position: center top;
                margin-top: 100px;
            }

            .about section#heart blockquote .client {
                position: absolute;
                left: 50%;
                top: -300px;
                margin-left: -100px;
                width: 200px;
                height: 200px;
                overflow: hidden;
            }

                .about section#heart blockquote .client img {
                    height: 100%;
                    margin-left: -200px;
                }

            .about section#heart blockquote p {
                font-family: "UniversLTStd", Arial, sans-serif;
                color: white;
                font-size: 30px;
                text-transform: uppercase;
                line-height: 1;
            }

                .about section#heart blockquote p:after {
                    content: "";
                    display: block;
                    margin: 20px auto 0 auto;
                    width: 100px;
                    height: 1px;
                    background: white;
                }

            .about section#heart blockquote h2 {
                padding-bottom: 0;
            }

            .about section#heart blockquote h3 {
                color: white;
            }

        .about section#heart #future-write {
            font-size: 100px;
            color: white;
            font-family: "UniversLTStd", Arial, sans-serif;
            text-transform: uppercase;
            line-height: 0.8;
            padding-bottom: 60px;
        }

.about .banner {
    position: relative;
    z-index: 1;
    overflow: visible;
}

    .about .banner.passion:before {
        height: 25%;
    }

    .about .banner.passion:after {
        content: "";
        display: none;
        position: absolute;
        left: 50%;
        z-index: 2;
        top: 25%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 116px;
        height: 116px;
        background: url(content/about/about-point-76c35f5ed46554678e28d8ac7fab98b4.png);
    }

@media all and (min-width: 568px) {
    .about section#about .col {
        float: right;
        width: 50%;
    }

        .about section#about .col:nth-of-type(2) {
            text-align: right;
        }

    .about section#about .switcher-content li {
        display: none;
    }

        .about section#about .switcher-content li.active {
            display: block;
        }

    .about section#about .switcher {
        display: block;
        padding-left: 20px;
    }

        .about section#about .switcher:before {
            display: block;
        }

    .about section#awards h2 {
        font-size: 40px;
    }

    .about section#passion {
        margin-top: -15%;
    }

        .about section#passion .row:before {
            display: block;
        }

        .about section#passion .right-align {
            text-align: right;
        }

        .about section#passion .col {
            float: left;
            width: 50%;
        }

            .about section#passion .col:nth-of-type(2) {
                padding-left: 20px;
            }

    .about .banner.about:before, .about .banner.passion:before {
        display: block;
    }

    .about .banner.about:after, .about .banner.passion:after {
        display: block;
    }
}

@media all and (min-width: 768px) {
    .about section#about .banner {
        margin-top: -10%;
    }

    .about section#awards h2 {
        font-size: 60px;
    }

    .about section#talk-about .container #skull {
        visibility: visible;
    }

        .about section#talk-about .container #skull .svg {
            width: 100%;
        }

        .about section#talk-about .container #skull path {
            -webkit-transition-duration: 0.2s;
            -moz-transition-duration: 0.2s;
            transition-duration: 0.2s;
        }

            .about section#talk-about .container #skull path:first-child {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0);
                -webkit-transition: none;
                -moz-transition: none;
                transition: none;
            }

            .about section#talk-about .container #skull path:nth-of-type(1) {
                -webkit-transition-delay: 0.02s;
                -moz-transition-delay: 0.02s;
                transition-delay: 0.02s;
            }

            .about section#talk-about .container #skull path:nth-of-type(2) {
                -webkit-transition-delay: 0.04s;
                -moz-transition-delay: 0.04s;
                transition-delay: 0.04s;
            }

            .about section#talk-about .container #skull path:nth-of-type(3) {
                -webkit-transition-delay: 0.06s;
                -moz-transition-delay: 0.06s;
                transition-delay: 0.06s;
            }

            .about section#talk-about .container #skull path:nth-of-type(4) {
                -webkit-transition-delay: 0.08s;
                -moz-transition-delay: 0.08s;
                transition-delay: 0.08s;
            }

            .about section#talk-about .container #skull path:nth-of-type(5) {
                -webkit-transition-delay: 0.1s;
                -moz-transition-delay: 0.1s;
                transition-delay: 0.1s;
            }

            .about section#talk-about .container #skull path:nth-of-type(6) {
                -webkit-transition-delay: 0.12s;
                -moz-transition-delay: 0.12s;
                transition-delay: 0.12s;
            }

            .about section#talk-about .container #skull path:nth-of-type(7) {
                -webkit-transition-delay: 0.14s;
                -moz-transition-delay: 0.14s;
                transition-delay: 0.14s;
            }

            .about section#talk-about .container #skull path:nth-of-type(8) {
                -webkit-transition-delay: 0.16s;
                -moz-transition-delay: 0.16s;
                transition-delay: 0.16s;
            }

            .about section#talk-about .container #skull path:nth-of-type(9) {
                -webkit-transition-delay: 0.18s;
                -moz-transition-delay: 0.18s;
                transition-delay: 0.18s;
            }

            .about section#talk-about .container #skull path:nth-of-type(10) {
                -webkit-transition-delay: 0.2s;
                -moz-transition-delay: 0.2s;
                transition-delay: 0.2s;
            }

            .about section#talk-about .container #skull path:nth-of-type(11) {
                -webkit-transition-delay: 0.22s;
                -moz-transition-delay: 0.22s;
                transition-delay: 0.22s;
            }

            .about section#talk-about .container #skull path:nth-of-type(12) {
                -webkit-transition-delay: 0.24s;
                -moz-transition-delay: 0.24s;
                transition-delay: 0.24s;
            }

            .about section#talk-about .container #skull path:nth-of-type(13) {
                -webkit-transition-delay: 0.26s;
                -moz-transition-delay: 0.26s;
                transition-delay: 0.26s;
            }

            .about section#talk-about .container #skull path:nth-of-type(14) {
                -webkit-transition-delay: 0.28s;
                -moz-transition-delay: 0.28s;
                transition-delay: 0.28s;
            }

            .about section#talk-about .container #skull path:nth-of-type(15) {
                -webkit-transition-delay: 0.3s;
                -moz-transition-delay: 0.3s;
                transition-delay: 0.3s;
            }

            .about section#talk-about .container #skull path:nth-of-type(16) {
                -webkit-transition-delay: 0.32s;
                -moz-transition-delay: 0.32s;
                transition-delay: 0.32s;
            }

            .about section#talk-about .container #skull path:nth-of-type(17) {
                -webkit-transition-delay: 0.34s;
                -moz-transition-delay: 0.34s;
                transition-delay: 0.34s;
            }

            .about section#talk-about .container #skull path:nth-of-type(18) {
                -webkit-transition-delay: 0.36s;
                -moz-transition-delay: 0.36s;
                transition-delay: 0.36s;
            }

            .about section#talk-about .container #skull path:nth-of-type(19) {
                -webkit-transition-delay: 0.38s;
                -moz-transition-delay: 0.38s;
                transition-delay: 0.38s;
            }

            .about section#talk-about .container #skull path:nth-of-type(20) {
                -webkit-transition-delay: 0.4s;
                -moz-transition-delay: 0.4s;
                transition-delay: 0.4s;
            }

            .about section#talk-about .container #skull path:nth-of-type(21) {
                -webkit-transition-delay: 0.42s;
                -moz-transition-delay: 0.42s;
                transition-delay: 0.42s;
            }

            .about section#talk-about .container #skull path:nth-of-type(22) {
                -webkit-transition-delay: 0.44s;
                -moz-transition-delay: 0.44s;
                transition-delay: 0.44s;
            }

            .about section#talk-about .container #skull path:nth-of-type(23) {
                -webkit-transition-delay: 0.46s;
                -moz-transition-delay: 0.46s;
                transition-delay: 0.46s;
            }

            .about section#talk-about .container #skull path:nth-of-type(24) {
                -webkit-transition-delay: 0.48s;
                -moz-transition-delay: 0.48s;
                transition-delay: 0.48s;
            }

            .about section#talk-about .container #skull path:nth-of-type(25) {
                -webkit-transition-delay: 0.5s;
                -moz-transition-delay: 0.5s;
                transition-delay: 0.5s;
            }

            .about section#talk-about .container #skull path:nth-of-type(26) {
                -webkit-transition-delay: 0.52s;
                -moz-transition-delay: 0.52s;
                transition-delay: 0.52s;
            }

            .about section#talk-about .container #skull path:nth-of-type(27) {
                -webkit-transition-delay: 0.54s;
                -moz-transition-delay: 0.54s;
                transition-delay: 0.54s;
            }

            .about section#talk-about .container #skull path:nth-of-type(28) {
                -webkit-transition-delay: 0.56s;
                -moz-transition-delay: 0.56s;
                transition-delay: 0.56s;
            }

            .about section#talk-about .container #skull path:nth-of-type(29) {
                -webkit-transition-delay: 0.58s;
                -moz-transition-delay: 0.58s;
                transition-delay: 0.58s;
            }

            .about section#talk-about .container #skull path:nth-of-type(30) {
                -webkit-transition-delay: 0.6s;
                -moz-transition-delay: 0.6s;
                transition-delay: 0.6s;
            }

            .about section#talk-about .container #skull path:nth-of-type(31) {
                -webkit-transition-delay: 0.62s;
                -moz-transition-delay: 0.62s;
                transition-delay: 0.62s;
            }

            .about section#talk-about .container #skull path:nth-of-type(32) {
                -webkit-transition-delay: 0.64s;
                -moz-transition-delay: 0.64s;
                transition-delay: 0.64s;
            }

            .about section#talk-about .container #skull path:nth-of-type(33) {
                -webkit-transition-delay: 0.66s;
                -moz-transition-delay: 0.66s;
                transition-delay: 0.66s;
            }

            .about section#talk-about .container #skull path:nth-of-type(34) {
                -webkit-transition-delay: 0.68s;
                -moz-transition-delay: 0.68s;
                transition-delay: 0.68s;
            }

            .about section#talk-about .container #skull path:nth-of-type(35) {
                -webkit-transition-delay: 0.7s;
                -moz-transition-delay: 0.7s;
                transition-delay: 0.7s;
            }

            .about section#talk-about .container #skull path:nth-of-type(36) {
                -webkit-transition-delay: 0.72s;
                -moz-transition-delay: 0.72s;
                transition-delay: 0.72s;
            }

            .about section#talk-about .container #skull path:nth-of-type(37) {
                -webkit-transition-delay: 0.74s;
                -moz-transition-delay: 0.74s;
                transition-delay: 0.74s;
            }

            .about section#talk-about .container #skull path:nth-of-type(38) {
                -webkit-transition-delay: 0.76s;
                -moz-transition-delay: 0.76s;
                transition-delay: 0.76s;
            }

            .about section#talk-about .container #skull path:nth-of-type(39) {
                -webkit-transition-delay: 0.78s;
                -moz-transition-delay: 0.78s;
                transition-delay: 0.78s;
            }

            .about section#talk-about .container #skull path:nth-of-type(40) {
                -webkit-transition-delay: 0.8s;
                -moz-transition-delay: 0.8s;
                transition-delay: 0.8s;
            }

            .about section#talk-about .container #skull path:nth-of-type(41) {
                -webkit-transition-delay: 0.82s;
                -moz-transition-delay: 0.82s;
                transition-delay: 0.82s;
            }

            .about section#talk-about .container #skull path:nth-of-type(42) {
                -webkit-transition-delay: 0.84s;
                -moz-transition-delay: 0.84s;
                transition-delay: 0.84s;
            }

            .about section#talk-about .container #skull path:nth-of-type(43) {
                -webkit-transition-delay: 0.86s;
                -moz-transition-delay: 0.86s;
                transition-delay: 0.86s;
            }

            .about section#talk-about .container #skull path:nth-of-type(44) {
                -webkit-transition-delay: 0.88s;
                -moz-transition-delay: 0.88s;
                transition-delay: 0.88s;
            }

            .about section#talk-about .container #skull path:nth-of-type(45) {
                -webkit-transition-delay: 0.9s;
                -moz-transition-delay: 0.9s;
                transition-delay: 0.9s;
            }

            .about section#talk-about .container #skull path:nth-of-type(46) {
                -webkit-transition-delay: 0.92s;
                -moz-transition-delay: 0.92s;
                transition-delay: 0.92s;
            }

            .about section#talk-about .container #skull path:nth-of-type(47) {
                -webkit-transition-delay: 0.94s;
                -moz-transition-delay: 0.94s;
                transition-delay: 0.94s;
            }

            .about section#talk-about .container #skull path:nth-of-type(48) {
                -webkit-transition-delay: 0.96s;
                -moz-transition-delay: 0.96s;
                transition-delay: 0.96s;
            }

            .about section#talk-about .container #skull path:nth-of-type(49) {
                -webkit-transition-delay: 0.98s;
                -moz-transition-delay: 0.98s;
                transition-delay: 0.98s;
            }

            .about section#talk-about .container #skull path:nth-of-type(50) {
                -webkit-transition-delay: 1s;
                -moz-transition-delay: 1s;
                transition-delay: 1s;
            }

            .about section#talk-about .container #skull path:nth-of-type(51) {
                -webkit-transition-delay: 1.02s;
                -moz-transition-delay: 1.02s;
                transition-delay: 1.02s;
            }

            .about section#talk-about .container #skull path:nth-of-type(52) {
                -webkit-transition-delay: 1.04s;
                -moz-transition-delay: 1.04s;
                transition-delay: 1.04s;
            }

            .about section#talk-about .container #skull path:nth-of-type(53) {
                -webkit-transition-delay: 1.06s;
                -moz-transition-delay: 1.06s;
                transition-delay: 1.06s;
            }

            .about section#talk-about .container #skull path:nth-of-type(54) {
                -webkit-transition-delay: 1.08s;
                -moz-transition-delay: 1.08s;
                transition-delay: 1.08s;
            }

            .about section#talk-about .container #skull path:nth-of-type(55) {
                -webkit-transition-delay: 1.1s;
                -moz-transition-delay: 1.1s;
                transition-delay: 1.1s;
            }

            .about section#talk-about .container #skull path:nth-of-type(56) {
                -webkit-transition-delay: 1.12s;
                -moz-transition-delay: 1.12s;
                transition-delay: 1.12s;
            }

            .about section#talk-about .container #skull path:nth-of-type(57) {
                -webkit-transition-delay: 1.14s;
                -moz-transition-delay: 1.14s;
                transition-delay: 1.14s;
            }

            .about section#talk-about .container #skull path:nth-of-type(58) {
                -webkit-transition-delay: 1.16s;
                -moz-transition-delay: 1.16s;
                transition-delay: 1.16s;
            }

            .about section#talk-about .container #skull path:nth-of-type(59) {
                -webkit-transition-delay: 1.18s;
                -moz-transition-delay: 1.18s;
                transition-delay: 1.18s;
            }

            .about section#talk-about .container #skull path:nth-of-type(60) {
                -webkit-transition-delay: 1.2s;
                -moz-transition-delay: 1.2s;
                transition-delay: 1.2s;
            }

            .about section#talk-about .container #skull path:nth-of-type(61) {
                -webkit-transition-delay: 1.22s;
                -moz-transition-delay: 1.22s;
                transition-delay: 1.22s;
            }

            .about section#talk-about .container #skull path:nth-of-type(62) {
                -webkit-transition-delay: 1.24s;
                -moz-transition-delay: 1.24s;
                transition-delay: 1.24s;
            }

            .about section#talk-about .container #skull path:nth-of-type(63) {
                -webkit-transition-delay: 1.26s;
                -moz-transition-delay: 1.26s;
                transition-delay: 1.26s;
            }

            .about section#talk-about .container #skull path:nth-of-type(64) {
                -webkit-transition-delay: 1.28s;
                -moz-transition-delay: 1.28s;
                transition-delay: 1.28s;
            }

            .about section#talk-about .container #skull path:nth-of-type(65) {
                -webkit-transition-delay: 1.3s;
                -moz-transition-delay: 1.3s;
                transition-delay: 1.3s;
            }

            .about section#talk-about .container #skull path:nth-of-type(66) {
                -webkit-transition-delay: 1.32s;
                -moz-transition-delay: 1.32s;
                transition-delay: 1.32s;
            }

            .about section#talk-about .container #skull path:nth-of-type(67) {
                -webkit-transition-delay: 1.34s;
                -moz-transition-delay: 1.34s;
                transition-delay: 1.34s;
            }

            .about section#talk-about .container #skull path:nth-of-type(68) {
                -webkit-transition-delay: 1.36s;
                -moz-transition-delay: 1.36s;
                transition-delay: 1.36s;
            }

            .about section#talk-about .container #skull path:nth-of-type(69) {
                -webkit-transition-delay: 1.38s;
                -moz-transition-delay: 1.38s;
                transition-delay: 1.38s;
            }

            .about section#talk-about .container #skull path:nth-of-type(70) {
                -webkit-transition-delay: 1.4s;
                -moz-transition-delay: 1.4s;
                transition-delay: 1.4s;
            }

            .about section#talk-about .container #skull path:nth-of-type(71) {
                -webkit-transition-delay: 1.42s;
                -moz-transition-delay: 1.42s;
                transition-delay: 1.42s;
            }

            .about section#talk-about .container #skull path:nth-of-type(72) {
                -webkit-transition-delay: 1.44s;
                -moz-transition-delay: 1.44s;
                transition-delay: 1.44s;
            }

            .about section#talk-about .container #skull path:nth-of-type(73) {
                -webkit-transition-delay: 1.46s;
                -moz-transition-delay: 1.46s;
                transition-delay: 1.46s;
            }

            .about section#talk-about .container #skull path:nth-of-type(74) {
                -webkit-transition-delay: 1.48s;
                -moz-transition-delay: 1.48s;
                transition-delay: 1.48s;
            }

            .about section#talk-about .container #skull path:nth-of-type(75) {
                -webkit-transition-delay: 1.5s;
                -moz-transition-delay: 1.5s;
                transition-delay: 1.5s;
            }

            .about section#talk-about .container #skull path:nth-of-type(76) {
                -webkit-transition-delay: 1.52s;
                -moz-transition-delay: 1.52s;
                transition-delay: 1.52s;
            }

            .about section#talk-about .container #skull path:nth-of-type(77) {
                -webkit-transition-delay: 1.54s;
                -moz-transition-delay: 1.54s;
                transition-delay: 1.54s;
            }

            .about section#talk-about .container #skull path:nth-of-type(78) {
                -webkit-transition-delay: 1.56s;
                -moz-transition-delay: 1.56s;
                transition-delay: 1.56s;
            }

            .about section#talk-about .container #skull path:nth-of-type(79) {
                -webkit-transition-delay: 1.58s;
                -moz-transition-delay: 1.58s;
                transition-delay: 1.58s;
            }

            .about section#talk-about .container #skull path:nth-of-type(80) {
                -webkit-transition-delay: 1.6s;
                -moz-transition-delay: 1.6s;
                transition-delay: 1.6s;
            }

            .about section#talk-about .container #skull path:nth-of-type(81) {
                -webkit-transition-delay: 1.62s;
                -moz-transition-delay: 1.62s;
                transition-delay: 1.62s;
            }

            .about section#talk-about .container #skull path:nth-of-type(82) {
                -webkit-transition-delay: 1.64s;
                -moz-transition-delay: 1.64s;
                transition-delay: 1.64s;
            }

            .about section#talk-about .container #skull path:nth-of-type(83) {
                -webkit-transition-delay: 1.66s;
                -moz-transition-delay: 1.66s;
                transition-delay: 1.66s;
            }

            .about section#talk-about .container #skull path:nth-of-type(84) {
                -webkit-transition-delay: 1.68s;
                -moz-transition-delay: 1.68s;
                transition-delay: 1.68s;
            }

            .about section#talk-about .container #skull path:nth-of-type(85) {
                -webkit-transition-delay: 1.7s;
                -moz-transition-delay: 1.7s;
                transition-delay: 1.7s;
            }

            .about section#talk-about .container #skull path:nth-of-type(86) {
                -webkit-transition-delay: 1.72s;
                -moz-transition-delay: 1.72s;
                transition-delay: 1.72s;
            }

            .about section#talk-about .container #skull path:nth-of-type(87) {
                -webkit-transition-delay: 1.74s;
                -moz-transition-delay: 1.74s;
                transition-delay: 1.74s;
            }

            .about section#talk-about .container #skull path:nth-of-type(88) {
                -webkit-transition-delay: 1.76s;
                -moz-transition-delay: 1.76s;
                transition-delay: 1.76s;
            }

            .about section#talk-about .container #skull path:nth-of-type(89) {
                -webkit-transition-delay: 1.78s;
                -moz-transition-delay: 1.78s;
                transition-delay: 1.78s;
            }

            .about section#talk-about .container #skull path:nth-of-type(90) {
                -webkit-transition-delay: 1.8s;
                -moz-transition-delay: 1.8s;
                transition-delay: 1.8s;
            }

            .about section#talk-about .container #skull path:nth-of-type(91) {
                -webkit-transition-delay: 1.82s;
                -moz-transition-delay: 1.82s;
                transition-delay: 1.82s;
            }

            .about section#talk-about .container #skull path:nth-of-type(92) {
                -webkit-transition-delay: 1.84s;
                -moz-transition-delay: 1.84s;
                transition-delay: 1.84s;
            }

            .about section#talk-about .container #skull path:nth-of-type(93) {
                -webkit-transition-delay: 1.86s;
                -moz-transition-delay: 1.86s;
                transition-delay: 1.86s;
            }

            .about section#talk-about .container #skull path:nth-of-type(94) {
                -webkit-transition-delay: 1.88s;
                -moz-transition-delay: 1.88s;
                transition-delay: 1.88s;
            }

            .about section#talk-about .container #skull path:nth-of-type(95) {
                -webkit-transition-delay: 1.9s;
                -moz-transition-delay: 1.9s;
                transition-delay: 1.9s;
            }

            .about section#talk-about .container #skull path:nth-of-type(96) {
                -webkit-transition-delay: 1.92s;
                -moz-transition-delay: 1.92s;
                transition-delay: 1.92s;
            }

            .about section#talk-about .container #skull path:nth-of-type(97) {
                -webkit-transition-delay: 1.94s;
                -moz-transition-delay: 1.94s;
                transition-delay: 1.94s;
            }

            .about section#talk-about .container #skull path:nth-of-type(98) {
                -webkit-transition-delay: 1.96s;
                -moz-transition-delay: 1.96s;
                transition-delay: 1.96s;
            }

            .about section#talk-about .container #skull path:nth-of-type(99) {
                -webkit-transition-delay: 1.98s;
                -moz-transition-delay: 1.98s;
                transition-delay: 1.98s;
            }

            .about section#talk-about .container #skull path:nth-of-type(100) {
                -webkit-transition-delay: 2s;
                -moz-transition-delay: 2s;
                transition-delay: 2s;
            }

            .about section#talk-about .container #skull path:nth-of-type(101) {
                -webkit-transition-delay: 2.02s;
                -moz-transition-delay: 2.02s;
                transition-delay: 2.02s;
            }

            .about section#talk-about .container #skull path:nth-of-type(102) {
                -webkit-transition-delay: 2.04s;
                -moz-transition-delay: 2.04s;
                transition-delay: 2.04s;
            }

            .about section#talk-about .container #skull path:nth-of-type(103) {
                -webkit-transition-delay: 2.06s;
                -moz-transition-delay: 2.06s;
                transition-delay: 2.06s;
            }

            .about section#talk-about .container #skull path:nth-of-type(104) {
                -webkit-transition-delay: 2.08s;
                -moz-transition-delay: 2.08s;
                transition-delay: 2.08s;
            }

            .about section#talk-about .container #skull path:nth-of-type(105) {
                -webkit-transition-delay: 2.1s;
                -moz-transition-delay: 2.1s;
                transition-delay: 2.1s;
            }

            .about section#talk-about .container #skull path:nth-of-type(106) {
                -webkit-transition-delay: 2.12s;
                -moz-transition-delay: 2.12s;
                transition-delay: 2.12s;
            }

            .about section#talk-about .container #skull path:nth-of-type(107) {
                -webkit-transition-delay: 2.14s;
                -moz-transition-delay: 2.14s;
                transition-delay: 2.14s;
            }

            .about section#talk-about .container #skull path:nth-of-type(108) {
                -webkit-transition-delay: 2.16s;
                -moz-transition-delay: 2.16s;
                transition-delay: 2.16s;
            }

            .about section#talk-about .container #skull path:nth-of-type(109) {
                -webkit-transition-delay: 2.18s;
                -moz-transition-delay: 2.18s;
                transition-delay: 2.18s;
            }

            .about section#talk-about .container #skull path:nth-of-type(110) {
                -webkit-transition-delay: 2.2s;
                -moz-transition-delay: 2.2s;
                transition-delay: 2.2s;
            }

            .about section#talk-about .container #skull path:nth-of-type(111) {
                -webkit-transition-delay: 2.22s;
                -moz-transition-delay: 2.22s;
                transition-delay: 2.22s;
            }

            .about section#talk-about .container #skull path:nth-of-type(112) {
                -webkit-transition-delay: 2.24s;
                -moz-transition-delay: 2.24s;
                transition-delay: 2.24s;
            }

            .about section#talk-about .container #skull path:nth-of-type(113) {
                -webkit-transition-delay: 2.26s;
                -moz-transition-delay: 2.26s;
                transition-delay: 2.26s;
            }

            .about section#talk-about .container #skull path:nth-of-type(114) {
                -webkit-transition-delay: 2.28s;
                -moz-transition-delay: 2.28s;
                transition-delay: 2.28s;
            }

            .about section#talk-about .container #skull path:nth-of-type(115) {
                -webkit-transition-delay: 2.3s;
                -moz-transition-delay: 2.3s;
                transition-delay: 2.3s;
            }

            .about section#talk-about .container #skull path:nth-of-type(116) {
                -webkit-transition-delay: 2.32s;
                -moz-transition-delay: 2.32s;
                transition-delay: 2.32s;
            }

            .about section#talk-about .container #skull path:nth-of-type(117) {
                -webkit-transition-delay: 2.34s;
                -moz-transition-delay: 2.34s;
                transition-delay: 2.34s;
            }

            .about section#talk-about .container #skull path:nth-of-type(118) {
                -webkit-transition-delay: 2.36s;
                -moz-transition-delay: 2.36s;
                transition-delay: 2.36s;
            }

            .about section#talk-about .container #skull path:nth-of-type(119) {
                -webkit-transition-delay: 2.38s;
                -moz-transition-delay: 2.38s;
                transition-delay: 2.38s;
            }

            .about section#talk-about .container #skull path:nth-of-type(120) {
                -webkit-transition-delay: 2.4s;
                -moz-transition-delay: 2.4s;
                transition-delay: 2.4s;
            }

            .about section#talk-about .container #skull path:nth-of-type(121) {
                -webkit-transition-delay: 2.42s;
                -moz-transition-delay: 2.42s;
                transition-delay: 2.42s;
            }

            .about section#talk-about .container #skull path:nth-of-type(122) {
                -webkit-transition-delay: 2.44s;
                -moz-transition-delay: 2.44s;
                transition-delay: 2.44s;
            }

            .about section#talk-about .container #skull path:nth-of-type(123) {
                -webkit-transition-delay: 2.46s;
                -moz-transition-delay: 2.46s;
                transition-delay: 2.46s;
            }

            .about section#talk-about .container #skull path:nth-of-type(124) {
                -webkit-transition-delay: 2.48s;
                -moz-transition-delay: 2.48s;
                transition-delay: 2.48s;
            }

            .about section#talk-about .container #skull path:nth-of-type(125) {
                -webkit-transition-delay: 2.5s;
                -moz-transition-delay: 2.5s;
                transition-delay: 2.5s;
            }

            .about section#talk-about .container #skull path:nth-of-type(126) {
                -webkit-transition-delay: 2.52s;
                -moz-transition-delay: 2.52s;
                transition-delay: 2.52s;
            }

            .about section#talk-about .container #skull path:nth-of-type(127) {
                -webkit-transition-delay: 2.54s;
                -moz-transition-delay: 2.54s;
                transition-delay: 2.54s;
            }

            .about section#talk-about .container #skull path:nth-of-type(128) {
                -webkit-transition-delay: 2.56s;
                -moz-transition-delay: 2.56s;
                transition-delay: 2.56s;
            }

            .about section#talk-about .container #skull path:nth-of-type(129) {
                -webkit-transition-delay: 2.58s;
                -moz-transition-delay: 2.58s;
                transition-delay: 2.58s;
            }

            .about section#talk-about .container #skull path:nth-of-type(130) {
                -webkit-transition-delay: 2.6s;
                -moz-transition-delay: 2.6s;
                transition-delay: 2.6s;
            }

            .about section#talk-about .container #skull path:nth-of-type(131) {
                -webkit-transition-delay: 2.62s;
                -moz-transition-delay: 2.62s;
                transition-delay: 2.62s;
            }

            .about section#talk-about .container #skull path:nth-of-type(132) {
                -webkit-transition-delay: 2.64s;
                -moz-transition-delay: 2.64s;
                transition-delay: 2.64s;
            }

            .about section#talk-about .container #skull path:nth-of-type(133) {
                -webkit-transition-delay: 2.66s;
                -moz-transition-delay: 2.66s;
                transition-delay: 2.66s;
            }

            .about section#talk-about .container #skull path:nth-of-type(134) {
                -webkit-transition-delay: 2.68s;
                -moz-transition-delay: 2.68s;
                transition-delay: 2.68s;
            }

            .about section#talk-about .container #skull path:nth-of-type(135) {
                -webkit-transition-delay: 2.7s;
                -moz-transition-delay: 2.7s;
                transition-delay: 2.7s;
            }

            .about section#talk-about .container #skull path:nth-of-type(136) {
                -webkit-transition-delay: 2.72s;
                -moz-transition-delay: 2.72s;
                transition-delay: 2.72s;
            }

            .about section#talk-about .container #skull path:nth-of-type(137) {
                -webkit-transition-delay: 2.74s;
                -moz-transition-delay: 2.74s;
                transition-delay: 2.74s;
            }

            .about section#talk-about .container #skull path:nth-of-type(138) {
                -webkit-transition-delay: 2.76s;
                -moz-transition-delay: 2.76s;
                transition-delay: 2.76s;
            }

    .about section#talk-about .container:nth-of-type(2) {
        text-align: right;
        height: 650px;
        padding: 270px 80px 0 350px;
    }
}

@media all and (min-width: 1024px) {
    .about #main-header .banner {
        margin-bottom: -200px;
    }

    .about #main-header h2 {
        font-size: 38px;
    }

    .about .right-align {
        text-align: right;
    }

    .about section#about .banner {
        margin-top: -30%;
    }

    .about section#talk-about .container:nth-of-type(1) {
        width: 25%;
    }

        .about section#talk-about .container:nth-of-type(1) h2 {
            margin-right: -150px;
        }

    .about section#talk-about .container:nth-of-type(2) {
        width: 75%;
        padding: 250px 80px 0 320px;
    }

    .about section#dna .wrapper .wrapper-inner {
        padding: 0 280px;
    }

        .about section#dna .wrapper .wrapper-inner p {
            padding-right: 100px;
        }

    .about section#dna .svg {
        position: absolute;
        display: block;
    }

        .about section#dna .svg#dna-first {
            top: -180px;
        }

        .about section#dna .svg#dna-second {
            top: 0px;
            right: 0;
        }

    .about section#awards .wrapper-inner {
        padding: 0 150px 60px 150px;
    }

    .about section#heart #future-write {
        font-size: 200px;
    }

    .about section#heart blockquote p {
        font-size: 65px;
    }
}

.landing-page {
    padding-bottom: 100px;
}

    .landing-page .row {
        margin-right: -40px;
    }

        .landing-page .row .col {
            padding-right: 40px;
        }

    .landing-page header {
        position: relative;
        margin-bottom: 60px;
    }

        .landing-page header .header-content {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
        }

            .landing-page header .header-content .wrapper {
                height: 100%;
            }

                .landing-page header .header-content .wrapper:before {
                    content: "";
                    display: inline-block;
                    height: 100%;
                    vertical-align: middle;
                    margin-left: -10px;
                }

                .landing-page header .header-content .wrapper .inner {
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 10px;
                    font-size: 0;
                }

            .landing-page header .header-content .main {
                display: inline-block;
                width: 66.66%;
                vertical-align: middle;
                padding-right: 40px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            .landing-page header .header-content img {
                display: inline-block;
                width: 33.33%;
                vertical-align: middle;
            }

            .landing-page header .header-content small {
                display: inline-block;
                padding: 5px 10px;
                background: #7cac3b;
                font-family: "UniversLTStd", Arial, sans-serif;
                text-transform: uppercase;
                color: white;
                margin-bottom: 20px;
                font-size: 25px;
                font-weight: 300;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            .landing-page header .header-content h1 {
                color: #010101;
            }

            .landing-page header .header-content h2 {
                font-size: 40px;
                color: white;
            }

    .landing-page .cta {
        padding-top: 40px;
        text-align: center;
    }

        .landing-page .cta h3 {
            font-size: 35px;
            padding-bottom: 20px;
        }

        .landing-page .cta .button {
            display: block;
            width: 100%;
        }

        .landing-page .cta #success {
            display: none;
        }

        .landing-page .cta.success #success {
            display: block;
        }

        .landing-page .cta.success #form {
            display: none;
        }

@media all and (max-width: 1023px) {
    .landing-page .row {
        margin: 0;
    }

        .landing-page .row .col {
            padding: 0;
        }

    .landing-page header .wrapper:before {
        display: none;
    }

    .landing-page header .header-content {
        padding: 100px 0;
        position: relative;
    }

    .landing-page header .banner {
        position: absolute;
        height: 100%;
    }

        .landing-page header .banner img {
            position: relative;
            width: auto;
            height: 100%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .landing-page .cta h3 {
        padding: 0 100px 20px 100px;
        font-size: 40px;
    }
}

@media all and (max-width: 767px) {
    .landing-page header .header-content {
        text-align: center;
    }

        .landing-page header .header-content img {
            width: 50%;
            margin: 20px auto 0 auto;
            display: block;
        }

        .landing-page header .header-content .main {
            padding: 0;
            width: auto;
        }

    .landing-page .cta h3 {
        font-size: 30px;
    }
}

@media all and (max-width: 567px) {
    .landing-page header .header-content img {
        width: 100%;
    }

    .landing-page .cta h3 {
        padding: 0 0 20px 0;
    }
}