@charset "UTF-8";
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

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

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

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

.c-review--case .c-review__content p::before,
[hidden],
template {
    display: none
}

a,
sub,
sup {
    vertical-align: baseline
}

a {
    background-color: transparent;
    background: 0 0;
    color: inherit;
    font-weight: inherit;
    text-decoration: none
}

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

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

dfn {
    font-style: italic
}

mark {
    background: ivory;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 1px;
    display: block;
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    border: 0;
    background-color: rgba(150, 150, 150, .15)
}

pre {
    overflow: auto
}

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

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

button {
    overflow: visible;
    cursor: pointer
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

input[type=search] {
    -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
}

fieldset {
    border: 1px solid #504d47
}

legend {
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    line-height: inherit
}

li {
    display: block;
    list-style: none;
    list-style-image: none
}

b,
cite,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
small,
strong,
td,
th {
    font-weight: inherit
}

abbr[title],
dfn[title] {
    cursor: help
}

ins,
u {
    text-decoration: none
}

address {
    font-style: normal
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

body,
html {
    overflow-x: hidden
}

html {
    font-size: 137.5%;
    line-height: 1.6363636364;
    min-height: 100%;
    background-color: #3e3c36;
    color: #000;
    font-family: "IdealSansPro-Light";
    -webkit-font-smoothing: antialiased
}

.c-list,
.c-subtitle {
    text-transform: capitalize
}

.c-subtitle {
    padding-top: 2.4545454546rem;
    padding-bottom: 2.4545454546rem;
    font-size: .7272727273rem;
    line-height: 1.25;
    font-family: "NeuzeitGro"
}

.c-subtitle a,
.c-subtitle strong {
    font-family: "NeuzeitGro"
}

.c-list .o-grid h2,
.c-list .o-grid span,
.c-subtitle,
.c-subtitle strong {
    display: block
}

.c-card--gray .o-card__heading strong,
.c-subtitle a {
    color: #5bd9b3
}

.c-list {
    padding: 2.8636363637rem 15px 4.090909091rem
}

.c-list .o-link,
.c-list .o-list--links a,
.o-list--links .c-list a {
    margin-top: .8181818182rem
}

.c-list .o-grid {
    padding-top: 1.0636363637rem;
    padding-bottom: .8181818182rem;
    position: relative;
    cursor: pointer
}

.c-list .o-grid .o-grid-cell {
    z-index: 100
}

.c-list .o-grid::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transition: left .24s cubic-bezier(.445, .05, .55, .95), width .24s cubic-bezier(.445, .05, .55, .95), background-color .24s cubic-bezier(.455, .03, .515, .955), height .12s cubic-bezier(.445, .05, .55, .95) .1s;
    -o-transition: left .24s cubic-bezier(.445, .05, .55, .95), width .24s cubic-bezier(.445, .05, .55, .95), background-color .24s cubic-bezier(.455, .03, .515, .955), height .12s cubic-bezier(.445, .05, .55, .95) .1s;
    transition: left .24s cubic-bezier(.445, .05, .55, .95), width .24s cubic-bezier(.445, .05, .55, .95), background-color .24s cubic-bezier(.455, .03, .515, .955), height .12s cubic-bezier(.445, .05, .55, .95) .1s;
    background-color: #f2f2f2;
    content: '';
    z-index: -1
}

.c-list .o-grid:first-child::before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #f2f2f2;
    content: ''
}

.c-list .o-grid * {
    font-size: .7272727273rem;
    -webkit-transition: color .12s ease-out .1s;
    -o-transition: color .12s ease-out .1s;
    transition: color .12s ease-out .1s;
    color: #282623;
    line-height: 1.5625
}

.c-author ul strong,
.c-list .o-grid h2,
.c-list-tribe .tribe__list__item strong {
    font-family: "NeuzeitGro"
}

.c-list .o-grid span {
    font-family: "NeuzeitGro"
}

.c-list .o-grid a,
.c-manifesto span {
    display: block;
    font-family: "NeuzeitGro"
}

.c-list .o-grid a {
    position: relative;
    width: 100%;
    float: right;
    text-align: right
}

.c-list .o-grid a::after {
    right: 20px;
    bottom: -.8181818182rem;
    width: 16px;
    height: 10px;
    position: absolute;
    -webkit-transition: all .14s ease-out .2s;
    -o-transition: all .14s ease-out .2s;
    transition: all .14s ease-out .2s;
    background-position: 0 -96px;
    content: '';
    opacity: 0
}

.c-manifesto {
    padding-top: 4.9090909092rem;
    padding-bottom: 4.9090909092rem;
    margin-top: 30px;
    -webkit-transition: background-color .24s cubic-bezier(.455, .03, .515, .955);
    -o-transition: background-color .24s cubic-bezier(.455, .03, .515, .955);
    transition: background-color .24s cubic-bezier(.455, .03, .515, .955);
    background-color: #f2f2f2;
    text-align: center;
    text-transform: capitalize
}

.c-manifesto span {
    font-size: 1.2rem;
    line-height: 1.2727272727;
    color: #3e3c36;
    letter-spacing: -1px
}

.c-manifesto:hover {
    background-color: rgba(242, 242, 242, .5)
}

.c-logobar {
    padding-top: 2.8636363637rem;
    padding-bottom: 2.4545454546rem;
    margin: 0 auto;
    padding-right: 30px;
    padding-left: 30px
}

.c-logobar,
.c-logobar .o-grid-cell,
.c-review--case .c-review__content p {
    text-align: center
}

.c-author ul,
.c-logobar h1 {
    font-size: .7272727273rem;
    line-height: 1.25
}

.c-logobar h1 {
    margin-bottom: 1.6363636364rem;
    text-align: center;
    font-family: "NeuzeitGro"
}

.c-author ul {
    font-family: "NeuzeitGro"
}

.c-author ul li:first-child {
    font-size: .9090909091rem;
    line-height: 1.25
}

.o-avatar {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 32px 34px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 32px 34px 0 rgba(0, 0, 0, .07);
    overflow: hidden
}

.o-avatar img {
    border-radius: 50%
}

.o-avatar--lg {
    width: 140px;
    height: 140px;
    border-radius: 70px
}

.c-panorama--rodesk .o-avatar.o-avatar--robin,
.o-panorama__content--lg .o-avatar.o-avatar--robin {
    background-position: -362px -170px
}

.c-panorama--rodesk .o-avatar.o-avatar--u,
.o-panorama__content--lg .o-avatar.o-avatar--u {
    background-position: -619px -61px
}

.c-panorama--rodesk .o-avatar.o-avatar--us,
.o-panorama__content--lg .o-avatar.o-avatar--us {
    background-position: -732px 33px
}

.c-panorama--article .o-panorama__content .o-avatar.o-avatar--ux {
    background-position: -480px -96px
}

.o-panorama__content .o-avatar.o-avatar--ux {
    background-position: -6px -4px
}

.o-panorama__content .o-avatar--lg.o-avatar--ux {
    background-position: -445px 33px
}


.fa {color: #fff; margin-right: 15px;}
p.quote {font-style: italic; color: #fff; margin: 0 0 1.4em 0 !important; font-size: .95em !important;line-height: 1.34em !important;}

.c-review,
.c-review__content {
    position: relative;
    padding-top: 3.2727272728rem
}

.c-review .c-btn {
    margin-top: 2.4545454546rem;
    margin-bottom: 6.5454545456rem
}

.c-review__content {
    padding-bottom: 4.090909091rem;
    margin-right: -30px;
    margin-left: -30px;
    padding-right: 60px;
    padding-left: 60px;
    background-color: #f2f2f2;
    color: #969696
}

.c-review__content h2 {
    margin-top: 2.0454545455rem;
    color: #3e3c36;
    font-family: "NeuzeitGro";
    line-height: 1
}

.c-review__content span {
    font-size: .7272727273rem;
    line-height: 1.25;
    display: block;
    color: #3e3c36
}

.c-review__content p {
    font-size: 1.3636363636rem;
    line-height: 1.1666666667;
    max-width: 100%;
    font-family: "IdealSansPro-ExtraLight";
    text-align: center
}

.c-review--case .o-panorama__heading::before,
.c-review__content p::before {
    width: 40px;
    height: 38px;
    display: block;
    margin: 1.6363636364rem auto .8181818182rem;
    background-position: -384px 0;
    content: ''
}

.c-review__content .c-author {
    font-size: .7272727273rem;
    line-height: 1.25;
    color: #282623;
    text-align: center
}

.c-review__content .c-author h2 {
    font-size: 1rem;
    line-height: 1.2
}

.c-review__content .c-author span,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize
}

.c-review__content .c-author .o-link,
.c-review__content .c-author .o-list--links a,
.o-list--links .c-review__content .c-author a {
    font-size: .7272727273rem;
    line-height: 1.25;
    margin-top: .4090909091rem
}

.c-review__content .c-author .o-flag__body,
.c-review__content .c-author .o-flag__image,
figure>img {
    display: block
}

.c-review__content .c-author .o-flag__image {
    width: auto;
    padding-right: 0;
    text-align: center
}

.c-review__content .o-avatar {
    top: -70px;
    left: 50%;
    position: absolute;
    margin-left: -70px
}

.c-review--case .o-panorama__heading::before {
    margin: 6.5454545456rem auto 3.2727272728rem;
    background-position: -576px 0
}

.c-review--case .c-review__content {
    margin-right: -30px;
    margin-left: -30px
}

.c-review--case .c-review__content .c-author {
    margin-bottom: .8181818182rem;
    color: #282623
}

.c-review--case .c-review__content .c-author .o-avatar {
    width: 90px;
    height: 90px;
    display: block;
    top: auto;
    left: 50%;
    margin: 1.6363636364rem auto .8181818182rem -45px;
    border-radius: 90px
}

.c-review--case .c-review__content .c-author .o-avatar--lg {
    width: 140px;
    height: 140px;
    margin-left: -70px;
    border-radius: 70px
}

.c-review--case .c-review__content .o-avatar {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0
}

::-moz-selection {
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    text-shadow: none
}

::selection {
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    text-shadow: none
}

@-ms-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

body::after {
    display: none;
    content: 'small'
}

.wf-loading {
    opacity: 0;
    visibility: hidden
}

.wf-active {
    -webkit-transition: opacity .24s ease-in-out;
    -o-transition: opacity .24s ease-in-out;
    transition: opacity .24s ease-in-out
}

.wf-active,
.wf-inactive {
    opacity: 1;
    visibility: visible
}

.u-pull-left {
    float: left
}

.u-pull-right {
    float: right
}

.u-center {
    margin-right: auto;
    margin-left: auto
}

.u-bg--gray {
    background-color: #f2f2f2
}

.u-bg--gray-dark {
    background-color: #eee;
}

.u-bg--gray-dark * {
    color: #fff
}

.js-block {
    cursor: pointer
}

.u-space-trailer-xs {
    margin-bottom: .4090909091rem
}

.u-space-trailer-s {
    margin-bottom: .8181818182rem
}

.u-space-trailer-m {
    margin-bottom: 1.6363636364rem
}

.u-space-trailer-l {
    margin-bottom: 3.2727272728rem
}

.u-space-trailer-xl {
    margin-bottom: 6.5454545456rem
}

.u-space-leader-xs {
    margin-top: .4090909091rem
}

.u-space-leader-s {
    margin-top: .8181818182rem
}

.u-space-leader-m {
    margin-top: 1.6363636364rem
}

.u-space-leader-l {
    margin-top: 3.2727272728rem
}

.u-space-leader-xl {
    margin-top: 6.5454545456rem
}

.u-space-rhythm-s {
    margin-top: .8181818182rem;
    margin-bottom: .8181818182rem
}

.u-space-rhythm-m {
    margin-top: 1.6363636364rem;
    margin-bottom: 1.6363636364rem
}

.u-space-rhythm-l {
    margin-top: 3.2727272728rem;
    margin-bottom: 3.2727272728rem
}

.u-space-rhythm-xl {
    margin-top: 6.5454545456rem;
    margin-bottom: 6.5454545456rem
}

.u-space-leader {
    margin-top: 20px
}

.u-space-trailer {
    margin-bottom: 20px
}

.u-space-2col .o-grid-cell:not(:first-child),
.u-space-3col .o-grid-cell:not(:first-child),
.u-space-4col .o-grid-cell:not(:first-child) {
    margin-top: 20px
}

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

.u-text-left {
    text-align: left
}

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

.u-text-max-width {
    max-width: 30rem;
    margin-right: auto;
    margin-left: auto
}

.copy b,
.copy dt,
.copy strong,
.u-text-bold {
    font-weight: 700
}

.copy cite,
.copy em,
.copy i,
.copy table tfoot,
.o-table tfoot,
.u-text-italic {
    font-style: italic
}

.copy small,
.u-text-small {
    font-size: .8181818182rem;
    line-height: 1.6666666667
}

.copy time,
.u-text-time {
    text-transform: uppercase
}

.a-card .o-card__content::after,
.c-arrow,
.c-card--happy-people::before,
.c-card--people .o-card__image::after,
.c-content-info span::after,


button {
    border: 0;
    outline: none;
    background: 0 0;
    -webkit-appearance: none
}

.c-btn {
    font-size: .7272727273rem;
    display: inline-block;
    position: relative;
    padding: .7363636364rem 2.4545454546rem;
    border: 0;
    border-radius: 0;
    background: #5bd9b3;
    color: #fff;
    font-family: "NeuzeitGro";
    line-height: inherit;
    text-transform: capitalize;
    cursor: pointer
}

.c-btn::after {
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: top .24s ease;
    -o-transition: top .24s ease;
    transition: top .24s ease;
    background-color: rgba(255, 255, 255, .15);
    content: ''
}

.c-btn:active,
.c-btn:focus,
.c-btn:hover {
    text-decoration: none
}

.c-btn:active {
    top: 1px;
    outline: none
}

.c-btn.is-disabled,
.c-btn.is-disabled:active,
.c-btn.is-disabled:focus,
.c-btn.is-disabled:hover,
.c-btn:disabled,
.c-btn:disabled:active,
.c-btn:disabled:focus,
.c-btn:disabled:hover {
    top: 0;
    background: #969696;
    color: #fff;
    cursor: default
}

.c-btn--primary {
    background: #5bd9b3;
    color: #fff
}

.c-btn--primary:active,
.c-btn--primary:hover {
    background: #52c3a1
}

.c-btn--large,
.c-btn--small {
    margin-bottom: .8181818182rem;
    padding: .4090909091rem
}

.c-btn--large {
    padding: 1.2272727273rem 1.6363636364rem
}

.c-btn--full {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

.o-card {
    position: relative
}

.o-card__image {
    width: 100%;
    height: 100%;
    position: absolute
}

.o-card__content {
    position: relative;
    color: #fff
}

.o-card__heading {
    font-size: 1.3636363636rem;
    line-height: 1.1666666667;
    font-family: "NeuzeitGro";
    letter-spacing: -1px
}

.c-card--horizontal::after {
    right: 0;
    bottom: 0;
    width: 0;
    height: 50%;
    position: absolute;
    background-color: rgba(255, 255, 255, .2);
    content: ''
}

.c-card--horizontal .o-card__content {
    padding: 4.9090909092rem 30px 2.4545454546rem
}

.c-card--horizontal .o-card__content .c-subtitle--bottom {
    padding-top: .8181818182rem;
    padding-bottom: 0
}

.c-card--vertical .o-card__heading {
    padding-top: 4.090909091rem;
    padding-bottom: 13.0909090912rem;
    padding-left: 30px
}

.c-card--people .o-card__image,
.c-card--vertical .c-subtitle {
    position: relative
}

.c-card--people .o-card__image::after {
    top: 30px;
    right: 30px;
    width: 18px;
    height: 20px;
    position: absolute;
    background-position: -288px -192px;
    content: ''
}

.c-card--people .o-card__content {
    padding-top: .8181818182rem;
    padding-bottom: .8181818182rem;
    border-bottom: 2px solid #f2f2f2;
    color: #3e3c36
}

.c-card--people .o-card__content::after {
    display: block;
    clear: both;
    content: ''
}

.c-card--people .o-card__content .o-link,
.c-card--people .o-card__content .o-list--links a,
.o-list--links .c-card--people .o-card__content a {
    display: inline-block;
    float: left
}

.c-card--people .o-card__heading {
    font-size: .9090909091rem;
    line-height: 1.25;
    margin-bottom: .2454545455rem;
    font-family: "NeuzeitGro"
}

.c-card--people .c-subtitle {
    padding-top: 0;
    padding-bottom: .2454545455rem
}

.c-card--media {
    margin-top: .8181818182rem
}

.c-card--media .o-card__image {
    position: relative
}

.c-card--media .o-card__content {
    top: 0;
    left: 0;
    position: absolute;
    padding: 1.6363636364rem
}

.c-card--media .o-card__content .o-card__heading {
    max-width: 20rem;
    padding-top: 1.6363636364rem
}

.c-card--media .c-subtitle {
    padding-top: 0;
    font-family: "NeuzeitGro"
}

.c-card--gray .o-card__content {
    width: 100%;
    max-width: 12rem;
    padding-top: 6.9545454547rem;
    padding-bottom: 4.9090909092rem
}

.c-card--gray .o-card__heading {
    margin-right: auto;
    margin-bottom: 2.4545454546rem;
    margin-left: auto;
    color: #969696
}

.c-card--gray .c-subtitle {
    color: #969696;
    font-family: "NeuzeitGro"
}

.copy {
    padding-right: 15px;
    padding-left: 15px
}

.copy>*+:not(.o-grid),
.copy>.o-figure-image+:not(.o-grid),
.copy>:not(.o-grid)+.o-figure-image,
.copy>:not(.o-grid)+.o-grid {
    margin-top: 3.2727272728rem
}

.copy>p+p {
    margin-top: .8181818182rem!important
}

.copy>blockquote+p,
.copy>figure+p {
    margin-top: 3.2727272728rem!important
}

.copy>:not(.o-grid)+dl,
.copy>:not(.o-grid)+ol,
.copy>:not(.o-grid)+ul,
.copy>h2+:not(.o-grid),
.copy>h3+:not(.o-grid) {
    margin-top: .8181818182rem!important
}

.copy>h4+p:not(.o-grid),
.copy>h5+p:not(.o-grid),
.copy>h6+p:not(.o-grid) {
    margin-top: 0!important
}

.copy>.c-intro+:not(.o-grid) {
    margin-top: 3.2727272728rem!important
}

.copy .c-intro {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 4.9090909092rem
}

.copy .c-intro p {
    margin-top: 0
}

.copy .c-intro--journal {
    padding-top: .4090909091rem;
    padding-bottom: 2.4545454546rem
}

.copy .o-panorama {
    margin-bottom: 6.5454545456rem
}

.copy .o-panorama+:not(.o-grid) {
    margin-bottom: 0!important
}

.copy>.c-blockquote+:not(.o-grid),
.copy>.o-pullquote+:not(.o-grid),
.copy>:not(.o-grid)+.c-blockquote,
.copy>:not(.o-grid)+.o-pullquote {
    margin-top: 3.2727272728rem!important
}

.copy+.c-intro--dark {
    margin-top: 6.5454545456rem
}

.copy>dl dd,
.copy>dl dt,
.copy>h2,
.copy>h3,
.copy>ol li,
.copy>p,
.copy>table,
.copy>time,
.copy>ul li {
    margin-right: auto;
    margin-left: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.copy .text-no-hyphen {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.copy ol,
.copy p,
.copy ul {
    font-size: .8181818182rem;
    line-height: 1.6666666667
}

.c-form__succes span,
.c-intro__heading span,
.c-intro__heading--sm span,
.copy h3 span,
.copy p a {
    color: #5bd9b3
}

.copy h2,
.copy h3 {
    font-size: 1.0909090909rem;
    line-height: 1.33333333;
    color: #282623;
    font-family: "NeuzeitGro";
    letter-spacing: -1px
}

.copy figcaption {
    padding-top: 1.6363636364rem;
    padding-bottom: 1.6363636364rem;
    border-bottom: 1px solid #f2f2f2;
    text-align: center
}

.copy figcaption p,
.o-figure-image figcaption {
    font-size: .7272727273rem;
    line-height: 1.25
}

.copy mark {
    background-color: #f8f800;
    color: #000
}

.copy del,
.copy ins {
    background-color: #fdfece;
    color: #000
}

.copy del {
    background-color: #f80000
}

.copy abbr {
    font-variant: small-caps;
    letter-spacing: .05em;
    text-transform: lowercase
}

.copy code,
.copy kbd,
.copy samp {
    color: #646464
}

.copy pre {
    margin-top: 1.6363636364rem;
    margin-bottom: 1.6363636364rem;
    max-width: 30rem;
    padding: 1.6363636364rem;
    border: 1px solid #969696;
    background-color: #f2f2f2;
    color: #504d47
}

.copy code {
    background-color: #969696
}

.copy dd,
.copy ol li>ol,
.copy ol li>ul,
.copy ul li>ol,
.copy ul li>ul,
.o-list li>ol,
.o-list li>ul {
    margin-left: 1.6363636364rem
}

.o-figure-image-item {
    width: 100%
}

.o-figure-image--align-center {
    text-align: center
}

.o-figure-image--align-center>* {
    margin-right: auto;
    margin-left: auto
}

.o-figure-image--align-center .o-figure-image-caption {
    text-align: left
}

.o-figure-image figcaption {
    color: #969696;
    font-family: "NeuzeitGro";
    font-size: 16px
}

.o-figure-image figcaption strong {
    color: #3e3c36
}

.o-figure-image.o-grid--with-gutter .o-grid-cell {
    margin-top: 32.727272728pxrem
}

.o-figure-image.o-grid--with-gutter figcaption {
    padding-right: 16.363636364pxrem;
    padding-left: 16.363636364pxrem
}

.o-flag {
    display: table;
    width: 100%
}

.o-flag__body,
.o-flag__image {
    display: table-cell;
    vertical-align: middle
}

.o-flag__image {
    width: 1px;
    padding-right: .8181818182rem
}

.o-flag__image>img {
    max-width: none
}

.o-flag__body {
    width: auto
}

.o-flag__body,
.o-flag__body>:last-child {
    margin-bottom: 0
}

.o-flag--reverse {
    direction: rtl
}

.o-flag--reverse>.o-flag__body,
.o-flag--reverse>.o-flag__image {
    direction: ltr
}

.o-flag--reverse>.o-flag__image {
    padding-right: 0;
    padding-left: .8181818182rem
}

.o-flag--top>.o-flag__body,
.o-flag--top>.o-flag__image {
    vertical-align: top
}

.o-flag--bottom>.o-flag__body,
.o-flag--bottom>.o-flag__image {
    vertical-align: bottom
}

.c-form {
    padding-top: 0;
    padding-bottom: 3.6818181819rem;
    position: relative;
    margin: 0 auto;
    text-align: center
}

.c-form .is-error .c-form-helper-error,
.c-form .is-error .c-form-label {
    color: red
}

.c-form .is-error .c-form-input {
    border: .125em solid red
}

.c-form .c-loader__symbol {
    top: 3.6818181819rem
}

.c-form .c-btn {
    padding: .7363636364rem 0
}

.copy .c-form-fields {
    margin-left: 0
}

.copy .c-form-fields li {
    list-style: none
}

.c-form--inline .c-form-item,
.c-input-set--horizontal>li {
    display: inline-block;
    margin-right: 1.6363636364rem
}

.c-case__col img,
.c-form-item {
    margin-bottom: 1.6363636364rem
}

.c-form-label {
    font-weight: 600
}

.c-form-item--stacked .form-label {
    display: block;
    margin-bottom: .8181818182rem
}

.c-form-help {
    position: absolute;
    bottom: -34px;
    font-size: .7em;
    color: #ff634c
}

.c-form__succes {
    font-size: .7272727273rem;
    line-height: 1.25;
    width: 100%;
    font-family: "NeuzeitGro";
    text-align: center
}


.c-form-wrapper {
    position: relative;
    margin-bottom: .8181818182rem!important
}

.c-form-wrapper::after,
.c-form-wrapper::before {
    position: absolute;
    bottom: 0;
    height: 2px;
    content: ''
}

.c-form-wrapper::before {
    -webkit-transition: width ease .36s;
    -o-transition: width ease .36s;
    transition: width ease .36s;
    z-index: 100;
    width: 0;
    background-color: #282623
}

.c-form-wrapper::after {
    width: 95%;
    background-color: #b5b5b5
}

.c-form-input {
    display: block;
    position: relative;
    width: 100%;
    padding: .4090909091rem 0;
    border: 0;
    background-color: transparent;
    color: #3e3c36;
    -webkit-appearance: none
}

.c-form-input:focus {
    outline: 0
}

.c-form-input:focus::-webkit-input-placeholder {
    color: #3e3c36
}

.c-form-input--full {
    width: 100%
}

.c-form-input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-form-helper {
    display: inline-block;
    visibility: hidden
}

.c-form-input:active+.form-helper,
.c-form-input:focus+.form-helper {
    visibility: visible
}

.c-form-optional {
    font-weight: 400
}

.c-form-helper-error {
    display: inline-block
}

.c-input-set {
    margin: 0
}

.c-input-set--horizontal>li:last-child {
    margin-right: 0
}

.c-input-set-label {
    color: #504d47
}

.c-introduction__title span,
.u-alpha-heading,
.u-beta-heading,
.u-delta-heading,
.u-epsilon-heading,
.u-gamma-heading,
.u-zeta-heading {
    font-family: "NeuzeitGro";
    letter-spacing: .01em
}

.u-alpha-heading {
    font-size: 1.3636363636rem;
    line-height: 1.2727272727
}

.u-beta-heading,
.u-gamma-heading {
    font-size: 1.3636363636rem;
    line-height: 1.1666666667
}

.u-delta-heading {
    font-size: 1.1818181818rem;
    line-height: 1.4230769231
}

.c-intro p,
.u-epsilon-heading,
.u-zeta-heading {
    font-size: 1.0909090909rem;
    line-height: 1.33333333
}

.c-icon {
    display: inline-block;
    width: 1.6363636364rem;
    height: 1.6363636364rem;
    margin-right: .4090909091rem;
    background-repeat: no-repeat;
    background-position: 0 16%;
    vertical-align: middle
}

.c-icon--right {
    margin-right: 0;
    margin-left: .4090909091rem
}

.c-icon--pos-right {
    position: absolute;
    right: 0
}

img {
    max-width: 100%;
    height: auto
}

.c-intro {
    padding: 2.4545454546rem 15px 1.6363636364rem;
    text-align: left;
}

.c-intro strong,
.c-introduction__title span span {
    font-size: 1rem;
    line-height: 1.4;
    color: #737373
}

.c-intro strong {
    display: block;
    font-family: "NeuzeitGro";
    text-transform: capitalize
}

.c-intro p {
    margin-top: 1.6363636364rem;
    font-family: "IdealSansPro-ExtraLight"
}

.c-intro .c-subtitle {
    padding-top: 0;
    padding-bottom: 3.6818181819rem
}

.c-intro .c-btn {
    margin-top: 2.0454545455rem
}

.c-intro__heading {
    font-size: 2.1818181818rem;
    line-height: .95;
    margin-bottom: 1.2272727273rem;
    font-family: "NeuzeitGro";
    letter-spacing: -4px
}

.c-intro--dark {
    background-color: #eee;
}

.c-intro--dark>* {
    color: #fff
}

.c-intro--dark .c-intro__content {
    max-width: 50rem;
    margin-right: auto;
    margin-left: auto
}

.c-intro--dark .c-btn {
    -webkit-box-shadow: 0 15px 54px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 15px 54px 0 rgba(0, 0, 0, .3)
}

.c-intro__heading--sm,
.c-introduction__content h2 {
    font-size: 1.7727272727rem;
    line-height: 1;
    margin-bottom: 1.2272727273rem;
    font-family: "NeuzeitGro";
    letter-spacing: -2px
}

.c-intro--journal {
    padding-top: 4.9090909092rem;
    padding-bottom: 2.4545454546rem;
    border-bottom: 1px solid #f2f2f2;
    font-family: "IdealSansPro-ExtraLight"
}

.c-intro--journal p {
    font-size: 1.3636363636rem;
    line-height: 1.2727272727
}

.c-introduction {
    position: relative;
    z-index: 200
}

.c-introduction__title {
    position: relative;
    padding: 3.2727272728rem 30px;
    background-color: #f2f2f2;
    text-transform: capitalize
}

.f-a {font-size: .8em !important; font-family: 'NeuzeitGro', sans-serif !important;}

.c-introduction__title span {
    font-size: 2.1818181818rem;
    line-height: .95;
    display: block;
    color: #3e3c36;
    letter-spacing: -4px
}

.c-introduction__title span span {
    letter-spacing: 0;
    
}

.c-introduction__title--people::after {
    background-position: -672px 0
}

.c-introduction__content {
    padding: 3.2727272728rem 30px 2.8636363637rem;
    background-color: #000;
}

.c-introduction__content h2 {
    font-size: 1.0909090909rem;
    line-height: 1.33333333;
    color: #fff;
    letter-spacing: -1px
}

.c-introduction__content p {
    font-size: .8181818182rem;
    line-height: 1.6666666667;
    color: #b5b5b5
}

.c-introduction__content .o-link,
.c-introduction__content .o-list--links a,
.o-list--links .c-introduction__content a {
    margin-top: 1.2272727273rem
}

.o-link,
.o-list--links a {
    font-size: .7272727273rem;
    line-height: 1.25;
    display: block;
    color: #5bd9b3;
    font-family: "NeuzeitGro";
    text-transform: capitalize
}

.c-arrow {
    border: 0;
    background-color: transparent;
    overflow: hidden;
    width: 16px;
    height: 10px;
    display: block;
    background-position: -96px -96px
}

.c-arrow::before {
    display: block;
    width: 0;
    height: 100%;
    content: ''
}

.c-link--arrow {
    display: inline-block;
    position: relative;
    line-height: 1
}

.c-link--arrow::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 10px;
    margin-top: -6px;
    -webkit-transition: right cubic-bezier(.445, .05, .55, .95) .24s, opacity cubic-bezier(.455, .03, .515, .955) .24s;
    -o-transition: right cubic-bezier(.445, .05, .55, .95) .24s, opacity cubic-bezier(.455, .03, .515, .955) .24s;
    transition: right cubic-bezier(.445, .05, .55, .95) .24s, opacity cubic-bezier(.455, .03, .515, .955) .24s;
    background-position: -192px -96px;
    content: '';
    opacity: 0
}

.copy ol,
.copy ul,
.o-list {
    counter-reset: list
}

.copy ol li,
.copy ul li,
.o-list li {
    display: list-item;
    position: relative;
    padding-left: 1.6363636364rem
}

.copy ol li::before,
.copy ul li::before,
.o-list li::before {
    position: absolute;
    left: 0;
    color: #5bd9b3;
    content: '•'
}

.copy ol>li,
ol.o-list>li {
    list-style-type: none
}

.copy ol>li::before,
ol.o-list>li::before {
    content: counter(list) ".";
    counter-increment: list
}

.copy .o-list--plain,
.o-list--plain {
    margin-left: 0
}

.copy .o-list--plain>li,
.o-list--plain>li {
    padding-left: 0
}

.c-banner small,
.c-nav-main__item--logo::before,
.c-writer li::before,
.copy .o-list--plain>li::before,
.o-list--plain>li::before {
    display: none
}

.o-list--links {
    margin-top: -.2em;
    margin-left: 0
}

.o-list--links li {
    margin-right: 0;
    padding: .2em 0;
    list-style: none
}

.o-list--numbered.o-list--links>li,
.o-list--numbered>li {
    list-style-type: decimal
}

.o-list--numbered.o-list--links,
.o-list--numbered.o-list--plain {
    margin-left: 1.6363636364rem
}

.c-masthead {
    top: 50%;
    left: 30px;
    position: absolute;
    margin-top: -9px
}

.o-nav {
    list-style: none
}

.o-nav>li,
.o-nav>li>a {
    display: inline-block
}

.o-nav--stacked>li {
    display: list-item
}

.o-nav--stacked>li>a {
    display: block
}

html.is-no-scroll {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

.c-page-wrapper {
    position: relative;
    right: 0;
    -webkit-transition: -webkit-transform .4s ease .16s;
    -o-transition: -o-transform .4s ease .16s;
    transition: transform .4s ease .16s;
    transition: transform .4s ease .16s, -webkit-transform .4s ease .16s, -o-transform .4s ease .16s;
    background-color: #fff;
    z-index: 200
}

.c-page-wrapper.is-open-menu {
    -webkit-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    -o-transform: translateX(-75%);
    transform: translateX(-75%)
}

.c-nav-main {
    top: 0;
    right: 0;
    width: 75%;
    height: 100%;
    position: fixed;
    background-color: #3e3c36;
    text-align: center;
    overflow: hidden;
    z-index: 100
}

.c-nav-main.is-open .c-nav-main__item {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
    opacity: 1
}

.c-nav-main.is-open .c-nav-main__item:nth-child(1) {
    -webkit-transition-delay: .04s;
    -o-transition-delay: .04s;
    transition-delay: .04s
}

.c-nav-main.is-open .c-nav-main__item:nth-child(2) {
    -webkit-transition-delay: .08s;
    -o-transition-delay: .08s;
    transition-delay: .08s
}

.c-nav-main.is-open .c-nav-main__item:nth-child(3) {
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s
}

.c-nav-main.is-open .c-nav-main__item:nth-child(4) {
    -webkit-transition-delay: .16s;
    -o-transition-delay: .16s;
    transition-delay: .16s
}

.c-nav-main.is-open .c-nav-main__item:nth-child(5) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.c-nav-main.is-open .c-nav-main__item:nth-child(6) {
    -webkit-transition-delay: .24s;
    -o-transition-delay: .24s;
    transition-delay: .24s
}

.c-nav-main.is-open .c-nav-main__item:nth-child(7) {
    -webkit-transition-delay: .28s;
    -o-transition-delay: .28s;
    transition-delay: .28s
}

.c-nav-main.is-open .c-nav-main__item:nth-child(8) {
    -webkit-transition-delay: .32s;
    -o-transition-delay: .32s;
    transition-delay: .32s
}

.c-nav-main.is-open .c-nav-main__item:nth-child(9) {
    -webkit-transition-delay: .36s;
    -o-transition-delay: .36s;
    transition-delay: .36s
}

.c-nav-main__list {
    width: 100%;
    height: 100%;
    top: 2.4545454546rem;
    left: 0;
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto
}

.c-nav-main__item {
    margin-bottom: .4090909091rem;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity .5s ease, -webkit-transform 0s ease .5s;
    -o-transition: opacity .5s ease, -o-transform 0s ease .5s;
    transition: opacity .5s ease, transform 0s ease .5s;
    transition: opacity .5s ease, transform 0s ease .5s, -webkit-transform 0s ease .5s, -o-transform 0s ease .5s;
    opacity: 0
}

.c-nav-main__item:last-child,
.c-socials li:last-child {
    margin-bottom: 0
}

.c-blockquote p span,
.c-nav-main__item.is-active .c-nav-main__link,
.c-nav-main__link.is-active,
.c-nav-main__link:hover,
.o-pullquote p span {
    color: #5bd9b3
}

.c-nav-main__item--logo {
    position: relative;
    margin-top: .4090909091rem
}

.c-nav-main__help {
    font-size: .7272727273rem;
    line-height: 1.25;
    display: block;
    margin-top: 1.6363636364rem;
    color: #5bd9b3;
    font-family: "NeuzeitGro";
    text-transform: capitalize
}

.c-nav-main__link {
    font-size: 1.0909090909rem;
    line-height: 1.33333333;
    -webkit-transition: color .24s;
    -o-transition: color .24s;
    transition: color .24s;
    color: #fff;
    font-family: "NeuzeitGro"
}

.c-nav-main__link span {
    color: #969696
}

.c-nav-main__link--tel {
    font-size: .7272727273rem;
    line-height: 1.25;
    font-family: "NeuzeitGro"
}

.c-oldie-message {
    bottom: 0;
    left: 0;
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 30px;
    background-color: #5bd9b3;
    color: #fff;
    text-align: center;
    z-index: 1000
}

.c-oldie-message::before {
    width: 84px;
    height: 18px;
    display: block;
    margin: 40px auto;
    background-image: url(/assets/images/assets.png);
    background-position: -192px -192px;
    content: ''
}

.c-oldie-message a {
    color: #fff;
    text-decoration: underline
}

.o-quote {
    quotes: none
}

.o-quote::before {
    content: open-quote
}

.o-quote::after {
    content: close-quote
}

.c-blockquote,
.o-pullquote {
    text-align: center
}

.c-blockquote p,
.o-pullquote p {
    font-size: 1.7727272727rem;
    line-height: 1;
    margin-top: 0;
    font-family: "NeuzeitGro";
    letter-spacing: -1px;
    text-transform: capitalize
}

.c-blockquote--manifesto {
    padding-top: 0;
    border-top: 0
}

.awwwards,
.awwwards a {
    width: 90px;
    height: 135px;
    position: absolute
}

.awwwards {
    top: 2.0454545455rem;
    text-indent: -666em;
    overflow: hidden;
    z-index: 300
}

.awwwards.left {
    left: 0
}

.awwwards.right {
    right: 0
}

.awwwards a {
    top: 0;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    -webkit-background-size: 90px 135px;
    background-size: 90px 135px
}

.awwwards.sotd.white.right a {
    background-image: url(/assets/images/awwwards_sotd_white_right.png)
}

.c-share {
    padding-top: 2.4545454546rem;
    padding-bottom: 2.4545454546rem;
    font-size: 1.0909090909rem;
    line-height: 1.33333333;
    margin-top: 2.4545454546rem;
    border-top: 1px solid rgba(150, 150, 150, .15);
    border-bottom: 1px solid rgba(150, 150, 150, .15);
    color: #b5b5b5;
    font-family: "NeuzeitGro";
    text-align: center
}

.c-share p {
    margin-top: 0!important
}

.c-share a {
    position: relative;
    color: #5bd9b3
}

.c-share a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transition: height ease .24s;
    -o-transition: height ease .24s;
    transition: height ease .24s;
    background-color: rgba(91, 217, 179, .2);
    content: ''
}

.c-share span,
.c-socials {
    font-size: .7272727273rem;
    line-height: 1.25
}

.c-share span {
    display: block;
    margin-top: .8181818182rem
}

.c-share--case {
    margin-top: .4090909091rem;
    border-top: 0;
    border-bottom: 0
}

.c-socials {
    position: relative;
    bottom: 0;
    margin-top: 3.2727272728rem;
    font-family: "NeuzeitGro";
    z-index: 100
}

.c-socials li {
    display: block;
    margin-bottom: .8181818182rem;
    -webkit-transition: color .14s cubic-bezier(.455, .03, .515, .955);
    -o-transition: color .14s cubic-bezier(.455, .03, .515, .955);
    transition: color .14s cubic-bezier(.455, .03, .515, .955);
    color: #f2f2f2
}

.c-socials li:hover {
    color: #fff
}

.copy table,
.o-table {
    width: 100%;
    margin-bottom: 1.6363636364rem
}

.copy table td,
.copy table th,
.o-table td,
.o-table th {
    padding-top: .8181818182rem;
    padding-bottom: .8181818182rem;
    text-align: left
}

.copy table th,
.o-table th {
    font-weight: inherit;
    vertical-align: middle
}

.copy table td,
.o-table td {
    vertical-align: top
}

.copy table [colspan],
.o-table [colspan] {
    text-align: center
}

.copy table [colspan='1'],
.o-table [colspan='1'] {
    text-align: left
}

.copy table [rowspan],
.o-table [rowspan] {
    vertical-align: middle
}

.copy table [rowspan='1'],
.o-table [rowspan='1'] {
    vertical-align: top
}

.o-table-numerical {
    text-align: right
}

.o-table--striped td,
.o-table--striped th {
    padding: .8181818182rem
}

.o-table--striped th {
    background-color: #000;
    color: #fff
}

.o-table--striped td+td,
.o-table--striped th+th {
    border-left: .125em solid #fff
}

.o-table--striped tbody tr:nth-child(even) td {
    background-color: #504d47
}

.o-table--striped tbody tr:hover td {
    background-color: #000;
    color: #fff
}

.o-table--rounded thead th:first-child {
    border-top-left-radius: .8181818182rem
}

.o-table--rounded thead th:last-child {
    border-top-right-radius: .8181818182rem
}

.o-table--rounded tfoot td:first-child {
    border-bottom-left-radius: .8181818182rem
}

.o-table--rounded tfoot td:last-child {
    border-bottom-right-radius: .8181818182rem
}

.o-table--bordered td,
.o-table--bordered th {
    padding-top: .8181818182rem;
    padding-bottom: .8181818182rem;
    border: .125em solid #504d47
}

.o-table--bordered td:empty,
.o-table--bordered th:empty {
    border: 0
}

.o-table--bordered thead th {
    border-bottom-width: 2px;
    border-bottom-color: #000
}

.o-table--bordered tfoot tr {
    border-top-width: 2px
}

.c-list-tribe {
    padding-top: 3.2727272728rem;
    padding-bottom: 3.2727272728rem;
    margin: 0 auto;
    color: #969696;
    text-align: center;
    text-transform: capitalize
}

.c-list-tribe .tribe__list__heading {
    margin-bottom: 1.6363636364rem;
    font-family: "NeuzeitGro"
}

.c-list-tribe .o-grid-cell {
    margin-bottom: .8181818182rem
}

.c-case h3,
.c-list-tribe .o-grid-cell:hover .tribe__list__item {
    color: #282623
}

.c-list-tribe .tribe__list__item {
    font-size: .7272727273rem;
    line-height: 1.25;
    display: block;
    -webkit-transition: color .24s ease-in;
    -o-transition: color .24s ease-in;
    transition: color .24s ease-in;
    text-align: center
}

.c-list-tribe .tribe__list__item--secondary {
    color: #b5b5b5
}

.c-loader,
.c-loader__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-loader__background {
    background-color: #f2f2f2;
    opacity: .8;
    z-index: 100
}

.c-loader__background--white,
.c-nav-main-toggle.is-white span,
.c-nav-main-toggle.is-white span::after,
.c-nav-main-toggle.is-white span::before {
    background-color: #fff
}


.c-loader__symbol {
    top: 50%;
    margin: -16px 0 0 -50px;
    background-position: -768px 0;
    z-index: 200;
    width: 68px;
    height: 65px
}

.c-loader__symbol::after,
.c-loader__symbol::before {
    width: 10px;
    height: 12px;
    display: block;
    margin-left: -6px;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    content: ''
}

.c-loader__symbol::before {
    background-position: -864px 0;
    -webkit-animation-name: flip;
    -o-animation-name: flip;
    animation-name: flip
}

.c-loader__symbol::after {
    background-position: -960px 0;
    -webkit-animation-name: flip-reverse;
    -o-animation-name: flip-reverse;
    animation-name: flip-reverse;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    bottom: 25px
}

.c-loader__symbol span,
.c-writer li strong {
    line-height: 1.25;
    display: block;
    font-family: "NeuzeitGro"
}

.c-loader__symbol span {
    position: absolute;
    top: -1.2272727273rem;
    color: #504d47;
    text-align: center;
    font-size: .7272727273rem
}

.c-video {
    position: relative;
    max-width: 100%
}

.c-video__play {
    border: 0;
    background-color: transparent;
    overflow: hidden;
    top: 50%;
    right: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    margin-top: -25px;
    margin-right: -25px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    background-position: -480px -288px;
    content: '';
    cursor: pointer;
    opacity: .8
}

.c-video__play::before {
    display: block;
    width: 0;
    height: 100%;
    content: ''
}

.c-video__play:hover {
    opacity: 1
}

.c-writer {
    font-size: .7272727273rem;
    line-height: 1.25;
    padding-top: 5.7272727274rem;
    padding-bottom: 2.8636363637rem;
    position: relative;
    margin-top: 3.2727272728rem;
    background-color: #f2f2f2;
    color: #3e3c36
}

.c-writer::after {
    display: block;
    clear: both;
    content: ''
}

.c-writer .o-avatar {
    position: absolute;
    top: -50px;
    left: 50%;
    margin: 0 auto 1.6363636364rem;
    margin-left: -70px
}

.c-writer li {
    margin-left: 0
}

.c-writer li strong {
    font-size: .9090909091rem;
    margin-bottom: .4090909091rem
}

.c-writer .c-btn {
    margin-top: 1.2272727273rem
}

.c-banner {
    position: relative;
    height: 60px
}

.c-banner h1 {
    display: none;
    visibility: hidden
}

.c-banner--fixed,
.c-banner--simple {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100
}

.c-banner--simple {
    z-index: 400
}

.c-nav-main-toggle {
    width: 44px;
    height: 44px;
    top: 10px;
    right: 30px;
    border: 0;
    background-color: transparent;
    overflow: hidden;
    display: block;
    position: fixed;
    float: right;
    -webkit-transition: -webkit-transform .4s ease .16s;
    -o-transition: -o-transform .4s ease .16s;
    transition: transform .4s ease .16s;
    transition: transform .4s ease .16s, -webkit-transform .4s ease .16s, -o-transform .4s ease .16s;
    outline: 0;
    color: #fff;
    z-index: 400
}

.c-nav-main-toggle::before {
    display: block;
    width: 0;
    height: 100%;
    content: ''
}

.c-nav-main-toggle::after {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95);
    -webkit-transition-duration: .32s;
    -o-transition-duration: .32s;
    transition-duration: .32s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    border-radius: 22px;
    background-color: #fff;
    content: '';
    z-index: -1
}

.c-nav-main-toggle:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.c-nav-main-toggle:focus {
    outline: 0
}

.c-nav-main-toggle span,
.c-nav-main-toggle span::after,
.c-nav-main-toggle span::before {
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    -webkit-transition: all .32s ease-in;
    -o-transition: all .32s ease-in;
    transition: all .32s ease-in;
    background-color: #504d47
}

.c-nav-main-toggle span {
    top: 21px;
    margin-right: -10px;
    right: 50%
}

.c-nav-main-toggle span::after,
.c-nav-main-toggle span::before {
    right: 0;
    content: ''
}

.c-nav-main-toggle span::before {
    top: -6px
}

.c-nav-main-toggle span::after {
    top: 6px
}

.c-nav-main-toggle.is-white,
.c-nav-main-toggle.is-white::after {
    background-color: transparent
}

.c-nav-main-toggle.is-open span {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-nav-main-toggle.is-open span::after {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.c-nav-main-toggle.is-open span::before {
    opacity: 0
}

.u-contain {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto
}

.u-contain::after {
    display: block;
    clear: both;
    content: ''
}

.u-contain-padding {
    padding-right: 15px;
    padding-left: 15px
}

.c-content-info {
    padding-top: 2.8636363637rem;
    padding-bottom: 2.8636363637rem;
    background-color: #eee;
    color: #fff;
    text-transform: capitalize
}

.c-content-info footer {
    position: relative;
    width: 83.3333333333%;
    margin: 0 auto
}



.c-content-info * {
    font-size: .7272727273rem;
    line-height: 1.25;
    text-align: center
}

.c-content-info ul li {
    font-family: "NeuzeitGro";
    line-height: 1.5
}



.c-content-info p {
    display: block;
    font-family: "NeuzeitGro"
}

.c-content-info p:first-child {
    margin-top: 3rem
}

.c-content-info span {
    display: block;
    position: relative;
    font-family: "NeuzeitGro";
    opacity: .5;
    padding-bottom: 2em;
}

.c-content-info span::after {
    right: 0;
    bottom: 0;
    width: 40px;
    height: 42px;
    display: none;
    position: absolute;
    background-position: -288px 0;
    content: ''
}

.o-grid {
    display: block;
    padding-right: 0;
    padding-left: 0;
    font-size: 0;
    text-align: left
}

.o-grid>.o-grid {
    margin-right: 0;
    margin-left: 0;
    overflow: hidden
}

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

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

.o-grid--align-middle>.grid-cell {
    vertical-align: middle
}

.o-grid--align-bottom>.grid-cell {
    vertical-align: bottom
}

.o-grid-cell {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    text-align: left;
    vertical-align: top
}

.c-case__logo img,
.o-grid-cell--center {
    display: block;
    margin: 0 auto
}

.o-grid-cell--people {
    position: relative;
    top: 50%
}

.o-grid--with-gutter {
    margin-right: -10px;
    margin-left: -10px
}

.o-grid--with-gutter>.o-grid-cell {
    padding-right: 10px;
    padding-left: 10px
}

.o-grid-cell--people .o-card .o-card__image,
.o-panorama {
    position: relative
}

.o-panorama .c-btn {
    margin-top: 2.0454545455rem;
    -webkit-box-shadow: 0 15px 54px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 15px 54px 0 rgba(0, 0, 0, .3)
}

.c-panorama--gradient::before,
.o-panorama__image {
    width: 100%;
    height: 100%;
    position: absolute
}

.o-panorama__content {
    position: relative;
    padding-right: 30px;
    padding-left: 30px;
    color: #fff;
    text-align: center
}

.o-panorama__content p {
    font-family: "IdealSansPro-ExtraLight";
    line-height: 1.333
}

.o-panorama__heading {
    font-size: 2.1818181818rem;
    line-height: .95;
    max-width: 38rem;
    margin-right: auto;
    margin-left: auto;
    font-family: "NeuzeitGro";
    letter-spacing: -2px
}

.c-panorama__bar .c-subtitle span,
.o-panorama__heading span {
    color: #5bd9b3
}

.o-panorama__heading--sm {
    font-size: 1.7727272727rem;
    line-height: 1
}

.o-panorama__sub {
    font-size: .7272727273rem;
    line-height: 1.25;
    display: block;
    margin-top: 1.6363636364rem;
    font-family: "NeuzeitGro";
    text-transform: capitalize
}

.c-case-intro ul strong,
.o-panorama__sub strong {
    font-family: "NeuzeitGro"
}

.o-panorama__sub--top {
    margin-top: 0
}

.o-panorama__content--md,
.o-panorama__content--sm {
    padding-top: 4.9090909092rem;
    padding-bottom: 4.090909091rem
}

.o-panorama__content--md {
    padding-bottom: 7.3636363638rem
}

.o-panorama__content--lg {
    padding-top: 12.272727273rem;
    padding-bottom: 12.272727273rem
}

.o-panorama__content--wd {
    padding-top: 9.8181818184rem;
    padding-bottom: 4.9090909092rem
}

.c-panorama--transparent {
    overflow: hidden
}

.c-panorama--transparent .o-panorama__content {
    text-align: left
}

.c-panorama--transparent .o-panorama__content::before {
    top: 100%;
    right: 15px;
    position: absolute;
    content: ''
}

.c-panorama--transparent .o-panorama__content::after {
    right: 15px;
    position: absolute;
    content: ''
}

.c-panorama--transparent .o-panorama__content::before {
    bottom: 0;
    width: calc(100% - 30px);
    /* background-color: rgba(255, 255, 255, .15); */
    z-index: 100;
    pointer-events: none
}

/* .c-panorama--transparent .o-panorama__content::after {
    width: 14px;
    height: 14px;
    top: 60px;
    background: -webkit-linear-gradient(45deg, transparent 0%, transparent 50%, #5bd9b3 51%, #5bd9b3 100%);
    background: -o-linear-gradient(45deg, transparent 0%, transparent 50%, #5bd9b3 51%, #5bd9b3 100%);
    background: linear-gradient(45deg, transparent 0%, transparent 50%, #5bd9b3 51%, #5bd9b3 100%);
    z-index: 200
} */

.c-panorama--gradient,
.c-panorama--rodesk {
    position: relative
}

.c-panorama--gradient::before {
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3e3c36), to(rgba(62, 60, 54, 0)));
    background-image: -webkit-linear-gradient(top, #3e3c36 0%, rgba(62, 60, 54, 0) 100%);
    background-image: -o-linear-gradient(top, #3e3c36 0%, rgba(62, 60, 54, 0) 100%);
    background-image: linear-gradient(-180deg, #3e3c36 0%, rgba(62, 60, 54, 0) 100%);
    content: '';
    z-index: 100
}

.c-panorama--gradient .o-panorama__content {
    z-index: 100
}

.c-panorama--half p {
    max-width: 17rem
}

.c-panorama--half .o-panorama__heading {
    margin-top: 2.8636363637rem;
    margin-bottom: 1.6363636364rem;
    margin-right: 0;
    margin-left: 0
}

.c-panorama--avatar .o-avatars {
    bottom: -35px;
    left: 50%;
    width: 100%;
    height: 70px;
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.c-panorama--avatar .o-avatars .o-avatar {
    bottom: auto;
    left: auto;
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative;
    margin-right: .4090909091rem;
    margin-left: .4090909091rem;
    border-radius: 35px;
    background-position: -446px 36px
}

.c-panorama--avatar .o-avatar {
    bottom: -70px;
    left: 50%;
    position: absolute;
    margin-left: -70px
}

.c-panorama--rodesk::after {
    bottom: 0;
    left: 0;
    width: 104px;
    height: 111px;
    display: block;
    position: absolute;
    background-position: -288px -480px;
    content: '';
    z-index: 100
}

.c-panorama--map {
    margin-top: 20px
}

.c-panorama--map .o-panorama__content {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.c-panorama--article .o-panorama__heading {
    margin-top: 2.4545454546rem;
    margin-bottom: 1.6363636364rem
}

.c-panorama--article .c-arrow {
    margin-top: 1.6363636364rem
}

.c-panorama--article .c-author,
.c-panorama__bar {
    position: relative;
    z-index: 100
}

.c-panorama__bar {
    margin-right: -15px;
    margin-bottom: 2px;
    margin-left: -15px;
    padding: 3.2727272728rem 30px;
    -webkit-transition: background-color .24s cubic-bezier(.455, .03, .515, .955);
    -o-transition: background-color .24s cubic-bezier(.455, .03, .515, .955);
    transition: background-color .24s cubic-bezier(.455, .03, .515, .955);
    background-color: #f2f2f2
}

.c-panorama__bar .c-subtitle {
    padding-top: 0;
    padding-bottom: 0;
    color: #969696;
    font-family: "NeuzeitGro"
}

.c-panorama--contact .o-panorama__heading {
    max-width: none;
    margin-right: none;
    margin-left: none
}

.c-panorama--contact .o-panorama__heading--sm {
    font-size: 1.3636363636rem;
    line-height: 1.1666666667;
    text-align: center
}

.c-panorama__bar__heading {
    font-size: 1.7727272727rem;
    line-height: 1;
    display: inline-block;
    margin-bottom: .4090909091rem;
    color: #282623;
    font-family: "NeuzeitGro";
    letter-spacing: -1px
}

.c-panorama__bar__heading--filled {
    position: relative;
    color: #b5b5b5;
    text-decoration: line-through
}

.c-case .u-bg--gray-dark {
    padding-top: 3.2727272728rem;
    padding-bottom: 3.2727272728rem;
    margin-top: 3.2727272728rem
}

.t-sdn .t-case-bg {
    background-color: #9fd801
}

.t-sdn .t-case-color,
.t-sdn .t-case-list li::before {
    color: #9fd801
}

.t-dutchwindwheel .t-case-bg {
    background-color: #26b9d9
}

.t-dutchwindwheel .t-case-color,
.t-dutchwindwheel .t-case-list li::before {
    color: #26b9d9
}

.t-jumbo .t-case-bg {
    background-color: #e0212c
}

.t-jumbo .t-case-color,
.t-jumbo .t-case-list li::before {
    color: #e0212c
}

.t-bloc .t-case-bg {
    background-color: #ff3356
}

.t-bloc .t-case-color,
.t-bloc .t-case-list li::before {
    color: #ff3356
}

.t-anewspring .t-case-bg {
    background-color: #bdd200
}

.t-anewspring .t-case-color,
.t-anewspring .t-case-list li::before {
    color: #bdd200
}

.t-vakantieboulevard .t-case-bg {
    background-color: #f57f0c
}

.t-vakantieboulevard .t-case-color,
.t-vakantieboulevard .t-case-list li::before {
    color: #f57f0c
}

.t-brinky .t-case-bg {
    background-color: #ff6f21
}

.t-brinky .t-case-color,
.t-brinky .t-case-list li::before {
    color: #ff6f21
}

.t-bestcamp .t-case-bg {
    background-color: #2acf7a
}

.t-bestcamp .t-case-color,
.t-bestcamp .t-case-list li::before {
    color: #2acf7a
}

.t-corporatienl .t-case-bg {
    background-color: #ff5000
}

.t-corporatienl .t-case-color,
.t-corporatienl .t-case-list li::before {
    color: #ff5000
}

.t-elp .t-case-bg {
    background-color: #b1986a
}

.t-elp .t-case-color,
.t-elp .t-case-list li::before {
    color: #b1986a
}

.t-strategicdesign .t-case-bg {
    background-color: #ac3777
}

.t-strategicdesign .t-case-color,
.t-strategicdesign .t-case-list li::before {
    color: #ac3777
}

.t-kinderdijk .t-case-bg {
    background-color: #95d0e0
}

.t-kinderdijk .t-case-color,
.t-kinderdijk .t-case-list li::before {
    color: #95d0e0
}

.c-case-intro__content,
.c-case__footer {
    max-width: 1024px;
    margin: 0 auto
}

.c-case__footer {
    padding-right: 15px;
    padding-left: 15px
}

.c-case__pullviewport {
    margin-right: -30px;
    margin-left: -30px;
    padding-right: 30px;
    padding-left: 30px
}

.c-case-intro {
    padding-top: 2.4545454546rem;
    padding-bottom: 2.4545454546rem;
    margin-top: 30px;
    margin-bottom: 3.2727272728rem;
    background-color: #f2f2f2
}

.c-case-intro p {
    font-size: 1.3636363636rem;
    line-height: 1.2727272727;
    margin-bottom: 2.4545454546rem;
    font-family: "IdealSansPro-ExtraLight"
}

.c-case-intro ul {
    font-size: .7272727273rem;
    line-height: 1.25;
    margin-bottom: 1.2272727273rem;
    color: #3e3c36;
    font-family: "NeuzeitGro";
    text-transform: capitalize
}

.c-case-intro .o-figure-image {
    position: relative
}

.c-case-intro .o-figure-image figcaption::after,
.c-case-intro .o-figure-image::after {
    display: block;
    clear: both;
    content: ''
}

.c-case-intro .o-figure-image img {
    display: block;
    max-width: 500px;
    margin: .8181818182rem auto 0
}

.c-case-intro .o-figure-image figcaption {
    margin-top: 2.4545454546rem;
    margin-bottom: 0;
    display: block;
    width: 100%;
    float: left;
    text-transform: capitalize
}

.c-case-intro .o-figure-image figcaption p {
    font-size: .7272727273rem;
    line-height: 1.25;
    display: block;
    margin-bottom: 0;
    float: none;
    font-family: "NeuzeitGro";
    text-align: center
}

.c-case-intro__content {
    padding: 0 30px
}

.c-case__col {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto
}

.c-case__col h3 {
    margin-bottom: .8181818182rem
}

.c-case__logo {
    max-width: 100%;
    padding: 2.4545454546rem 30px 4.090909091rem;
    background-color: #3e3c36;
    text-align: center
}

.c-case__logo h3 {
    font-size: 1.0909090909rem;
    line-height: 1.33333333;
    color: #fff;
    font-family: "NeuzeitGro"
}

.c-case__logo p {
    max-width: 30rem;
    margin: .8181818182rem auto 3.2727272728rem
}

.c-case__logo img {
    width: 100%
}

.c-case__footer {
    position: relative;
    text-align: center
}

.c-case__footer p {
    font-size: 1.3636363636rem;
    line-height: 1.1666666667;
    font-family: "IdealSansPro-ExtraLight";
    text-align: center
}

.c-case__footer img {
    bottom: -230px;
    left: 50%;
    width: 170px;
    height: 170px;
    position: absolute;
    margin-left: -85px;
    border-radius: 50%;
    -webkit-box-shadow: 0 32px 34px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 32px 34px 0 rgba(0, 0, 0, .07)
}

.c-rodesk-info {
    padding-top: 6.5454545456rem;
    padding-bottom: 6.5454545456rem;
    position: relative;
    margin-bottom: 4.090909091rem;
    background-color: #3e3c36;
    color: #fff
}

.c-rodesk-info::before {
    top: 45px;
    left: 15px;
    width: 40px;
    height: 38px;
    position: absolute;
    background-position: -384px -96px;
    content: ''
}

.c-rodesk-info h2,
.c-rodesk-info h3 {
    color: #fff!important
}

.c-btn:hover::after {
    top: 0
}

.c-list .o-grid:hover * {
    color: #282623
}

.c-list .o-grid:hover::after {
    left: -2%;
    width: 104%;
    height: calc(100% + 2px)
}

.c-list .o-grid:hover a::after {
    right: 0;
    opacity: 1
}

.c-link--arrow:hover::after {
    right: -24px;
    opacity: 1
}

.c-share a:hover::after {
    height: 132%
}

.c-form-wrapper.is-focused::before {
    width: 95%
}

.a-opacity {
    -webkit-transition: opacity .6s cubic-bezier(.455, .03, .515, .955) .24s;
    -o-transition: opacity .6s cubic-bezier(.455, .03, .515, .955) .24s;
    transition: opacity .6s cubic-bezier(.455, .03, .515, .955) .24s;
    opacity: 0
}

.a-opacity .o-panorama__content__type,
.a-opacity .o-panorama__sub {
    -webkit-transition: opacity 1.5s cubic-bezier(.455, .03, .515, .955);
    -o-transition: opacity 1.5s cubic-bezier(.455, .03, .515, .955);
    transition: opacity 1.5s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
    opacity: 0
}

.a-move .c-intro__heading {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.445, .05, .55, .95);
    -o-transition: -o-transform .4s cubic-bezier(.445, .05, .55, .95);
    transition: transform .4s cubic-bezier(.445, .05, .55, .95);
    transition: transform .4s cubic-bezier(.445, .05, .55, .95), -webkit-transform .4s cubic-bezier(.445, .05, .55, .95), -o-transform .4s cubic-bezier(.445, .05, .55, .95)
}

.o-card__content .o-card__opacity .c-subtitle,
.o-card__content .o-card__opacity .o-card__heading {
    opacity: 0
}

.a-inview .c-panorama--transparent .o-panorama__content::before,
.a-inview.c-panorama--transparent .o-panorama__content::before {
    top: 60px;
    -webkit-transition: top .55s cubic-bezier(.445, .05, .55, .95) .2s;
    -o-transition: top .55s cubic-bezier(.445, .05, .55, .95) .2s;
    transition: top .55s cubic-bezier(.445, .05, .55, .95) .2s
}

.a-inview .a-opacity,
.a-inview .a-opacity .o-panorama__content__type,
.a-inview .a-opacity .o-panorama__sub,
.a-inview.a-opacity,
.a-inview.a-opacity .o-panorama__content__type,
.a-inview.a-opacity .o-panorama__sub {
    opacity: 1
}

.a-inview .a-move .c-intro__heading,
.a-inview.a-move .c-intro__heading {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.a-inview .o-card__content .o-card__opacity .o-card__heading {
    -webkit-transition: opacity .4s cubic-bezier(.455, .03, .515, .955);
    -o-transition: opacity .4s cubic-bezier(.455, .03, .515, .955);
    transition: opacity .4s cubic-bezier(.455, .03, .515, .955);
    opacity: 1
}

.a-inview .o-card__content .o-card__opacity .c-subtitle {
    opacity: 1
}

.a-inview .c-card--horizontal::after {
    width: 100%;
    -webkit-transition: width .44s cubic-bezier(.445, .05, .55, .95);
    -o-transition: width .44s cubic-bezier(.445, .05, .55, .95);
    transition: width .44s cubic-bezier(.445, .05, .55, .95)
}

.a-card .o-card__content .c-subtitle {
    position: relative;
    bottom: 0;
    -webkit-transition: bottom .24s cubic-bezier(.445, .05, .55, .95), opacity .44s cubic-bezier(.455, .03, .515, .955);
    -o-transition: bottom .24s cubic-bezier(.445, .05, .55, .95), opacity .44s cubic-bezier(.455, .03, .515, .955);
    transition: bottom .24s cubic-bezier(.445, .05, .55, .95), opacity .44s cubic-bezier(.455, .03, .515, .955)
}

.a-card .o-card__content::after {
    right: 52%;
    bottom: 2.4545454546rem;
    position: absolute;
    width: 16px;
    height: 10px;
    -webkit-transition: right .24s cubic-bezier(.445, .05, .55, .95), left .24s cubic-bezier(.445, .05, .55, .95), opacity .24s cubic-bezier(.455, .03, .515, .955);
    -o-transition: right .24s cubic-bezier(.445, .05, .55, .95), left .24s cubic-bezier(.445, .05, .55, .95), opacity .24s cubic-bezier(.455, .03, .515, .955);
    transition: right .24s cubic-bezier(.445, .05, .55, .95), left .24s cubic-bezier(.445, .05, .55, .95), opacity .24s cubic-bezier(.455, .03, .515, .955);
    background-position: -96px -96px;
    content: '';
    opacity: 0
}

.a-card:hover .o-card__content .c-subtitle {
    bottom: .8181818182rem
}

.a-card:hover .o-card__content::after {
    right: calc(50% - 6px);
    opacity: 1
}

.a-background:hover {
    background-color: #fff
}

.a-arrow:hover .c-link--arrow::after {
    right: -24px;
    opacity: 1
}

.c-card--horizontal .o-card__content::after {
    bottom: 2.4545454546rem;
    left: 20px
}

.c-card--horizontal:hover .o-card__content::after {
    left: 30px
}

.c-card--people .o-card__image .c-arrow,
.c-panorama--article .o-panorama__content .c-arrow {
    -webkit-transition: margin .24s ease, opacity .24s ease;
    -o-transition: margin .24s ease, opacity .24s ease;
    transition: margin .24s ease, opacity .24s ease
}

.c-panorama--article .o-panorama__content:hover .c-arrow {
    margin-left: 0;
    opacity: 1
}

.c-card--people .o-card__image::before {
    position: absolute;
    top: 100%;
    bottom: 0;
    width: 100%;
    -webkit-transition: top .36s ease-in-out;
    -o-transition: top .36s ease-in-out;
    transition: top .36s ease-in-out;
    background-color: rgba(255, 255, 255, .15);
    content: '';
    z-index: 1
}

.c-card--people .o-card__image .c-arrow {
    position: absolute;
    bottom: calc(10% - 5px);
    left: 48%;
    margin-left: -24px;
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
    opacity: 0
}

.c-card--people .o-card__image:hover::before {
    top: 80%
}

.c-card--people .o-card__image:hover .c-arrow {
    margin-left: -8px;
    opacity: 1
}

.c-link--no-arrow::after {
    display: none
}

@media only screen and (-Webkit-min-device-pixel-ratio:1.5),
only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) {
    .awwwards.sotd.white.right a {
        background-image: url(/assets/images/awwwards_sotd_white_right@2x.png)
    }
}

@media (min-width:20em) {
    body::after {
        content: '"small"'
    }
    .u-mobile-hide {
        display: none
    }
    .u-desktop-hide {
        display: block
    }
    .u-1of2--sm {
        width: 50%
    }
}

@media (min-width:35em) {
    html {
        font-size: 137.5%
    }
    .c-review {
        padding: 3.2727272728rem 30px 30px
    }
    body::after {
        content: '"compact"'
    }
    .u-space-4col .o-grid-cell:not(:first-child):nth-child(2) {
        margin-top: 0
    }
    .c-card--vertical .o-card__heading {
        padding-bottom: 6.1363636365rem
    }
    :not(.o-figure-image)+.o-grid--break-from-compact .o-grid-cell {
        margin-top: 0
    }
    .c-socials--people li {
        display: inline-block;
        margin-right: .8181818182rem
    }
    .u-1of2--cp {
        width: 50%
    }
    .u-1of3--cp {
        width: 33.3333333333%
    }
    .c-panorama--avatar .o-avatars {
        bottom: -70px;
        height: 140px
    }
    .c-panorama--avatar .o-avatars .o-avatar {
        width: 140px;
        height: 140px;
        border-radius: 70px
    }
    .c-case__logo img {
        width: auto;
        max-width: 600px
    }
}

@media (min-width:48em) {
    html {
        font-size: 137.5%
    }
    .c-list {
        padding-right: 30px;
        padding-left: 30px
    }
    .c-logobar {
        padding-right: 90px;
        padding-left: 90px
    }
    .c-review--case .c-review__content,
    .c-review__content {
        margin-right: -60px;
        margin-left: -60px
    }
    body::after {
        content: '"medium"'
    }
    .u-mobile-hide {
        display: inline-block
    }
    .u-desktop-hide {
        display: none
    }
    .u-space-2col .o-grid-cell:not(:first-child):nth-child(2),
    .u-space-3col .o-grid-cell:not(:first-child):nth-child(2) {
        margin-top: 0
    }
    .c-btn {
        padding: .7363636364rem 4.090909091rem
    }
    .c-card--people .o-card__content {
        padding-top: .4090909091rem
    }
    .c-card--gray .o-card__content {
        top: 50%;
        left: 50%;
        position: absolute;
        max-width: 20rem;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .c-card--gray .o-card__heading,
    .c-case__col img {
        margin-bottom: 0
    }
    .copy {
        padding-right: 0;
        padding-left: 0
    }
    .copy>dl dd,
    .copy>dl dt,
    .copy>h2,
    .copy>h3,
    .copy>ol li,
    .copy>p,
    .copy>table,
    .copy>time,
    .copy>ul li {
        max-width: 75%
    }
    .o-figure-image--lg,
    .o-figure-image--md {
        max-width: 75%;
        margin-right: auto;
        margin-left: auto
    }
    .o-figure-image--lg {
        max-width: 1024px
    }
    :not(.o-figure-image)+.o-grid--break-from-nedium .o-grid-cell {
        margin-top: 0
    }
    .c-form-wrapper {
        margin-top: .5727272727rem
    }
    .c-form-wrapper::after {
        width: 80%
    }
    .c-intro {
        padding-right: 60px;
        padding-left: 60px
    }
    .c-introduction__title {
        padding: 4.090909091rem 60px 3.6818181819rem
    }

    .c-introduction__content {
        padding-right: 60px;
        padding-left: 60px
    }
    .copy ol,
    .copy ul,
    .o-list,
    .o-list--numbered.o-list--links,
    .o-list--numbered.o-list--plain {
        margin-left: 0
    }
    .c-masthead {
        left: 60px
    }
    .c-page-wrapper.is-open-menu {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .c-nav-main {
        width: 50%
    }
    .c-nav-main__item {
        margin-bottom: .6545454546rem
    }
    .c-nav-main__item--logo::before {
        width: 90px;
        height: 90px;
        display: block;
        margin: 1.2272727273rem auto .8181818182rem;
        border-radius: 45px;
        background-color: #fff;
 
        background-position: -384px -192px;
        -webkit-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, .3);
        box-shadow: 0 30px 50px 0 rgba(0, 0, 0, .3);
        content: ''
    }
    .awwwards {
        position: fixed;
        top: 3.2727272728rem
    }
    .c-socials li:last-child {
        margin-right: 0
    }
    .c-socials li {
        display: inline-block;
        margin-right: .8181818182rem
    }
    .c-list-tribe,
    .c-list-tribe .tribe__list__item {
        text-align: left
    }
    .c-banner {
        height: 74px
    }
    .c-banner small {
        font-size: .7272727273rem;
        display: block;
        color: #757575;
        font-family: "NeuzeitGro";
        line-height: 100px;
        text-align: center
    }
    .c-nav-main-toggle {
        top: 17px;
        right: 60px
    }
    .u-contain-padding {
        padding-right: 30px;
        padding-left: 30px
    }
    .uf-1of1-md {
        width: 100%
    }
    .u-1of2--md {
        width: 50%
    }
    .u-1of3--md {
        width: 33.3333333333%
    }
    .u-2of3--md {
        width: 66.6666666667%
    }
    .u-1of4--md {
        width: 25%
    }
    .u-3of4--md {
        width: 75%
    }
    .u-1of12--md {
        width: 8.3333333333%
    }
    .o-panorama__content {
        padding-right: 60px;
        padding-left: 60px;
        
    }
    .o-panorama__content p {
        font-size: 1.3636363636rem;
        line-height: 1.1666666667
    }
    .c-panorama--transparent .o-panorama__content::after,
    .c-panorama--transparent .o-panorama__content::before {
        right: 30px
    }
    .c-panorama--transparent .o-panorama__content::before {
        width: calc(100% - 60px)
    }
    .a-inview .c-panorama--transparent .o-panorama__content::before,
    .a-inview.c-panorama--transparent .o-panorama__content::before,
    .c-panorama--transparent .o-panorama__content::after {
        top: 74px
    }
    .c-case__footer {
        padding-right: 0;
        padding-left: 0
    }
    .c-case__pullviewport {
        margin-right: -30px;
        margin-left: -30px;
        padding-right: 30px;
        padding-left: 30px
    }
    .c-case-intro {
        padding-top: 4.090909091rem;
        padding-bottom: 2.4545454546rem
    }
    .c-case__footer p {
        text-align: left
    }
    .c-case__footer img {
        bottom: auto;
        left: auto;
        display: block;
        position: relative;
        margin: 0 auto
    }
    .c-rodesk-info {
        margin-bottom: 1.2272727273rem
    }
    .c-rodesk-info::before {
        left: 30px
    }
    .c-form-wrapper.is-focused::before {
        width: 80%
    }
}

@media (min-width:48em) and (min-width:64em) {
    .o-panorama__content p {
        font-size: 1.3636363636rem;
        line-height: 1.3333333333
    }
}

@media (min-width:64em) {
    html {
        font-size: 137.5%
    }
    .c-list,
    .c-logobar {
        padding-right: 90px;
        padding-left: 90px
    }
    .c-list .o-grid * {
        color: #969696
    }
    .c-list .o-grid h2,
    .c-list .o-grid span {
        display: inline-block;
        float: left
    }
    .c-list .o-grid h2 {
        width: 57.1428571429%
    }
    .c-list .o-grid span {
        width: 42.8571428571%
    }
    .c-list .o-grid a {
        padding-right: 0;
        text-align: left
    }
    .c-list .o-grid a::after {
        right: 20px;
        bottom: .4090909091rem
    }
    .c-manifesto span {
        font-size: 1.5rem;
        line-height: 1.2727272727
    }
    .o-avatar {
        width: 80px;
        height: 80px;
        border: 2px solid #fff;
        border-radius: 40px
    }
    .o-avatar--lg {
        width: 140px;
        height: 140px;
        border-radius: 70px
    }
    .c-panorama--article .o-panorama__content .o-avatar.o-avatar--ux {
        background-position: -6px -4px
    }
    .c-review {
        padding-top: 5.3181818183rem;
        padding-bottom: 1.6363636364rem
    }
    .c-review .c-btn {
        margin-bottom: 3.6818181819rem
    }
    .c-review__content {
        padding-top: 3.2727272728rem;
        padding-bottom: 4.090909091rem;
        padding-right: 90px;
        padding-left: 90px
    }
    .c-review__content p {
        font-size: 1.3636363636rem;
        line-height: 1.3333333333;
        padding-left: 10px;
        text-align: left
    }
    .c-review__content p::before {
        margin-top: 0;
        margin-bottom: 1.2272727273rem;
        margin-left: 0
    }
    .c-review--case .c-review__content p,
    .c-review__content .c-author {
        text-align: left
    }
    .c-review__content .c-author .o-flag__body,
    .c-review__content .c-author .o-flag__image {
        display: table-cell
    }
    .c-review__content .c-author .o-flag__image {
        width: 1px;
        padding-right: .8181818182rem;
        text-align: left
    }
    .c-review__content .o-avatar {
        top: auto;
        left: auto;
        position: relative;
        margin-left: 0
    }
    .c-review--case .c-review__content .c-author .o-avatar {
        display: inline-block;
        top: 0;
        left: 0;
        margin: 0
    }
    .c-review--case .c-review__content .c-author .o-avatar--lg {
        width: 140px;
        height: 140px;
        border-radius: 70px
    }
    body::after {
        content: '"large"'
    }
    .u-space-3col .o-grid-cell:not(:first-child):nth-child(3),
    .u-space-4col .o-grid-cell:not(:first-child):nth-child(3),
    .u-space-4col .o-grid-cell:not(:first-child):nth-child(4) {
        margin-top: 0
    }
    .o-card__heading {
        font-size: 1.6363636364rem;
        line-height: 1
    }
    .c-card--horizontal::after {
        width: 0%;
        height: 100%
    }
    .c-card--horizontal .o-card__content {
        padding: 5.3181818183rem 4.090909091rem 2.4545454546rem
    }
    .c-card--horizontal .o-card__content .o-card__heading {
        margin-bottom: 6.5454545456rem;
        padding-bottom: 10%
    }
    .c-card--horizontal .o-card__content .c-subtitle--bottom {
        position: absolute;
        left: 50%;
        width: 50%;
        padding-bottom: 2.4545454546rem
    }
    .c-card--vertical .o-card__heading {
        padding-bottom: 14.7272727276rem
    }
    .c-card--image-centered .o-card__image {
        top: 50%;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .c-card--image-centered .o-card__image img {
        width: 100%;
        height: 100%
    }
    .copy>dl dd,
    .copy>dl dt,
    .copy>h2,
    .copy>h3,
    .copy>ol li,
    .copy>p,
    .copy>table,
    .copy>time,
    .copy>ul li,
    .o-figure-image--md {
        max-width: 50%
    }
    .copy h2,
    .copy h3 {
        font-size: 1.0909090909rem;
        line-height: 1
    }
    .copy .c-blockquote,
    .copy .o-pullquote {
        max-width: 66.6666666667%;
        margin-right: auto;
        margin-left: auto
    }
    .c-form {
        max-width: 83.3333333333%
    }
    .u-alpha-heading {
        font-size: 2rem;
        line-height: 1.2727272727
    }
    .u-beta-heading {
        font-size: 1.6363636364rem;
        line-height: 1
    }
    .c-intro p,
    .u-delta-heading,
    .u-gamma-heading {
        font-size: 1.3636363636rem;
        line-height: 1.3333333333
    }
    .u-delta-heading {
        font-size: 1.875rem
    }
    .c-introduction__content h2,
    .u-epsilon-heading,
    .u-zeta-heading {
        font-size: 1.0909090909rem;
        line-height: 1
    }
    .c-intro {
        padding: 4.5000000001rem 90px 3.6818181819rem
    }
    .c-intro p {
        line-height: 1.1666666667
    }
    .c-intro__heading,
    .c-introduction__title span {
        font-size: 4.5454545455rem;
        line-height: .82
    }
    .c-intro__heading--sm {
        font-size: 2.4545454545rem;
        line-height: 1
    }
    .c-intro--journal {
        padding-top: 4.9090909092rem;
        padding-bottom: 3.2727272728rem
    }
    .c-intro--journal p {
        font-size: 2rem;
        line-height: 1.2727272727
    }
    .c-introduction {
        margin-top: -6rem;
        padding: 0 30px
    }
    .c-introduction__title {
        margin-top: 2.8636363637rem
    }

    .c-introduction__title--people::after {
        background-position: -664px 8px
    }
    .c-case__logo h3,
    .c-nav-main__link {
        font-size: 1.0909090909rem;
        line-height: 1
    }
    .c-nav-main__link--tel {
        font-size: .7272727273rem;
        line-height: 1.25
    }
    .c-blockquote p,
    .o-pullquote p {
        font-size: 2.4545454545rem;
        line-height: 1
    }
    .c-blockquote--manifesto {
        padding-top: 0
    }
    .c-share {
        font-size: 1.0909090909rem;
        line-height: 1;
        max-width: 83.3333333333%;
        margin-right: auto;
        margin-left: auto
    }
    .c-socials {
        position: relative;
        bottom: 0;
        width: 100%;
        margin-top: 8.181818182rem;
        float: right;
        text-align: center
    }
    .c-socials--people {
        position: absolute;
        right: 30px;
        bottom: 150px;
        width: calc(50% - 30px)
    }
    .c-list-tribe {
        max-width: 83.3333333333%
    }
    .c-video__play {
        width: 110px;
        height: 110px;
        margin-top: -55px;
        margin-right: -55px;
        background-position: -288px -288px
    }
    .c-writer {
        padding-top: 2.8636363637rem;
        padding-bottom: 2.8636363637rem;
        margin-top: 0
    }
    .c-writer .o-avatar {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -70px;
        margin-left: -350px
    }
    .c-content-info {
        padding-top: 4.5000000001rem;
        padding-bottom: 4.5000000001rem
    }
    .c-content-info footer::after {
        top: 50%;
        left: 50%;
        margin-top: -85px
    }
    .c-content-info * {
        text-align: left
    }

    .c-content-info p:first-child {
        margin-top: 0
    }
    .c-content-info span::after {
        display: block
    }
    .o-grid--with-gutter-big-lg {
        margin-right: -40px;
        margin-left: -40px
    }
    .o-grid--with-gutter-big-lg>.o-grid-cell {
        padding-right: 40px;
        padding-left: 40px
    }
    .u-1of1--lg {
        width: 100%
    }
    .u-1of2--lg {
        width: 50%
    }
    .u-1of3--lg {
        width: 33.3333333333%
    }
    .u-1of5--lg {
        width: 20%
    }
    .u-2of3--lg {
        width: 66.6666666667%
    }
    .u-1of4--lg {
        width: 25%
    }
    .u-3of4--lg {
        width: 75%
    }
    .u-1of6--lg {
        width: 16.6666666667%
    }
    .u-10of12--lg {
        width: 83.3333333333%
    }
    .u-1of12--lg {
        width: 8.3333333333%
    }
    .u-4of10--lg {
        width: 40%
    }
    .u-6of10--lg {
        width: 60%
    }
    .o-panorama__content {
        padding-right: 90px;
        padding-left: 90px;
        padding-top: 63vh;
    }
    .o-panorama__heading {
        font-size: 4.5454545455rem;
        line-height: .82
    }
    .o-panorama__heading--sm {
        font-size: 2.4545454545rem;
        line-height: 1
    }
    .o-panorama__content--wd {
        padding-top: 16.363636364rem;
        padding-bottom: 9.8181818184rem
    }
    .c-panorama--transparent .o-panorama__content::before {
        width: calc(50% - 30px)
    }
    .c-panorama--rodesk::after {
        width: 208px;
        height: 222px;
        background-position: 0 -384px
    }
    .c-panorama--article .o-panorama__heading {
        margin-top: 0;
        margin-bottom: 2.4545454546rem
    }
    .c-panorama--article .c-arrow {
        margin-left: -20px;
        opacity: 0
    }
    .c-panorama--article .c-author {
        position: absolute;
        right: 0;
        padding-top: .8181818182rem;
        padding-right: 7.3636363638rem;
        text-align: right
    }
    .c-panorama--article .o-avatar {
        position: absolute;
        top: 0;
        right: 60px
    }
    .c-panorama__bar {
        max-width: 83.3333333333%;
        margin-right: auto;
        margin-left: auto
    }
    .c-panorama--contact .o-panorama__heading--sm {
        font-size: 1.6363636364rem;
        line-height: 1
    }
    .c-panorama__bar__heading {
        font-size: 2.4545454545rem;
        line-height: 1
    }
    .c-case-intro {
        padding-top: 4.090909091rem;
        padding-bottom: 0
    }
    .c-case-intro p {
        font-size: 2rem;
        line-height: 1.2727272727;
        padding-right: 30px
    }
    .c-case-intro .o-figure-image img {
        margin: -3.2727272728rem auto 0;
        float: right
    }
    .c-case-intro .o-figure-image figcaption {
        position: absolute;
        bottom: 4.090909091rem;
        left: 0
    }
    .c-case-intro .o-figure-image figcaption p {
        display: block;
        text-align: left
    }
    .c-case__logo {
        padding-top: 4.090909091rem;
        padding-bottom: 4.090909091rem
    }
    .c-case__footer p {
        font-size: 1.3636363636rem;
        line-height: 1.3333333333
    }
    .a-inview .c-card--horizontal::after {
        width: 50%
    }
    .c-card--horizontal .o-card__content::after {
        right: 52%;
        bottom: 2.4545454546rem;
        left: auto
    }
    .c-card--horizontal:hover .o-card__content::after {
        right: calc(48% - 5px);
        left: auto
    }
}

@media (min-width:64em) and (min-width:64em) {
    .c-intro p {
        font-size: 1rem;
        line-height: 1.3333333333
    }
}

@media (min-width:80em) {
    html {
        font-size: 137.5%
    }
    body::after {
        content: '"wide"'
    }
    .c-card--horizontal .o-card__content {
        padding-left: 5.7272727274rem
    }
    .c-intro {
        padding-right: 120px;
        padding-left: 120px
    }
    .c-introduction__content,
    .c-introduction__title {
        padding-right: 90px;
        padding-left: 90px
    }
    .c-introduction__content {
        min-height: 400px
    }
    .c-page-wrapper.is-open-menu {
        -webkit-transform: translateX(-600px);
        -ms-transform: translateX(-600px);
        -o-transform: translateX(-600px);
        transform: translateX(-600px)
    }
    .c-nav-main {
        width: 600px
    }
    .c-nav-main__item {
        margin-bottom: .8181818182rem
    }
    .c-nav-main__item--logo {
        margin-top: 1.6363636364rem
    }
    .c-case-intro__content {
        padding: 0
    }
}

@media (min-width:90em) {
    html {
        font-size: 137.5%
    }
    body::after {
        content: '"huge"'
    }
    .c-card--vertical .o-card__heading {
        padding-bottom: 19.6363636368rem
    }
    .u-10of12--hg {
        width: 83.3333333333%
    }
    .c-card--horizontal:hover .o-card__content::after {
        right: calc(48% - 2px)
    }
}

@media (min-width:97.5em) {
    html {
        font-size: 137.5%
    }
}

@media (min-width:1160px) {
    .c-riviera-info::before {
        left: 50%;
        width: 1024px;
        margin-left: -512px
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@-o-keyframes flip {
    0% {
        transform: rotateY(0deg)
    }
    to {
        transform: rotateY(360deg)
    }
}

@keyframes flip {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@-webkit-keyframes flip-reverse {
    0% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
}

@-o-keyframes flip-reverse {
    0% {
        transform: rotateY(360deg)
    }
    to {
        transform: rotateY(0deg)
    }
}

@keyframes flip-reverse {
    0% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
}