.block--what-drives-us .block__cta__title {
    font-family: "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

.hero__title,
.block--thank-you .close {
    font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

.face--reg {
    font-family: "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

.face--cond,
.block--what-drives-us .block__title {
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

.face--semi,
.block__title,
.block--what-we-do .media__copy h3,
.job__description .job__writeup h2 {
    font-family: "Fueled Sans Semi", "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

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

html,
body {
    min-height: 100%;
    width: 100%
}

html {
    background: #161616;
    font-size: 125%;
    overflow-y: scroll
}

html,
button,
input,
select,
textarea {
    color: #f5f5f1;
    font-family: "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lte8 {
    font-family: "nudista-web-n4", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}

.lte8 button,
.lte8 input,
.lte8 select,
.lte8 textarea {
    font-family: "nudista-web-n4", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif
}



body.loading-in-progress {
    overflow: hidden
}

@media only screen and (max-width: 47.9375em) {
    body:before,
    body:after {
        display: none
    }
}

#page:before,
#page:after {
    background: #161616;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 10px;
    z-index: 8
}

#page:after {
    left: auto;
    right: 0
}

@media only screen and (max-width: 47.9375em) {
    #page:before,
    #page:after {
        display: none
    }
}

@media only screen and (max-width: 64em) {
    html {
        font-size: 100%
    }
}

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

body>footer>img {
    height: 1px;
    left: -9999em;
    overflow: hidden;
    position: absolute;
    top: -9999em;
    width: 1px
}

.center {
    text-align: center
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}

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

.visuallyhidden,
.site-header:before{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.focusable.site-header:active:before,
.visuallyhidden.focusable:focus,
.focusable.site-header:focus:before{
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.group {
    margin: 0 auto;
    max-width: 60em;
    width: 93.75%
}

.wrap {
    *zoom: 1;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 40px
}

.wrap:before,
.wrap:after {
    content: " ";
    display: table
}

.wrap:after {
    clear: both
}

.jobs .wrap,
.loading-between-jobs .wrap {
    max-width: 1260px;
    padding: 0 30px
}

@media only screen and (max-width: 64em) {
    .wrap {
        padding: 0 20px
    }
}

.table {
    display: table;
    width: 100%
}

.tr {
    display: table-row
}

.td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.full-height {
    min-height: 100vh
}

@media only screen and (max-device-width: 375px) and (max-device-height: 667px) {
    .full-height {
        min-height: 595px
    }
}

@media only screen and (max-device-width: 320px) and (max-device-height: 568px) {
    .full-height {
        min-height: 496px
    }
}

@media only screen and (max-device-width: 320px) and (max-device-height: 480px) {
    .full-height {
        min-height: 408px
    }
}

.center-v {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.centered-v {
    width: 100%
}

.no-flexbox .center-v {
    display: block;
    height: 100vh
}

.no-flexbox .centered-v {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}


.required--error,
.field--error,
.form--contact .required--error,
.form--contact .field--error {
    border-color: #ae0000
}

.form__field--checkbox {
    cursor: pointer;
    display: inherit;
    overflow: hidden;
    position: relative
}

.form__field--checkbox.visually-hidden {
    opacity: 0
}

.form__field--checkbox:focus {
    border: none;
    outline: none
}

.form__field--checkbox:checked+.form__field--checkbox__label:after {
    opacity: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.form__field--checkbox__label {
    cursor: pointer;
    display: block;
    position: relative;
    padding: 0.25rem 0 0.35rem 2.1rem;
    outline: none;
    border: none
}

.form__field--checkbox__label:before,
.form__field--checkbox__label:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute
}

.form__field--checkbox__label:before {
    border: 0.175rem solid #d8d8d6;
    height: 1.2rem;
    left: 0.2rem;
    top: calc(50% - 0.6rem);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 1.2rem
}

.form__field--checkbox__label:after {
    background: #ae0000;
    height: 0.5rem;
    left: 0.55rem;
    opacity: 0;
    top: calc(50% - 0.25rem);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.25s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: all 0.25s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    width: 0.5rem
}

@media only screen and (max-width: 64em) {
    .form__field--checkbox__label:before {
        left: 0.1875rem
    }
    .form__field--checkbox__label:after {
        height: 0.4375rem;
        left: 0.5625rem;
        width: 0.4375rem
    }
}

@-moz-document url-prefix() {
    .form--contact input[type="checkbox"] {
        -moz-appearance: checkbox;
        visibility: hidden;
        opacity: 0
    }
}

input[type="submit"],
button {
    -webkit-transition: all 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

input[type="submit"]:active,
input[type="submit"]:focus,
button:active,
button:focus {
    outline: none
}

.form__field-wrap {
    margin-bottom: .75em
}

.form__field-wrap--submit {
    text-align: right
}

.form__error {
    background: #ae0000;
    border: 4px solid #ae0000;
    bottom: 0;
    color: #f5f5f1;
    left: 1em;
    padding: .4em 0em .5em;
    position: absolute;
    text-align: center;
    width: 1.11111111em
}

.form__error+.form__field {
    border-color: #ae0000
}

::-moz-selection {
    background: #1abc9c;
    color: #f5f5f1;
    text-shadow: none
}

.block--red ::-moz-selection {
    background: #f5f5f1;
    color: #ae0000;
    text-shadow: none
}

::-moz-selection {
    background: #1abc9c;
    color: #f5f5f1;
    text-shadow: none
}

::selection {
    background: #1abc9c;
    color: #f5f5f1;
    text-shadow: none
}

.block--red ::-moz-selection {
    background: #f5f5f1;
    color: #ae0000;
    text-shadow: none
}

.block--red ::selection {
    background: #f5f5f1;
    color: #ae0000;
    text-shadow: none
}

.pico {
    font-size: 13px;
    font-size: 0.65rem
}

.size--nano {
    font-size: 15px;
    font-size: 0.75rem
}

.micro {
    font-size: 21px;
    font-size: 1.05rem
}

.milli {
    font-size: 23px;
    font-size: 1.15rem
}

.kilo {
    font-size: 25px;
    font-size: 1.25rem
}

.mega {
    font-size: 30px;
    font-size: 1.5rem
}

@media only screen and (max-width: 64em) {
    .pico {
        font-size: 13px;
        font-size: 0.8125rem
    }
    .size--nano {
        font-size: 14px;
        font-size: 0.875rem
    }
}

@media only screen and (max-width: 50em) {
    .pico {
        font-size: 12px;
        font-size: 0.75rem
    }
    .mega {
        font-size: 24px;
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 37.5em) {
    .mega {
        font-size: 20px;
        font-size: 1.25rem
    }
}

ul,
ol {
    list-style: circle outside none;
    margin: 1em 0;
    padding: 0 0 0 1.5em
}

ul>li>ul,
ol>li>ul {
    list-style: disc outside none;
    margin: 0
}

ul>li>ol,
ol>li>ol {
    list-style: lower-greek outside none;
    margin: 0
}

ol {
    list-style: lower-roman outside none
}

.list--inline {
    list-style: none;
    margin: 0;
    padding: 0
}

.list--inline li {
    display: inline-block
}

.list--inline--dot li+li:before {
    content: "• "
}

.list--inline--pipe li+li:before {
    content: "| "
}

.list--inline--slash li+li:before {
    content: "/ "
}

.list--basic {
    list-style: none;
    padding: 0
}

.list--basic ul {
    padding-left: .5em
}

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

.responsive-img>div {
    position: relative
}

.responsive-img img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.responsive-video {
    padding-top: 56.25%;
    position: relative;
    -webkit-transition: padding 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: padding 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.responsive-video>div {
    position: relative
}

.responsive-video iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.responsive-video.video-hide {
    padding-top: 0%
}

.page__background:after,
.with-dot-overlay:after,
.content--hero:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAExpcU/aXC8AAAACdFJOU00AM0T8cAAAAA5JREFUCNdjSGB4wPAAAAVmAiHaOmK0AAAAAElFTkSuQmCC")
}

.faux-img__home,
.faux-img--ipad .faux-img__shadow:before,
.faux-img--iphone .faux-img__shadow,
.faux-img--browser .faux-img__background:before,
.faux-img--browser .faux-img__button:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAExpcU/aXC8AAAACdFJOU4AATRBVcwAAAA5JREFUCNdjOMCwgCEBAAYGAcGwb1cKAAAAAElFTkSuQmCC")
}

.page__background {
    background: #161616;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.page__background embed {
    display: none !important
}

.page__background:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page-type--contact .page__background:after {
    display: none
}

.with-dot-overlay {
    position: relative
}

.with-dot-overlay:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page__background__image {
    max-width: none;
    position: absolute;
    z-index: 1
}

.page__background__video {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: 2
}

.page__background__video.video--active {
    opacity: 1;
    -webkit-transition: opacity 2s ease;
    transition: opacity 2s ease;
    z-index: 2
}

.loading-in-progress .main-wrap .page__background,
.loading-in-progress .main-wrap--core-team .page__background,
.loading-in-progress .main-wrap--simple .page__background,
.loading-in-progress .main-wrap--inner-page .page__background {
    position: absolute
}

@media only screen and (max-width: 47.9375em) {
    .page__background {
        top: 56px
    }
    .page__background--home {
        top: 0
    }
}

.touch .page__background__video {
    visibility: hidden
}

.callout {
    padding-bottom: 2.5em
}

.callout .media {
    display: inline-block;
    padding: 0 2%;
    vertical-align: top;
    width: 30%
}

@media only screen and (max-width: 47.9375em) {
    .callout .media {
        padding: 2.5em 2% 0;
        width: 50%
    }
}

@media only screen and (max-width: 30em) {
    .callout .media {
        width: 100%
    }
}

.callout img {
    display: block;
    margin: 0 auto 2.5em;
    position: relative;
    top: 0;
    -webkit-transition: top 0.3s ease;
    transition: top 0.3s ease
}

.callout .btn {
    display: block;
    font-size: 16px;
    font-size: 0.8rem;
    padding-bottom: 1.7em;
    padding-top: 1.5em
}

@media only screen and (max-width: 64em) {
    .callout .btn {
        font-size: 13px;
        font-size: 0.8125rem
    }
}

@media only screen and (max-width: 50em) {
    .callout .btn {
        font-size: 12px;
        font-size: 0.75rem
    }
}

.callout .media:hover img {
    top: -16px
}

.callout .media:hover .btn {
    background: #ca3131;
    border-color: #972424;
    color: #f5f5f1
}

.callout .media:active img,
.callout .media:focus img {
    top: -8px
}

.callout .media:active .btn,
.callout .media:focus .btn {
    background: #525252;
    border-color: #3d3d3d;
    border-width: 2px 0 0;
    color: #f5f5f1
}

.block {
    padding: 12em 0;
    text-align: center
}

.block .wrap {
    max-width: 54.8em
}

@media only screen and (max-width: 50em) {
    .block {
        padding: 8em 0
    }
}

@media only screen and (max-width: 40em) {
    .block {
        padding: 4em 0
    }
}

.block--white {
    background: #f5f5f1;
    color: #161616
}

.block--white a {
    border-bottom: 2px solid #ae0000;
    color: #161616
}

.block--white a:hover {
    border-color: #ae0000;
    color: #ae0000
}

.block--white a:active,
.block--white a:focus {
    border-color: #161616;
    color: #161616
}

.block--black {
    background: #161616;
    color: #f5f5f1
}

.block--red {
    background: #ae0000;
    color: #f5f5f1
}

.block--red a {
    border-bottom: 1px solid #f5f5f1;
    color: #f5f5f1;
    font-weight: 600
}

.block--red a:hover {
    border-color: #161616;
    color: #f5f5f1
}

.block--red a:active,
.block--red a:focus {
    border-color: #161616;
    color: #161616
}

.block--red .btn {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.block__title {
    display: inline-block;
    font-size: 75px;
    font-size: 3.75rem;
    font-weight: normal;
    letter-spacing: -0.04em;
    margin: 0 auto .5em;
    padding-right: 3px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.block__title:before {
    background-size: 4px 4px;
    content: attr(data-copy);
    left: 3px;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 3px;
    -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUxpcRYWFmq7flkAAAABdFJOUwBA5thmAAAADklEQVQI12NQYHBgaAAAAeYA4cS4FhAAAAAASUVORK5CYII=")
}

@-moz-document url-prefix() {
    .block__title:before {
        opacity: .2
    }
}

.ie .block__title:before {
    opacity: .2
}

.block__copy {
    font-size: 42px;
    font-size: 2.1rem;
    line-height: 1.33;
    font-weight: 300;
    max-width: 22em;
    margin: 1em auto 0
}

@media only screen and (max-width: 50em) {
    .block__title {
        font-size: 48px;
        font-size: 3rem
    }
    .block__copy {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 30em) {
    .block__title {
        font-size: 36px;
        font-size: 2.25rem
    }
    .block__copy {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.hero {
    background: #161616 center no-repeat;
    background-size: cover;
    border-bottom: #ae0000 5px solid;
    padding: 1em 1em;
    position: relative;
    color: #f5f5f1
}

.hero:before {
    background: url("../images/bg/hero-dot-3@2x.png") center;
    background-size: 3px 3px;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.no-backgroundsize .hero:before {
    background-image: url("../images/bg/hero-dot-3.png")
}

.hero .wrap {
    height: 22.5em
}

@media only screen and (max-width: 70em) {
    .hero .wrap {
        height: 20em
    }
}

@media only screen and (max-width: 47.9375em) {
    .hero .wrap {
        height: auto;
        padding: 2.5em 1em
    }
}

.hero__title {
    font-size: 160px;
    font-size: 8rem;
    position: relative;
    text-shadow: black 3px 3px 0, #ae0000 5px 5px 0;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 47.9375em) {
    .hero__title {
        text-shadow: black 2px 2px 0, #ae0000 4px 4px 0;
        font-size: 100px;
        font-size: 5rem;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0
    }
}

.lte9 .hero__title:before,
.lte9 .hero__title:after {
    content: attr(data-title);
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.lte9 .hero__title:before {
    left: 3px;
    top: 3px;
    color: black;
    z-index: 1
}

@media only screen and (max-width: 47.9375em) {
    .lte9 .hero__title:before {
        left: 2px;
        top: 2px
    }
}

.lte9 .hero__title:after {
    left: 5px;
    top: 5px;
    color: #ae0000
}

@media only screen and (max-width: 47.9375em) {
    .lte9 .hero__title:after {
        left: 4px;
        top: 4px
    }
}

.lte9 .hero__title span {
    z-index: 2
}

.hero__title--flourish--line span {
    position: relative;
    display: inline-block;
    padding: 0 0.075em 0 0.0625em
}

.hero__title--flourish--line span:before,
.hero__title--flourish--line span:after {
    content: '';
    display: block;
    width: 0.5em;
    height: 0.0125em;
    background: #f5f5f1;
    position: absolute;
    top: 50%;
    margin-top: -0.0625em
}

@media only screen and (max-width: 47.9375em) {
    .hero__title--flourish--line span:before,
    .hero__title--flourish--line span:after {
        display: none
    }
}

.hero__title--flourish--line span:before {
    left: -0.5em
}

.hero__title--flourish--line span:after {
    right: -0.5em
}

.home-project {
    overflow: hidden;
    position: relative
}

.home-project__inner {
    padding: 50% 0 25%
}

@media only screen and (max-width: 61.25em) {
    .home-project__inner {
        padding: 6em 0
    }
}

.home-project__content {
    text-align: center
}

.nav--home-projects {
    position: fixed;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nav--home-projects a {
    background: none;
    border: 2px solid #f5f5f1;
    display: block;
    height: .5em;
    margin: 1em 0;
    opacity: .6;
    overflow: hidden;
    text-indent: 110%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
    white-space: nowrap;
    width: .5em
}

.nav--home-projects a:hover {
    opacity: 1
}

.nav--home-projects a:active,
.nav--home-projects a:focus,
.nav--home-projects a.js--active {
    background: #f5f5f1;
    opacity: 1
}

@media only screen and (max-width: 64em) {
    .touch .nav--home-projects {
        display: none
    }
}

.home-projects .block__title {
    display: inline-block
}

@media only screen and (max-width: 67.5em) {
    .home-projects .block__title {
        max-width: 75%
    }
}

.home-project__logo {
    display: inline-block;
    padding-right: 25.83333%;
    vertical-align: middle;
    width: 50%
}

.home-project__logo img {
    display: block;
    margin: 0 auto
}

.home-project__logo>svg {
    fill: white;
    display: block;
    margin: 0 auto;
    width: 100%
}

.home-project__logo>svg path {
    fill: inherit
}

.btn--home-project {
    background: rgba(245, 245, 241, 0.2);
    border-radius: 8px;
    display: block;
    margin-top: 4.4em;
    padding: 0
}

.btn--home-project:hover {
    background: rgba(245, 245, 241, 0.4)
}

.btn--home-project:active,
.btn--home-project:focus {
    background: rgba(22, 22, 22, 0.1)
}

@media only screen and (max-height: 68.75em) {
    .home-project__logo {
        padding-right: 18.33333%
    }
    .btn--home-project {
        margin-top: 2em
    }
}

@media only screen and (max-width: 80em) {
    .btn--home-project {
        margin-top: 2em
    }
}

@media only screen and (max-width: 67.5em) {
    .home-project__logo {
        padding-right: 9.75em
    }
}

.home-project__clip {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.home-project__clip+.wrap {
    position: relative
}

@media only screen and (max-width: 61.25em) {
    .home-project__clip {
        clip: auto;
        height: auto;
        position: relative;
        top: auto
    }
}

.touch .home-project__clip {
    clip: auto;
    height: auto;
    position: relative;
    top: auto
}

.home-project__phone {
    display: block;
    left: 50%;
    max-width: 620px;
    max-height: 866px;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    vertical-align: middle;
    width: 51.66667%
}

.home-project__phone .phone__responsive {
    margin: 0 auto;
    max-width: 75%;
    width: 18.85em
}

@media only screen and (min-width: 61.3125em) {
    .lte9 .home-project__clip {
        clip: auto
    }
    .lte9 .home-project__phone {
        position: absolute
    }
}

.phone__responsive__inner {
    padding-top: 208.75332%;
    position: relative
}

.phone__responsive__bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.responsive__bg__wrap {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.responsive__bg__wrap img {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.phone__reveal {
    height: 71.02922%;
    left: 8.48806%;
    position: absolute;
    top: 14.61245%;
    width: 83.81963%
}

.phone__reveal video {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.phone__reveal video::-webkit-media-controls {
    display: none !important
}

.phone__reveal__wrap {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

@media only screen and (max-width: 80em) {
    .home-project__phone {
        max-width: 400px
    }
    .home-project__phone .block__title {
        font-size: 50px;
        font-size: 2.5rem
    }
    .home-project__phone .phone__responsive {
        width: 15em
    }
}

@media only screen and (max-height: 68.75em) {
    .home-project__phone {
        max-width: 400px
    }
    .home-project__phone .block__title {
        font-size: 56px;
        font-size: 2.8rem
    }
    .home-project__phone .phone__responsive {
        width: 18.75em
    }
}

@media only screen and (max-height: 64.0625em) {
    .home-project__phone {
        padding-top: 1.5em
    }
    .home-project__phone .phone__responsive {
        width: 17.5em
    }
}

@media only screen and (max-height: 59.375em) {
    .home-project__phone .block__title {
        font-size: 52px;
        font-size: 2.6rem
    }
    .home-project__phone .phone__responsive {
        width: 15em
    }
}

@media only screen and (max-height: 53.75em) {
    .home-project__phone .block__title {
        font-size: 36px;
        font-size: 1.8rem
    }
    .home-project__phone .phone__responsive {
        width: 13.75em
    }
}

@media only screen and (max-height: 46.875em) {
    .home-project__phone {
        padding-top: 50px
    }
    .home-project__phone .block__title {
        font-size: 36px;
        font-size: 1.8rem
    }
    .home-project__phone .phone__responsive {
        width: 11.5em
    }
}

@media only screen and (max-height: 40.625em) {
    .home-project__phone {
        top: 0;
        -webkit-transform: translate(-50%, 10%);
        -ms-transform: translate(-50%, 10%);
        transform: translate(-50%, 10%)
    }
}

@media only screen and (max-width: 61.25em) {
    .home-project__phone {
        margin: 0 auto 3.5em;
        width: 100%;
        max-width: none
    }
    .home-project__phone .phone__responsive {
        width: 15em
    }
}

@media only screen and (max-width: 31.25em) {
    .home-project__phone .phone__responsive {
        width: 12.5em
    }
}

.home-project__desc {
    display: inline-block;
    padding-left: 25.83333%;
    text-align: left;
    text-shadow: 0px 1px 2px rgba(22, 22, 22, 0.2);
    vertical-align: middle;
    width: 50%
}

.home-project__desc .btn--home-project--small {
    display: none
}

.home-project__desc h3 {
    font-size: 31px;
    font-size: 1.55rem;
    font-weight: bold;
    line-height: 1.2777777778;
    margin: 0 0 1em;
    text-transform: uppercase
}

.home-project__desc p {
    line-height: 1.6;
    margin: 1em 0 0
}

@media only screen and (max-height: 68.75em) {
    .home-project__desc {
        padding-left: 11em
    }
}

@media only screen and (max-height: 53.125em) {
    .home-project__desc h3 {
        font-size: 24px;
        font-size: 1.2rem
    }
    .home-project__desc p {
        font-size: 18px;
        font-size: 0.9rem
    }
}

@media only screen and (max-width: 80em) {
    .home-project__desc {
        padding-left: 11em
    }
    .home-project__desc h3 {
        font-size: 26px;
        font-size: 1.3rem
    }
}

@media only screen and (max-width: 67.5em) {
    .home-project__desc {
        padding-left: 9.75em;
        padding-right: 2em
    }
}

@media only screen and (max-width: 61.25em) {
    .home-project,
    .home-projects {
        height: auto;
        min-height: 0
    }
    .home-project .centered-v {
        padding: 8em 0
    }
    .full-height--3 .full-height {
        height: 100%;
        min-height: 100%
    }
    .home-projects .block__title {
        display: none
    }
    .home-project__logo {
        margin-right: 0;
        padding: 0 1.5em 0 0;
        width: 40%
    }
    .home-project__logo>svg {
        max-height: 7em;
        max-width: 13em;
        width: 100%
    }
    .home-project__phone {
        left: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .home-project__phone .responsive__bg__wrap {
        height: 100% !important
    }
    .phone__reveal__wrap {
        height: 100% !important
    }
    .home-project__desc {
        margin-left: 0;
        padding: 0 1.5em;
        width: 45%
    }
    .home-project__desc p {
        line-height: 1.4;
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 46.25em) {
    .home-project .centered-v {
        padding: 4em 0
    }
    .home-project__logo,
    .home-project__phone,
    .home-project__desc {
        display: block;
        width: 100%
    }
    .home-project__content {
        padding: 0 1.5em
    }
    .home-project__logo,
    .home-project__desc {
        margin: 0 auto;
        padding: 0
    }
    .btn--home-project img {
        max-width: 290px;
        width: 100%
    }
    .home-project__logo {
        margin-bottom: 2em;
        text-align: center
    }
    .home-project__logo>svg {
        display: block;
        margin: 0 auto;
        max-width: 50%;
        max-height: 8em
    }
    .home-project__logo .btn--home-project {
        display: none
    }
    .home-project__desc {
        text-align: center
    }
    .home-project__desc .btn--home-project--small {
        display: inline-block;
        margin: 0 auto 3.5em
    }
    .home-project__desc h3 {
        margin-bottom: .5em
    }
    .home-project__desc {
        margin-top: 2em
    }
    .phone__reveal video {
        height: 100%
    }
}

.touch .home-project__inner {
    padding: 6em 0
}

.touch .home-project,
.touch .home-projects {
    height: auto;
    min-height: 0
}

.touch .home-project .centered-v {
    padding: 8em 0
}

.touch .full-height--3 .full-height {
    height: 100%;
    min-height: 100%
}

.touch .home-projects .block__title {
    display: none
}

.touch .home-project__logo {
    margin-right: 0;
    padding: 0 1em 0 0;
    width: 40%
}

.touch .home-project__logo>svg {
    max-height: 5em
}

.touch .home-project__phone {
    left: auto;
    margin: 0 auto 2em;
    position: relative;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.touch .home-project__phone .responsive__bg__wrap {
    height: 100% !important
}

.touch .phone__reveal__wrap {
    height: 100% !important
}

.touch .home-project__desc {
    margin-left: 0;
    padding: 0 1em;
    width: 60%
}

@media only screen and (max-width: 46.25em) {
    .touch .home-project .centered-v {
        padding: 4em 0
    }
    .touch .home-project__logo,
    .touch .home-project__phone,
    .touch .home-project__desc {
        display: block;
        margin: 0 auto;
        width: 100%
    }
    .touch .home-project__logo {
        margin: 2em 0;
        padding-right: 0;
        text-align: center
    }
    .touch .home-project__logo>svg {
        display: block;
        margin: 0 auto;
        max-width: 50%;
        max-height: 8em
    }
    .touch .home-project__logo .btn--home-project {
        display: none
    }
    .touch .home-project__desc {
        text-align: center
    }
    .touch .home-project__desc .btn--home-project--small {
        display: inline-block;
        margin: 0 auto 2em
    }
    .touch .home-project__desc {
        margin-top: 2em
    }
}

.home-project__inner--mysteryvibe {
    background: #39123f;
    background: -webkit-gradient(linear, left top, right bottom, from(#39123f), to(#011543));
    background: linear-gradient(to bottom right, #39123f, #011543)
}

.home-project__inner--afterlight {
    background: #343d45;
    background: -webkit-gradient(linear, left top, left bottom, from(#24292d), to(#343d45));
    background: linear-gradient(to bottom, #24292d 0%, #343d45 100%)
}

.home-project__inner--nimble {
    background: #fe6150;
    background: url(../images/home/project-bg--nimble.svg), -webkit-gradient(linear, left top, left bottom, from(#fe6150), color-stop(50%, #fe6150), to(#ea5140));
    background: url(../images/home/project-bg--nimble.svg), linear-gradient(to bottom, #fe6150 0%, #fe6150 50%, #ea5140 100%);
    background-size: cover, 100%
}

.home-project__inner--sunnycomb {
    background: #12235a;
    background: -webkit-gradient(linear, left top, left bottom, from(#12235a), color-stop(50%, #27a9d7), color-stop(80%, #47d7d8), to(#c4ebc3));
    background: linear-gradient(to bottom, #12235a 0%, #27a9d7 50%, #47d7d8 80%, #c4ebc3 100%)
}

.home-project__inner--athlete-minder {
    background: #202326;
    background: radial-gradient(60vw at -5% 70%, #ffa52c 0%, rgba(255, 165, 44, 0) 100%), radial-gradient(60vw at 105% 30%, #2cc5c5 0%, rgba(44, 197, 197, 0) 100%), radial-gradient(60vw at 70% 105%, #34c388 0%, rgba(52, 195, 136, 0) 100%), #202326
}

.home-project__inner--keyme {
    background: #ffa306
}

.home-project__inner--quizup {
    background: #fb424a;
    background: -webkit-gradient(linear, left top, left bottom, from(#fb424a), to(#fb3a43));
    background: linear-gradient(to bottom, #fb424a 0%, #fb3a43 100%)
}

.home-project__inner--verizon {
    background: #fb424a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#c0171d));
    background: linear-gradient(to bottom, #ed1c24 0%, #c0171d 100%)
}

.home-project__inner--warby-parker {
    background: #00A2E1
}

.faux-img,
.faux-img--ipad,
.faux-img--iphone,
.faux-img--browser {
    position: relative
}

.faux-img *,
.faux-img--ipad *,
.faux-img--iphone *,
.faux-img--browser * {
    position: absolute
}

.faux-img__inner {
    position: relative
}

.faux-img__home {
    border: 1px solid #f5f5f1;
    border-radius: 50%;
    opacity: .32;
    overflow: hidden;
    position: absolute
}

.faux-img__home:after {
    background: #f5f5f1;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.faux-img--ipad {
    width: 40.7em
}

.faux-img--ipad .faux-img__inner {
    padding-top: 69.65602%
}

.faux-img--ipad .faux-img__outline {
    border: 0.4em solid #cdcdca;
    border-radius: 2.4em;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

@media only screen and (max-width: 40em) {
    .faux-img--ipad .faux-img__outline {
        border-radius: 1em
    }
}

.faux-img--ipad .faux-img__screen {
    background: #f5f5f1;
    border: 0.15em solid #cdcdca;
    border-radius: 0.25em;
    content: "";
    height: 91.18166%;
    left: 8.72236%;
    overflow: hidden;
    position: absolute;
    top: 4.40917%;
    width: 83.41523%
}

.faux-img--ipad .faux-img__screen:before {
    background: #161616;
    content: "";
    height: 13.69863%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1
}

.faux-img--ipad .faux-img__screen:after {
    color: #f5f5f1;
    content: "Tablet Apps";
    font-weight: bold;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 4.89237%;
    width: 100%;
    z-index: 1
}

.faux-img--ipad .faux-img__list {
    height: 230.52838%;
    left: -13.52155%;
    position: absolute;
    top: 13.69863%;
    width: 33.13522%
}

.faux-img--ipad .faux-img__map {
    bottom: 0;
    height: 85.90998%;
    position: absolute;
    right: 0;
    width: 78.30609%
}

.faux-img--ipad .faux-img__shadow {
    background: #cdcdca;
    height: 86.30137%;
    left: 21.39673%;
    position: absolute;
    top: 13.69863%;
    width: 0.29718%
}

.faux-img--ipad .faux-img__shadow:before {
    content: "";
    height: 100%;
    left: -1200%;
    opacity: .32;
    position: absolute;
    top: 0;
    width: 1200%
}

.faux-img--ipad .faux-img__home {
    height: 8.89749%;
    left: 91.76904%;
    top: 49.51644%;
    width: 5.65111%
}

.faux-img--ipad .faux-img__home:after {
    bottom: 50%
}

.faux-img--iphone {
    width: 14.4em
}

.faux-img--iphone .faux-img__inner {
    padding-top: 184.02778%
}

.faux-img--iphone .faux-img__shadow {
    border-radius: 0 1.6em 0 0;
    content: "";
    height: 85.4717%;
    left: 6.25%;
    opacity: .32;
    top: 4.71698%;
    width: 93.75%
}

.faux-img--iphone .faux-img__outline {
    background: #f5f5f1;
    border: 0.4em solid #cdcdca;
    border-radius: 1.6em;
    height: 100%;
    left: 0;
    top: 0;
    width: 93.75%
}

.faux-img--iphone .faux-img__screen {
    background: #f5f5f1;
    border: 0.15em solid #cdcdca;
    border-radius: 0.25em;
    content: "";
    height: 77.54717%;
    left: 6.59722%;
    overflow: hidden;
    position: absolute;
    top: 8.67925%;
    width: 81.59722%
}

.faux-img--iphone .faux-img__modal,
.faux-img--iphone .faux-img__bg {
    height: 98.51852%;
    left: 1.31004%;
    position: absolute;
    top: 0.74074%;
    width: 97.37991%
}

.faux-img--iphone .faux-img__modal {
    -webkit-transition: all 0.75s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: all 0.75s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.faux-img--iphone .faux-img__home {
    height: 8.67925%;
    left: 39.23611%;
    top: 88.11321%;
    width: 15.97222%
}

.faux-img--iphone .faux-img__home:after {
    top: 50%
}

.faux-img--iphone.js--reveal-iphone .faux-img__modal {
    -webkit-transform: translateX(85%) scale(0.9);
    -ms-transform: translateX(85%) scale(0.9);
    transform: translateX(85%) scale(0.9)
}

.touch .faux-img--iphone .faux-img__modal {
    -webkit-transform: translateX(85%) scale(0.9);
    -ms-transform: translateX(85%) scale(0.9);
    transform: translateX(85%) scale(0.9)
}

.faux-img--browser {
    width: 56em
}

.faux-img--browser .faux-img__inner {
    padding-top: 55.53571%
}

.faux-img--browser .faux-img__background {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.faux-img--browser .faux-img__background:before {
    border-radius: 1.6em 1.6em 0 0;
    content: '';
    height: 100%;
    left: 0;
    opacity: .32;
    position: absolute;
    top: 0;
    width: 100%
}

.faux-img--browser .faux-img__background:after {
    background: #f5f5f1;
    border: 0.15em solid #cdcdca;
    border-bottom: 0;
    border-radius: 0.4em;
    content: '';
    height: 86.17363%;
    left: 7.85714%;
    position: absolute;
    top: 13.82637%;
    width: 83.57143%
}

.faux-img--browser .faux-img__outline {
    border: 0.15em solid #cdcdca;
    border-bottom: 0px;
    border-radius: 0.7em 0.7em 0 0;
    height: 82.63666%;
    left: 9.73214%;
    top: 17.36334%;
    width: 80.35714%
}

@media only screen and (max-width: 40em) {
    .faux-img--browser .faux-img__outline {
        border-radius: 0.25em 0.25em 0 0
    }
}

.faux-img--browser .faux-img__outline:after {
    background: #cdcdca;
    content: "";
    height: 0.58366%;
    left: 0;
    position: absolute;
    top: 6.80934%;
    width: 100%
}

.faux-img--browser .faux-img__screen {
    height: 76.04502%;
    left: 10%;
    overflow: hidden;
    position: absolute;
    top: 23.95498%;
    width: 79.82143%
}

.faux-img--browser .faux-img__bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.faux-img--browser .faux-img__graph {
    height: 41.22622%;
    left: 6.59955%;
    position: absolute;
    top: 25.79281%;
    width: 21.81208%
}

.faux-img--browser .faux-img__graph svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.faux-img--browser .faux-img__buttons {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.faux-img--browser .faux-img__button {
    border: 2px solid #cdcdca;
    border-radius: 50%;
    height: 3.05466%;
    overflow: hidden;
    top: 19.13183%;
    width: 1.69643%
}

.faux-img--browser .faux-img__button:before {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: .32;
    position: absolute;
    top: 0;
    width: 100%
}

.faux-img--browser .faux-img__button:after {
    background: #f5f5f1;
    border-radius: 50%;
    bottom: 35%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.faux-img--browser .faux-img__button:nth-child(1) {
    left: 11.07143%
}

.faux-img--browser .faux-img__button:nth-child(2) {
    left: 13.30357%
}

.faux-img--browser .faux-img__button:nth-child(3) {
    left: 15.44643%
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.site-header {
    background: #161616;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0;
    text-align: center;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    z-index: 10
}

.site-header:before {
    -webkit-animation: color 1s linear 0s infinite both;
    animation: color 1s linear 0s infinite both;
    content: "(animation test)";
    color: green
}

.site-header .wrap {
    max-width: none;
    padding: 0;
    position: relative
}

@media only screen and (max-width: 47.9375em) {
    .site-header .wrap {
        padding: 0 10px
    }
}

.site-header .site-header__inner {
    background: #fff;
    position: relative;
    z-index: 3
}

.site-header.hide-nav {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

@media only screen and (max-width: 47.9375em) {
    .site-header.hide-nav {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.site-header.js--animate {
    -webkit-transition: all 0.9s cubic-bezier(1, 0, 0, 1);
    transition: all 0.9s cubic-bezier(1, 0, 0, 1)
}

.site-header.js--no-animate {
    -webkit-transition: none;
    transition: none
}

.site-title {
    left: 0;
    margin: 0;
    opacity: 1;
    /*position: absolute;
    padding-left: 20px;*/
    top: 0;
    -webkit-transition: visibility 0s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: visibility 0s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    -webkit-transition-delay: 0ms, 0ms;
    transition-delay: 0ms, 0ms;
    visibility: visible
}

.site-title img {
    margin: 0px;
    height: 50px;
}

.site-title a {
    /*background: #161616;*/
    border: none;
    display: block;
    /*fill: #f5f5f1*/
}

/*.site-title a:hover {
    background: #1abc9c;
}*/

.site-title a:active,
.site-title a:focus {
    /*background: #525252*/
}

.site-title a .svg-emblem {
    display: block
}

.site-title a .svg-emblem path {
    fill: inherit
}

.site-title a svg {
    display: block
}

@media only screen and (max-width: 64em) {
    .site-title .site-title {
        left: 20px
    }
}

.main-navigation {
    margin: 0 66px
}

.main-navigation.js--hide-main-nav {
    margin-top: -56px;
    -webkit-transition: margin 0.5s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: margin 0.5s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.main-navigation ul {
    font-size: 0px;
    font-size: 0rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.main-navigation li {
    display: inline-block;
    font-size: 22px;
    font-size: 1.1rem
}

@media only screen and (max-width: 70em) {
    .main-navigation li {
        font-size: 20px;
        font-size: 1rem
    }
}

.main-navigation a {
    border: none;
    border-color: #161616;
    color: #f5f5f1;
    display: block;
    font-weight: 600;
    line-height: 53px;
    margin: 0;
    padding: 0 1em 3px;
    position: relative
}

.main-navigation a:hover {
    background: #ae0000;
    color: #f5f5f1
}

.main-navigation a:active,
.main-navigation a:focus {
    background: #525252;
    color: #f5f5f1
}

@media only screen and (max-width: 64em) {
    .main-navigation li {
        font-size: 16px;
        font-size: 1rem
    }
    .main-navigation a {
        padding: 0 .625em 3px
    }
}

.main-navigation .menu__item--external a {
    position: relative
}

.main-navigation .menu__item--external a .svg--external-link {
    fill: #ae0000;
    height: 10px;
    position: absolute;
    right: 3px;
    top: 3px;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 10px
}

.main-navigation .menu__item--external a .svg--external-link svg {
    display: block
}

.main-navigation .menu__item--external a .svg--external-link polygon {
    fill: inherit
}

.main-navigation .menu__item--external a:hover {
    background-color: #f5f5f1;
    color: #525252
}

.main-navigation .menu__item--external a:hover .svg--external-link {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.main-navigation .menu__item--external a:active,
.main-navigation .menu__item--external a:focus {
    background-color: #525252;
    color: #f5f5f1
}

.main-navigation .menu__item--external a:active .svg--external-link,
.main-navigation .menu__item--external a:focus .svg--external-link {
    fill: #f5f5f1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.no-csstransforms .main-navigation .menu__link--external .svg--external-link {
    display: none
}

.no-csstransforms .main-navigation .menu__link--external:hover,
.no-csstransforms .main-navigation .menu__link--external:active,
.no-csstransforms .main-navigation .menu__link--external:focus {
    display: block
}

#nav-toggle {
    display: none
}

.lte9 .menu--social .menu__item--connect ul .menu__item--facebook a {
    background-image: url(../images/icons/facebook.png)
}

.lte9 .menu--social .menu__item--connect ul .menu__item--twitter a {
    background-image: url(../images/icons/twitter.png)
}

.lte9 .menu--social .menu__item--connect ul .menu__item--pinterest a {
    background-image: url(../images/icons/pinterest.png)
}

.lte9 .menu--social .menu__item--connect ul .menu__item--instagram a {
    background-image: url(../images/icons/instagram.png)
}

.lte9 .menu--social .menu__item--connect ul .menu__item--dribbble a {
    background-image: url(../images/icons/dribbble.png)
}

.loading-to-home .site-title {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition-delay: 400ms, 0ms;
    transition-delay: 400ms, 0ms;
    visibility: hidden
}

.single-project #masthead .main-navigation,
.loading-from-individual-project #masthead .main-navigation {
    display: none;
    margin-top: -56px;
    visibility: hidden
}

.page-template-page-templatesabout-page-php .menu__item--about a,
.page-template-page-templatesservices-page-php .menu__item--services a,
.page-template-page-templatesprojects-page-php .menu__item--projects a,
.page-template-page-templatesteam-page-php .menu__item--team a,
.page-template-page-templatesteam-page-php .menu__item--core-team a,
.single-team-member .menu__item--team a,
.single-team-member .menu__item--core-team a,
.loading-from-core-team .menu__item--core-team a,
.loading-from-core-team-member .menu__item--core-team a,
.page-template-page-templatescontact-page-php .menu__item--contact a,
.page-template-page-templatescontact-page-php .menu__item--contact-us a,
.page-template-page-templatesblog-page-php .menu__item--blog a,
.page-template-page-templatesjobs-page-php .menu__item--jobs a,
.single-job .menu__item--jobs a,
.loading-from-jobs .menu__item--jobs a,
.loading-from-job .menu__item--jobs a {
    background-color: #ae0000;
    color: #f5f5f1
}

@media only screen and (max-width: 47.9375em) { 
#topbanner h1 { margin: 25% 0 5%;}
    .site-title {
        left: 0;
        margin:0;
        position: relative;
        top: 0;
        width: 160px;
        float: left;
        z-index: 3
    }
    .site-title img{height: auto; margin: 15px;}
    .main-navigation {
        height: 100%;
        left: 0;
        margin: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: visibility .3s ease .3s, opacity .3s ease, -webkit-transform .3s ease;
        transition: visibility .3s ease .3s, opacity .3s ease, -webkit-transform .3s ease;
        transition: visibility .3s ease .3s, opacity .3s ease, transform .3s ease;
        transition: visibility .3s ease .3s, opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
        visibility: hidden;
        width: 100%;
        z-index: 2
    }
    .main-navigation .nav-menu {
        height: 100%;
        left: 0;
        overflow: auto;
        padding-top: 56px;
        position: absolute;
        top: 0;
        width: 240px
    }
    .main-navigation li {
        display: block;
        width: 100%
    }
    .main-navigation a {
        display: block;
        line-height: 45px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
        width: 100%
    }
    .js--mobile-nav-hide-on-resize {
        display: none
    }
    #page>:first-child {
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }
    .js--fade-menu-in {
        overflow: hidden
    }
    .js--fade-menu-in body {
        overflow: hidden
    }
    .js--show-menu {
        overflow: hidden
    }
    .js--show-menu body {
        overflow: hidden
    }
    .js--show-menu #nav-toggle span {
        border-color: transparent;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    .js--show-menu #nav-toggle span:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition-duration: .5s;
        transition-duration: .5s
    }
    .js--show-menu .main-navigation {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition-delay: 0s, 0s, 0s;
        transition-delay: 0s, 0s, 0s;
        visibility: visible
    }
    .js--show-menu #page>:first-child {
        -webkit-transform: translateX(240px);
        -ms-transform: translateX(240px);
        transform: translateX(240px)
    }
}

.menu--social {
    height: 56px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 56px;
    z-index: 11
}

@media only screen and (min-width: 48em) {
    .hide-nav+.menu--social {
        -webkit-transform: translateY(-56px);
        -ms-transform: translateY(-56px);
        transform: translateY(-56px)
    }
}

.single-project .menu--social,
.loading-project .menu--social {
    -webkit-transform: translateY(-56px);
    -ms-transform: translateY(-56px);
    transform: translateY(-56px)
}

.toggle--social {
    display: block;
    height: 56px;
    padding-top: 17px;
    width: 56px;
    -webkit-transition: all 0.25s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: all 0.25s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.toggle--social svg {
    display: block;
    margin: 0 auto
}

.toggle--social svg polygon,
.toggle--social svg path {
    opacity: 1;
    -webkit-transition: all 0.25s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: all 0.25s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.no-touch .menu--social:hover .toggle--social,
.touch .menu--social.js--show-social .toggle--social {
    background-color: #252525
}

.no-touch .menu--social:hover .toggle--social svg polygon,
.no-touch .menu--social:hover .toggle--social svg path,
.touch .menu--social.js--show-social .toggle--social svg polygon,
.touch .menu--social.js--show-social .toggle--social svg path {
    opacity: 1
}

.menu--sub {
    list-style: none;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    text-align: left;
    -webkit-transition: visibility .4s ease .4s;
    transition: visibility .4s ease .4s;
    visibility: hidden;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.menu--sub li+li {
    border-top: 2px solid #161616
}

.menu--sub li {
    margin-bottom: -2px;
    pointer-events: auto;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: -webkit-transform 0.35s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: transform 0.35s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: transform 0.35s cubic-bezier(0.75, -0.17, 0.23, 1.19), -webkit-transform 0.35s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.menu--sub li:nth-child(1) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s
}

.menu--sub li:nth-child(2) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s
}

.menu--sub li:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s
}

.menu--sub li:nth-child(4) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s
}

.menu--sub li:nth-child(5) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.menu--sub a {
    background-color: #252525;
    background-position: 1.5em center;
    background-repeat: no-repeat;
    color: #f5f5f1;
    display: block;
    font-size: 18px;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 1.38889em 1.55556em 1.27778em 25px;
    position: relative;
    white-space: nowrap
}

.menu--sub a:hover,
.menu--sub a:active,
.menu--sub a:focus {
    color: #f5f5f1
}

.menu--sub a:after {
    background: #252525;
    content: "";
    left: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    width: 10%
}

.menu--sub a svg {
    margin-right: 14px
}

.no-touch .menu--social:hover .menu--sub,
.touch .menu--social.js--show-social .menu--sub {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: visible
}

.menu__item--facebook a:hover {
    background-color: #1d3a62
}

.menu__item--facebook a:active,
.menu__item--facebook a:focus {
    background-color: #525252
}

.menu__item--facebook a>* {
    display: inline-block;
    vertical-align: middle
}

.menu__item--twitter a:hover {
    background-color: #245975
}

.menu__item--twitter a:active,
.menu__item--twitter a:focus {
    background-color: #525252
}

.menu__item--twitter a>* {
    display: inline-block;
    vertical-align: middle
}

.menu__item--pinterest a:hover {
    background-color: #7f322a
}

.menu__item--pinterest a:active,
.menu__item--pinterest a:focus {
    background-color: #525252
}

.menu__item--pinterest a>* {
    display: inline-block;
    vertical-align: middle
}

.menu__item--instagram a:hover {
    background-color: #314351
}

.menu__item--instagram a:active,
.menu__item--instagram a:focus {
    background-color: #525252
}

.menu__item--instagram a>* {
    display: inline-block;
    vertical-align: middle
}

.menu__item--dribbble a:hover {
    background-color: #813553
}

.menu__item--dribbble a:active,
.menu__item--dribbble a:focus {
    background-color: #525252
}

.menu__item--dribbble a>* {
    display: inline-block;
    vertical-align: middle
}

.no-touch .menu--social:hover .menu--sub li,
.touch .menu--social.js--show-social .menu--sub li {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.no-touch .menu--social:hover .menu--sub li:nth-child(1),
.touch .menu--social.js--show-social .menu--sub li:nth-child(1) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s
}

.no-touch .menu--social:hover .menu--sub li:nth-child(2),
.touch .menu--social.js--show-social .menu--sub li:nth-child(2) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s
}

.no-touch .menu--social:hover .menu--sub li:nth-child(3),
.touch .menu--social.js--show-social .menu--sub li:nth-child(3) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s
}

.no-touch .menu--social:hover .menu--sub li:nth-child(4),
.touch .menu--social.js--show-social .menu--sub li:nth-child(4) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s
}

.no-touch .menu--social:hover .menu--sub li:nth-child(5),
.touch .menu--social.js--show-social .menu--sub li:nth-child(5) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.social__link {
    display: block
}

.social__link>svg {
    display: block
}

.social__border {
    -webkit-transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.social__link:hover .social__border,
.social__link:focus .social__border {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.social__link:active .social__border {
    opacity: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.home .page-wrap {
    padding-top: 0
}

.home .page-wrap .content--hero {
    padding-top: 56px
}

.no-touch .page-type--home .site-header {
    position: absolute;
    top: 88px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.no-touch .page-type--home .site-header.hide-nav {
    -webkit-transform: translate3d(0, -56px, 0);
    transform: translate3d(0, -56px, 0)
}

.no-touch .page-type--home .site-header,
.no-touch .page-type--home .site-header__inner {
    background: transparent
}

.no-touch .page-type--home .site-header__inner {
    -webkit-transition: background .4s ease;
    transition: background .4s ease
}

.no-touch .page-type--home .menu--social {
    position: fixed;
    right: 0;
    top: 0
}

.no-touch .page-type--home .js--fixed-home-header {
    position: fixed;
    top: 0
}

.no-touch .page-type--home .js--fixed-home-header .site-header__inner {
    background: #161616
}

.no-touch .page-type--home .js--fixed-home-header .menu--social {
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (max-height: 53.125em) {
    .no-touch .page-type--home .site-header {
        position: fixed;
        top: 0
    }
    .no-touch .page-type--home .site-header .site-header__inner {
        background: #161616
    }
    .no-touch .page-type--home .site-header .menu--social {
        position: absolute;
        right: 0;
        top: 0
    }
}

@media only screen and (max-width: 47.9375em) {
    .no-touch .page-type--home .site-header {
        position: fixed;
        top: 0
    }
    .no-touch .page-type--home .site-header .site-header__inner {
        background: #161616
    }
    .no-touch .page-type--home .site-header .menu--social {
        position: absolute;
        right: 0;
        top: 0
    }
}

.page-type--home .site-title {
    opacity: 0;
    visibility: hidden
}

.page-type--home .js--show-emblem .site-title {
    opacity: 1;
    visibility: visible
}

.content--hero {
    background-color: #161616;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
    z-index: 5
}

.content--hero:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.content--hero .wrap {
    padding-top: 1em;
    padding-bottom: 1em
}

@media only screen and (max-height: 37.5em) {
    .content--hero .wrap {
        max-width: 1000px
    }
}

.page--homepage .content--hero .wrap,
.page--homepage .content--hero .wrap__center {
    position: relative
}

@media only screen and (max-height: 37.5em) {
    .page--homepage .content--hero .wrap,
    .page--homepage .content--hero .wrap__center {
        position: static
    }
}

.page--homepage .content--hero .wrap__center {
    padding-bottom: 1em
}

@media only screen and (max-height: 55.625em) {
    .page--homepage .content--hero .wrap__center {
        padding-bottom: 3em
    }
}

@media only screen and (max-height: 37.5em) {
    .page--homepage .content--hero .wrap__center {
        padding-bottom: 5em;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

.no-js .page--homepage .content--hero {
    background-image: url(../images/bg/bg--home--1.jpg)
}

.page--homepage__scroll {
    bottom: -8em;
    display: block;
    height: 78px;
    left: 50%;
    margin: 0 0 -39px -39px;
    opacity: 1;
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.85s;
    transition: opacity 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.85s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    width: 78px
}

@media only screen and (max-height: 37.5em) {
    .page--homepage__scroll {
        height: 58px;
        margin-left: -29px;
        width: 58px
    }
}

@media only screen and (max-width: 28.125em) {
    .page--homepage__scroll {
        height: 58px;
        margin-left: -29px;
        width: 58px
    }
}

.page--homepage__scroll svg {
    display: block;
    fill: #f5f5f1;
    height: 100%;
    max-width: 100%;
    -webkit-transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 100%
}

.page--homepage__scroll svg .svg-scroll__first {
    -webkit-animation: svgScrollFirst 0.5s ease 0s infinite both;
    animation: svgScrollFirst 0.5s ease 0s infinite both
}

.page--homepage__scroll svg .svg-scroll__second {
    -webkit-animation: svgScrollSecond 0.5s ease 0s infinite both;
    animation: svgScrollSecond 0.5s ease 0s infinite both
}

.page--homepage__scroll:hover svg,
.page--homepage__scroll--animate svg {
    fill: #ae0000
}

.page--homepage__scroll:active svg,
.page--homepage__scroll:focus svg {
    fill: #525252
}

.page--homepage__scroll path,
.page--homepage__scroll polygon {
    fill: inherit
}

.page--homepage__scroll .svg-scroll__first {
    opacity: .5
}

.page--homepage__scroll:hover .svg-scroll__first,
.page--homepage__scroll--animate .svg-scroll__first {
    -webkit-animation: svgScrollFirst 0.25s ease 0s infinite both;
    animation: svgScrollFirst 0.25s ease 0s infinite both
}

.page--homepage__scroll:hover .svg-scroll__second,
.page--homepage__scroll--animate .svg-scroll__second {
    -webkit-animation: svgScrollSecond 0.25s ease 0s infinite both;
    animation: svgScrollSecond 0.25s ease 0s infinite both
}

.page--homepage__scroll span {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media only screen and (max-height: 55.625em) {
    .page--homepage__scroll {
        bottom: -0.5em
    }
}

@media only screen and (max-height: 37.5em) {
    .page--homepage__scroll {
        margin-bottom: 0;
        bottom: 1.5rem
    }
}

.page--homepage .block {
    position: relative;
    z-index: 5
}

.page--homepage .block--red a {
    font-weight: unset
}

.page--homepage .content__title {
    font-size: 20px;
    font-size: 1rem;
    margin: 0 0 5%;
    position: relative
}

@media only screen and (min-width: 48em) and (max-height: 37.5em) {
    .page--homepage .content__title {
        margin-bottom: 4%
    }
}

.page--homepage .content__title__logo {
    left: 50%;
    margin-left: -7.083333333%;
    position: absolute;
    width: 14.166666667%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page--homepage .content__title__logo svg {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%
}

@media only screen and (max-width: 47.9375em) {
    .page--homepage .content__title__logo {
        display: block;
        left: auto;
        margin: 0 auto 20px;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 120px
    }
}

[class^="content__title__strap"] {
    display: inline-block;
    padding: 2.5% 8.333333% 2.5% 0;
    position: relative;
    vertical-align: middle;
    width: 50%
}

[class^="content__title__strap"]:before,
[class^="content__title__strap"]:after {
    background: #f5f5f1;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 0px rgba(0, 0, 0, 0.3);
    content: "";
    height: 8px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px
}

[class^="content__title__strap"]:after {
    left: auto;
    right: 16.666667%
}

[class^="content__title__strap"] i {
    display: block;
    padding: 9% 20px;
    position: relative;
    text-align: center
}

[class^="content__title__strap"] i:before,
[class^="content__title__strap"] i:after {
    border-color: #f5f5f1;
    border-color: rgba(255, 255, 255, 0.5);
    border-style: solid;
    border-width: 2px 0 2px 2px;
    content: "";
    left: 0;
    height: 2px;
    position: absolute;
    top: 0;
    right: 0
}

[class^="content__title__strap"] i:after {
    border-width: 2px 2px 2px 0;
    bottom: 0;
    top: auto
}

[class^="content__title__strap"] i svg {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

.page--homepage .content__title__strap--second {
    padding-left: 8.333333%;
    padding-right: 0
}

.page--homepage .content__title__strap--second:before {
    left: 16.66667%
}

.page--homepage .content__title__strap--second:after {
    left: auto;
    right: 0
}

.page--homepage .content__title__strap--second i:before,
.page--homepage .content__title__strap--second i:after {
    border-width: 2px 2px 2px 0
}

.page--homepage .content__title__strap--second i:after {
    border-width: 2px 0 2px 2px
}

.page--homepage .content .responsive-img {
    display: block;
    margin: 0 auto;
    max-width: 1197px
}

.page--homepage .content .responsive-img>div {
    padding-top: 15.37176274%
}

@media only screen and (max-width: 47.9375em) {
    .page--homepage .content .responsive-img {
        margin: 1rem auto
    }
}

@media only screen and (max-width: 47.9375em) {
    .page--homepage #page--homepage {
        position: relative
    }
    .page--homepage [class^="content__title__strap"] {
        margin: .5em 0;
        padding: 0;
        width: 100%
    }
    .page--homepage [class^="content__title__strap"]:before,
    .page--homepage [class^="content__title__strap"]:after {
        display: none
    }
    .page--homepage [class^="content__title__strap"] i {
        padding: 0
    }
    .page--homepage [class^="content__title__strap"] i:before,
    .page--homepage [class^="content__title__strap"] i:after {
        display: none
    }
}

@media only screen and (max-width: 25em) {
    #page--homepage .content__title__logo {
        width: 70px
    }
}

.block--site-intro .wrap {
    max-width: 56.8em
}

.block--what-we-do {
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 6.8em
}

.block--what-we-do .block__title {
    margin-bottom: 0
}

.block--what-we-do .block__copy {
    margin-bottom: 2em;
    max-width: 28.22222em
}

@media only screen and (min-width: 50.0625em) {
    .block--what-we-do .block__title {
        font-size: 100px;
        font-size: 5rem
    }
    .block--what-we-do .block__copy {
        font-size: 36px;
        font-size: 1.8rem
    }
}

.block--what-we-do .media__imgs,
.block--what-we-do .media__copy {
    display: inline-block;
    vertical-align: middle;
    width: 50%
}

.block--what-we-do .media__imgs {
    direction: rtl;
    position: relative;
    white-space: nowrap
}

.block--what-we-do .media__imgs img {
    display: block
}

.block--what-we-do .media__copy {
    text-align: left
}

.block--what-we-do .media__copy h3 {
    font-size: 33px;
    font-size: 1.65rem;
    font-weight: bold;
    text-transform: uppercase
}

.block--what-we-do .media__copy p {
    font-size: 18px;
    font-size: 0.9rem;
    line-height: 1.666667
}

.block--what-we-do .media__copy__inner {
    max-width: 30em;
    padding: 0 2em;
    width: 87.5%
}

.block--what-we-do .faux-img--iphone {
    bottom: -2.2em;
    position: absolute;
    right: 3em;
    z-index: 1
}

.block--what-we-do .media--left .media__imgs {
    padding-right: 2em
}

.block--what-we-do .media--right {
    margin-top: 3em
}

.block--what-we-do .media--right .media__copy {
    text-align: right
}

.block--what-we-do .media--right .media__copy__inner {
    display: inline-block;
    text-align: left
}

.block--what-we-do .media--right .media__imgs {
    direction: ltr;
    padding-left: 2em
}

@media only screen and (max-width: 40em) {
    .block--what-we-do {
        padding-top: 4em
    }
    .block--what-we-do .media__imgs,
    .block--what-we-do .media__copy {
        display: block;
        width: 100%
    }
    .block--what-we-do .media--left {
        padding-bottom: 70%;
        position: relative
    }
    .block--what-we-do .media--left .media__imgs {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%
    }
    .block--what-we-do .media__copy__inner {
        padding-bottom: 2em
    }
    .block--what-we-do .faux-img--ipad,
    .block--what-we-do .faux-img--browser {
        max-width: 110%
    }
    .block--what-we-do .faux-img--iphone {
        bottom: -9.5%;
        max-width: 45%
    }
}

@media only screen and (max-width: 25em) {
    .block--what-we-do .media__copy__inner {
        padding: 0 20px 2em;
        text-align: center;
        width: 100%
    }
}

.block--forward-thinking a {
    border-color: transparent;
    font-weight: inherit
}

.block--experience-fueled {
    padding-bottom: 14em;
    position: relative
}

.block--experience-fueled .block__clipper {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.block--experience-fueled .block__bg {
    background: url(../images/bg/home--breakdown.jpg);
    background-size: cover;
    bottom: -200px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.block--experience-fueled .wrap {
    position: relative
}

.block--experience-fueled .btn--rotate {
    margin: 4em auto 0
}

.block--experience-fueled .btn--rotate .btn__border {
    background: rgba(0, 0, 0, 0.3);
    border-width: 5px
}

.block--experience-fueled .btn--rotate:hover .btn__border {
    background: #ae0000
}

.block--experience-fueled .btn--rotate:active .btn__border,
.block--experience-fueled .btn--rotate:focus .btn__border {
    background: #525252
}

@media only screen and (min-width: 50.0625em) {
    .block--experience-fueled .block__title {
        font-size: 90px;
        font-size: 4.5rem
    }
}

@media only screen and (max-width: 47.9375em) {
    .block--experience-fueled .block__clipper {
        clip: auto
    }
    .block--experience-fueled .block__bg {
        bottom: 0;
        position: absolute;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

.block--experience-fueled .block__copy {
    margin: 0 0 1em;
    max-width: 100%
}

@media only screen and (max-width: 40em) {
    .block--experience-fueled {
        padding-bottom: 12em
    }
}

@media only screen and (max-width: 22.5em) {
    .block--experience-fueled {
        padding-bottom: 14em
    }
}

.page--about .content--hero {
    background-image: url(../images/bg/bg--about.jpg);
    padding: 5em 0;
    position: relative;
    text-align: center;
    z-index: 2
}

@media only screen and (min-width: 40em) {
    .page--about .content--hero {
        padding: 7.5em 0
    }
}

@media only screen and (min-width: 64em) {
    .page--about .content--hero {
        padding: 10em 0
    }
}

.page--about .content--hero .btn--rotate {
    display: inline-block;
    height: auto;
    margin: 2em auto 1.5em;
    width: auto
}

.page--about .content--hero .btn--rotate img {
    display: block;
    margin: 2em;
    position: relative;
    -webkit-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    transform: translate(2px, 2px)
}

.page--about .content--hero .btn__border {
    border-width: 4px
}

.page--about .super {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 1em auto 0;
    max-width: 23em;
    text-shadow: 0px 3px 1px rgba(22, 22, 22, 0.2)
}

@media only screen and (min-width: 48em) {
    .page--about .super {
        font-size: 45px;
        font-size: 2.25rem
    }
}

.page--about .super strong {
    font-weight: bold
}

.content__showreel {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: visibility .6s ease .6s, opacity .6s ease;
    transition: visibility .6s ease .6s, opacity .6s ease;
    visibility: hidden;
    width: 100%
}

.js--show-reel .content__showreel {
    pointer-events: auto;
    opacity: 1;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    visibility: visible
}

.touch .content__showreel {
    display: none
}

.touch .js--show-reel .content__showreel {
    display: block
}

#fueled-showreel {
    border: 0;
    height: 100%;
    left: 0;
    outline: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.content__showreel__close {
    background: rgba(22, 22, 22, 0.8);
    border-radius: 3px;
    cursor: pointer;
    height: 1.8em;
    left: 0.5em;
    position: absolute;
    top: 0.5em;
    text-indent: -999em;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 1.8em;
    z-index: 1
}

.content__showreel__close:before,
.content__showreel__close:after {
    background: #f5f5f1;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -.5em;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 1em
}

.content__showreel__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.content__showreel__close:hover {
    background: #ae0000
}

.content__showreel__close:active,
.content__showreel__close:focus {
    background: #161616
}

.block--what-drives-us {
    position: relative;
    z-index: 2
}

.block--what-drives-us .wrap {
    max-width: 64em
}

.block--what-drives-us .block__title {
    letter-spacing: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 48em) {
    .block--what-drives-us .block__title {
        font-size: 120px;
        font-size: 6rem
    }
}

.block--what-drives-us .block__title+p {
    margin-top: .25em
}

.block--what-drives-us .block__copy {
    padding-bottom: 2em
}

.block--what-drives-us .block__cta {
    display: inline-block;
    vertical-align: top;
    width: 27.5%
}

.block--what-drives-us .block__cta+.block__cta {
    margin-left: 8.75%
}

.block--what-drives-us .block__cta img {
    display: block;
    margin: 0 auto 2em;
    max-width: 13em;
    width: 100%
}

.block--what-drives-us .block__cta p {
    font-size: 18px;
    font-size: 0.9rem;
    line-height: 1.55556;
    text-align: left
}

@media only screen and (max-width: 53.75em) {
    .block--what-drives-us .block__cta {
        display: block;
        padding: 2em 0;
        width: 100%
    }
    .block--what-drives-us .block__cta+.block__cta {
        margin-left: 0
    }
}

.block--what-drives-us .block__cta__title {
    font-size: 25px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.52;
    text-transform: uppercase
}

.block--what-drives-us .btn--plain {
    border-bottom: 2px solid transparent;
    font-size: 18px;
    font-size: 0.9rem;
    font-weight: bold;
    letter-spacing: 0;
    padding: .5em 0 .6em
}

.block--what-drives-us .btn--plain span:after {
    content: "→";
    padding-left: .5em
}

.block--what-drives-us .btn--plain:hover {
    border-color: #f5f5f1
}

.block--what-drives-us .btn--plain:active,
.block--what-drives-us .btn--plain:focus {
    border-color: #161616
}

.block--companies {
    background: #f5f5f1;
    color: #161616;
    overflow: hidden;
    padding: 5em 0;
    position: relative;
    z-index: 2
}

.block--companies .entrepeneurs {
    position: relative;
    text-align: center
}

.block--companies .entrepeneurs>.entrepeneurs__title {
    position: relative
}

@media only screen and (max-width: 50em) {
    .block--companies .entrepeneurs .entrepeneurs__title svg {
        height: 232px;
        width: 232px
    }
}

.block--companies a {
    border-bottom: 2px solid #ae0000
}

.block--companies a:hover {
    color: #ae0000
}

.block--companies a:active,
.block--companies a:focus {
    border-color: #161616;
    color: #161616
}

.entrepeneurs__title__inner {
    bottom: 1em;
    -webkit-box-shadow: 0px 4px rgba(22, 22, 22, 0.2);
    box-shadow: 0px 4px rgba(22, 22, 22, 0.2);
    left: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0.95rem 3rem 0.65rem;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    width: auto
}

.entrepeneurs__title__inner:before,
.entrepeneurs__title__inner:after {
    border-style: solid;
    content: "";
    height: 0;
    margin-top: -54px;
    position: absolute;
    top: 50%;
    width: 0
}

.entrepeneurs__title__inner:before {
    border-color: transparent transparent transparent #f5f5f1;
    border-width: 54px 0 54px 16px;
    left: -1px
}

.entrepeneurs__title__inner:after {
    border-color: transparent #f5f5f1 transparent transparent;
    border-width: 54px 16px 54px 0;
    right: -1px
}

.entrepeneurs__title__inner .block__title {
    margin: 0
}

.entrepeneurs__title__inner__copy {
    display: block;
    position: relative
}

.entrepeneurs__title__inner__copy:before,
.entrepeneurs__title__inner__copy:after {
    background: #f5f5f1;
    content: "";
    height: 0.4rem;
    margin-top: -0.35rem;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0.4rem
}

.entrepeneurs__title__inner__copy:before {
    left: -1.2rem
}

.entrepeneurs__title__inner__copy:after {
    right: -1.2rem
}

.touch .block--collective {
    background: url(../images/bg/bg--collective.jpg) no-repeat center center;
    background-size: cover
}

.touch .block--collective .block__bg {
    display: none
}

.block--collective {
    overflow: hidden;
    padding: 5.5em 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.block--collective .block__bg {
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    background: url(../images/bg/bg--collective.jpg) no-repeat center center;
    background-size: cover;
    bottom: -200px;
    height: auto
}

.block--collective .block__bg.js--show-collective {
    display: block
}

.block--collective .wrap {
    position: relative
}

.block--collective h2 {
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 190px;
    font-size: 9.5rem;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.block--collective h2 img {
    display: block;
    margin: 0 auto
}

.block--collective h2 span {
    display: block;
    padding-top: .25em
}

@media only screen and (max-width: 50em) {
    .block--collective h2 {
        font-size: 100px;
        font-size: 6.25rem
    }
    .block--collective h2 img {
        height: auto;
        width: 188px
    }
}

@media only screen and (max-width: 47.9375em) {
    .block--collective h2 {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media only screen and (max-width: 47.9375em) {
    .block--collective .wrap>div {
        padding: 2em 0 0
    }
}

.block--collective p {
    display: inline-block;
    margin: 0;
    padding: 0 32px;
    text-align: left;
    vertical-align: top;
    width: 50%
}

.block--collective p a {
    color: #f5f5f1
}

@media only screen and (max-width: 47.9375em) {
    .block--collective p {
        display: inline;
        padding: 0
    }
    .block--collective p span {
        clear: both;
        display: block;
        padding: 1em 0 0
    }
}

.block--collective .btn {
    color: #f5f5f1;
    font-size: 22px;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.09091em;
    margin: 2em auto 0
}

@media only screen and (max-width: 47.9375em) {
    .block--collective .btn {
        font-size: 13px;
        font-size: 0.8125rem;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.block--clients {
    background: #f5f5f1;
    border-top: 2px solid #ae0000;
    color: #161616;
    overflow: hidden;
    padding: 4em 0 7em;
    position: relative;
    width: 100%;
    z-index: 2
}

.block--clients .about__clients__title {
    font-size: 20px;
    font-size: 1rem;
    overflow: hidden;
    position: relative;
    text-align: center
}

.block--clients .about__clients__title i {
    background: #f5f5f1;
    color: #525252;
    font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    display: inline-block;
    font-size: 64px;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: bold;
    padding: 20px;
    position: relative;
    text-shadow: 2px 2px #f5f5f1, 3px 3px rgba(82, 82, 82, 0.4);
    text-transform: uppercase
}

.block--clients .about__clients__title i:before,
.block--clients .about__clients__title i:after {
    border-color: #b0b0b0;
    border-style: solid;
    border-width: 2px 0;
    content: "";
    height: 2px;
    margin-top: -2px;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 600px
}

.block--clients .about__clients__title i:after {
    left: 100%;
    right: auto
}

@media only screen and (max-width: 33.75em) {
    .block--clients .about__clients__title i {
        font-size: 42px;
        font-size: 2.625rem;
        text-shadow: 1px 1px #f5f5f1, 2px 2px rgba(82, 82, 82, 0.4)
    }
}

.block--clients .about__clients__title b {
    color: #ae0000;
    display: block;
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 190px;
    font-size: 9.5rem;
    font-weight: normal;
    text-shadow: 0px 6px rgba(0, 0, 0, 0.2);
    text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
    .block--clients .about__clients__title b {
        text-shadow: 0px 2px rgba(0, 0, 0, 0.2)
    }
}

@media only screen and (max-width: 55em) {
    .block--clients .about__clients__title b {
        font-size: 120px;
        font-size: 6rem
    }
}

@media only screen and (max-width: 30em) {
    .block--clients .about__clients__title b {
        font-size: 64px;
        font-size: 4rem
    }
}

.block--clients .wrap>div {
    position: relative
}

.block--clients .wrap>div {
    display: inline-block;
    vertical-align: top;
    padding-top: 3em;
    width: 50%
}

.block--clients .wrap>div .grid__title {
    background: url(../images/icons/about--client-bg.svg) no-repeat center center;
    margin: 0 auto;
    max-width: 328px;
    position: relative
}

.block--clients .wrap>div .grid__title>div {
    padding-top: 100%;
    position: relative
}

.block--clients .wrap>div .grid__title>div>* {
    position: absolute
}

.block--clients .wrap>div .grid__title>div .cog--1 {
    height: 44.512195122%;
    left: 14.767932489%;
    top: 7.012195122%;
    width: 44.512195122%
}

.block--clients .wrap>div .grid__title>div .cog--2 {
    height: 42.37804878%;
    left: 50.914634146%;
    top: 22.865853659%;
    width: 42.37804878%
}

.block--clients .wrap>div .grid__title>div .cog--3 {
    height: 35.975609756%;
    left: 25.609756098%;
    top: 53.048780488%;
    width: 35.975609756%
}

.block--clients .wrap>div .grid__title>div .cog--static {
    -webkit-animation: none;
    animation: none
}

.block--clients .wrap>div .grid__title>div .seal,
.block--clients .wrap>div .grid__title>div .sheen--1 {
    height: 78.353658537%;
    left: 12.195121951%;
    top: 10.670731707%;
    width: 75.914634146%
}

@media only screen and (max-width: 47.9375em) {
    .block--clients .wrap>div .grid__title {
        background-size: 100% 100%;
        max-width: 164px
    }
}

.block--clients .wrap>div .grid__title__wrap {
    position: relative
}

.block--clients .wrap>div .grid__title__wrap h3 {
    background: #f5f5f1;
    color: #525252;
    font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 115px;
    font-size: 5.75rem;
    font-weight: bold;
    left: -50px;
    line-height: 1;
    margin: -60px 0 0;
    padding: 18px 0 0;
    position: absolute;
    right: -50px;
    text-align: center;
    text-shadow: 2px 2px #f5f5f1, 3px 3px #525252;
    text-transform: uppercase;
    top: 50%;
    white-space: nowrap
}

@media only screen and (max-width: 47.9375em) {
    .block--clients .wrap>div .grid__title__wrap h3 {
        font-size: 50px;
        font-size: 3.125rem;
        padding-top: 6px;
        margin-top: -28px
    }
}

.block--clients .wrap>div p {
    font-size: 24px;
    font-size: 1.2rem;
    text-align: left;
    padding: 2em 0 1em;
    position: relative
}

.block--clients .wrap>div p a {
    color: #161616
}

.block--clients .wrap>div p+p {
    padding: 0 0 3em
}

@media only screen and (max-width: 47.9375em) {
    .block--clients .wrap>div p+p {
        padding-bottom: 0
    }
}

.block--clients .startups {
    padding-right: 4%;
    position: relative;
    z-index: 3
}

.block--clients .big-brands {
    padding-left: 4%
}

.block--clients .amp {
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 150px;
    font-size: 7.5rem;
    padding: 0;
    position: absolute;
    right: -12.5%;
    text-align: center;
    text-shadow: 2px 2px #f5f5f1, 3px 3px #525252;
    top: 140px;
    width: 25%
}

@media only screen and (max-width: 50em) {
    .block--clients .amp {
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        width: 100%
    }
}

@media only screen and (max-width: 50em) {
    .block--clients .wrap>div {
        display: block;
        padding: 1em 0;
        width: 100%
    }
}

.ie .block--clients .wrap>div .grid__title__wrap h3 {
    padding-bottom: 14px;
    padding-top: 0
}

.image-grid {
    font-size: 0;
    position: relative;
    text-align: center
}

.image-grid .image-grid__img {
    display: inline-block;
    padding: 20px 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 33.333%
}

.no-touch .image-grid .image-grid__img {
    -webkit-animation: fade-in-grid .7s ease both;
    animation: fade-in-grid .7s ease both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.image-grid .image-grid__img img {
    display: block;
    margin: 0 auto;
    max-width: 9rem
}

@media only screen and (max-width: 64em) {
    .image-grid .image-grid__img img {
        max-width: 8.125rem
    }
}

@media only screen and (max-width: 31.25em) {
    .image-grid .image-grid__img {
        width: 50%
    }
}

.image-grid span img {
    opacity: 0.33
}

.image-grid a:after {
    background: #f5f5f1;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%
}

.image-grid a:hover:after {
    opacity: 0.5
}

.image-grid a:active:after,
.image-grid a:focus:after {
    opacity: 0.8
}

.no-touch .image-grid .image-grid__img:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.no-touch .image-grid .image-grid__img:nth-child(2) {
    -webkit-animation-delay: 0.04s;
    animation-delay: 0.04s
}

.no-touch .image-grid .image-grid__img:nth-child(3) {
    -webkit-animation-delay: 0.08s;
    animation-delay: 0.08s
}

.no-touch .image-grid .image-grid__img:nth-child(4) {
    -webkit-animation-delay: 0.12s;
    animation-delay: 0.12s
}

.no-touch .image-grid .image-grid__img:nth-child(5) {
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s
}

.no-touch .image-grid .image-grid__img:nth-child(6) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.no-touch .image-grid .image-grid__img:nth-child(7) {
    -webkit-animation-delay: 0.24s;
    animation-delay: 0.24s
}

.no-touch .image-grid .image-grid__img:nth-child(8) {
    -webkit-animation-delay: 0.28s;
    animation-delay: 0.28s
}

.no-touch .image-grid .image-grid__img:nth-child(9) {
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s
}

.no-touch .image-grid .image-grid__img:nth-child(10) {
    -webkit-animation-delay: 0.36s;
    animation-delay: 0.36s
}

.no-touch .image-grid .image-grid__img:nth-child(11) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.no-touch .image-grid .image-grid__img:nth-child(12) {
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s
}

.image-grid.js--image-grid-show .image-grid__img {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes fade-in-grid {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-in-grid {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.touch .block--awards {
    background: url(../images/bg/about--awards.jpg) center center;
    background-size: cover
}

.touch .block--awards .block__bg {
    display: none
}

.block--awards {
    padding: 4em 0;
    position: relative;
    z-index: 2
}

.block--awards .block__clipper {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.block--awards .block__bg {
    background: url(../images/bg/about--awards.jpg) center center;
    background-size: cover;
    bottom: -200px;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%
}

.block--awards .wrap {
    position: relative
}

.block--awards h2 {
    text-align: center
}

.block--awards h2 img {
    display: block;
    margin: 0 auto
}

.block--awards h3 {
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 62px;
    font-size: 3.1rem;
    font-style: italic;
    margin-bottom: 1em;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
    .block--awards h3 {
        font-size: 24px;
        font-size: 1.5rem;
        text-align: center
    }
}

.block--awards .image-grid {
    font-size: 0
}

.block--awards .image-grid>div {
    display: inline-block;
    padding: 3% 2%;
    position: relative;
    vertical-align: middle;
    width: 25%
}

.block--awards .image-grid>div img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.block--awards .image-grid>div:nth-child(1):after,
.block--awards .image-grid>div:nth-child(2):after,
.block--awards .image-grid>div:nth-child(3):after,
.block--awards .image-grid>div:nth-child(5):after,
.block--awards .image-grid>div:nth-child(6):after,
.block--awards .image-grid>div:nth-child(7):after {
    background: rgba(245, 245, 241, 0.75);
    content: "";
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    width: 2px
}

.block--awards .image-grid>div:nth-child(5):before,
.block--awards .image-grid>div:nth-child(6):before,
.block--awards .image-grid>div:nth-child(7):before,
.block--awards .image-grid>div:nth-child(8):before {
    background: rgba(245, 245, 241, 0.75);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: -1px;
    width: 100%
}

@media only screen and (max-width: 50em) {
    .block--awards .image-grid>div {
        width: 50%
    }
    .block--awards .image-grid>div:nth-child(2):after,
    .block--awards .image-grid>div:nth-child(6):after {
        display: none
    }
    .block--awards .image-grid>div:nth-child(1):after,
    .block--awards .image-grid>div:nth-child(3):after,
    .block--awards .image-grid>div:nth-child(5):after,
    .block--awards .image-grid>div:nth-child(7):after {
        background: rgba(245, 245, 241, 0.75);
        content: "";
        height: 100%;
        position: absolute;
        right: -1px;
        top: 0;
        width: 2px
    }
    .block--awards .image-grid>div:nth-child(3):before,
    .block--awards .image-grid>div:nth-child(4):before {
        background: rgba(245, 245, 241, 0.75);
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        top: -1px;
        width: 100%
    }
}

@media only screen and (max-width: 20em) {
    .block--awards .image-grid>div {
        border-bottom: 2px solid rgba(245, 245, 241, 0.75);
        width: 100%
    }
    .block--awards .image-grid>div:before,
    .block--awards .image-grid>div:after {
        display: none !important
    }
    .block--awards .image-grid>div:last-child {
        border-bottom: 0
    }
}

.content__footer {
    background: #161616;
    padding: 8em 0 14em;
    position: relative;
    text-align: center;
    z-index: 2
}

.content__footer h2 {
    margin-bottom: 2.5em
}

.content__footer .btn--rotate {
    color: #f5f5f1;
    margin: 0 auto;
    text-transform: uppercase
}

.content__footer .btn--rotate .btn__border {
    border-width: 5px
}

.content__footer .btn--rotate:hover,
.content__footer .btn--rotate:active,
.content__footer .btn--rotate:focus {
    color: #f5f5f1
}

.page--services .content {
    *zoom: 1
}

.page--services .content:before,
.page--services .content:after {
    content: " ";
    display: table
}

.page--services .content:after {
    clear: both
}

.page--services>.wrap {
    padding-bottom: 4em;
    padding-top: 4em
}

@media only screen and (max-width: 47.9375em) {
    .page--services>.wrap {
        padding-top: 2em
    }
}

.page--services .content__text {
    float: right;
    padding-right: 5.833333333%;
    width: 39.666666667%
}

.page--services .content__text .btn {
    text-align: center
}

.page--services .content__graphic {
    float: left;
    margin-right: 4.75%;
    padding-left: 6.833333333%;
    width: 55.583333333%
}

@media only screen and (max-width: 47.9375em) {
    .page--services .content {
        padding-top: 54.68085%;
        position: relative
    }
    .page--services .content .content__text,
    .page--services .content .content__graphic {
        float: none;
        padding: 0;
        width: 100%
    }
    .page--services .content .content__graphic {
        left: 12.5%;
        margin: 0;
        position: absolute;
        right: 12.5%;
        top: 0;
        width: 75%
    }
    .page--services .content .content__text {
        margin-top: 2em;
        overflow: hidden;
        text-align: center
    }
    .page--services .content .content__text h1 img {
        display: block;
        margin: 0 auto;
        max-width: 60%
    }
}

.content__text__slides {
    *zoom: 1
}

.content__text__slides:before,
.content__text__slides:after {
    content: " ";
    display: table
}

.content__text__slides:after {
    clear: both
}

.content__text__slides>div {
    display: none;
    -webkit-backface-visibility: hidden
}

.content__text__slides>div h1,
.content__text__slides>div h2 {
    margin-bottom: 1em;
    margin-top: 0
}

.content__text__slides>div h1 {
    font-size: 20px;
    font-size: 1rem
}

.content__text__slides>div h2 {
    font-family: "Fueled Sans Semi", "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 48px;
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 2rem;
    text-transform: uppercase
}

.content__text__slides .btn {
    padding: .9em 0 1.1em;
    width: 100%
}

@media only screen and (max-width: 47.9375em) {
    .content__text__slides>div h2 {
        margin-top: 0
    }
    .content__text__slides>div h2 img {
        display: block;
        height: 21px;
        margin: 0 auto;
        width: auto
    }
    .content__text__slides p {
        font-size: 16px;
        font-size: 1rem
    }
    .content__text__slides .btn {
        font-size: 16px;
        font-size: 1rem
    }
}

.loading-in-progress .content__text__slides>div:first-child {
    display: block
}

.page--services .content__graphic {
    position: relative
}

.page--services .content__graphic svg {
    display: block;
    height: 100%;
    max-width: 100%;
    width: 100%
}

.page--services .content__graphic .graphic--services {
    padding-top: 72.991452991%;
    position: relative
}

.page--services .content__graphic .graphic--services>div {
    overflow: hidden;
    position: absolute
}

.page--services .content__graphic .graphic__screen {
    display: block;
    height: auto;
    left: 0;
    max-width: none;
    position: relative;
    -webkit-transition: left 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: left 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    width: 500%
}

.page--services .content__graphic .graphic__stripe {
    background: #161616 url(../images/bg/bg-services.png) repeat center center;
    position: absolute
}

.page--services .content__graphic .graphic__stripe.graphic__stripe--imac {
    border-radius: 18px 18px 0 0;
    left: 0.51282%;
    padding-top: 48.03419%;
    top: 0.70258%;
    width: 91.79487%
}

.page--services .content__graphic .graphic__stripe.graphic__stripe--iphone {
    border-radius: 15px;
    left: 4.10256%;
    padding-top: 28.37607%;
    top: 60.42155%;
    width: 13.50427%
}

.page--services .content__graphic .graphic__stripe.graphic__stripe--ipad {
    border-radius: 15px;
    left: 72.99145%;
    padding-top: 40.34188%;
    top: 43.32553%;
    width: 26.49573%
}

.page--services .content__graphic .graphic__bg {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    padding-top: 72.991452991%
}

.page--services .content__graphic .graphic__bg>svg {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page--services .content__graphic .graphic__button--ipad {
    left: 84.95726%;
    position: absolute;
    top: 92.50585%;
    width: 2.39316%
}

.page--services .content__graphic .graphic__button--ipad img {
    display: block
}

.page--services .content__graphic .graphic__button--iphone {
    left: 9.74359%;
    position: absolute;
    top: 94.61358%;
    width: 2.05128%
}

.page--services .content__graphic .graphic__button--iphone img {
    display: block
}

.page--services .content__graphic .graphic__imac {
    left: 0.51282%;
    top: 6.32319%;
    width: 91.79487%
}

.page--services .content__graphic .graphic__ipad {
    left: 72.99145%;
    top: 48.47775%;
    width: 26.49573%
}

.page--services .content__graphic .graphic__ipad .graphic__screen {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s
}

.page--services .content__graphic .graphic__iphone {
    left: 4.10256%;
    top: 63.93443%;
    width: 13.50427%
}

.page--services .content__graphic .graphic__iphone .graphic__screen {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s
}

.page--services .content__graphic.services--branding .graphic__screen {
    left: -100%
}

.page--services .content__graphic.services--ux .graphic__screen {
    left: -200%
}

.page--services .content__graphic.services--ui .graphic__screen {
    left: -300%
}

.page--services .content__graphic.services--dev .graphic__screen {
    left: -400%
}

.page--services .menu--flexslider {
    border: 3px solid #f5f5f1;
    clear: both;
    list-style: none;
    margin: 5em 0 0;
    padding: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.page--services .menu--flexslider li {
    display: inline-block;
    width: 25%
}

.page--services .menu--flexslider a {
    background: none;
    color: #f5f5f1;
    display: block;
    font-size: 17px;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: .2em;
    padding: 2em .5em;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.page--services .menu--flexslider a:hover {
    background: #f5f5f1;
    color: #161616
}

.page--services .menu--flexslider a:active,
.page--services .menu--flexslider a:focus {
    background: #525252;
    color: #f5f5f1
}

.page--services .menu--flexslider .flex-active a {
    background: #f5f5f1;
    color: #161616
}

.page--services .menu--flexslider .menu__icon {
    height: 36px;
    left: 50%;
    margin: 0 0 0 -18px;
    position: absolute;
    top: -19px;
    width: 36px
}

.page--services .menu--flexslider b {
    background: #161616;
    border: 3px solid #f5f5f1;
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 36px
}

.page--services .menu--flexslider div {
    display: block;
    margin: 7px auto;
    position: relative
}

.page--services .menu--flexslider svg {
    display: block;
    fill: #525252;
    margin: 0 auto;
    -webkit-transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.page--services .menu--flexslider svg path,
.page--services .menu--flexslider svg polygon,
.page--services .menu--flexslider svg rect {
    fill: inherit
}

.page--services .menu--flexslider a:hover svg {
    fill: #ae0000
}

.page--services .menu--flexslider a:active svg,
.page--services .menu--flexslider a:focus svg {
    fill: #525252
}

.page--services .menu--flexslider .flex-active a svg {
    fill: #ae0000
}

@media only screen and (max-width: 47.9375em) {
    .page--services .menu--flexslider {
        border: none;
        margin-top: 2em
    }
    .page--services .menu--flexslider a {
        border: none;
        padding: 0
    }
    .page--services .menu--flexslider a:hover,
    .page--services .menu--flexslider a:active,
    .page--services .menu--flexslider a:focus {
        background: none
    }
    .page--services .menu--flexslider a span {
        display: none
    }
    .page--services .menu--flexslider a .menu__icon {
        display: block;
        left: auto;
        margin: 0 auto;
        position: relative;
        top: auto
    }
    .page--services .menu--flexslider a div {
        margin: 0 auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .page--services .menu--flexslider .flex-active a {
        background: none
    }
}

.services__process {
    background: #f5f5f1;
    color: #161616;
    padding: 4em 0
}

.services__process h2 {
    color: #525252;
    font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.8rem;
    font-style: italic;
    margin-bottom: 1.8rem;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width: 22.5em) {
    .services__process h2 {
        font-size: 2.1rem
    }
}

@media only screen and (min-width: 30em) {
    .services__process h2 {
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 40em) {
    .services__process h2 {
        font-size: 4rem
    }
}

@media only screen and (min-width: 64em) {
    .services__process h2 {
        font-size: 5rem
    }
}

.services__process h2 img {
    display: block;
    margin: 0 auto
}

.services__process .services__iphone {
    margin: 0 auto;
    max-width: 1060px
}

.services__process .services__iphone__progress {
    display: inline-block;
    height: 15em;
    position: relative;
    vertical-align: middle;
    width: 5%
}

.services__process [class^="services__iphone__progress--"] {
    left: 20%;
    margin-top: -3%;
    position: absolute;
    width: 60%;
    z-index: 2
}

.services__process [class^="services__iphone__progress--"]:before {
    border-bottom: 4px solid #f5f5f1;
    border-top: 4px solid #f5f5f1;
    bottom: -4px;
    content: "";
    left: -4px;
    position: absolute;
    right: -4px;
    top: -4px;
    z-index: -1
}

.services__process [class^="services__iphone__progress--"]>span {
    background: #b0b0b0;
    border-radius: 3px;
    display: block;
    padding-top: 100%;
    position: relative;
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg);
    -webkit-transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    z-index: 2
}

.services__process [class^="services__iphone__progress--"]>span:before {
    border: 2px solid #f5f5f1;
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: -1
}

.services__process [class^="services__iphone__progress--"]>span>span {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.services__process [class^="services__iphone__progress--"]:hover>span,
.services__process [class^="services__iphone__progress--"].flex-active>span {
    background: #ae0000;
    -ms-transform: rotate(135deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(135deg) translate3d(0, 0, 0);
    transform: rotate(135deg) translate3d(0, 0, 0)
}

.services__process [class^="services__iphone__progress--"]:active>span,
.services__process [class^="services__iphone__progress--"]:focus>span {
    background: #525252
}

.services__process .services__iphone__progress--1 {
    top: 0
}

.services__process .services__iphone__progress--2 {
    top: 33.333%
}

.services__process .services__iphone__progress--3 {
    top: 66.667%
}

.services__process .services__iphone__progress--4 {
    top: 100%
}

.services__process .services__iphone__progress__bar {
    background: #b0b0b0;
    bottom: 0;
    height: 100%;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 0;
    width: 2px
}

.services__process .services__iphone__diagram {
    display: inline-block;
    vertical-align: middle;
    width: 40%
}

.services__process .services__iphone__diagram>div {
    padding-top: 215.789473684%;
    position: relative
}

.services__process .services__iphone__diagram .svg--services-phone {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 100%
}

.services__process .services__iphone__diagram .svg--services-phone__screen {
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: all 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%
}

.services__process .services__iphone__diagram .svg--services-phone__screen.js--active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -ms-transform: translate3d(20%, 0, 0);
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0)
}

.services__process .services__iphone__diagram .svg--services-phone__screen.js--active img {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.services__process .services__iphone__diagram .svg--services-phone__screen img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: opacity 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    width: 100%
}

.services__process .services__iphone__diagram .svg--services-phone__screen .phone__svg--icon {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.services__process .services__iphone__diagram .svg--services-phone__1 {
    fill: #780000;
    padding-top: 76.17021%
}

.services__process .services__iphone__diagram .svg--services-phone__2 {
    fill: #C43948;
    padding-top: 73.19149%
}

.services__process .services__iphone__diagram .svg--services-phone__3 {
    fill: #D99391;
    padding-top: 68.93617%
}

.services__process .services__iphone__diagram .svg--services-phone__4 {
    fill: #E7C4C1;
    padding-top: 63.82979%
}

.services__process .phone__svg--nav {
    left: 22.10526%;
    position: absolute;
    top: 12.80488%;
    width: 61.84211%
}

.services__process .svg--services-phone__2 {
    margin-top: -15.76923%
}

.services__process .svg--services-phone__3 {
    margin-top: -11.53846%
}

.services__process .svg--services-phone__4 {
    margin-top: -7.30769%
}

.services__process .services__iphone__copy {
    display: inline-block;
    vertical-align: middle;
    width: 55%
}

.services__process .services__iphone__copy p>a:hover {
    color: #ae0000
}

.services__process .services__iphone__copy p>a:active,
.services__process .services__iphone__copy p>a:focus {
    color: #161616
}

.services__process .services__iphone__copy h3 {
    font-size: 40px;
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 .5em
}

.services__process .services__iphone__copy .btn {
    display: block;
    padding: 1.5em 1.5em 1.7em;
    text-align: center
}

.services__process .services__iphone__copy small {
    display: block;
    font-style: italic;
    margin: 1em 0 0
}

@media only screen and (max-width: 47.9375em) {
    .services__process .services__iphone__copy {
        font-size: 16px;
        font-size: 1rem
    }
    .services__process .services__iphone__copy h3 {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.services__process .services__iphone__section {
    display: none;
    padding-left: 3%;
    -webkit-backface-visibility: hidden
}

@media only screen and (max-width: 47.9375em) {
    .services__process .services__iphone {
        position: relative
    }
    .services__process .services__iphone__progress {
        display: block;
        height: 1em;
        margin: 1em auto;
        width: 15em
    }
    .services__process .services__iphone__progress .services__iphone__progress__bar {
        bottom: auto;
        height: 2px;
        left: 0%;
        margin-top: -1px;
        top: 50%;
        width: 100%
    }
    .services__process .services__iphone__progress [class^="services__iphone__progress--"] {
        height: 1em;
        left: 0%;
        margin: -.5em 0 0 -.5em;
        position: absolute;
        top: 50%;
        width: 1em;
        z-index: 2
    }
    .services__process .services__iphone__progress [class^="services__iphone__progress--"]:before {
        border-width: 0 4px
    }
    .services__process .services__iphone__progress .services__iphone__progress--1 {
        left: 0
    }
    .services__process .services__iphone__progress .services__iphone__progress--2 {
        left: 33.333%
    }
    .services__process .services__iphone__progress .services__iphone__progress--3 {
        left: 66.667%
    }
    .services__process .services__iphone__progress .services__iphone__progress--4 {
        left: 100%
    }
    .services__process .services__iphone__diagram,
    .services__process .services__iphone__copy {
        display: block;
        width: 100%
    }
    .services__process .services__iphone__diagram {
        padding: 0 30% 2em
    }
}

.services__testimonials,
.cs__slideshow {
    background: #f5f5f1;
    border-top: 4px solid #161616;
    color: #161616;
    padding: 6em 0
}

@media only screen and (max-width: 47.9375em) {
    .services__testimonials,
    .cs__slideshow {
        padding: 3em 0
    }
}

.services__testimonials .wrap,
.cs__slideshow .wrap {
    position: relative
}

.services__testimonials h2,
.cs__slideshow h2 {
    font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 74px;
    font-size: 3.7rem;
    font-weight: normal;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
    .services__testimonials h2,
    .cs__slideshow h2 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.services__testimonials .slideshow__slides,
.cs__slideshow .slideshow__slides {
    -webkit-transition: all 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: all 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    -webkit-transition-timing-function: cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition-timing-function: cubic-bezier(0.75, -0.17, 0.23, 1.19);
    -webkit-transition-timing-function: cubic-bezier(0.75, -0.17, 0.23, 1.19) !important
}

.services__testimonials .js--slideshow-start .slideshow__slides,
.cs__slideshow .js--slideshow-start .slideshow__slides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.services__testimonials .slideshow__slide,
.cs__slideshow .slideshow__slide {
    margin: auto 0;
    display: block;
    -webkit-backface-visibility: hidden
}

.services__testimonials .flex-viewport,
.cs__slideshow .flex-viewport {
    position: relative
}

.services__testimonials .flex-viewport:before,
.cs__slideshow .flex-viewport:before,
.services__testimonials .flex-viewport:after,
.cs__slideshow .flex-viewport:after {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmMSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, left top, right top, from(#f5f5f1), to(rgba(245, 245, 241, 0)));
    background: linear-gradient(to right, #f5f5f1, rgba(245, 245, 241, 0));
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 10%;
    z-index: 2
}

.services__testimonials .flex-viewport:after,
.cs__slideshow .flex-viewport:after {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmMSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, left top, right top, from(rgba(245, 245, 241, 0)), to(#f5f5f1));
    background: linear-gradient(to right, rgba(245, 245, 241, 0), #f5f5f1);
    left: auto;
    right: 0
}

.services__testimonials blockquote,
.cs__slideshow blockquote {
    margin: 1em auto;
    text-align: center;
    width: 80%
}

@media only screen and (max-width: 47.9375em) {
    .services__testimonials blockquote,
    .cs__slideshow blockquote {
        width: 90%
    }
}

.services__testimonials blockquote p,
.cs__slideshow blockquote p {
    color: #ae0000;
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 50px;
    font-size: 2.5rem;
    font-style: italic;
    line-height: 1;
    margin: 0 0 .5em;
    text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
    .services__testimonials blockquote p,
    .cs__slideshow blockquote p {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.services__testimonials blockquote p:before,
.cs__slideshow blockquote p:before {
    content: "“"
}

.services__testimonials blockquote p:after,
.cs__slideshow blockquote p:after {
    content: "”"
}

.services__testimonials blockquote cite,
.cs__slideshow blockquote cite {
    display: block;
    font-style: normal;
    font-weight: 300
}

.services__testimonials blockquote cite a,
.cs__slideshow blockquote cite a {
    color: inherit
}

.services__testimonials blockquote cite a:hover,
.cs__slideshow blockquote cite a:hover,
.services__testimonials blockquote cite a:focus,
.cs__slideshow blockquote cite a:focus {
    color: #ae0000
}

.services__testimonials .flex-direction-nav,
.cs__slideshow .flex-direction-nav {
    list-style: none;
    margin: 0;
    padding: 0
}

.services__testimonials .flex-direction-nav a,
.cs__slideshow .flex-direction-nav a {
    border-color: #b0b0b0;
    border-style: solid;
    border-width: 2px 2px 0 0;
    display: block;
    height: 5em;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: -1.5em 0 0 -0.0em;
    position: absolute;
    right: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    width: 5em;
    z-index: 3
}

.services__testimonials .flex-direction-nav a.flex-prev,
.cs__slideshow .flex-direction-nav a.flex-prev {
    border-width: 0 0 2px 2px;
    left: 0;
    right: auto
}

.no-touch .services__testimonials .flex-direction-nav a:hover,
.no-touch .cs__slideshow .flex-direction-nav a:hover {
    border-color: #ae0000
}

.no-touch .services__testimonials .flex-direction-nav a:active,
.no-touch .cs__slideshow .flex-direction-nav a:active,
.no-touch .services__testimonials .flex-direction-nav a:focus,
.no-touch .cs__slideshow .flex-direction-nav a:focus {
    border-color: #525252
}

@media only screen and (max-width: 85.9375em) {
    .services__testimonials .flex-direction-nav a.flex-next,
    .cs__slideshow .flex-direction-nav a.flex-next {
        right: 2em
    }
    .services__testimonials .flex-direction-nav a.flex-prev,
    .cs__slideshow .flex-direction-nav a.flex-prev {
        left: 2em
    }
}

@media only screen and (max-width: 47.9375em) {
    .services__testimonials .flex-direction-nav a,
    .cs__slideshow .flex-direction-nav a {
        border: none;
        height: 2em;
        margin: -.5em 0 0 0;
        top: 0.125em;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 2em
    }
    .services__testimonials .flex-direction-nav a:after,
    .cs__slideshow .flex-direction-nav a:after {
        border-color: #b0b0b0;
        border-style: solid;
        border-width: 2px 2px 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: '';
        height: 50%;
        left: 25%;
        margin-left: -4px;
        position: absolute;
        top: 25%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 50%
    }
    .services__testimonials .flex-direction-nav a.flex-next,
    .cs__slideshow .flex-direction-nav a.flex-next {
        right: 2em
    }
    .services__testimonials .flex-direction-nav a.flex-prev,
    .cs__slideshow .flex-direction-nav a.flex-prev {
        left: 2em
    }
    .services__testimonials .flex-direction-nav a.flex-prev:after,
    .cs__slideshow .flex-direction-nav a.flex-prev:after {
        margin-left: 4px;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
}

.page--services .content__text,
.page--services .content__graphic,
.page--services .menu--flexslider {
    visibility: hidden
}

.loading-from-services .page--services .content__text,
.loading-from-services .page--services .content__graphic,
.loading-from-services .page--services .menu--flexslider {
    visibility: visible
}

.page-loaded .page--services .content__text,
.page-loaded .page--services .content__graphic,
.page-loaded .page--services .menu--flexslider {
    visibility: visible
}

.page-loaded .page--services .content__text {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0s 1 both
}

.page-loaded .page--services .content__graphic {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.2s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.2s 1 both
}

.page-loaded .page--services .menu--flexslider {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.4s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.4s 1 both
}

@media only screen and (min-width: 48em) {
    .page--services .content.animate .content__text__slides {
        -webkit-animation: moveRightAndIn 0.45s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.05s 1 both;
        animation: moveRightAndIn 0.45s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.05s 1 both
    }
    .page--services .content.animate .svg-services {
        -webkit-animation: moveLeftAndIn 0.45s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0s 1 both;
        animation: moveLeftAndIn 0.45s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0s 1 both
    }
}

.page-type--member .page-wrap {
    padding: 0
}

.js.no-touch .team__hero h1,
.team__hero .js.no-touch h1,
.js.no-touch .team__hero__role,
.js.no-touch [class^="team__hero__contact--"],
.js.no-touch .team__hero__contact--present {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.no-touch .team-member--loaded .team__hero h1,
.team__hero .no-touch .team-member--loaded h1,
.no-touch .team-member--loaded .team__hero__role,
.no-touch .team-member--loaded [class^="team__hero__contact--"],
.no-touch .team-member--loaded .team__hero__contact--present {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.team__hero,
.core-team__hero {
    background: #ae0000;
    padding: 4rem 1rem 1.5rem;
    position: relative;
    text-align: center
}

.team__hero .wrap,
.core-team__hero .wrap {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: auto;
    overflow: hidden
}

.team__hero h1,
.core-team__hero h1 {
    display: inline-block;
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    text-shadow: #ae0000 2px 2px 0, rgba(245, 245, 241, 0.5) 3px 3px 0
}

@media only screen and (min-width: 30em) {
    .team__hero h1,
    .core-team__hero h1 {
        font-size: 64px;
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 48em) {
    .team__hero h1,
    .core-team__hero h1 {
        font-size: 84px;
        font-size: 4.2rem;
        text-shadow: #ae0000 2px 2px 0, rgba(245, 245, 241, 0.6) 3px 3px 0
    }
}

@media only screen and (min-width: 64em) {
    .team__hero h1,
    .core-team__hero h1 {
        font-size: 92px;
        font-size: 4.6rem
    }
}

.team__hero {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh
}

.team__hero .no-flexbox {
    min-height: 0
}

.team__hero .wrap {
    margin: auto;
    visibility: hidden
}

.touch .team__hero .wrap,
.team-member--loaded .team__hero .wrap {
    visibility: visible
}

.team__hero h1:before,
.team__hero h1:after {
    background: #f5f5f1;
    -webkit-box-shadow: rgba(22, 22, 22, 0.1) 1px 1px 0;
    box-shadow: rgba(22, 22, 22, 0.1) 1px 1px 0;
    content: '';
    height: 2px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 4rem
}

.team__hero h1:before {
    left: calc(100% + 20px)
}

.team__hero h1:after {
    right: calc(100% + 20px)
}

.js.no-touch .team__hero h1:before,
.js.no-touch .team__hero h1:after {
    -webkit-transition: width 0.65s 0.125s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: width 0.65s 0.125s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 0
}

.no-touch .team-member--loaded .team__hero h1:before,
.no-touch .team-member--loaded .team__hero h1:after {
    width: 8rem
}

.team__hero__role {
    display: block;
    font-size: 32px;
    font-size: 1.6rem;
    font-weight: 300;
    margin: 0 auto;
    text-shadow: rgba(22, 22, 22, 0.1) 1px 1px 0
}

.no-touch.js .team__hero__role {
    -webkit-transition-delay: .125s;
    transition-delay: .125s
}

.team__hero__avatar {
    max-width: 80%
}

@media only screen and (min-width: 25.625em) {
    .team__hero__avatar {
        max-width: 100%
    }
}

@media only screen and (min-width: 30em) and (max-height: 50em) {
    .team__hero__avatar {
        max-width: 50vh
    }
}

@media only screen and (min-width: 45em) {
    .team__hero__avatar {
        max-width: 50vh
    }
}

@media only screen and (min-width: 67.5em) and (min-height: 50em) {
    .team__hero__avatar {
        max-width: 60vh
    }
}

.no-touch.js .team__hero__avatar {
    opacity: 0;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: all 0.35s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: all 0.35s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.no-touch .team-member--loaded .team__hero__avatar {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.team__hero__data p {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    padding: 0 0.8rem;
    text-shadow: 1px 1px rgba(22, 22, 22, 0.25)
}

@media only screen and (min-width: 40em) {
    .team__hero__data p {
        display: inline-block;
        overflow: auto;
        white-space: normal
    }
}

@media only screen and (min-width: 45em) {
    .team__hero__data p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media only screen and (min-width: 64em) {
    .team__hero__data p {
        font-size: 26px;
        font-size: 1.3rem
    }
}

[class^="team__hero__contact--"] {
    min-height: 48px;
    line-height: 32px;
    margin: 0
}

[class^="team__hero__contact--"] a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: inherit;
    display: inline-block;
    min-height: 3rem;
    margin: 0 auto;
    padding: 0.5rem 0;
    position: relative;
    -webkit-transition: none;
    transition: none
}

[class^="team__hero__contact--"] a:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    margin-right: 0.4rem;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    vertical-align: middle
}

@media only screen and (min-width: 40em) {
    [class^="team__hero__contact--"] a {
        border-bottom: 2px solid transparent;
        display: inline-block
    }
    [class^="team__hero__contact--"] a:before {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    [class^="team__hero__contact--"] a:hover:before,
    [class^="team__hero__contact--"] a:focus:before {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    [class^="team__hero__contact--"] a:active {
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px)
    }
}

.team__hero__contact--email a:before {
    content: url(../images/icons/team--email.svg);
    height: 29px;
    width: 29px
}

.no-touch.js .team__hero__contact--email {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.team__hero__contact--tel a:before {
    content: url(../images/icons/team--phone.svg);
    height: 32px;
    width: 20px
}

.no-touch.js .team__hero__contact--tel {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.team__hero__contact--present a:before {
    content: url(../images/icons/team--location.svg);
    height: 30px;
    width: 23px
}

.no-touch.js .team__hero__contact--present {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

@media (orientation: landscape) and (max-height: 30em) {
    .team__hero .wrap {
        overflow: visible;
        padding-left: calc(50vh + 1rem);
        position: relative;
        text-align: left
    }
    .team__hero h1:before,
    .team__hero h1:after {
        display: none
    }
    .team__hero img {
        height: 50vh;
        left: 0;
        margin-top: -25vh;
        position: absolute;
        top: 50%;
        width: 50vh
    }
    .team__hero .team__hero__data {
        margin-top: 0.8rem
    }
    .team__hero .team__hero__data p {
        display: block;
        font-size: 20px;
        padding: 0
    }
    .team__hero .team__hero__contact--tel span {
        padding: 0
    }
    .team__hero .team__hero__contact--tel span:before,
    .team__hero .team__hero__contact--tel span:after {
        content: ""
    }
}

.team__social {
    padding: 80px 0
}

@media only screen and (max-width: 64em) {
    .team__social {
        padding: 40px 0
    }
}

.team__social__list {
    list-style: none;
    text-align: center
}

@media only screen and (min-width: 48em) {
    .flexbox .team__social__list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 47.9375em) {
    .team__social__list {
        padding: 0
    }
}

.team__social__item {
    display: inline-block;
    max-width: 12rem;
    vertical-align: middle
}

@media only screen and (min-width: 48em) {
    .flexbox .team__social__item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media only screen and (max-width: 40em) {
    .team__social__item {
        width: 20%
    }
}

.no-touch.js .team__social__item {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all 0.25s cubic-bezier(0.84, -0.39, 0.38, 1.225);
    transition: all 0.25s cubic-bezier(0.84, -0.39, 0.38, 1.225)
}

.no-touch.js .team__social__item:nth-of-type(1) {
    -webkit-transition-delay: 0.125s;
    transition-delay: 0.125s
}

.no-touch.js .team__social__item:nth-of-type(2) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s
}

.no-touch.js .team__social__item:nth-of-type(3) {
    -webkit-transition-delay: 0.375s;
    transition-delay: 0.375s
}

.no-touch.js .team__social__item:nth-of-type(4) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.no-touch.js .team__social__item:nth-of-type(5) {
    -webkit-transition-delay: 0.625s;
    transition-delay: 0.625s
}

.no-touch.js .team__social__item:nth-of-type(6) {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s
}

.no-touch .team-member--loaded .js--show .team__social__item {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.team__social__link {
    display: block;
    padding: 20px 30px;
    -webkit-transition: none;
    transition: none
}

@media only screen and (min-width: 48em) {
    .team__social__link {
        padding: 60px 30px
    }
}

@media only screen and (max-width: 40em) {
    .team__social__link {
        padding: 0
    }
}

.team__social__link .connect-icon {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.team__social__link svg {
    display: block;
    fill: #f5f5f1;
    height: 96px;
    position: relative;
    -webkit-transition: fill 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: fill 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 96px
}

@media only screen and (max-width: 64em) {
    .team__social__link svg {
        height: 64px;
        width: 64px
    }
}

@media only screen and (max-width: 40em) {
    .team__social__link svg {
        height: 48px;
        width: 48px
    }
}

.team__social__link path {
    fill: inherit
}

.team__social__link .connect-knockout {
    fill: #161616
}

.team__social__link .connect-shadow {
    fill: #525252
}

.team__social__link .connect-border {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 4px solid #ae0000;
    bottom: 4px;
    left: 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: border-color 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875), border-color 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875), border-color 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

@media only screen and (max-width: 64em) {
    .team__social__link .connect-border {
        border-width: 3px;
        bottom: 3px;
        left: 3px;
        right: 3px;
        top: 3px
    }
}

@media only screen and (max-width: 31.25em) {
    .team__social__link .connect-border {
        border-width: 2px;
        bottom: 2px;
        left: 2px;
        right: 2px;
        top: 2px
    }
}

@media only screen and (max-width: 25em) {
    .team__social__link .connect-border {
        display: none
    }
}

.team__social__link:hover svg,
.team__social__link:focus svg {
    fill: #f5f5f1
}

.team__social__link:hover .connect-border,
.team__social__link:focus .connect-border {
    border-color: #525252;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.team__social__link:active .connect-border {
    border-color: #f5f5f1;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.team__send {
    background: #fff;
    color: #161616;
    display: block;
    padding: 3rem 0;
    text-align: center
}

.team__send:hover,
.team__send:focus {
    background: #ae0000;
    color: #f5f5f1
}

.team__send:active {
    background: #161616
}

.team__send__icon {
    display: block;
    margin: 0 auto 2rem;
    width: 133px
}

@media only screen and (min-width: 30em) {
    .team__send__icon {
        width: 266px
    }
}

.team__send__icon g {
    opacity: .2;
    -webkit-transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.team__send__icon g * {
    fill: inherit
}

.team__send__icon .svg__fill--black {
    fill: #161616
}

.team__send__icon .svg__fill--red {
    fill: #ae0000
}

.team__send:hover .svg__fill--black,
.team__send:hover .svg__fill--red,
.team__send:focus .svg__fill--black,
.team__send:focus .svg__fill--red {
    fill: #f5f5f1;
    opacity: 1
}

.team__send__copy h2 {
    font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 0;
    text-transform: uppercase
}

@media only screen and (min-width: 30em) {
    .team__send__copy h2 {
        font-size: 48px;
        font-size: 3rem
    }
}

@media only screen and (min-width: 40em) {
    .team__send__copy h2 {
        font-size: 60px;
        font-size: 3.75rem
    }
    .team__send__copy p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media only screen and (min-width: 45em) {
    .team__send {
        padding: 5rem 0
    }
    .team__send__icon {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
        width: 266px
    }
    .team__send__copy {
        display: inline-block;
        max-width: calc(100% - 266px);
        padding-left: 2rem;
        text-align: left;
        vertical-align: middle
    }
    .team__send__copy h2 {
        font-size: 48px;
        font-size: 3rem;
        margin-top: 0
    }
    .team__send__copy p {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 64em) {
    .team__send {
        padding: 7.2rem 0
    }
    .team__send__copy h2 {
        font-size: 60px;
        font-size: 3rem
    }
}

@media only screen and (min-width: 67.5em) {
    .team__send__copy {
        padding-left: 4rem
    }
    .team__send__copy p {
        font-size: 26px;
        font-size: 1.3rem;
        margin-top: .5em
    }
}

.team__stats {
    background: #232323;
    padding: 130px 0 180px
}

@media only screen and (max-width: 64em) {
    .team__stats {
        padding: 65px 0 90px
    }
}

.team__stats h2 {
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 60px;
    font-size: 3rem;
    text-transform: uppercase
}

@media only screen and (max-width: 30em) {
    .team__stats h2 {
        padding: 0 10px
    }
}

[class^="team__stats__list--"] {
    list-style: none;
    padding: 0
}

[class^="team__stats__item--"] {
    background: #161616;
    height: 55px;
    margin: 16px 0;
    overflow: hidden;
    position: relative
}

[class^="team__stats__item--"] i:before,
[class^="team__stats__item--"]:before {
    background: #232323;
    content: '';
    height: 120px;
    pointer-events: none;
    position: absolute;
    right: -85px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 120px;
    z-index: 2
}

[class^="team__stats__item--"] i {
    background: #ae0000;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width 500ms cubic-bezier(0.84, -0.39, 0.38, 1.225);
    transition: width 500ms cubic-bezier(0.84, -0.39, 0.38, 1.225);
    width: 40%
}

[class^="team__stats__item--"] i:before {
    background: #161616;
    z-index: 1
}

.no-touch.js [class^="team__stats__item--"] i {
    width: 0
}

[class^="team__stats__item--"] .team__stats__tier-label {
    content: '';
    font-style: normal;
    font-weight: 600;
    padding: 13px 60px 13px 18px;
    position: absolute;
    top: 0;
    text-align: right;
    right: 0;
    white-space: nowrap;
    z-index: 5
}

@media only screen and (max-width: 64em) {
    [class^="team__stats__item--"] .team__stats__tier-label {
        padding: 16px 55px 13px 10px
    }
}

.no-touch.js [class^="team__stats__item--"] .team__stats__tier-label {
    opacity: 0;
    -webkit-transition: opacity 300ms 300ms;
    transition: opacity 300ms 300ms
}

.no-touch .team-member--loaded .js--show [class^="team__stats__item--"] .team__stats__tier-label {
    opacity: 1
}

@media only screen and (min-width: 48em) {
    .team__stats__item--1 .team__stats__tier-label,
    .team__stats__item--2 .team__stats__tier-label {
        left: 100%;
        padding-left: 0.25rem
    }
}

@media only screen and (max-width: 59.375em) {
    .team__stats__item--3 .team__stats__tier-label,
    .team__stats__item--4 .team__stats__tier-label {
        left: 100%;
        padding-left: 0.25rem
    }
}

.team__stats__item--1 i,
.team-member--loaded .js--show .team__stats__item--1 i {
    width: 32.5%
}

.team__stats__item--2 i,
.team-member--loaded .js--show .team__stats__item--2 i {
    width: 40%
}

.team__stats__item--3 i,
.team-member--loaded .js--show .team__stats__item--3 i {
    width: 47.5%
}

.team__stats__item--4 i,
.team-member--loaded .js--show .team__stats__item--4 i {
    width: 55%
}

.team__stats__item--5 i,
.team-member--loaded .js--show .team__stats__item--5 i {
    width: 62.5%
}

.team__stats__item--6 i,
.team-member--loaded .js--show .team__stats__item--6 i {
    width: 70%
}

.team__stats__item--7 i,
.team-member--loaded .js--show .team__stats__item--7 i {
    width: 77.5%
}

.team__stats__item--8 i,
.team-member--loaded .js--show .team__stats__item--8 i {
    width: 85%
}

.team__stats__item--9 i,
.team-member--loaded .js--show .team__stats__item--9 i {
    width: 92.5%
}

.team__stats__item--10 i,
.team-member--loaded .js--show .team__stats__item--10 i {
    width: 100%
}

[class^="team__stats__item--"]:nth-of-type(1) i {
    -webkit-transition-delay: -0.225s;
    transition-delay: -0.225s
}

[class^="team__stats__item--"]:nth-of-type(1) .team__stats__tier-label {
    -webkit-transition-delay: 0.025s;
    transition-delay: 0.025s
}

[class^="team__stats__item--"]:nth-of-type(2) i {
    -webkit-transition-delay: -0.1s;
    transition-delay: -0.1s
}

[class^="team__stats__item--"]:nth-of-type(2) .team__stats__tier-label {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

[class^="team__stats__item--"]:nth-of-type(3) i {
    -webkit-transition-delay: 0.025s;
    transition-delay: 0.025s
}

[class^="team__stats__item--"]:nth-of-type(3) .team__stats__tier-label {
    -webkit-transition-delay: 0.275s;
    transition-delay: 0.275s
}

[class^="team__stats__item--"]:nth-of-type(4) i {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

[class^="team__stats__item--"]:nth-of-type(4) .team__stats__tier-label {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.team__stats__label {
    background: #232323;
    color: #6c6c6c;
    font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 1.2rem;
    display: block;
    line-height: 0.8;
    overflow: hidden;
    padding: 22px 40px 14px 0;
    position: relative;
    text-align: right;
    text-overflow: ellipsis;
    text-transform: uppercase;
    width: 25%;
    white-space: nowrap;
    z-index: 7
}

@media only screen and (max-width: 64em) {
    .team__stats__label {
        padding: 24px 20px 16px 0
    }
}

@media only screen and (max-width: 47.9375em) {
    .team__stats__label {
        padding-left: 0.75rem;
        padding-top: 0.125rem;
        padding-bottom: 0.375rem;
        text-align: left;
        width: 100%
    }
    [class^="team__stats__item--"] {
        margin-bottom: 1.2rem
    }
    [class^="team__stats__item--"] .team__stats__tier-label {
        left: 0;
        text-align: left;
        top: 12px
    }
}

.team__about {
    background: #f5f5f1;
    color: #232323;
    padding: 130px 0 180px;
    text-align: center
}

@media only screen and (max-width: 64em) {
    .team__about {
        padding: 65px 0 90px
    }
}

.team__about .wrap {
    max-width: 50rem
}

.team__about h2 {
    color: #161616;
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 60px;
    font-size: 3rem;
    line-height: 0.85;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase;
    text-shadow: #f5f5f1 2px 2px 0, #ae0000 3px 3px 0
}

@media only screen and (min-width: 64em) {
    .team__about h2 {
        font-size: 92px;
        font-size: 4.6rem
    }
}

.team__about p {
    line-height: 1.45
}

@media only screen and (min-width: 45em) {
    .team__about p {
        font-size: 28px;
        font-size: 1.4rem
    }
}

.team__about p a {
    color: inherit;
    font-weight: 600
}

.team__about p a:hover,
.team__about p a:focus {
    color: #ae0000
}

.team__about p a:active {
    color: #525252
}

.team__insta__list,
.team__dribbble__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.team__insta__item,
.team__dribbble__item {
    display: inline-block;
    overflow: hidden;
    padding-top: 20%;
    position: relative;
    width: 20%;
    vertical-align: top
}

.team__insta__link,
.team__dribbble__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.team__insta__image,
.team__dribbble__image,
.team__music__cover {
    background: center no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.team__insta__overlay,
.team__dribbble__overlay,
.team__music__title-card {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #303030;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    text-shadow: rgba(22, 22, 22, 0.2) 1px 1px 2px;
    top: 0;
    -webkit-transition: all 350ms cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: all 350ms cubic-bezier(0.875, 0.105, 0.19, 0.92);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center
}

.no-touch .team__insta__overlay,
.no-touch .team__dribbble__overlay,
.no-touch .team__music__title-card {
    opacity: 0
}

.touch .team__insta__overlay,
.touch .team__dribbble__overlay,
.touch .team__music__title-card {
    display: none
}

.no-touch a:hover .team__insta__overlay,
.no-touch a:hover .team__dribbble__overlay,
.no-touch a:hover .team__music__title-card,
.no-touch a:focus .team__insta__overlay,
.no-touch a:focus .team__dribbble__overlay,
.no-touch a:focus .team__music__title-card {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1
}

.no-touch a:active .team__insta__overlay,
.no-touch a:active .team__dribbble__overlay,
.no-touch a:active .team__music__title-card {
    background: #161616
}

.team__insta__image--blur,
.team__dribbble__image--blur,
.team__music__cover--blur {
    background: center no-repeat;
    background-size: cover;
    height: 140%;
    left: -20%;
    opacity: 0.5;
    position: absolute;
    top: -20%;
    width: 140%;
    -webkit-filter: blur(10px) grayscale(1);
    filter: blur(10px) grayscale(1)
}

[class^="team__insta__text--"],
[class^="team__dribbble__text--"],
[class^="team__music__text--"] {
    -ms-flex-item-align: center;
    align-self: center;
    color: #f5f5f1;
    display: block;
    opacity: 0;
    position: relative;
    text-align: center;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 350ms cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: all 350ms cubic-bezier(0.875, 0.105, 0.19, 0.92);
    width: 100%;
    z-index: 2
}

.no-touch a:hover [class^="team__insta__text--"],
.no-touch a:hover [class^="team__dribbble__text--"],
.no-touch a:hover [class^="team__music__text--"],
.no-touch a:focus [class^="team__insta__text--"],
.no-touch a:focus [class^="team__dribbble__text--"],
.no-touch a:focus [class^="team__music__text--"] {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.team__insta__text--title,
.team__dribbble__text--title,
.team__music__text--title,
.team__strava__title {
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 34px;
    font-size: 1.7rem;
    line-height: 0.95;
    margin-bottom: 0.25rem;
    text-transform: uppercase
}

.team__insta__text--subtitle,
.team__dribbble__text--data,
.team__music__text--artist {
    font-size: 24px;
    font-size: 1.2rem;
    font-weight: 300
}

.team__music__text--album {
    font-size: 20px;
    font-size: 1rem;
    font-style: italic
}

.team__service-logo {
    height: 4.2rem;
    left: 50%;
    margin: -2.1rem 0 0 -2.1rem;
    position: absolute;
    top: 50%;
    width: 4.2rem;
    z-index: 2
}

.team__service-logo .connect-dribbble,
.team__service-logo .connect-instagram {
    opacity: 1;
    -webkit-transition: visibility .25s ease .1s, opacity .25s ease .1s;
    transition: visibility .25s ease .1s, opacity .25s ease .1s;
    visibility: visible
}

.team__service-logo svg {
    fill: #f5f5f1;
    height: 2.4rem;
    left: 50%;
    margin: -1.2rem 0 0 -1.2rem;
    position: absolute;
    top: 50%;
    width: 2.4rem
}

.team__service-logo .connect-knockout,
.team__service-logo .connect-shadow {
    display: none;
    fill: none
}

.team__service-logo:hover .connect-dribbble,
.team__service-logo:hover .connect-instagram,
.team__service-logo:focus .connect-dribbble,
.team__service-logo:focus .connect-instagram,
.team__service-logo:active .connect-dribbble,
.team__service-logo:active .connect-instagram {
    opacity: 0;
    -webkit-transition-delay: .25s, 0s;
    transition-delay: .25s, 0s;
    visibility: hidden
}

.team__service-logo:hover~.team__service-logo__background,
.team__service-logo:focus~.team__service-logo__background,
.team__service-logo:active~.team__service-logo__background {
    margin: -100% 0 0 -100%;
    opacity: .8;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 200%
}

@media only screen and (min-width: 45em) {
    .team__service-logo:hover~.team__service-logo__background,
    .team__service-logo:focus~.team__service-logo__background,
    .team__service-logo:active~.team__service-logo__background {
        margin: -50% 0 0 -50%;
        width: 100%
    }
}

.team__service-logo:hover .team__service-logo__label,
.team__service-logo:focus .team__service-logo__label,
.team__service-logo:active .team__service-logo__label {
    opacity: 1;
    -webkit-transition-delay: .1s, .1s;
    transition-delay: .1s, .1s;
    visibility: visible
}

.team__service-logo:active .team__service-logo__background {
    opacity: .9
}

.team__service-logo__background {
    left: 50%;
    margin: -2.1rem 0 0 -2.1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 4.2rem;
    z-index: 1
}

.team__service-logo__background:before {
    content: "";
    display: block;
    padding-top: 100%
}

.team__service-logo--instagram~.team__service-logo__background {
    background: #314351
}

.team__service-logo--dribbble~.team__service-logo__background {
    background: #813553
}

.team__service-logo__label {
    color: #f5f5f1;
    font-weight: bold;
    opacity: 0;
    padding: 0 1.6rem;
    position: absolute;
    left: 50%;
    margin-left: -50vw;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: visibility .25s ease .25s, opacity .25s ease;
    transition: visibility .25s ease .25s, opacity .25s ease;
    visibility: hidden;
    width: 100vw
}

@media only screen and (min-width: 30em) {
    .team__service-logo__label {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media only screen and (min-width: 45em) {
    .team__service-logo__label {
        margin-left: auto;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        white-space: nowrap;
        width: auto
    }
}

@media only screen and (min-width: 64em) {
    .team__service-logo__label {
        font-size: 40px;
        font-size: 2rem
    }
}

.team__instagram {
    background: #f5f5f1;
    overflow: hidden;
    position: relative
}

.team__insta__list {
    min-height: calc((100vw - 0) / (8/4))
}

@media only screen and (max-width: 44.9375em) {
    .team__insta__list {
        min-height: calc(100vw * (8/4))
    }
}

.team__insta__item {
    padding-top: 50%;
    width: 50%
}

@media only screen and (min-width: 45em) {
    .team__insta__item {
        padding-top: 25%;
        width: 25%
    }
}

.team__insta__overlay {
    background-color: #314351
}

@media only screen and (max-width: 21.875em) {
    .team__insta__text--title {
        display: none
    }
}

.team__insta__text--extra {
    margin-bottom: 0.25rem
}

@media only screen and (max-width: 59.375em) {
    .team__insta__text--extra {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }
}

@media only screen and (max-width: 47.9375em) {
    .team__insta__text--extra {
        display: none
    }
}

[class^="team__insta__icon--"] {
    background: -10px center no-repeat;
    padding-left: 18px
}

.team__insta__icon--location {
    background-image: url(../images/icons/instagram-location.svg)
}

.team__insta__icon--like {
    background-image: url(../images/icons/dribbble-like.svg)
}

.team__twitter {
    background: #f5f5f1;
    color: #161616;
    padding: 20px 0 45px;
    text-align: center
}

@media only screen and (min-width: 40em) {
    .team__twitter {
        padding: 40px 0 90px
    }
}

@media only screen and (max-width: 30em) {
    .team__twitter .wrap {
        padding: 0 20px
    }
}

.team__twitter__icon {
    display: inline-block;
    fill: #232323;
    margin: 0 auto;
    position: relative
}

@media only screen and (min-width: 59.375em) {
    .team__twitter__icon {
        margin: 0 auto 2.4rem
    }
}

.team__twitter__icon:before {
    background: #161616;
    content: "";
    height: 150%;
    left: -42.85714%;
    position: absolute;
    top: -25%;
    -webkit-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 185.71429%
}

.team__twitter__icon:hover,
.team__twitter__icon:focus {
    fill: #f5f5f1
}

.team__twitter__icon:hover:before,
.team__twitter__icon:focus:before {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1)
}

.team__twitter__icon:active {
    fill: #f5f5f1
}

.team__twitter__icon:active:before {
    background: #ae0000
}

.team__twitter__icon svg {
    display: block;
    height: 52px;
    margin: 0 auto;
    position: relative;
    width: 42px
}

.team__twitter__icon svg path {
    fill: inherit
}

.team__twitter__list {
    list-style: none;
    padding: 0;
    text-align: left
}

.team__twitter__item {
    display: inline-block;
    margin-left: 2.5rem;
    vertical-align: top;
    width: calc(33.33% - 1.66667rem)
}

@media only screen and (min-width: 59.4375em) {
    .team__twitter__item:first-of-type {
        margin-left: 0
    }
}

@media only screen and (max-width: 59.375em) {
    .team__twitter__item {
        display: block;
        margin: 3rem auto 1rem;
        max-width: 500px;
        width: 100%
    }
}

.team__twitter__date,
.team__strava__subtitle {
    color: #ababab;
    display: block;
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-style: italic;
    line-height: 0.95;
    text-transform: uppercase
}

.team__twitter__date {
    font-size: 32px;
    font-size: 1.6rem;
    margin-bottom: 1rem
}

.team__twitter__date:hover,
.team__twitter__date:focus {
    color: #525252
}

.team__twitter__date:active {
    color: #ae0000
}

.team__twitter__tweet {
    line-height: 1.45
}

.team__twitter__tweet a {
    color: #ae0000;
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: top
}

.team__twitter__tweet a:hover,
.team__twitter__tweet a:focus {
    color: #525252
}

.team__twitter__tweet a:active {
    color: #161616
}

.team__twitter__tweet a[data-expanded-url] span {
    display: none
}

.team__twitter__tweet img[src*="emoji"] {
    display: inline-block;
    height: 1em;
    top: 0.15em;
    margin-right: 0.125em;
    position: relative;
    vertical-align: baseline;
    width: 1em
}

.team__dribbble {
    overflow: hidden;
    position: relative
}

.team__divider--instagram-dribbble {
    background: #f5f5f1;
    display: block;
    height: 31px;
    position: relative
}

.team__divider--instagram-dribbble:before {
    background: #ae0000;
    height: 1px;
    position: absolute;
    left: 0;
    top: 15px;
    content: "";
    width: 100%
}

.team__dribbble__list {
    min-height: calc((100vw - 0) / (4 * 0.66666666666))
}

@media only screen and (max-width: 44.9375em) {
    .team__dribbble__list {
        min-height: calc(100vw * 2 * 0.7499)
    }
}

.team__dribbble__item {
    padding-top: 37.5%;
    width: 50%
}

@media only screen and (min-width: 45em) {
    .team__dribbble__item {
        padding-top: 18.75%;
        width: 25%
    }
}

.team__dribbble__overlay {
    background-color: #813553
}

@media only screen and (max-width: 31.25em) {
    .team__dribbble__overlay {
        padding: 10px
    }
}

@media only screen and (max-width: 31.25em) {
    .team__dribbble__text--title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.team__dribbble__text--desc {
    margin-bottom: 0.25rem
}

@media only screen and (max-width: 59.375em) {
    .team__dribbble__text--desc {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media only screen and (max-width: 47.9375em) {
    .team__dribbble__text--desc {
        display: none
    }
}

[class^="team__dribbble__icon--"] {
    background: -10px center no-repeat;
    padding-left: 18px
}

.team__dribbble__icon--view {
    background-image: url(../images/icons/dribbble-view.svg);
    margin-right: 0.5rem
}

.team__dribbble__icon--like {
    background-image: url(../images/icons/dribbble-like.svg)
}

.team__music {
    padding: 80px 0 130px
}

@media only screen and (max-width: 64em) {
    .team__music {
        padding: 40px 0 65px
    }
}

.team__music h2 {
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 52px;
    font-size: 2.6rem;
    line-height: 0.95;
    margin-bottom: 4rem;
    text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
    .team__music h2 {
        text-align: center
    }
}

.team__music .wrap {
    position: relative
}

@media only screen and (max-width: 30em) {
    .team__music .wrap {
        padding: 0 20px
    }
}

.team__music__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
}

[class^="team__music__item--"] {
    position: relative;
    width: 25%
}

[class^="team__music__item--"]:before {
    content: "";
    display: block;
    padding-top: 100%
}

@media only screen and (max-width: 47.9375em) {
    [class^="team__music__item--"]:before {
        padding-top: 0
    }
}

@media only screen and (max-width: 70em) {
    [class^="team__music__item--"] {
        width: 30%
    }
}

.team__music__item--playing .team__music__album:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #f5f5f1;
    content: 'Currently listening to';
    position: absolute;
    left: 17px;
    height: 12px;
    line-height: 11px;
    font-size: 10px;
    font-size: 0.5rem;
    font-weight: bold;
    text-transform: uppercase;
    top: 5px;
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
    -webkit-transition: all 350ms cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: all 350ms cubic-bezier(0.875, 0.105, 0.19, 0.92);
    letter-spacing: 0.25px;
    padding: 0 5px 1px;
    opacity: 0;
    z-index: 5
}

@media only screen and (max-width: 47.9375em) {
    .team__music__item--playing .team__music__album:before {
        left: 0;
        opacity: 1;
        padding: 0 20px 0 220px;
        text-align: center;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: 100%
    }
}

@media only screen and (max-width: 31.25em) {
    .team__music__item--playing .team__music__album:before {
        padding-left: 170px
    }
}

@media only screen and (max-width: 21.875em) {
    .team__music__item--playing .team__music__album:before {
        padding-left: 120px
    }
}

.team__music__item--playing:hover .team__music__album:before,
.team__music__item--playing:focus .team__music__album:before,
.team__music__item--playing:active .team__music__album:before {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.team__music__now-playing {
    fill: inherit;
    height: 12px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 12px;
    z-index: 5
}

.team__music__now-playing [class^="bar--"] {
    -webkit-animation: spotify-bar 1.5s infinite;
    animation: spotify-bar 1.5s infinite;
    fill: #f5f5f1
}

.team__music__now-playing .box {
    fill: inherit
}

.team__music__now-playing .bar--2 {
    -webkit-animation-duration: 1.65s;
    animation-duration: 1.65s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.team__music__now-playing .bar--3 {
    -webkit-animation-duration: 1.35s;
    animation-duration: 1.35s;
    -webkit-animation-delay: -0.85s;
    animation-delay: -0.85s
}

@media only screen and (max-width: 47.9375em) {
    .team__music__now-playing {
        top: calc(50% - 100px + 5px)
    }
}

@media only screen and (max-width: 31.25em) {
    .team__music__now-playing {
        top: calc(50% - 75px + 5px)
    }
}

@media only screen and (max-width: 21.875em) {
    .team__music__now-playing {
        top: calc(50% - 50px + 5px)
    }
}

@-webkit-keyframes spotify-bar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        -webkit-transform: translateY(70%);
        transform: translateY(70%)
    }
    40% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    60% {
        -webkit-transform: translateY(30%);
        transform: translateY(30%)
    }
    80% {
        -webkit-transform: translateY(80%);
        transform: translateY(80%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes spotify-bar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        -webkit-transform: translateY(70%);
        transform: translateY(70%)
    }
    40% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    60% {
        -webkit-transform: translateY(30%);
        transform: translateY(30%)
    }
    80% {
        -webkit-transform: translateY(80%);
        transform: translateY(80%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.team__music__album {
    fill: #232323;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 48em) {
    .team__music__album:hover,
    .team__music__album:focus {
        fill: transparent
    }
}

.team__music__cover,
.team__music__cover--blur {
    background-image: url(../images/team-members/lastfm-default-cover.png)
}

.team__music__list--spotify .team__music__cover,
.team__music__list--spotify .team__music__cover--blur {
    background-image: url(../images/team-members/spotify-default-cover.png)
}

.team__music__list--soundcloud .team__music__cover,
.team__music__list--soundcloud .team__music__cover--blur {
    background-image: url(../images/team-members/soundcloud-default-cover.png)
}

.team__music__list--spotify .team__music__title-card {
    background-color: #4ba065
}

.team__music__list--soundcloud .team__music__title-card {
    background-color: #df8620
}

@media only screen and (max-width: 47.9375em) {
    .touch .team__music__title-card {
        display: block
    }
}

.team__music__text--artist {
    margin-bottom: 0.5rem
}

@media only screen and (min-width: 48em) {
    .team__music__follow {
        padding-right: 40px;
        position: absolute;
        top: 1rem;
        right: 0
    }
}

.team__music__follow a {
    color: #f5f5f1;
    display: block;
    fill: #f5f5f1;
    font-weight: bold;
    text-transform: uppercase
}

.team__music__follow a:hover,
.team__music__follow a:focus {
    fill: #ae0000;
    color: #ae0000
}

.team__music__follow a:active {
    fill: #525252;
    color: #525252
}

.team__music__follow svg {
    display: inline-block;
    height: 2rem;
    margin: 0 0 0 0.5rem;
    vertical-align: middle;
    fill: inherit
}

.team__music__follow #spotify-logomark {
    margin-bottom: 0.3rem;
    width: 6.5rem
}

.team__music__follow #soundcloud-logomark {
    height: 3rem;
    margin-top: -0.7rem;
    width: 5.25rem
}

@media only screen and (max-width: 47.9375em) {
    .team__music__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    [class^="team__music__item--"] {
        margin: 0 auto 1rem;
        max-width: 32.5rem;
        padding-top: 0;
        width: 100%
    }
    .team__music__album {
        display: block;
        position: relative
    }
    .team__music__title-card.team__music__title-card {
        background: none;
        min-height: 200px;
        opacity: 1;
        padding-left: 220px;
        position: relative
    }
    .team__music__item--playing .team__music__title-card.team__music__title-card {
        padding-top: 30px
    }
    .team__music__cover {
        height: 200px;
        top: calc(50% - 100px);
        width: 200px
    }
    .team__music__cover--blur {
        display: none
    }
    .team__music__follow {
        text-align: center;
        margin-top: 3.2rem
    }
    .team__music__follow a {
        display: inline-block
    }
    .team__music__text--title,
    .team__music__text--artist,
    .team__music__text--album {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 31.25em) {
    .team__music__title-card.team__music__title-card {
        min-height: 150px;
        padding-left: 170px
    }
    .team__music__cover {
        height: 150px;
        top: calc(50% - 75px);
        width: 150px
    }
}

@media only screen and (max-width: 21.875em) {
    .team__music__title-card.team__music__title-card {
        min-height: 100px;
        padding-left: 120px
    }
    .team__music__cover {
        height: 100px;
        top: calc(50% - 50px);
        width: 100px
    }
}

.team__strava__list {
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 48em) {
    .team__strava__list {
        padding: 0 10px
    }
}

[class^="team__strava__item--"] {
    background: #222;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-shadow: #222 0.05rem 0.05rem, #222 0.05rem 0.1rem, #222 0.1rem 0.1rem, #222 0.1rem 0.05rem, #222 -0.05rem 0.05rem, #222 -0.05rem 0.1rem, #222 -0.1rem 0.1rem, #222 -0.1rem 0.05rem, #222 0.05rem -0.05rem, #222 0.05rem -0.1rem, #222 0.1rem -0.1rem, #222 0.1rem -0.05rem, #222 -0.05rem -0.05rem, #222 -0.05rem -0.1rem, #222 -0.1rem -0.1rem, #222 -0.1rem -0.05rem, #222 0 0.05rem, #222 0 0.1rem, #222 0.05rem 0, #222 0.1rem 0, #222 0 -0.05rem, #222 0 -0.1rem, #222 -0.05rem 0, #222 -0.1rem 0;
    vertical-align: top;
    width: 100%
}

[class^="team__strava__item--no-map--"] .team__strava__overlay,
[class^="team__strava__item--no-map--"] .team__strava__content {
    min-height: 0
}

@media only screen and (max-width: 47.9375em) {
    [class^="team__strava__item--no-map--"] .team__strava__content {
        max-width: 31.25rem;
        width: 100%
    }
}

.team__strava__overlay {
    color: #f5f5f1;
    display: block;
    min-height: 50vh;
    overflow: hidden;
    padding: 80px 0;
    position: relative;
    -webkit-transition: background 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: background 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    z-index: 1
}

.team__strava__overlay:hover,
.team__strava__overlay:focus {
    background: rgba(22, 22, 22, 0.55);
    color: #f5f5f1
}

.team__strava__overlay:active {
    background: rgba(22, 22, 22, 0.85);
    color: #f5f5f1
}

@media only screen and (max-width: 47.9375em) {
    .team__strava__overlay {
        min-height: 0;
        padding: 2.5rem 0
    }
    .team__strava__overlay .wrap {
        padding: 0
    }
}

@media only screen and (max-width: 31.25em) {
    .team__strava__overlay {
        overflow: visible;
        padding-bottom: 1.25rem
    }
    .team__strava__overlay:after {
        content: '';
        height: 31.25rem;
        left: 0;
        position: absolute;
        bottom: -31.25rem;
        width: 100%
    }
}

.team__strava__content {
    max-width: 25rem;
    min-height: 25rem;
    width: 50%
}

@media only screen and (max-width: 47.9375em) {
    .team__strava__content {
        min-height: 0;
        padding: 0 1.25rem
    }
}

@media only screen and (max-width: 31.25em) {
    .team__strava__content {
        width: 100%
    }
}

.team__strava__title {
    font-size: 52px;
    font-size: 2.6rem;
    margin-top: 0.25rem;
    margin-bottom: 1rem
}

@media only screen and (min-width: 48em) {
    .js .team__strava__title {
        opacity: 0;
        -webkit-transition: opacity 0.25s 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 0.25s 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
    }
    .team-member--loaded .team__strava--loaded.js--show .team__strava__title {
        opacity: 1
    }
}

.team__strava__subtitle {
    font-size: 32px;
    font-size: 1.6rem;
    text-indent: -0.1rem;
    -webkit-transition: color 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: color 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.team__strava__overlay:hover .team__strava__subtitle,
.team__strava__overlay:focus .team__strava__subtitle {
    color: #f5f5f1
}

@media only screen and (min-width: 48em) {
    .js .team__strava__subtitle {
        opacity: 0;
        -webkit-transition: color 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s 0.125s cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: color 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s 0.125s cubic-bezier(0.625, 0.125, 0.305, 0.875)
    }
    .team-member--loaded .team__strava--loaded.js--show .team__strava__subtitle {
        opacity: 1
    }
}

.team__strava__date {
    white-space: nowrap
}

.team__strava__data {
    margin: 0 auto 0.15rem
}

[class^="team__strava__data-item--"] {
    font-size: 22px;
    font-size: 1.1rem;
    background: top left no-repeat;
    cursor: help;
    display: block;
    line-height: 28px;
    margin-bottom: 0.7rem;
    min-height: 32px;
    padding: 0 0 6px 42px
}

@media only screen and (min-width: 48em) {
    [class^="team__strava__data-item--"] {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 0.5rem)
    }
    [class^="team__strava__data-item--"]:nth-of-type(2n-1) {
        margin-right: 1rem
    }
    .js [class^="team__strava__data-item--"] {
        opacity: 0;
        -webkit-transition: opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
    }
    .js [class^="team__strava__data-item--"]:nth-of-type(1) {
        -webkit-transition-delay: 625ms;
        transition-delay: 625ms
    }
    .js [class^="team__strava__data-item--"]:nth-of-type(2) {
        -webkit-transition-delay: 750ms;
        transition-delay: 750ms
    }
    .js [class^="team__strava__data-item--"]:nth-of-type(3) {
        -webkit-transition-delay: 875ms;
        transition-delay: 875ms
    }
    .js [class^="team__strava__data-item--"]:nth-of-type(4) {
        -webkit-transition-delay: 1000ms;
        transition-delay: 1000ms
    }
    .js [class^="team__strava__data-item--"]:nth-of-type(5) {
        -webkit-transition-delay: 1125ms;
        transition-delay: 1125ms
    }
    .js [class^="team__strava__data-item--"]:nth-of-type(6) {
        -webkit-transition-delay: 1250ms;
        transition-delay: 1250ms
    }
    .js [class^="team__strava__data-item--"]:nth-of-type(7) {
        -webkit-transition-delay: 1375ms;
        transition-delay: 1375ms
    }
    .team-member--loaded .team__strava--loaded.js--show [class^="team__strava__data-item--"] {
        opacity: 1
    }
}

@media only screen and (max-width: 31.25em) {
    [class^="team__strava__data-item--"] {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 0.5rem)
    }
    [class^="team__strava__data-item--"]:nth-of-type(2n-1) {
        margin-right: 1rem
    }
}

@media only screen and (max-width: 20.625em) {
    [class^="team__strava__data-item--"] {
        display: block;
        width: 100%;
        margin-right: 0 !important
    }
}

.team__strava__data-item--distance {
    background-image: url(../images/icons/team-strava-distance.svg)
}

.team__strava__data-item--duration {
    background-image: url(../images/icons/team-strava-duration.svg)
}

.team__strava__data-item--hr {
    background-image: url(../images/icons/team-strava-hr.svg)
}

.team__strava__data-item--pace {
    background-image: url(../images/icons/team-strava-pace.svg)
}

.team__strava__data-item--awards {
    background-image: url(../images/icons/team-strava-awards.svg)
}

.team__strava__data-item--elevation {
    background-image: url(../images/icons/team-strava-elevation.svg)
}

.team__strava__data-label {
    color: #ababab;
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 20px;
    font-size: 1rem;
    line-height: 0.95;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    text-transform: uppercase;
    -webkit-transform: translateY(0.5rem);
    -ms-transform: translateY(0.5rem);
    transform: translateY(0.5rem);
    -webkit-transition: opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.team__strava__data-label abbr {
    border-bottom: 0
}

.no-touch [class^="team__strava__data-item--"]:hover .team__strava__data-label {
    opacity: 1;
    -webkit-transform: translateY(-0.25rem);
    -ms-transform: translateY(-0.25rem);
    transform: translateY(-0.25rem)
}

.team__strava__data-value {
    display: block;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.no-touch [class^="team__strava__data-item--"]:hover .team__strava__data-value {
    -webkit-transform: translateY(0.4rem);
    -ms-transform: translateY(0.4rem);
    transform: translateY(0.4rem)
}

.team__strava__map {
    background: #222 !important;
    height: calc(100% + 40px);
    left: -5px;
    opacity: 0;
    position: absolute;
    top: -5px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: calc(100% + 10px)
}

.team__strava__map>div,
.team__strava__map .gm-err-container {
    background: #222 !important
}

.team__strava--loaded .team__strava__map {
    opacity: 1
}

@media only screen and (max-width: 47.9375em) {
    .team__strava__map {
        left: 50%;
        right: -0.625rem;
        width: auto
    }
}

@media only screen and (max-width: 31.25em) {
    .team__strava__map {
        height: calc(100vw + 2.5rem);
        position: relative;
        left: -0.625rem;
        margin-top: -2.5rem;
        max-height: 22.5rem;
        top: 2.5rem
    }
}

.core-team__hero {
    padding-bottom: 6rem;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width: 64.0625em) {
    .core-team__hero {
        padding-top: 6rem
    }
}

@media only screen and (min-width: 67.5em) {
    .core-team__hero h1 {
        font-size: 6.6rem
    }
}

.core-team__hero h2 {
    font-size: 20px;
    font-size: 1rem;
    display: inline-block;
    font-weight: 600;
    padding: 0 1rem;
    margin: 1rem 0 0.8rem;
    text-align: center
}

@media only screen and (min-width: 48em) {
    .core-team__hero h2 {
        margin-top: 1.6rem
    }
    .core-team__hero h2:before {
        content: "- "
    }
    .core-team__hero h2:after {
        content: " -"
    }
}

@media only screen and (min-width: 45em) {
    .core-team__hero h2 {
        font-size: 34px;
        font-size: 1.7rem
    }
}

.core-team__hero p {
    display: none
}

@media only screen and (min-width: 30em) {
    .core-team__hero p {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 46rem;
        padding: 0 1rem
    }
}

@media only screen and (min-width: 64.0625em) {
    .core-team__hero p {
        font-size: 22px;
        font-size: 1.1rem
    }
}

.core-team__hero .wrap {
    max-width: 76rem;
    padding: 0
}

.core-team__member {
    display: inline-block;
    margin: 1rem -10%;
    max-width: 20rem;
    position: relative;
    -webkit-transition: none;
    transition: none;
    width: 120%
}

@media only screen and (min-width: 20em) {
    .core-team__member {
        margin-left: -0.5rem;
        margin-right: -0.5rem
    }
}

@media only screen and (min-width: 64.0625em) and (max-width: 71.1875em) {
    .core-team__member {
        max-width: 16rem
    }
}

.core-team__member:before {
    content: '';
    display: block;
    padding-top: 100%
}

.core-team__member h3 {
    font-size: 32px;
    font-size: 1.6rem;
    color: #f5f5f1;
    font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    line-height: 0.85;
    padding: 0 calc(8.33333% + 0.5rem);
    position: relative;
    text-transform: uppercase;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    z-index: 2
}

.core-team__member:hover h3,
.core-team__member:focus h3 {
    -webkit-transform: translateY(-0.5rem);
    -ms-transform: translateY(-0.5rem);
    transform: translateY(-0.5rem)
}

.core-team__avatar {
    left: 0;
    padding-top: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.core-team__avatar:before,
.core-team__avatar:after {
    background: #ae0000;
    content: '';
    left: 40%;
    padding-top: 20%;
    position: absolute;
    top: 10%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20%;
    z-index: 2
}

.core-team__avatar:after {
    bottom: 10%;
    top: auto
}

.core-team__avatar__diamond {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: center no-repeat;
    background-size: 100%;
    bottom: 22.5%;
    -webkit-box-shadow: inset white 0 0 0 0;
    box-shadow: inset white 0 0 0 0;
    left: 22.5%;
    position: absolute;
    right: 22.5%;
    top: 22.5%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-box-shadow 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-box-shadow 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), box-shadow 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), box-shadow 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-box-shadow 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.core-team__member:hover .core-team__avatar__diamond,
.core-team__member:focus .core-team__avatar__diamond {
    -webkit-transform: rotate(45deg) scale(1.07273);
    -ms-transform: rotate(45deg) scale(1.07273);
    transform: rotate(45deg) scale(1.07273)
}

.core-team__member:active .core-team__avatar__diamond {
    -webkit-box-shadow: inset white 0 0 0 8.5rem;
    box-shadow: inset white 0 0 0 8.5rem
}

.core-team__avatar__pattern {
    background: center center no-repeat;
    background-size: 100%;
    bottom: 9.09091%;
    left: 9.09091%;
    position: absolute;
    right: 9.09091%;
    top: 9.09091%;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.core-team__member:hover .core-team__avatar__pattern,
.core-team__member:focus .core-team__avatar__pattern {
    -webkit-transform: scale(0.91149);
    -ms-transform: scale(0.91149);
    transform: scale(0.91149)
}

.core-team__avatar__image {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3
}

.core-team__search {
    background: #1d1d1d;
    overflow: hidden;
    padding: 3rem 0;
    position: relative
}

@media only screen and (min-width: 30em) {
    .core-team__search {
        padding: 5rem 0
    }
}

@media only screen and (min-width: 45em) {
    .core-team__search {
        padding: 7.5rem 0
    }
}

@media only screen and (min-width: 64.0625em) {
    .core-team__search {
        padding: 8rem
    }
}

@media only screen and (min-width: 80em) {
    .core-team__search {
        padding: 10rem 0
    }
}

.core-team__search:before {
    background: url(../images/bg/member-pattern.png) repeat;
    background-size: 480px 240px;
    content: '';
    height: 250%;
    left: -75%;
    opacity: 0.5;
    position: absolute;
    top: -75%;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    width: 250%
}

@media only screen and (min-width: 45em) {
    .core-team__search:before {
        background-size: 960px 480px
    }
}

@media only screen and (min-width: 64.0625em) {
    .core-team__search:before {
        background-size: 1920px 960px
    }
}

.core-team__search h2 {
    font-size: 42px;
    font-size: 2.625rem;
    color: #f5f5f1;
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    line-height: 0.85;
    margin: 0 auto 1rem;
    position: relative;
    text-align: center;
    text-shadow: #161616 2px 2px 0, #ae0000 3px 3px 0;
    text-transform: uppercase;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

@media only screen and (min-width: 30em) {
    .core-team__search h2 {
        font-size: 64px;
        font-size: 4rem
    }
}

@media only screen and (min-width: 51.25em) {
    .core-team__search h2 {
        font-size: 72px;
        font-size: 4.5rem
    }
}

@media only screen and (min-width: 64.0625em) {
    .core-team__search h2 {
        font-size: 84px;
        font-size: 4.2rem
    }
}

.core-team__search .wrap {
    max-width: 36rem;
    position: relative
}

.core-team__search__form {
    position: relative
}

@media only screen and (min-width: 51.25em) {
    .core-team__search__form {
        font-size: 28px;
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 34.375em) {
    .core-team__search__form {
        padding-bottom: 3.125rem
    }
}

.core-team__search__form label {
    display: block;
    font-weight: 600;
    text-align: center
}

@media only screen and (max-width: 34.375em) {
    .core-team__search__form label {
        height: 5rem
    }
}

.core-team__search__form input[type="text"] {
    font-size: 16px;
    font-size: 1rem;
    background: #161616;
    border: 4px solid #000000;
    color: #f5f5f1;
    display: block;
    margin: 3rem auto 0;
    outline: none;
    padding: 0.7rem 0.8rem 0.9rem;
    text-align: center;
    text-style: italic;
    width: 100%
}

.core-team__search__form input[type="text"]::place-holder {
    color: #525252
}

@media only screen and (min-width: 45em) {
    .core-team__search__form input[type="text"] {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (min-width: 64.0625em) {
    .core-team__search__form input[type="text"] {
        font-size: 28px;
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 34.375em) {
    .core-team__search__form input[type="text"] {
        margin-top: 0.625rem
    }
}

.core-team__search__form:after {
    font-size: 24px;
    font-size: 1.2rem;
    bottom: -1.5rem;
    color: #f5f5f1;
    content: '';
    font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    text-transform: uppercase;
    width: 100%
}

@media only screen and (max-width: 34.375em) {
    .core-team__search__form:after {
        font-size: 20px;
        font-size: 1rem;
        bottom: auto;
        top: 9.375rem
    }
}

.core-team__search__form.js--search-failed input,
.core-team__search__form.js--search-empty input {
    -webkit-animation: shake 0.1s 2;
    animation: shake 0.1s 2;
    border-color: #ae0000
}

.core-team__search__form.js--search-failed:after,
.core-team__search__form.js--search-empty:after {
    color: #ae0000;
    content: attr(data-form-empty)
}

.core-team__search__form.js--search-searching input {
    border-color: #f5f5f1
}

.core-team__search__form.js--search-searching:after {
    color: #f5f5f1;
    content: attr(data-form-searching)
}

.core-team__search__form.js--search-empty:after {
    content: attr(data-form-error)
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    75% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    75% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.page--projects .site-footer {
    bottom: unset
}

.progress {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0%;
    width: 100%
}

.progress .meter {
    background: rgba(22, 22, 22, 0.25);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.project__hero {
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    width: 100%
}

.project--nimble .project__hero {
    background-color: #ed5039;
    background-image: url(../images/nimble/bg--project.svg);
    background-position: left center
}

.project--rdio-drop .project__hero {
    background-image: url(../images/rdio-drop/bg--project.jpg)
}

.project--keyme .project__hero {
    background-color: #272d30;
    background-image: url(../images/keyme/bg--project.png)
}

.project--quizup .project__hero {
    background-color: #ff5454;
    background-image: url(../images/quizup/bg--project.svg)
}

.project--afterlight .project__hero {
    background-image: url(../images/afterlight/bg--project.jpg)
}

.project--barneys-new-york .project__hero {
    background-image: url(../images/barneys-new-york/bg--project.jpg)
}

.project--dayo .project__hero {
    background: #071F2D
}

.project--dayo .project__hero:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: url(../images/dayo/bg--pattern.svg);
    background-size: 36.25rem 15rem;
    content: '';
    left: -50%;
    height: 200%;
    opacity: 0.2;
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 200%
}

.project__hero .wrap {
    min-height: 100vh;
    padding-top: 3em;
    text-align: center;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

@media only screen and (max-width: 51.25em) {
    .project__hero {
        background-attachment: scroll
    }
}

.project__screenshot,
.project__info {
    display: inline-block;
    vertical-align: bottom
}

.project__screenshot {
    height: 80vh;
    margin-top: calc(20vh - 3em);
    width: auto
}

.project__info {
    padding: 2em 2em 6em;
    text-align: center;
    vertical-align: middle
}

.project__info .btn {
    -webkit-box-shadow: 0px 5px rgba(22, 22, 22, 0.1);
    box-shadow: 0px 5px rgba(22, 22, 22, 0.1);
    font-size: 24px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    margin: 2em auto 0;
    padding: 1.16667em 1.33333em 1.16667em
}

.project__info .btn:hover,
.project__info .btn:focus {
    background: #ae0000;
    -webkit-box-shadow: 0px 8px rgba(22, 22, 22, 0.1);
    box-shadow: 0px 8px rgba(22, 22, 22, 0.1);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0)
}

.project__info .btn:focus {
    -webkit-box-shadow: 0px 0px rgba(22, 22, 22, 0.1);
    box-shadow: 0px 0px rgba(22, 22, 22, 0.1);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.project__info .btn:active {
    background: #525252
}

@media only screen and (max-width: 40em) {
    .project__info .btn span {
        display: none
    }
}

@media only screen and (min-width: 51.3125em) {
    .project__info .btn {
        font-size: 22px;
        font-size: 1.1rem;
        padding-left: 1.6em;
        padding-right: 1.6em
    }
}

.project__hero--no-cta .project__info {
    padding-bottom: 8em
}

@media (min-height: 51.25em) {
    .project__hero--no-cta .project__info {
        padding-bottom: 12em
    }
}

@media (min-height: 60em) {
    .project__info {
        padding-bottom: 9em
    }
    .project__hero--no-cta .project__info {
        padding-bottom: 18em
    }
}

@media (min-height: 75em) {
    .project__info {
        padding-bottom: 15em
    }
    .project__hero--no-cta .project__info {
        padding-bottom: 20em
    }
}

.project__title {
    margin: 0 0 3em
}

.project__logo {
    display: block;
    margin: 0 auto;
    max-width: 80%;
    width: 100%
}

.btn--app-store {
    background: rgba(22, 22, 22, 0.25);
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.btn--app-store img {
    display: block
}

.btn--app-store:hover,
.btn--app-store:focus {
    background: rgba(22, 22, 22, 0.355);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1
}

.btn--app-store:active {
    background: rgba(22, 22, 22, 0.5);
    -webkit-box-shadow: none;
    box-shadow: none
}

.project--warby-parker .project__hero {
    background: #00A2E1
}

.project--warby-parker .project__screenshot {
    opacity: 0
}

.no-cssanimations .project--warby-parker .project__screenshot {
    opacity: 1
}

.project--warby-parker.js--animate-in .project__screenshot {
    -webkit-animation: fadeUp 1s ease 1 both;
    animation: fadeUp 1s ease 1 both
}

.project--warby-parker .project__info {
    width: calc(99% - 51.72414vh)
}

.project--warby-parker .project__logo {
    width: 7.63636em;
    max-width: 100%
}

@media only screen and (max-height: 62.5em) {
    .project--warby-parker .project__screenshot {
        height: 90vh;
        margin-top: calc(10vh - 3em)
    }
    .project--warby-parker .project__info {
        width: calc(99% - 58.18966vh)
    }
}

@media only screen and (max-height: 53.125em) {
    .project--warby-parker .project__screenshot {
        height: 97vh;
        margin-top: calc(3vh - 3em)
    }
    .project--warby-parker .project__info {
        width: calc(99% - 62.71552vh)
    }
}

@media only screen and (max-width: 67.5em) and (min-height: 62.5625em) {
    .project--warby-parker .project__screenshot {
        height: 70vh;
        margin-top: calc(30vh - 3em)
    }
    .project--warby-parker .project__info {
        width: calc(99% - 45.25862vh)
    }
}

@media only screen and (max-width: 57.5em) and (min-height: 62.5625em) {
    .project--warby-parker .project__screenshot {
        height: 60vh;
        margin-top: calc(40vh - 3em)
    }
    .project--warby-parker .project__info {
        width: calc(99% - 38.7931vh)
    }
}

.btn--warby-parker {
    background: #414B56
}

.project--verizon .project__hero {
    background: #fb424a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#c0171d));
    background: linear-gradient(#ed1c24, #c0171d);
    direction: rtl
}

.project--verizon .project__hero:before {
    background: url(../images/verizon/hero_bg.svg) no-repeat 50% 50%;
    background-size: cover;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.project--verizon .project__screenshot {
    opacity: 0
}

.project--verizon.js--animate-in .project__screenshot {
    -webkit-animation: fadeUp 1s ease 1 both;
    animation: fadeUp 1s ease 1 both
}

.project--verizon .project__info {
    width: calc(99% - 51.72414vh)
}

.project--verizon .project__logo {
    width: 6.87273em;
    max-width: 100%
}

.no-cssanimations .project--verizon .project__screenshot {
    opacity: 1
}

@media only screen and (max-height: 62.5em) {
    .project--verizon .project__screenshot {
        height: 90vh;
        margin-top: calc(10vh - 3em)
    }
    .project--verizon .project__info {
        width: calc(99% - 58.18966vh)
    }
}

@media only screen and (max-height: 53.125em) {
    .project--verizon .project__screenshot {
        height: 97vh;
        margin-top: calc(3vh - 3em)
    }
    .project--verizon .project__info {
        width: calc(99% - 62.71552vh)
    }
}

@media only screen and (max-width: 67.5em) and (min-height: 62.5625em) {
    .project--verizon .project__screenshot {
        height: 70vh;
        margin-top: calc(30vh - 3em)
    }
    .project--verizon .project__info {
        width: calc(99% - 45.25862vh)
    }
}

@media only screen and (max-width: 57.5em) and (min-height: 62.5625em) {
    .project--verizon .project__screenshot {
        height: 60vh;
        margin-top: calc(40vh - 3em)
    }
    .project--verizon .project__info {
        width: calc(99% - 38.7931vh)
    }
}

.btn--verizon {
    background: #494C4F;
    direction: rtl
}

.project--mysteryvibe .project__hero {
    background: #281032;
    background: -webkit-gradient(linear, left top, right bottom, from(#39123f), to(#011543));
    background: linear-gradient(to bottom right, #39123f, #011543);
    direction: rtl
}

.project--mysteryvibe .project__screenshot {
    opacity: 0;
    height: 65vh;
    margin-top: calc(35vh - 3em)
}

.no-cssanimations .project--mysteryvibe .project__screenshot {
    opacity: 1
}

.project--mysteryvibe.js--animate-in .project__screenshot {
    -webkit-animation: fadeUp 1s ease 1 both;
    animation: fadeUp 1s ease 1 both
}

.project--mysteryvibe .project__logo {
    max-width: 68%;
    width: 5.30909em
}

.project--mysteryvibe .project__info {
    width: calc(99% - 53.82813vh)
}

@media only screen and (max-height: 62.5em) {
    .project--mysteryvibe .project__screenshot {
        height: 75vh;
        margin-top: calc(25vh - 3em)
    }
    .project--mysteryvibe .project__info {
        width: calc(99% - 62.10938vh)
    }
}

@media only screen and (max-height: 53.125em) {
    .project--mysteryvibe .project__screenshot {
        height: 85vh;
        margin-top: calc(15vh - 3em)
    }
    .project--mysteryvibe .project__title {
        margin-bottom: 1.5em
    }
    .project--mysteryvibe .project__info {
        width: calc(99% - 70.39063vh)
    }
}

@media only screen and (max-width: 71.875em) and (min-height: 62.5625em) {
    .project--mysteryvibe .project__screenshot {
        height: 55vh;
        margin-top: calc(45vh - 3em)
    }
    .project--mysteryvibe .project__info {
        width: calc(99% - 45.54688vh)
    }
}

@media only screen and (max-width: 60em) and (min-height: 62.5625em) {
    .project--mysteryvibe .project__screenshot {
        height: 45vh;
        margin-top: calc(55vh - 3em)
    }
    .project--mysteryvibe .project__info {
        width: calc(99% - 37.26563vh)
    }
}

.btn--mysteryvibe {
    background: rgba(87, 93, 206, 0.25)
}

.project--keyme .project__screenshot {
    height: 75vh;
    margin-top: calc(25vh - 3em);
    opacity: 0
}

.project--keyme.js--animate-in .project__screenshot {
    -webkit-animation: fadeUp 1s ease 1 both;
    animation: fadeUp 1s ease 1 both
}

.project--keyme .project__logo {
    max-width: 61%;
    width: 6.90909em
}

.project--keyme .project__info {
    width: calc(99% - 44.38953vh)
}

.no-cssanimations .project--keyme .project__screenshot {
    opacity: 1
}

@media only screen and (max-height: 53.125em) {
    .project--keyme .project__screenshot {
        height: 85vh;
        margin-top: calc(15vh - 3em)
    }
    .project--keyme .project__title {
        margin-bottom: 1.5em
    }
    .project--keyme .project__info {
        width: calc(99% - 50.30814vh)
    }
}

@media only screen and (max-width: 71.25em) and (min-height: 62.5625em) {
    .project--keyme .project__screenshot {
        height: 65vh;
        margin-top: calc(35vh - 3em)
    }
    .project--keyme .project__info {
        width: calc(99% - 38.47093vh)
    }
}

@media only screen and (max-width: 59.375em) and (min-height: 62.5625em) {
    .project--keyme .project__screenshot {
        height: 55vh;
        margin-top: calc(45vh - 3em)
    }
    .project--keyme .project__info {
        width: calc(99% - 32.55233vh)
    }
}

.btn--keyme {
    background: #f8a900;
    direction: rtl
}

.project--quizup .project__hero {
    direction: rtl
}

.project--quizup .project__screenshot {
    opacity: 0;
    height: 65vh;
    margin-top: calc(35vh - 3em)
}

.project--quizup.js--animate-in .project__screenshot {
    -webkit-animation: fadeUp 1s ease 1 both;
    animation: fadeUp 1s ease 1 both
}

.project--quizup .project__logo {
    max-width: 68%;
    width: 5.30909em
}

.project--quizup .project__info {
    width: calc(99% - 53.82813vh)
}

.no-cssanimations .project--quizup .project__screenshot {
    opacity: 1
}

@media only screen and (max-height: 62.5em) {
    .project--quizup .project__screenshot {
        height: 75vh;
        margin-top: calc(25vh - 3em)
    }
    .project--quizup .project__info {
        width: calc(99% - 62.10938vh)
    }
}

@media only screen and (max-height: 53.125em) {
    .project--quizup .project__screenshot {
        height: 85vh;
        margin-top: calc(15vh - 3em)
    }
    .project--quizup .project__title {
        margin-bottom: 1.5em
    }
    .project--quizup .project__info {
        width: calc(99% - 70.39063vh)
    }
}

@media only screen and (max-width: 71.875em) and (min-height: 62.5625em) {
    .project--quizup .project__screenshot {
        height: 55vh;
        margin-top: calc(45vh - 3em)
    }
    .project--quizup .project__info {
        width: calc(99% - 45.54688vh)
    }
}

@media only screen and (max-width: 60em) and (min-height: 62.5625em) {
    .project--quizup .project__screenshot {
        height: 45vh;
        margin-top: calc(55vh - 3em)
    }
    .project--quizup .project__info {
        width: calc(99% - 37.26563vh)
    }
}

.btn--quizup {
    background: #ffbe1a
}

.project--afterlight {
    direction: rtl
}

.project--afterlight .project__screenshot {
    opacity: 0
}

.project--afterlight.js--animate-in .project__screenshot {
    -webkit-animation: fadeUp 1s ease 1 both;
    animation: fadeUp 1s ease 1 both
}

.project--afterlight .project__logo {
    max-width: 73%;
    width: 8.09091em
}

.project--afterlight .project__info {
    width: calc(99% - 44.19214vh)
}

.no-cssanimations .project--afterlight .project__screenshot {
    opacity: 1
}

@media only screen and (max-height: 50em) {
    .project--afterlight .project__screenshot {
        height: 90vh;
        margin-top: calc(10vh - 3em)
    }
    .project--afterlight .project__info {
        width: calc(99% - 49.71616vh)
    }
}

@media only screen and (max-width: 71.875em) and (min-height: 62.5625em) {
    .project--afterlight .project__screenshot {
        height: 55vh;
        margin-top: calc(45vh - 3em)
    }
    .project--afterlight .project__info {
        width: calc(99% - 30.3821vh)
    }
}

@media only screen and (max-width: 60em) and (min-height: 62.5625em) {
    .project--afterlight .project__screenshot {
        height: 45vh;
        margin-top: calc(55vh - 3em)
    }
    .project--afterlight .project__info {
        width: calc(99% - 24.85808vh)
    }
}

.btn--afterlight {
    background: #2fb6e3
}

.project--barneys-new-york .project__hero {
    direction: rtl
}

.project--barneys-new-york .project__hero .wrap {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.project--barneys-new-york .project__screenshot {
    height: 65vh;
    margin-top: calc(35vh - 3em);
    opacity: 0
}

.project--barneys-new-york.js--animate-in .project__screenshot {
    -webkit-animation: fadeUp 1s ease 1 both;
    animation: fadeUp 1s ease 1 both
}

.project--barneys-new-york .project__logo {
    max-width: 80%;
    width: 5.30909em
}

.project--barneys-new-york .project__info {
    width: calc(99% - 78.44828vh)
}

.no-cssanimations .project--barneys-new-york .project__screenshot {
    opacity: 1
}

@media only screen and (max-height: 66.25em) {
    .project--barneys-new-york .project__screenshot {
        height: 75vh;
        margin-top: calc(25vh - 3em)
    }
    .project--barneys-new-york .project__info {
        width: calc(99% - 90.51724vh)
    }
}

@media only screen and (max-height: 53.125em) {
    .project--barneys-new-york .project__screenshot {
        height: 85vh;
        margin-top: calc(15vh - 3em)
    }
    .project--barneys-new-york .project__info {
        width: calc(99% - 102.58621vh)
    }
}

@media only screen and (max-width: 80em) {
    .project--barneys-new-york .project__screenshot {
        height: 55vh;
        margin-top: calc(45vh - 3em)
    }
    .project--barneys-new-york .project__info {
        width: calc(99% - 66.37931vh)
    }
}

@media only screen and (max-width: 62.5em) {
    .project--barneys-new-york .project__screenshot {
        height: 40vh;
        margin-top: calc(60vh - 3em)
    }
    .project--barneys-new-york .project__info {
        width: calc(99% - 48.27586vh)
    }
}

@media only screen and (max-width: 98.75em) and (min-height: 62.5625em) {
    .project--barneys-new-york .project__screenshot {
        height: 55vh;
        margin-top: calc(45vh - 3em)
    }
    .project--barneys-new-york .project__info {
        width: calc(99% - 66.37931vh)
    }
}

@media only screen and (max-width: 85.9375em) and (min-height: 62.5625em) {
    .project--barneys-new-york .project__screenshot {
        height: 45vh;
        margin-top: calc(55vh - 3em)
    }
    .project--barneys-new-york .project__title {
        margin-bottom: 1.5em
    }
    .project--barneys-new-york .project__info {
        width: calc(99% - 54.31034vh)
    }
}

@media only screen and (max-width: 67.5em) and (min-height: 62.5625em) {
    .project--barneys-new-york .project__screenshot {
        height: 35vh;
        margin-top: calc(65vh - 3em)
    }
    .project--barneys-new-york .project__info {
        width: calc(99% - 42.24138vh)
    }
}

.btn--barneys-new-york {
    background: #000000
}

.project--dayo .project__hero .wrap {
    position: relative
}

.project--dayo .project__screenshot {
    opacity: 0
}

.project--dayo.js--animate-in .project__screenshot {
    -webkit-animation: fadeUp 1s ease 1 both;
    animation: fadeUp 1s ease 1 both
}

.project--dayo .project__info {
    width: calc(99% - 40vh)
}

.project--dayo .project__logo {
    width: 6.87273em
}

.no-cssanimations .project--nimble .project__screenshot {
    opacity: 1
}

@media only screen and (max-height: 62.5em) {
    .project--dayo .project__screenshot {
        height: 90vh;
        margin-top: calc(10vh - 3em)
    }
    .project--dayo .project__info {
        width: calc(99% - 45vh)
    }
}

@media only screen and (max-height: 53.125em) {
    .project--dayo .project__screenshot {
        height: 97vh;
        margin-top: calc(3vh - 3em)
    }
    .project--dayo .project__info {
        width: calc(99% - 48.5vh)
    }
}

@media only screen and (max-width: 67.5em) and (min-height: 62.5625em) {
    .project--dayo .project__screenshot {
        height: 70vh;
        margin-top: calc(30vh - 3em)
    }
    .project--dayo .project__info {
        width: calc(99% - 35vh)
    }
}

@media only screen and (max-width: 57.5em) and (min-height: 62.5625em) {
    .project--dayo .project__screenshot {
        height: 60vh;
        margin-top: calc(40vh - 3em)
    }
    .project--dayo .project__info {
        width: calc(99% - 30vh)
    }
}

.btn--dayo {
    background: #E54348
}

@media only screen and (max-width: 51.25em) {
    .project__hero .wrap {
        min-height: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .project__hero .project__screenshot {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 100%;
        width: 480px
    }
    .project__hero .project__title {
        margin-bottom: 1.5em
    }
    .project__hero .project__info {
        display: block;
        padding: 0 0 3em;
        width: 100%
    }
    .project--barneys-new-york .project__hero {
        direction: ltr;
        text-align: left
    }
    .project--barneys-new-york .project__hero .project__screenshot {
        height: auto;
        margin: 0;
        width: 80%
    }
    .project--barneys-new-york .project__info {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (max-width: 40em) {
    .project__hero {
        direction: ltr
    }
    .project--quizup .project__hero {
        direction: ltr
    }
    .project__hero .btn {
        display: inline-block;
        font-size: 13px;
        font-size: 0.8125rem;
        margin-top: 0;
        padding-bottom: 2em;
        padding-top: 2em;
        vertical-align: middle;
        width: 50%
    }
}

@media only screen and (max-width: 26.25em) {
    .project__hero .btn {
        font-size: 10px;
        font-size: 0.625rem;
        padding: 2em 1em
    }
}

@media (max-height: 46.875em) and (min-width: 51.3125em) {
    .project__hero .wrap {
        min-height: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .project__hero .project__screenshot {
        display: inline-block;
        height: auto;
        margin: 0;
        padding-bottom: 0;
        vertical-align: middle;
        width: 50%
    }
    .project__hero .project__title {
        margin-bottom: 1.5em
    }
    .project__hero .project__info {
        display: inline-block;
        padding-bottom: 1em;
        vertical-align: middle;
        width: 50%
    }
}

.project__description {
    background: #f5f5f1;
    color: #161616;
    font-size: 24px;
    font-size: 1.2rem;
    padding: 4em 0;
    text-align: center
}

@media only screen and (min-height: 62.5em) {
    .project__description {
        padding: 6.5em 0
    }
}

@media only screen and (min-height: 75em) {
    .project__description {
        padding: 8em 0
    }
}

.project__description .btn {
    margin-top: 3em
}

.project__description__title {
    display: block;
    margin: 0 0 1em
}

.project__description__title img {
    display: block;
    margin: 0 auto;
    max-width: 90%
}

.project__description p {
    direction: ltr;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    max-width: 31.75em
}

.project-thumbnails {
    background: #161616;
    position: relative;
    z-index: 2
}

.project--thumbnail {
    display: inline-block;
    height: 100vw;
    text-align: center;
    -webkit-transition-property: background;
    transition-property: background;
    vertical-align: top;
    width: 100%
}

.project--thumbnail:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-left: -1px;
    vertical-align: middle;
    width: 1px
}

.project--thumbnail img {
    display: inline-block;
    height: 100%;
    margin: auto;
    max-height: 40%;
    max-width: 60%;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.project--thumbnail .project__logo--thumbnail-portrait {
    max-height: 50%
}

.project--thumbnail.project--verizon img {
    max-width: 50%
}

.project--thumbnail.project--warby-parker img {
    max-width: 70%
}

@media only screen and (min-width: 22.5em) {
    .project--thumbnail {
        height: 50vw;
        width: 50%
    }
}

@media only screen and (min-width: 45em) {
    .project--thumbnail {
        height: 33.333vw;
        width: 33.33333%
    }
}

@media only screen and (min-width: 60em) {
    .project--thumbnail {
        height: 25vw;
        width: 25%
    }
}

@media only screen and (min-width: 112.5em) {
    .project--thumbnail {
        height: 16.6667vw;
        width: 16.66667%
    }
}

.block--projects-breaker,
.block--dribbble {
    background: #161616;
    padding: 7.4em 0;
    position: relative;
    z-index: 2
}

.block--projects-breaker .block__title,
.block--dribbble .block__title {
    font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 100px;
    font-size: 5rem;
    font-weight: normal;
    letter-spacing: 0.05rem;
    margin: 0
}

@media only screen and (max-width: 33.75em) {
    .block--projects-breaker,
    .block--dribbble {
        padding: 4em 0
    }
    .block--projects-breaker .block__title,
    .block--dribbble .block__title {
        font-size: 48px;
        font-size: 3rem
    }
}

@media only screen and (max-width: 26.25em) {
    .block--projects-breaker .block__title,
    .block--dribbble .block__title {
        font-size: 32px;
        font-size: 2rem
    }
}

.block--dribbble {
    color: #f5f5f1;
    display: block
}

.block--dribbble img {
    opacity: .21;
    -webkit-transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.block--dribbble:hover,
.block--dribbble:focus {
    background: #ea4c89;
    color: #f5f5f1
}

.block--dribbble:hover img,
.block--dribbble:focus img {
    opacity: 1
}

.block--dribbble:active {
    background: #e7357a;
    color: rgba(245, 245, 241, 0.21)
}

.block--dribbble:active img {
    opacity: .21
}

a.project--sunnycomb {
    background: #3dcadf
}

a.project--sunnycomb:hover,
a.project--sunnycomb:focus {
    background: #161616
}

a.project--sunnycomb:active {
    background: #161616
}

a.project--happify {
    background: #f06e2d
}

a.project--happify:hover,
a.project--happify:focus {
    background: #161616
}

a.project--happify:active {
    background: #161616
}

a.project--athlete-minder {
    background: #ec7b06
}

a.project--athlete-minder:hover,
a.project--athlete-minder:focus {
    background: #161616
}

a.project--athlete-minder:active {
    background: #161616
}

a.project--elevatr {
    background: #00c1d8
}

a.project--elevatr:hover,
a.project--elevatr:focus {
    background: #161616
}

a.project--elevatr:active {
    background: #161616
}

a.project--porsche {
    background: #cb9e65
}

a.project--porsche:hover,
a.project--porsche:focus {
    background: #161616
}

a.project--porsche:active {
    background: #161616
}

a.project--ribbon {
    background: #e96900
}

a.project--ribbon:hover,
a.project--ribbon:focus {
    background: #161616
}

a.project--ribbon:active {
    background: #161616
}

a.project--ducati {
    background: #eb2217
}

a.project--ducati:hover,
a.project--ducati:focus {
    background: #161616
}

a.project--ducati:active {
    background: #161616
}

a.project--kapture {
    background: #0acaed
}

a.project--kapture:hover,
a.project--kapture:focus {
    background: #161616
}

a.project--kapture:active {
    background: #161616
}

a.project--weride {
    background: #fca129
}

a.project--weride:hover,
a.project--weride:focus {
    background: #161616
}

a.project--weride:active {
    background: #161616
}

a.project--discovery {
    background: #5ab5ca
}

a.project--discovery:hover,
a.project--discovery:focus {
    background: #161616
}

a.project--discovery:active {
    background: #161616
}

a.project--pg {
    background: #588036
}

a.project--pg:hover,
a.project--pg:focus {
    background: #161616
}

a.project--pg:active {
    background: #161616
}

a.project--jack-threads {
    background: #7d1414
}

a.project--jack-threads:hover,
a.project--jack-threads:focus {
    background: #161616
}

a.project--jack-threads:active {
    background: #161616
}

a.project--cleancube {
    background: #d9c086
}

a.project--cleancube:hover,
a.project--cleancube:focus {
    background: #161616
}

a.project--cleancube:active {
    background: #161616
}

a.project--barneys-new-york {
    background: #302e2e
}

a.project--barneys-new-york:hover,
a.project--barneys-new-york:focus {
    background: #161616
}

a.project--barneys-new-york:active {
    background: #161616
}

a.project--rdio-drop {
    background: #008984
}

a.project--rdio-drop:hover,
a.project--rdio-drop:focus {
    background: #161616
}

a.project--rdio-drop:active {
    background: #161616
}

a.project--dayo {
    background: #E54348
}

a.project--dayo:hover,
a.project--dayo:focus {
    background: #161616
}

a.project--dayo:active {
    background: #161616
}

a.project--keyme {
    background: #EAA613
}

a.project--keyme:hover,
a.project--keyme:focus {
    background: #161616
}

a.project--keyme:active {
    background: #161616
}

a.project--verizon {
    background: #ed1c24
}

a.project--verizon:hover,
a.project--verizon:focus {
    background: #161616
}

a.project--verizon:active {
    background: #161616
}

a.project--pollen {
    background: #f0d011
}

a.project--pollen:hover,
a.project--pollen:focus {
    background: #161616
}

a.project--pollen:active {
    background: #161616
}

a.project--warby-parker {
    background: #00A2E1
}

a.project--warby-parker:hover,
a.project--warby-parker:focus {
    background: #161616
}

a.project--warby-parker:active {
    background: #161616
}

a.project--nimble {
    background: #ea5140
}

a.project--nimble:hover,
a.project--nimble:focus {
    background: #161616
}

a.project--nimble:active {
    background: #161616
}

a.project--mysteryvibe {
    background: #281032
}

a.project--mysteryvibe:hover,
a.project--mysteryvibe:focus {
    background: #161616
}

a.project--mysteryvibe:active {
    background: #161616
}

.menu--projects {
    list-style: none;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 2em;
    top: 50%;
    -webkit-transform: translateY(-108px);
    -ms-transform: translateY(-108px);
    transform: translateY(-108px);
    z-index: 1
}

@media only screen and (max-width: 51.25em) {
    .menu--projects {
        display: none
    }
}

.menu--projects .menu__item,
.menu--projects .menu__item--grid {
    display: block;
    list-style: none;
    text-align: right
}

.menu--projects .menu__item__link {
    color: rgba(245, 245, 241, 0);
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: 28px;
    margin: 4px 0;
    opacity: .4;
    padding: 0 14px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition-property: opacity, color;
    transition-property: opacity, color;
    -webkit-transition-delay: 0, 0;
    transition-delay: 0, 0
}

.menu--projects .menu__item__link:after {
    border: 3px solid white;
    bottom: 0;
    content: "";
    left: calc(100% - 28px);
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    -webkit-transition-delay: .25s, 0;
    transition-delay: .25s, 0;
    -webkit-transition-property: left, border-color;
    transition-property: left, border-color
}

.menu--projects .menu__item__link:hover,
.menu--projects .menu__item__link:focus,
.menu--projects .menu__item__link.menu__item__link--active {
    color: #f5f5f1;
    opacity: 1;
    -webkit-transition-delay: .25s, 0;
    transition-delay: .25s, 0
}

.menu--projects .menu__item__link:hover:after,
.menu--projects .menu__item__link:focus:after,
.menu--projects .menu__item__link.menu__item__link--active:after {
    left: 0;
    -webkit-transition-delay: 0s, 0;
    transition-delay: 0s, 0
}

.menu--projects .menu__item__title {
    display: block;
    line-height: 1.4;
    overflow: hidden;
    padding-top: 4px;
    -webkit-transition: max-width 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: max-width 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.menu--projects .menu__item--dark .menu__item__link {
    color: rgba(22, 22, 22, 0)
}

.menu--projects .menu__item--dark .menu__item__link:after {
    border-color: #161616
}

.menu--projects .menu__item--dark .menu__item__link:hover,
.menu--projects .menu__item--dark .menu__item__link:focus,
.menu--projects .menu__item--dark .menu__item__link.menu__item__link--active {
    color: #161616
}

.menu--projects .menu__item--grid .menu__item__link {
    padding: 0
}

.menu--projects .menu__item--grid .menu__item__link:after {
    display: none
}

.menu--projects .menu__item--grid .menu__item__link svg {
    display: block;
    fill: #f5f5f1;
    -webkit-transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.menu--projects .menu__item--grid .menu__item__link svg * {
    fill: inherit
}

.menu--projects .menu__item--grid .menu__item__title {
    padding-top: 0
}

.menu--projects .menu__item--dark.menu__item--grid .menu__item__link svg {
    fill: #161616
}

.ventures__article {
    background: #1F1F1F;
    text-align: center;
    overflow: hidden
}

.ventures__article .wrap {
    padding: 6rem 40px
}

@media only screen and (max-width: 30em) {
    .ventures__article .wrap {
        padding: 3rem 20px
    }
}

.ventures__heading {
    display: inline-block;
    font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 6.4rem;
    text-transform: uppercase;
    position: relative;
    text-shadow: 0.02em 0.02em 0 #1F1F1F, 0.03em 0.03em 0 #AE0000
}

@media only screen and (max-width: 48em) {
    .ventures__heading {
        font-size: 4.3rem
    }
}

@media only screen and (max-width: 30em) {
    .ventures__heading {
        font-size: 3.6rem
    }
}

.ventures__heading:before {
    background: -webkit-gradient(linear, left top, right top, from(#1f1f1f), color-stop(50%, #1f1f1f), to(rgba(31, 31, 31, 0)));
    background: linear-gradient(to right, #1f1f1f, #1f1f1f 50%, rgba(31, 31, 31, 0));
    content: '';
    position: absolute;
    height: 100%;
    width: 110%;
    right: 0;
    top: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 3s .5s;
    transition: 3s .5s
}

.js--show .ventures__heading:before {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ventures__heading:after {
    background: -webkit-gradient(linear, right top, left top, from(#1f1f1f), color-stop(50%, #1f1f1f), to(rgba(31, 31, 31, 0)));
    background: linear-gradient(to left, #1f1f1f, #1f1f1f 50%, rgba(31, 31, 31, 0));
    content: '';
    position: absolute;
    height: 100%;
    width: 110%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 3s .5s;
    transition: 3s .5s
}

.js--show .ventures__heading:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.ventures__description {
    font-size: 1.2rem;
    margin: 1.5em auto 6rem;
    max-width: 720px;
    padding: 1.5em 0 0;
    position: relative;
    text-align: center
}

@media only screen and (max-width: 30em) {
    .ventures__description {
        margin: 1.5em auto 3rem;
        padding: 1em 0 0
    }
}

.ventures__description>* {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    transform: translateY(-1em);
    -webkit-transition: opacity .75s 1.25s, -webkit-transform .5s 1.25s;
    transition: opacity .75s 1.25s, -webkit-transform .5s 1.25s;
    transition: opacity .75s 1.25s, transform .5s 1.25s;
    transition: opacity .75s 1.25s, transform .5s 1.25s, -webkit-transform .5s 1.25s
}

.js--show .ventures__description>* {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.ventures__description:before {
    background: #AE0000;
    content: '';
    margin: -2px 0 0 -128px;
    position: absolute;
    height: 4px;
    width: 256px;
    opacity: 0;
    left: 50%;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity .5s .75s, -webkit-transform 1s .75s ease-out;
    transition: opacity .5s .75s, -webkit-transform 1s .75s ease-out;
    transition: transform 1s .75s ease-out, opacity .5s .75s;
    transition: transform 1s .75s ease-out, opacity .5s .75s, -webkit-transform 1s .75s ease-out
}

.js--show .ventures__description:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.ventures__description:after {
    background: #f5f5f1;
    border: 4px solid #1F1F1F;
    content: '';
    margin: -10px 0 0 -10px;
    opacity: 0;
    position: absolute;
    height: 12px;
    width: 12px;
    left: 50%;
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transition: opacity .5s .75s, -webkit-transform 1.25s .75s ease-out;
    transition: opacity .5s .75s, -webkit-transform 1.25s .75s ease-out;
    transition: transform 1.25s .75s ease-out, opacity .5s .75s;
    transition: transform 1.25s .75s ease-out, opacity .5s .75s, -webkit-transform 1.25s .75s ease-out
}

.js--show .ventures__description:after {
    -webkit-transform: rotate3d(0, 0, 1, 765deg);
    transform: rotate3d(0, 0, 1, 765deg);
    opacity: 1
}

.ventures__more-link {
    display: inline-block;
    position: relative;
    opacity: 0;
    top: 0;
    -webkit-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    transform: translateY(-1em);
    -webkit-transition: background .2s, opacity .75s 1.5s, -webkit-transform .5s 1.5s;
    transition: background .2s, opacity .75s 1.5s, -webkit-transform .5s 1.5s;
    transition: background .2s, opacity .75s 1.5s, transform .5s 1.5s;
    transition: background .2s, opacity .75s 1.5s, transform .5s 1.5s, -webkit-transform .5s 1.5s;
    padding: 4px 0 0;
    opacity: 0
}

.js--show .ventures__more-link {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.ventures__more-link .btn {
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: .044em;
    padding: .75em 2.5em .85em
}

.venture {
    background: #fff;
    height: 33.333vw;
    min-height: 20vh
}

.venture svg,
.venture__img {
    display: block;
    margin: 0 auto;
    max-width: 60%;
    width: 400px;
    height: 50%;
    position: relative;
    top: 25%
}

.venture__img {
    background: center no-repeat;
    background-size: contain
}

.venture.js--reveal svg,
.venture.js--reveal__img {
    opacity: 0;
    -webkit-transition: opacity 500ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: opacity 500ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.venture.js--reveal.js--show svg,
.venture.js--reveal.js--show .venture__img {
    opacity: 1
}

.venture--amigo .venture__img,
.venture--amigo svg {
    width: 350px
}

.venture--blue-bottle .venture__img,
.venture--blue-bottle svg {
    width: 480px
}

.venture--circle-medical .venture__img,
.venture--circle-medical svg {
    width: 430px
}

.venture--inlist .venture__img,
.venture--inlist svg {
    width: 290px
}

.venture--makespace .venture__img,
.venture--makespace svg {
    width: 440px
}

.videos__article {
    background: #1F1F1F;
    text-align: center;
    overflow: hidden
}

.videos__article .wrap {
    padding: 6rem 40px
}

@media only screen and (max-width: 30em) {
    .videos__article .wrap {
        padding: 3rem 20px
    }
}

.videos__heading {
    display: inline-block;
    font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 6.4rem;
    text-transform: uppercase;
    position: relative;
    text-shadow: 0.02em 0.02em 0 #1F1F1F, 0.03em 0.03em 0 #AE0000
}

@media only screen and (max-width: 48em) {
    .videos__heading {
        font-size: 4.3rem
    }
}

@media only screen and (max-width: 30em) {
    .videos__heading {
        font-size: 3.6rem
    }
}

.videos__heading:before {
    background: -webkit-gradient(linear, left top, right top, from(#1f1f1f), color-stop(50%, #1f1f1f), to(rgba(31, 31, 31, 0)));
    background: linear-gradient(to right, #1f1f1f, #1f1f1f 50%, rgba(31, 31, 31, 0));
    content: '';
    position: absolute;
    height: 100%;
    width: 110%;
    right: 0;
    top: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 3s .5s;
    transition: 3s .5s
}

.js--show .videos__heading:before {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.videos__heading:after {
    background: -webkit-gradient(linear, right top, left top, from(#1f1f1f), color-stop(50%, #1f1f1f), to(rgba(31, 31, 31, 0)));
    background: linear-gradient(to left, #1f1f1f, #1f1f1f 50%, rgba(31, 31, 31, 0));
    content: '';
    position: absolute;
    height: 100%;
    width: 110%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 3s .5s;
    transition: 3s .5s
}

.js--show .videos__heading:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.videos__byline {
    opacity: 0;
    margin: 0;
    -webkit-transition: opacity 1.75s .75s;
    transition: opacity 1.75s .75s
}

.js--show .videos__byline {
    opacity: 1
}

.videos__description {
    font-size: 1.2rem;
    margin: 1.5em auto 2rem;
    max-width: 720px;
    padding: 1.5em 0 0;
    position: relative;
    text-align: center
}

@media only screen and (max-width: 30em) {
    .videos__description {
        padding: 1em 0 0
    }
}

.videos__description>* {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    transform: translateY(-1em);
    -webkit-transition: opacity .75s 1.25s, -webkit-transform .5s 1.25s;
    transition: opacity .75s 1.25s, -webkit-transform .5s 1.25s;
    transition: opacity .75s 1.25s, transform .5s 1.25s;
    transition: opacity .75s 1.25s, transform .5s 1.25s, -webkit-transform .5s 1.25s
}

.js--show .videos__description>* {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.videos__description:before {
    background: #AE0000;
    content: '';
    margin: -2px 0 0 -128px;
    position: absolute;
    height: 4px;
    width: 256px;
    opacity: 0;
    left: 50%;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity .5s .75s, -webkit-transform 1s .75s ease-out;
    transition: opacity .5s .75s, -webkit-transform 1s .75s ease-out;
    transition: transform 1s .75s ease-out, opacity .5s .75s;
    transition: transform 1s .75s ease-out, opacity .5s .75s, -webkit-transform 1s .75s ease-out
}

.js--show .videos__description:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.videos__description:after {
    background: #f5f5f1;
    border: 4px solid #1F1F1F;
    content: '';
    margin: -10px 0 0 -10px;
    opacity: 0;
    position: absolute;
    height: 12px;
    width: 12px;
    left: 50%;
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transition: opacity .5s .75s, -webkit-transform 1.25s .75s ease-out;
    transition: opacity .5s .75s, -webkit-transform 1.25s .75s ease-out;
    transition: transform 1.25s .75s ease-out, opacity .5s .75s;
    transition: transform 1.25s .75s ease-out, opacity .5s .75s, -webkit-transform 1.25s .75s ease-out
}

.js--show .videos__description:after {
    -webkit-transform: rotate3d(0, 0, 1, 765deg);
    transform: rotate3d(0, 0, 1, 765deg);
    opacity: 1
}

.videos__more-link {
    display: inline-block;
    position: relative;
    opacity: 0;
    top: 0;
    -webkit-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    transform: translateY(-1em);
    -webkit-transition: background .2s, opacity .75s 1.5s, -webkit-transform .5s 1.5s;
    transition: background .2s, opacity .75s 1.5s, -webkit-transform .5s 1.5s;
    transition: background .2s, opacity .75s 1.5s, transform .5s 1.5s;
    transition: background .2s, opacity .75s 1.5s, transform .5s 1.5s, -webkit-transform .5s 1.5s;
    padding: 4px 0 0;
    opacity: 0
}

.js--show .videos__more-link {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.videos__more-link .btn {
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: .044em;
    padding: .75em 2.5em .85em
}

.video {
    padding: 0 0 50%;
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
    height: 0
}

.video .video__title {
    position: absolute;
    font-size: 3rem;
    font-size: 12vw;
    margin: 0;
    right: 2vw;
    left: 2vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase
}

.video .video__title:after {
    content: attr(data-video-type);
    font-family: "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    text-transform: none;
    text-align: center;
    margin: .35em 0 0;
    font-size: .35em;
    display: block
}

@media only screen and (min-width: 45em) {
    .video {
        padding: 0 0 25%;
        width: 50%
    }
    .video .video__title {
        font-size: 6vw
    }
}

@media only screen and (min-width: 60em) {
    .video {
        padding: 0 0 25%;
        width: 50%
    }
    .video .video__title {
        font-size: 5vw
    }
}

@media only screen and (min-width: 75em) {
    .video .video__title {
        font-size: 4vw
    }
}

@media only screen and (min-width: 112.5em) {
    .video {
        padding: 0 0 16.666%;
        width: 33.333%
    }
    .video .video__title {
        font-size: 3vw
    }
}

.video .video__wrapper {
    position: absolute;
    overflow: hidden;
    bottom: -1px;
    right: -1px;
    left: -1px;
    top: -1px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.video .video__wrapper img {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video .video__wrapper:hover .video__summary {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.video .video__summary {
    position: absolute;
    color: #f5f5f1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    -webkit-transform: scale(1.075);
    -ms-transform: scale(1.075);
    transform: scale(1.075);
    opacity: 0
}

.video .video__modal {
    background: rgba(0, 0, 0, 0.75);
    white-space: nowrap;
    position: fixed;
    font-size: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    -webkit-transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.video .video__modal:before {
    vertical-align: middle;
    display: inline-block;
    content: '';
    height: 100%;
    width: 0
}

.video .video__modal .video__modal__frame {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    max-width: 90%;
    margin: 4rem auto;
    width: 960px;
    -webkit-transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75)
}

.video .video__modal .video__modal__frame img {
    display: block;
    height: auto;
    width: 100%
}

.video .video__modal .video__modal__frame:after {
    position: absolute;
    font-size: 3rem;
    cursor: pointer;
    content: "\00D7";
    line-height: 1;
    bottom: 100%;
    right: 0
}

.video .video__modal iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    -webkit-transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.video .video__modal.video__modal--created {
    opacity: 1
}

.video .video__modal.video__modal--created .video__modal__frame {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.video .video__modal.video__modal--loaded iframe {
    opacity: 1
}

.project-navigation {
    position: relative;
    z-index: 3
}

.project-navigation>.wrap {
    *zoom: 1;
    margin: 0 auto
}

.project-navigation>.wrap:before,
.project-navigation>.wrap:after {
    content: " ";
    display: table
}

.project-navigation>.wrap:after {
    clear: both
}

.back-to-projects {
    float: left;
    height: 56px;
    line-height: 56px;
    margin-left: 66px;
    padding: 0 1em
}

.back-to-projects svg {
    fill: #525252;
    -webkit-transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: fill 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.back-to-projects svg polygon {
    fill: inherit
}

.back-to-projects:hover svg {
    fill: #f5f5f1
}

.back-to-projects:active svg,
.back-to-projects:focus svg {
    fill: #ae0000
}

.current-project {
    background: #161616;
    float: right;
    margin-right: 10px
}

.current-project ul {
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.current-project li {
    display: inline-block;
    height: 56px;
    min-width: 56px;
    padding: 0 0 0 .25em;
    vertical-align: top
}

.current-project li>* {
    display: inline-block;
    line-height: 52px;
    padding-bottom: 4px
}

.current-project li .label {
    color: #525252
}

.current-project li i {
    display: block;
    font-style: normal;
    margin-top: 0
}

.current-project .current-project__label {
    padding-right: .5em
}

.carousel-active .current-project li .toggle {
    background: #252525
}

.carousel-active .current-project li .toggle span {
    -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
    transform: rotate(90deg) translate3d(0, 0, 0)
}

.carousel-wrap {
    background: #252525;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    width: 100%;
    z-index: 11
}

.no-js .carousel-wrap {
    position: relative;
    overflow: hidden;
    bottom: 0;
    opacity: 1
}

.carousel--ran.carousel-wrap {
    opacity: 1
}

.js--animate-carousel .carousel-wrap {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: -webkit-transform 0.5s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: transform 0.5s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: transform 0.5s cubic-bezier(0.875, 0.105, 0.19, 0.92), -webkit-transform 0.5s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.js--show-carousel .carousel-wrap {
    position: relative;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.js--show-carousel.carousel-active .carousel-wrap {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.carousel-active .carousel-wrap {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.carousel-active .carousel-wrap .toggle {
    background: #252525
}

.carousel-active .carousel-wrap .toggle span {
    -webkit-transform: rotate(90deg) transform(0, 0);
    -ms-transform: rotate(90deg) transform(0, 0);
    transform: rotate(90deg) transform(0, 0);
    -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
    transform: rotate(90deg) translate3d(0, 0, 0)
}

.carousel-wrap .toggle {
    background: #161616;
    cursor: pointer;
    display: block;
    height: 32px;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: -32px;
    -webkit-transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%
}

.carousel-wrap .toggle:hover,
.carousel-wrap .toggle:focus {
    background: #252525;
    height: 42px;
    top: -42px
}

.carousel-wrap .toggle:active {
    background: #161616;
    height: 42px;
    top: -42px
}

.carousel-wrap .toggle span {
    border-color: #f5f5f1;
    border-style: solid;
    border-width: 2px 0;
    -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(0, 0, 0, 0.2) inset;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    left: 50%;
    margin-left: -8px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    -webkit-transition-property: height, margin, -webkit-transform;
    transition-property: height, margin, -webkit-transform;
    transition-property: transform, height, margin;
    transition-property: transform, height, margin, -webkit-transform;
    width: 16px
}

.carousel-wrap .toggle span:before {
    border-color: inherit;
    border-style: solid;
    border-width: 2px 0 0;
    -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px rgba(0, 0, 0, 0.2) inset;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 2px;
    -webkit-transition: top 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: top 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 16px
}

.carousel-wrap .toggle:hover span,
.carousel-wrap .toggle:focus span {
    height: 14px;
    margin-top: -7px;
    opacity: 1
}

.carousel-wrap .toggle:hover span:before,
.carousel-wrap .toggle:focus span:before {
    top: 4px
}

.js--carousel-toggle-hide .toggle {
    top: 0px
}

.carousel-drop {
    position: relative
}

.carousel-drop:before,
.carousel-drop:after {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1MjUyNSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzI1MjUyNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, left top, right top, from(rgba(37, 37, 37, 0)), color-stop(15%, #252525));
    background: linear-gradient(to right, rgba(37, 37, 37, 0), #252525 15%);
    bottom: 0;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: 600px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 1000px;
    z-index: 2
}

.no-js .carousel-drop:before,
.no-js .carousel-drop:after {
    right: 0;
    left: auto;
    width: 200px;
    pointer-events: none;
    margin: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(37, 37, 37, 0)), to(#252525));
    background: linear-gradient(to right, rgba(37, 37, 37, 0), #252525)
}

.carousel-drop:before {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiMyNTI1MjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTI1MjUiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background: -webkit-gradient(linear, left top, right top, color-stop(85%, #252525), to(rgba(37, 37, 37, 0)));
    background: linear-gradient(to right, #252525 85%, rgba(37, 37, 37, 0));
    left: auto;
    margin: 0 600px 0 0;
    right: 50%
}

.no-js .carousel-drop:before {
    left: 0;
    right: auto;
    background: -webkit-gradient(linear, left top, right top, from(#252525), to(rgba(37, 37, 37, 0)));
    background: linear-gradient(to right, #252525, rgba(37, 37, 37, 0))
}

.owl-carousel .owl-wrapper-outer {
    overflow: visible
}

#page .nav--project {
    display: none
}

.carousel {
    min-height: 310px;
    left: 0;
    margin: 0 auto;
    max-width: 1200px;
    overflow: visible !important;
    position: relative;
    top: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    width: 100%
}

.no-js .carousel {
    max-width: none
}

@media only screen and (max-width: 78.75em) {
    .carousel {
        min-height: 310px
    }
}

@media only screen and (max-width: 64em) {
    .carousel {
        min-height: 220px
    }
}

@media only screen and (max-width: 47.9375em) {
    .carousel {
        min-height: 156px
    }
}

.loading-between-pages .carousel {
    height: 310px;
    overflow: hidden !important
}

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

.no-js .carousel__wrap {
    width: auto;
    white-space: nowrap;
    overflow: auto;
    padding: 0 200px
}

.carousel__item {
    background: #252525;
    float: left;
    min-height: 310px;
    max-width: 600px;
    width: 100%
}

.no-js .carousel__item {
    float: none;
    display: inline-block;
    white-space: normal;
    vertical-align: top
}

.carousel__item>div {
    padding: .5em 1em
}

.carousel__item a {
    border: 2px solid #252525;
    display: block;
    padding: 1.5em 1.5em 1.55em
}

.carousel__item a:hover {
    border-color: #525252
}

.carousel__item a:active,
.carousel__item a:focus {
    border-color: #ae0000
}

.carousel__item .carousel__item__image {
    float: left;
    margin: 0 1em 0 0;
    position: relative
}

@media only screen and (max-width: 78.75em) {
    .carousel__item .carousel__item__image {
        width: 180px
    }
}

.carousel__item .carousel__item__image img {
    display: block
}

.carousel__item .carousel__item__image span {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.carousel__item .carousel__item__info {
    text-align: left
}

.carousel__item .carousel__item__info h3 {
    color: #f5f5f1;
    font-size: 28px;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 0 8px
}

.carousel__item .carousel__item__info h4 {
    color: #525252;
    font-size: 18px;
    font-size: 0.9rem;
    margin: 0
}

.carousel__item .carousel__item__info p {
    color: #f5f5f1;
    font-size: 16px;
    font-size: 0.8rem;
    margin-bottom: 0;
    max-height: 10.5em;
    overflow: hidden
}

@media only screen and (max-width: 64em) {
    .carousel__item {
        min-height: 220px
    }
    .carousel__item .carousel__item__image {
        width: 120px
    }
    .carousel__item .carousel__item__info h3 {
        font-size: 23px;
        font-size: 1.4375rem
    }
    .carousel__item .carousel__item__info h4 {
        font-size: 16px;
        font-size: 1rem
    }
    .carousel__item .carousel__item__info p {
        font-size: 14px;
        font-size: 0.875rem
    }
}

@media only screen and (max-width: 56.25em) {
    .carousel__item .carousel__item__image {
        width: 90px
    }
    .carousel__item .carousel__item__info p {
        clear: both;
        font-size: 12px;
        font-size: 0.75rem;
        margin: 0;
        padding-top: 1em
    }
}

@media only screen and (max-width: 47.9375em) {
    .carousel__item {
        min-height: 156px;
        width: 100%
    }
    .carousel__item>div {
        padding: 15px
    }
    .carousel__item a {
        border: none;
        padding: 0
    }
    .carousel__item .carousel__item__image {
        width: 60px
    }
    .carousel__item .carousel__item__info h3 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5
    }
    .carousel__item .carousel__item__info h4 {
        font-size: 16px;
        font-size: 1rem
    }
    .carousel__item .carousel__item__info p {
        font-size: 12px;
        font-size: 0.75rem
    }
}

@media only screen and (max-width: 47.9375em) {
    .single-project .site-title {
        display: none
    }
    .single-project .site-header .wrap {
        padding: 0
    }
    .single-project .site-header__inner>.wrap {
        display: none
    }
    .single-project .back-to-projects {
        margin-left: 0;
        width: 56px
    }
    .single-project .back-to-projects span {
        display: none
    }
    .single-project .current-project {
        margin-right: 20px
    }
}

.single-project {
    background: #fff
}

.cs {
    position: relative;
    z-index: 2
}

/*.cs h2 {
    font-size: 60px;
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: 0.0833333em;
    text-align: center;
    text-transform: uppercase
}

.cs h3 {
    font-size: 30px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    text-transform: uppercase
}

.cs p {
    line-height: 1.6
}*/

.cs__content {
    background: #fff;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 64em) {
    .cs h2 {
        font-size: 40px;
        font-size: 2.5rem
    }
    .cs h3 {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.cs__hero {
    padding-top: 4em
}

.cs__hero .cs__hero__phone {
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 64em) {
    .cs__hero .cs__hero__phone {
        max-width: 33%
    }
}

@media only screen and (max-width: 47.9375em) {
    .cs__hero .cs__hero__phone {
        max-width: 75%
    }
}

.cs__hero p {
    font-size: 24px;
    font-size: 1.2rem;
    margin: 0 auto;
    max-width: 660px;
    padding: 2em 0;
    position: relative;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3)
}

.cs__logo {
    display: block;
    margin: 0 auto 4em;
    max-width: 100%
}

.cs__logo img {
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 47.9375em) {
    .cs__logo {
        height: auto !important
    }
    .cs__logo img {
        max-width: 200px
    }
}

.cs__scatter {
    background: #222
}

.cs__scatter .cs__scatter__border {
    display: block
}

.cs__scatter .cs__scatter__wrap {
    padding-bottom: 3em;
    position: relative;
    overflow: hidden;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%
}

.cs__scatter .cs__scatter__wrap [class^="cs__scatter__explode"] {
    position: absolute
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--1 {
    left: 10%;
    margin: -100px 0 0 0;
    top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--2 {
    left: 20%;
    margin: -210px 0 0 0;
    top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--3 {
    left: 30%;
    margin: -150px 0 0 0;
    top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--4 {
    margin: -130px 0 0 0;
    right: 30%;
    top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--5 {
    margin: -180px 0 0 0;
    right: 20%;
    top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__explode--6 {
    margin: -80px 0 0 0;
    right: 10%;
    top: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__phone__shadow {
    bottom: -2.5em;
    height: auto;
    margin-left: -25%;
    left: 50%;
    position: absolute;
    width: 50%
}

.cs__scatter .cs__scatter__wrap .cs__scatter__phone {
    display: block;
    margin: 0 auto;
    position: relative
}

.cs__scatter p {
    font-size: 24px;
    font-size: 1.2rem;
    margin: 0 auto;
    max-width: 660px;
    padding: 2em 0;
    position: relative;
    text-align: center
}

.svg--arrow-cs {
    display: block;
    margin: 0 auto 2em
}

.svg--arrow-cs .svg-scroll__first {
    -webkit-animation: svgScrollFirst 0.75s ease 0s infinite both;
    animation: svgScrollFirst 0.75s ease 0s infinite both
}

.svg--arrow-cs .svg-scroll__second {
    -webkit-animation: svgScrollSecond 0.75s ease 0s infinite both;
    animation: svgScrollSecond 0.75s ease 0s infinite both
}

@media not all and (orientation: landscape) and (orientation: portrait) {
    .no-touch .cs__scatter .cs__scatter__wrap [class^="cs__scatter__explode"] {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -ms-transform: translate3d(0, 0, 0) rotate(30deg);
        -webkit-transform: translate3d(0, 0, 0) rotate(30deg);
        transform: translate3d(0, 0, 0) rotate(30deg);
        -webkit-transition: all 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19);
        transition: all 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19)
    }
    .no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--1 {
        left: 50%;
        margin-left: -120px;
        margin-top: -100px;
        -webkit-transition-delay: 0.04s;
        transition-delay: 0.04s
    }
    .no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--2 {
        left: 50%;
        margin-left: -120px;
        margin-top: -210px;
        -webkit-transition-delay: 0.16s;
        transition-delay: 0.16s
    }
    .no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--3 {
        left: 50%;
        margin-left: -120px;
        margin-top: -150px;
        -webkit-transition-delay: 0.24s;
        transition-delay: 0.24s
    }
    .no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--4 {
        margin-right: -120px;
        margin-top: -130px;
        right: 50%;
        -webkit-transition-delay: 0.18s;
        transition-delay: 0.18s
    }
    .no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--5 {
        margin-right: -120px;
        margin-top: -180px;
        right: 50%;
        -webkit-transition-delay: 0.12s;
        transition-delay: 0.12s
    }
    .no-touch .cs__scatter .cs__scatter__wrap .cs__scatter__explode--6 {
        margin-right: -120px;
        margin-top: -80px;
        right: 50%
    }
    .no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap [class^="cs__scatter__explode"] {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -ms-transform: translate3d(0, 0, 0) rotate(0deg);
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg)
    }
    .no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--1 {
        left: 10%;
        margin: -100px 0 0 0
    }
    .no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--2 {
        left: 20%;
        margin: -210px 0 0 0
    }
    .no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--3 {
        left: 30%;
        margin: -150px 0 0 0
    }
    .no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--4 {
        margin: -130px 0 0 0;
        right: 30%
    }
    .no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--5 {
        margin: -180px 0 0 0;
        right: 20%
    }
    .no-touch .js--project-loaded.single-project .cs__scatter .cs__scatter__wrap .cs__scatter__explode--6 {
        margin: -80px 0 0 0;
        right: 10%
    }
}

@media only screen and (max-width: 64em) {
    #page .cs .wrap {
        padding: 0 30px
    }
    #page .cs__scatter .cs__logo {
        max-width: 200px
    }
    #page .cs__scatter .cs__scatter__phone__shadow {
        bottom: -0.5em
    }
    #page .cs__scatter .cs__scatter__explode--1 {
        margin-top: -50px;
        width: 133px
    }
    #page .cs__scatter .cs__scatter__explode--2 {
        margin-top: -105px;
        width: 132px
    }
    #page .cs__scatter .cs__scatter__explode--3 {
        margin-top: -75px;
        width: 115px
    }
    #page .cs__scatter .cs__scatter__explode--4 {
        margin-top: -65px;
        width: 142px
    }
    #page .cs__scatter .cs__scatter__explode--5 {
        margin-top: -90px;
        width: 101px
    }
    #page .cs__scatter .cs__scatter__explode--6 {
        margin-top: -40px;
        width: 117px
    }
    #page .cs__scatter .cs__scatter__phone {
        width: 184px
    }
    #page .cs__scatter p {
        padding-top: 0
    }
}

@media only screen and (max-width: 47.9375em) {
    #page .cs .wrap {
        padding: 0 15px
    }
}

.cs__process {
    background: #fff;
    color: #525252;
    padding: 4em 0;
    text-align: center
}

.cs__process h2 {
    padding-bottom: 1em
}

.cs__process p {
    font-size: 24px;
    font-size: 1.2rem;
    margin: 1em auto 2em;
    max-width: 760px
}

.cs__process .process__video {
    margin: 0 auto;
    max-width: 960px
}

.cs__process .process__video .responsive-video {
    padding: 0
}

.cs__process .process__video .responsive-video>div {
    padding-top: 56.25%
}

.cs__branding {
    background: #f5f5f1;
    color: #525252;
    padding: 4em 0;
    text-align: center
}

.cs__branding p {
    font-size: 24px;
    font-size: 1.2rem;
    margin: 3.5em auto;
    max-width: 780px
}

.cs__branding__steps {
    padding-bottom: 2em
}

.cs__branding__steps>div {
    display: inline-block;
    vertical-align: middle;
    width: 20%
}

.cs__branding__steps>div span {
    display: block;
    padding: 0 0 1em;
    text-transform: uppercase
}

.cs__branding__steps .cs__branding__progress {
    margin: 0 auto;
    width: 79.1667%
}

.cs__branding__steps .cs__branding__progress>div {
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

.cs__branding__steps .cs__branding__progress>div img {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.cs__branding__steps .cs__branding__shadow {
    min-height: 50px;
    margin: 0 auto;
    width: 79.1667%
}

.cs__branding__steps .cs__branding__shadow>div {
    overflow: hidden;
    padding-top: 25.263157895%;
    position: relative
}

.cs__branding__steps .cs__branding__shadow>div img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

@media not all and (orientation: landscape) and (orientation: portrait) {
    .no-touch .cs__branding__steps>div {
        -webkit-transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875)
    }
    .no-touch .cs__branding__steps>div span {
        -moz-transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.1s;
        -o-transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.1s;
        -webkit-transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875);
        -webkit-transition-delay: 0.1s;
        -webkit-transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.1s;
        transition: all 0.4s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.1s;
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .no-touch .cs__branding__steps .cs__branding__step--1 {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }
    .no-touch .cs__branding__steps .cs__branding__step--2 {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -ms-transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }
    .no-touch .cs__branding__steps .cs__branding__step--3 {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -ms-transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s
    }
    .no-touch .cs__branding__steps .cs__branding__step--4 {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -ms-transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }
    .no-touch .cs__branding__steps .cs__branding__step--5 {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -ms-transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s
    }
    .no-touch .cs__branding__steps .cs__branding__progress {
        -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875);
        -webkit-transition: opacity 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: transform 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: transform 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875), opacity 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875)
    }
    .no-touch .cs__branding__steps .cs__branding__shadow {
        -webkit-transition: opacity 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875)
    }
    .no-touch .js--show.cs__branding__steps .cs__branding__step--1 {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
    .no-touch .js--show.cs__branding__steps .cs__branding__step--2 {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -ms-transform: translate3d(0%, 0, 0);
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }
    .no-touch .js--show.cs__branding__steps .cs__branding__step--3 {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -ms-transform: translate3d(0%, 0, 0);
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }
    .no-touch .js--show.cs__branding__steps .cs__branding__step--4 {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -ms-transform: translate3d(0%, 0, 0);
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }
    .no-touch .js--show.cs__branding__steps .cs__branding__step--5 {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -ms-transform: translate3d(0%, 0, 0);
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }
    .no-touch .js--show.cs__branding__steps .cs__branding__progress {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .no-touch .js--show.cs__branding__steps .cs__branding__shadow {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
    .no-touch .js--show.cs__branding__steps>div:hover span {
        -ms-transform: translate3d(0, -10px, 0);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    .no-touch .js--show.cs__branding__steps>div:hover .cs__branding__progress {
        -ms-transform: translate3d(0, -20px, 0);
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .no-touch .js--show.cs__branding__steps>div:hover .cs__branding__shadow {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5
    }
}

.cs__branding__final {
    padding: 2em 30px 5em;
    position: relative;
    z-index: 1
}

.cs__branding__final h3 {
    font-size: 30px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    text-transform: uppercase
}

.cs__branding__final p {
    font-size: 20px;
    font-size: 1rem
}

.cs__branding__final figure {
    background: #fff;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    max-width: 1000px;
    padding: 7em 3em 7em;
    position: relative
}

.cs__branding__final figure img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 64em) {
    #page .cs__branding p {
        font-size: 16px;
        font-size: 1rem
    }
    #page .cs__branding {
        padding: 3em 0
    }
    #page .cs__branding h2 {
        margin: 0 0 .5em
    }
    #page .cs__branding p {
        margin: 2em auto
    }
    #page .cs__branding .cs__branding__steps {
        padding-bottom: 0
    }
    #page .cs__branding .cs__branding__final {
        padding: 0 30px
    }
    #page .cs__branding .cs__branding__final img {
        width: 300px
    }
}

@media only screen and (max-width: 47.9375em) {
    #page .cs__branding .cs__branding__steps {
        text-align: center
    }
    #page .cs__branding .cs__branding__steps>div {
        width: 50%
    }
    #page .cs__branding .cs__branding__final {
        padding: 0
    }
}

.cs__branding__logos {
    font-size: 0;
    margin-bottom: 70px;
    margin-bottom: 3.5rem
}

.cs__branding__large-logos {
    font-size: 0
}

.cs__branding__logo {
    display: inline-block;
    width: 20%
}

@media only screen and (max-width: 43.125em) {
    .cs__branding__logo {
        width: 33.33333%
    }
}

.cs__branding__logo>div {
    padding-top: 100%;
    position: relative
}

.cs__branding__logo img {
    left: 50%;
    max-width: 60%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

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

.cs__branding__large>div {
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

.cs__branding__large>div>div {
    bottom: -30%;
    left: 0;
    position: absolute;
    right: 0;
    top: -30%
}

.cs__branding__large img,
.cs__branding__large svg {
    left: 50%;
    max-width: 60%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cs__ux {
    background: #ebebeb;
    color: #525252;
    padding: 4em 0 6em;
    text-align: center
}

.cs__ux>.wrap {
    position: relative;
    z-index: 1
}

.cs__ux h2+p {
    font-size: 24px;
    font-size: 1.2rem
}

.cs__ux p {
    margin: 3em auto;
    max-width: 760px
}

.cs__ux__flow {
    padding-bottom: 5em;
    position: relative
}

.cs__ux__flow .helper {
    bottom: 0;
    left: 26%
}

.cs__ux__flow__diagram {
    position: relative
}

.cs__ux__flow__diagram>img {
    display: block;
    margin: 0 auto
}

.loupe {
    background: url(../images/case-studies/loupe.png);
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    height: 322px;
    margin: -161px 0 0 -153px;
    position: absolute;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 306px;
    z-index: 3
}

.loupe.js-dragging {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}

.loupe__inner {
    border-radius: 134px;
    -webkit-box-shadow: inset 0px 15px 15px rgba(250, 250, 250, 0.9), inset 0px 30px 15px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 15px 15px rgba(250, 250, 250, 0.9), inset 0px 30px 15px rgba(0, 0, 0, 0.2);
    height: 268px;
    left: 19px;
    position: absolute;
    top: 5px;
    width: 268px;
    z-index: 2
}

.loupe__inner:after {
    background: url(../images/case-studies/reflection.png) no-repeat;
    content: '';
    height: 48px;
    left: 50px;
    position: absolute;
    top: 35px;
    width: 48px
}

.return-to-position {
    -webkit-transition: all 1s cubic-bezier(0.715, 0.17, 0.145, 1.245);
    transition: all 1s cubic-bezier(0.715, 0.17, 0.145, 1.245)
}

.return-to-position .loupe__inner {
    -webkit-transition: background 1s cubic-bezier(0.715, 0.17, 0.145, 1.245);
    transition: background 1s cubic-bezier(0.715, 0.17, 0.145, 1.245)
}

.cs__ux__wires {
    background: #fff url(../images/case-studies/bg--wireframe.png);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    max-width: 1140px;
    padding: 3em;
    position: relative
}

.cs__ux__wires .cs__ux__wires__info {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    padding-right: 3em;
    width: 42.2%
}

.cs__ux__wires .cs__ux__wires__info h3,
.cs__ux__wires .cs__ux__wires__info p {
    text-align: left
}

.cs__ux__wires .cs__ux__wires__info p {
    margin: 1em auto
}

.cs__ux__wires .cs__ux__wires__info .helper--wires {
    float: right;
    margin-right: 20%;
    position: relative
}

.cs__ux__wires .cs__ux__wires__diagram {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 57.8%
}

.no-touch .cs__ux .helper {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.no-touch .cs__ux .js--show .helper {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

@media only screen and (max-width: 64em) {
    #page .cs__ux {
        padding: 2em 0
    }
    #page .cs__ux h2 {
        margin-top: 0
    }
    #page .cs__ux p {
        margin: 1.5em auto
    }
    #page .cs__ux .cs__ux__wires__diagram {
        vertical-align: bottom
    }
}

@media only screen and (max-width: 47.9375em) {
    #page .cs__ux .loupe,
    #page .cs__ux .helper {
        display: none
    }
    #page .cs__ux .cs__ux__flow {
        padding-bottom: 0
    }
    #page .cs__ux .cs__ux__wires {
        margin: 0 10px;
        padding: 1em
    }
    #page .cs__ux .cs__ux__wires>div {
        display: block;
        padding: 0;
        width: 100%
    }
    #page .cs__ux .cs__ux__wires .cs__ux__wires__info {
        padding-bottom: 2em
    }
}

.cs__design {
    background: #fff;
    color: #525252;
    overflow: hidden;
    padding: 4em 0 6em;
    width: 100%
}

.cs__explode {
    padding: 3em 0 5em
}

@media only screen and (max-width: 47.9375em) {
    .cs__explode {
        padding: 2em 0
    }
}

.cs__explode__phone {
    display: inline-block;
    max-width: 702px;
    position: relative;
    vertical-align: middle;
    width: 58.5%
}

.cs__explode__phone .phone-inner {
    overflow: hidden;
    padding-top: 81.908831909%;
    position: relative
}

.cs__explode__phone .phone-inner>img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.84, -0.39, 0.38, 1.225);
    transition: -webkit-transform 0.75s cubic-bezier(0.84, -0.39, 0.38, 1.225);
    transition: transform 0.75s cubic-bezier(0.84, -0.39, 0.38, 1.225);
    transition: transform 0.75s cubic-bezier(0.84, -0.39, 0.38, 1.225), -webkit-transform 0.75s cubic-bezier(0.84, -0.39, 0.38, 1.225);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%
}

.cs__explode__phone .helper {
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    right: -2em;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease
}

.no-touch .helper {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.no-touch .js--show.cs__explode__phone .phone-inner>img {
    -webkit-transition-timing-function: cubic-bezier(0.62, -0.225, 0.16, 1.39);
    transition-timing-function: cubic-bezier(0.62, -0.225, 0.16, 1.39);
    -ms-transform: translateY(0px) scale(1) translate3d(0, 0, 0);
    -webkit-transform: translateY(0px) scale(1) translate3d(0, 0, 0);
    transform: translateY(0px) scale(1) translate3d(0, 0, 0)
}

.no-touch .js--show.cs__explode__phone .helper {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.no-touch .cs__explode__phone .phone-inner .phone__content {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s
}

.no-touch .cs__explode__phone .phone-inner .phone__blueprint {
    -webkit-transition-delay: 0.48s;
    transition-delay: 0.48s
}

.no-touch .cs__explode__phone .phone-inner .phone__sketch {
    -webkit-transition-delay: 0.36s;
    transition-delay: 0.36s
}

.no-touch .cs__explode__phone .phone-inner .phone__content {
    -webkit-transition-delay: 0.48s;
    transition-delay: 0.48s
}

.no-touch .cs__explode__phone .phone-inner .phone__blueprint {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s
}

.no-touch .cs__explode__phone .phone-inner .phone__sketch {
    -webkit-transition-delay: 0.36s;
    transition-delay: 0.36s
}

.no-touch .helper {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.touch .cs__explode .cs__explode__phone .phone-inner>img {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cs__explode__info {
    display: inline-block;
    padding-left: 3em;
    vertical-align: top;
    width: 41.5%
}

.cs__slide-in {
    margin: 0 auto;
    max-width: 1060px;
    padding: 6em 0
}

.cs__slide-in>div {
    display: inline-block;
    vertical-align: middle
}

.cs__slide-in .cs__slide-in__info {
    padding-right: 4em;
    width: 50%
}

.cs__slide-in .cs__slide-in__img {
    position: relative;
    width: 50%
}

.cs__slide-in .cs__slide-in__img img {
    display: block
}

.cs__slide-in .cs__slide-in__img .slide-in--bottom {
    left: 0%;
    position: relative
}

.cs__slide-in .cs__slide-in__img .slide-in--top {
    bottom: -6%;
    position: absolute;
    right: 0
}

.no-touch .cs__slide-in .cs__slide-in__img img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 1s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 1s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.no-touch .cs__slide-in .js--show.cs__slide-in__img img {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.cs__slide-up {
    padding-bottom: 6em;
    padding-top: 6em;
    text-align: center
}

.cs__slide-up h3 {
    margin-bottom: 2em
}

.cs__slide-up .cs__slide-up__img {
    margin: 0 auto;
    max-width: 1076px;
    position: relative
}

.cs__slide-up .cs__slide-up__img>div {
    overflow: hidden;
    padding-top: 46.468401487%;
    position: relative
}

.cs__slide-up .cs__slide-up__img>div:after {
    background: transparent;
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.6);
    bottom: -44px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 2
}

.cs__slide-up .cs__slide-up__img img {
    bottom: -3.8%;
    position: absolute
}

.cs__slide-up .cs__slide-up__img .slide-in--1 {
    left: 0;
    width: 27.88104%
}

.cs__slide-up .cs__slide-up__img .slide-in--2 {
    left: 15.79926%;
    width: 27.69517%
}

.cs__slide-up .cs__slide-up__img .slide-in--3 {
    left: 36.24535%;
    width: 27.69517%
}

.cs__slide-up .cs__slide-up__img .slide-in--4 {
    right: 15.79926%;
    width: 27.88104%
}

.cs__slide-up .cs__slide-up__img .slide-in--5 {
    right: 0;
    width: 27.88104%
}

.no-touch .cs__slide-up .cs__slide-up__img img {
    bottom: -100%;
    -webkit-transition: all 1s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: all 1s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.no-touch .cs__slide-up .cs__slide-up__img .slide-in--1 {
    -webkit-transition-delay: 0.32s;
    transition-delay: 0.32s
}

.no-touch .cs__slide-up .cs__slide-up__img .slide-in--2 {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s
}

.no-touch .cs__slide-up .cs__slide-up__img .slide-in--4 {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s
}

.no-touch .cs__slide-up .cs__slide-up__img .slide-in--5 {
    -webkit-transition-delay: 0.48s;
    transition-delay: 0.48s
}

.no-touch .cs__slide-up .js--show.cs__slide-up__img img {
    bottom: -3.8%
}

.cs__shots {
    padding-bottom: 6em;
    padding-top: 6em
}

.cs__shots>div {
    margin: 0 auto;
    max-width: 1160px;
    position: relative;
    text-align: right
}

.cs__shots .shots--iphone {
    bottom: 0;
    left: 0;
    position: absolute
}

.cs__shots .shots--web {
    bottom: 0;
    position: relative;
    right: 0
}

.cs__shots .helper {
    left: 0%;
    top: 18%
}

@media only screen and (max-width: 66em) {
    .cs__shots .helper {
        display: none
    }
}

.no-touch .cs__shots img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.no-touch .cs__shots .helper {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s;
    -o-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s;
    -webkit-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    -webkit-transition-delay: 1s;
    -webkit-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s;
    transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s
}

.no-touch .cs__shots .shots--iphone {
    left: 0
}

.no-touch .cs__shots .shots--web {
    right: 0
}

.no-touch .cs__shots .js--show img {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.no-touch .cs__shots .js--show .helper {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.cs__ipad-shots {
    padding-top: 4em;
    text-align: center
}

.cs__ipad-shots h3 {
    margin: 0;
    padding-bottom: 1em
}

.cs__ipad-shots p {
    margin: 1em auto;
    max-width: 760px
}

.cs__ipad-shots>div {
    padding: 2em 0
}

.cs__ipad-shots>div>div {
    position: relative;
    text-align: right
}

.cs__ipad-shots .ipad-shots--top {
    margin-top: 8%;
    position: relative;
    right: 0;
    top: 0
}

.cs__ipad-shots .ipad-shots--bottom {
    left: 0;
    position: absolute;
    top: 0
}

.cs__ipad-shots .helper {
    position: absolute;
    right: 10%;
    top: -5%
}

@media only screen and (max-width: 66em) {
    .cs__ipad-shots .helper {
        display: none
    }
}

.no-touch .cs__ipad-shots img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.no-touch .cs__ipad-shots .helper {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s;
    -o-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s;
    -webkit-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    -webkit-transition-delay: 1s;
    -webkit-transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s;
    transition: all 0.6s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1s
}

.no-touch .cs__ipad-shots .ipad-shots--top,
.no-touch .cs__ipad-shots .ipad-shots--bottom {
    top: 0
}

.no-touch .cs__ipad-shots.js--show img {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.no-touch .cs__ipad-shots.js--show .helper {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.cs__loupes {
    overflow: hidden;
    text-align: right
}

.cs__loupes>div {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.cs__loupes .loupes--web {
    direction: rtl
}

.cs__loupes .loupes--web img {
    max-width: none;
    width: 853px
}

.cs__loupes .loupes--web .helper {
    right: -142px;
    top: 61%;
    z-index: 3
}

.cs__loupes .loupes--iphone {
    display: inline-block;
    padding: 0 0 4em 10%;
    text-align: left
}

.cs__loupes .loupes--iphone .helper--loupes--1 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.cs__loupes .loupes--iphone .helper--loupes--2 {
    right: 75%;
    top: 25%;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.cs__loupes .loupes--iphone .helper--loupes--3 {
    bottom: 0%;
    left: 30%;
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

@media only screen and (max-width: 62.5em) {
    .cs__loupes .helper {
        display: none
    }
}

.no-touch .cs__loupes .loupes--web,
.no-touch .cs__loupes .loupes--iphone {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.no-touch .cs__loupes .loupes--iphone {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.no-touch .cs__loupes .helper {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.no-touch .cs__loupes.js--show .helper {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.no-touch .cs__loupes.js--show .loupes--web,
.no-touch .cs__loupes.js--show .loupes--iphone {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

@media only screen and (max-width: 64em) {
    #page .cs__design {
        padding: 2em 0
    }
    #page .cs__design h2 {
        margin: 0 0 .5em
    }
    #page .cs__design .cs__explode__phone,
    #page .cs__design .cs__explode__info {
        vertical-align: middle;
        width: 50%
    }
    #page .cs__design .cs__slide-in {
        padding: 2em 0
    }
    #page .cs__design .cs__shots {
        padding: 2em 0
    }
    #page .cs__design .cs__shots .shots--web {
        max-width: 75%
    }
    #page .cs__design .cs__loupes .helper--loupes--1 {
        right: -92px
    }
}

@media only screen and (max-width: 47.9375em) {
    #page .cs__design .helper {
        display: none
    }
    #page .cs__design .cs__explode__phone,
    #page .cs__design .cs__explode__info,
    #page .cs__design .cs__slide-in__info,
    #page .cs__design .cs__slide-in__img {
        display: block;
        padding: 0;
        text-align: center;
        width: 100%
    }
    #page .cs__design .cs__slide-up {
        padding-bottom: 1em
    }
    #page .cs__design .cs__shots .shots--iphone {
        padding-bottom: 0;
        max-width: 31%
    }
    #page .cs__design .cs__loupes .loupes--web img {
        width: 360px
    }
    #page .cs__design .cs__loupes .loupes--iphone {
        padding-bottom: 0
    }
}

.cs__simple-desc {
    color: #525252;
    padding: 4em 0;
    text-align: center
}

.cs__simple-desc h3 {
    font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 70px;
    font-size: 3.5rem;
    letter-spacing: 0;
    margin-bottom: .75em;
    text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
    .cs__simple-desc h3 {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

.cs__simple-desc p {
    font-size: 24px;
    font-size: 1.2rem;
    margin: 1em auto;
    max-width: 760px
}

@media only screen and (max-width: 47.9375em) {
    .cs__simple-desc p {
        font-size: 16px;
        font-size: 1rem
    }
}

.cs__slideshow {
    border: 0;
    overflow: hidden;
    padding: 10em 0;
    position: relative
}

@media only screen and (max-width: 47.9375em) {
    .cs__slideshow {
        padding: 5em 0
    }
}

.cs__slideshow .wrap {
    text-align: center
}

.cs__slideshow .flex-viewport:before,
.cs__slideshow .flex-viewport:after {
    display: none
}

.cs__slideshow .iphone4 {
    background: url(../images/case-studies/iphone4--white.png);
    background-size: 100% 100%;
    display: inline-block;
    margin: 0 2em;
    max-width: 100%;
    vertical-align: middle;
    width: 365px
}

@media only screen and (max-width: 47.9375em) {
    .cs__slideshow .iphone4 {
        display: block;
        margin: 2em auto
    }
}

.cs__slideshow .iphone4.iphone4--black {
    background-image: url(../images/case-studies/iphone4--black.png)
}

.cs__slideshow .iphone4>div {
    padding-top: 177.534246575%;
    position: relative
}

.cs__slideshow .iphone4 img {
    height: 58.33333%;
    left: 15.61644%;
    position: absolute;
    top: 14.19753%;
    width: 69.0411%
}

.cs__slideshow .flex-control-nav {
    bottom: 6em;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%
}

.cs__slideshow .flex-control-nav li {
    display: inline-block;
    margin: 0 1em
}

.cs__slideshow .flex-control-nav a {
    background: #525252;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 8px;
    position: relative;
    text-indent: -999em;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    z-index: 3
}

.cs__slideshow .flex-control-nav a:before {
    border: 3px solid #ae0000;
    bottom: -7px;
    content: "";
    left: -7px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    right: -7px;
    top: -7px;
    -webkit-transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.cs__slideshow .flex-control-nav a:after {
    border: 5px solid #525252;
    bottom: -4px;
    content: "";
    left: -4px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    position: absolute;
    right: -4px;
    top: -4px;
    -webkit-transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.cs__slideshow .flex-control-nav a:hover,
.cs__slideshow .flex-control-nav a.flex-active {
    background: #f5f5f1
}

.cs__slideshow .flex-control-nav a:hover:before,
.cs__slideshow .flex-control-nav a.flex-active:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.cs__slideshow .flex-control-nav a:hover:after,
.cs__slideshow .flex-control-nav a.flex-active:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.cs__slideshow .flex-control-nav a:active:before,
.cs__slideshow .flex-control-nav a:focus:before {
    border-color: #f5f5f1
}

.cs__slideshow .flex-direction-nav a {
    right: 4em
}

@media only screen and (max-width: 47.9375em) {
    .cs__slideshow .flex-direction-nav a {
        top: 4em
    }
}

.cs__slideshow .flex-direction-nav a.flex-prev {
    left: 4em;
    right: auto
}

@media only screen and (max-width: 85.9375em) {
    .cs__slideshow .flex-direction-nav a {
        right: 2em
    }
    .cs__slideshow .flex-direction-nav a.flex-prev {
        left: 2em;
        right: auto
    }
}

@media only screen and (max-width: 47.9375em) {
    .cs__slideshow .flex-direction-nav a {
        right: 2em
    }
    .cs__slideshow .flex-direction-nav a.flex-prev {
        left: 2em;
        right: auto
    }
}

.no-pseudoanimations .cs__slideshow .flex-control-nav a {
    -webkit-transition: none;
    transition: none
}

.page-loaded .cs__footer .cs__footer__bg {
    display: block
}

.loading-project .cs__footer .cs__footer__bg {
    display: none
}

.cs__footer--resize {
    height: 60vh
}

@media only screen and (max-height: 62.5em) {
    .cs__footer--resize {
        height: 75vh
    }
}

@media only screen and (max-height: 46.875em) {
    .cs__footer--resize {
        height: 85vh
    }
}

.cs__footer {
    background-size: cover;
    padding: 0;
    position: relative
}

.cs__footer:before {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    content: ""
}

.cs__footer .wrap {
    position: relative;
    text-align: center
}

.cs__footer .cs__footer__bg {
    background-size: cover;
    background-position: center center;
    display: none;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    bottom: -200px;
    height: auto
}

.cs__footer blockquote {
    border-color: #f5f5f1;
    border-style: solid;
    border-width: 2px 0;
    padding: 4em 8em;
    position: relative;
    text-align: center
}

.cs__footer blockquote:before,
.cs__footer blockquote:after {
    content: "";
    height: 70px;
    left: 0%;
    margin-top: -35px;
    position: absolute;
    top: 50%;
    width: 70px
}

.cs__footer blockquote:after {
    left: auto;
    right: 0
}

.cs__footer blockquote p {
    font-size: 40px;
    font-size: 2rem;
    font-style: italic;
    line-height: 1.2;
    letter-spacing: .1em;
    margin: 0;
    text-transform: uppercase
}

.cs__footer blockquote cite {
    display: block;
    font-style: normal;
    font-weight: bold;
    margin-top: 1em;
    text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
    .cs__footer blockquote cite {
        font-size: 16px;
        font-size: 1rem
    }
}

.cs__footer h3 {
    font-size: 60px;
    font-size: 3rem;
    margin: 0em 0 1em
}

.cs__footer h3+p {
    font-size: 24px;
    font-size: 1.2rem;
    margin: 1em auto 0;
    max-width: 700px
}

.cs__footer .cs__footer__mid {
    position: relative
}

.cs__footer .cs__footer__mid .wrap {
    padding-bottom: 20px;
    padding-top: 20px
}

.cs__footer .cs__footer__end {
    margin-top: 100px;
    height: 571px;
    position: relative;
    vertical-align: bottom
}

.cs__footer .cs__footer__end .wrap>img {
    bottom: 0;
    left: 50%;
    margin-left: -153px;
    position: absolute
}

@media only screen and (max-height: 55em) {
    .cs__footer .cs__footer__end .wrap>img {
        height: 350px;
        margin-left: -113px;
        width: auto
    }
}

@media only screen and (max-height: 45.625em) {
    .cs__footer .cs__footer__end .wrap>img {
        height: 250px;
        margin-left: -77px
    }
}

.cs__footer .cs__footer__end .wrap>div {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 10em;
    padding-left: 153px;
    position: relative;
    text-align: center;
    width: 50%
}

.cs__footer .cs__footer__end .wrap .cs__footer__link--site {
    padding-left: 0;
    padding-right: 153px
}

.cs__footer .btn--footer {
    background: #ae0000;
    border: 1px solid #7b0000;
    border-radius: 8px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px -4px 20px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px -4px 20px rgba(0, 0, 0, 0.1) inset;
    color: #f5f5f1;
    font-family: "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 30px;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 2;
    max-width: 100%;
    overflow: hidden;
    padding: .5em 1em;
    position: relative;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3)
}

.cs__footer .btn--footer:after {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(#fff, rgba(255, 255, 255, 0));
    bottom: 0;
    content: "";
    height: 100%;
    left: 50%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
    position: absolute;
    right: -30px;
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg)
}

.cs__footer .btn--footer:hover {
    background-color: #e10000;
    border-color: #ae0000
}

.cs__footer .btn--footer:active,
.cs__footer .btn--footer:focus {
    background-color: #7b0000;
    border-color: #480000
}

.touch .cs__footer__top,
.touch .cs__footer__mid,
.touch .cs__footer__img,
.touch .cs__footer__link {
    -webkit-transform: none
}

.cs__footer--simple {
    padding: 4em 0
}

.cs__footer--simple .btn {
    padding: 0
}

.cs__footer--simple .btn img {
    display: block
}

@media only screen and (max-width: 62.5em) {
    #page .cs__footer {
        padding: 2em 0 0
    }
    #page .cs__footer.cs__footer--simple {
        padding: 2em 0
    }
    #page .cs__footer blockquote {
        font-size: 24px;
        font-size: 1.5rem;
        padding: 3em 6em
    }
    #page .cs__footer h3 {
        margin: 1em 0
    }
    #page .cs__footer .cs__footer__end {
        height: 420px
    }
    #page .cs__footer .cs__footer__end .wrap>img {
        margin-left: -100px;
        width: 200px
    }
}

@media only screen and (max-width: 47.9375em) {
    #page .cs__footer blockquote {
        margin: 0;
        padding: 2em 0
    }
    #page .cs__footer blockquote:before,
    #page .cs__footer blockquote:after {
        display: none
    }
    #page .cs__footer .cs__footer__end {
        height: 520px
    }
    #page .cs__footer .cs__footer__end .wrap>.cs__footer__img {
        height: auto;
        margin-left: -100px;
        width: 200px
    }
    #page .cs__footer .cs__footer__end .cs__footer__link {
        display: block;
        margin: 1em 0 0;
        padding: 0;
        text-align: center;
        width: 100%
    }
    #page .cs__footer .cs__footer__end .cs__footer__link:last-child {
        margin-bottom: 340px
    }
}

.page--jobs {
    text-align: center;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.3)
}

@media only screen and (min-width: 48em) {
    .page--jobs {
        padding-top: 56px
    }
}

.page--jobs>.wrap {
    padding: 2em 0
}

@media only screen and (max-width: 47.9375em) {
    .page--jobs>.wrap {
        padding-bottom: 0
    }
}

.page--jobs .content {
    position: relative
}

.page--jobs .content .job__description .writeup a {
    color: #ae0000 !important
}

.page--jobs .content .job__description .writeup a:hover {
    color: #ff1515 !important
}

.page--jobs .jobs__header {
    padding: 1.5em 30px 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    position: relative;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%
}

@media only screen and (max-width: 64em) {
    .page--jobs .jobs__header {
        padding: 1.5em 20px 0
    }
}

.page--jobs .jobs__header.jobs__header--out {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute
}

.page--jobs .jobs__header strong {
    white-space: nowrap
}

.page--jobs .jobs__header h1 {
    margin: 0 auto;
    max-width: 1060px;
    padding: 0 1em;
    position: relative
}

.page--jobs .jobs__header p {
    font-size: 32px;
    font-size: 1.6rem;
    margin: 1em auto;
    max-width: 860px
}

.page--jobs .jobs__header em {
    display: block;
    font-size: 26px;
    font-size: 1.3rem;
    font-weight: 300;
    margin: 1em auto 2em;
    max-width: 860px
}

@media only screen and (max-width: 47.9375em) {
    .page--jobs .jobs__header h1 {
        padding: 0
    }
    .page--jobs .jobs__header h1:before,
    .page--jobs .jobs__header h1:after {
        display: none
    }
    .page--jobs .jobs__header p {
        font-size: 20px;
        font-size: 1.25rem
    }
    .page--jobs .jobs__header em {
        font-size: 16px;
        font-size: 1rem
    }
}

.loading-from-job .page--jobs .jobs__header {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.jobs__content {
    padding: 0 30px;
    position: relative;
    top: 0
}

@media only screen and (max-width: 64em) {
    .jobs__content {
        padding: 0 20px
    }
}

@media only screen and (max-width: 47.9375em) {
    .jobs__content {
        padding: 0
    }
}

@media only screen and (max-width: 47.9375em) {
    .single-job .jobs__content {
        padding: 0 20px
    }
}

.job__categories {
    border-color: #f5f5f1;
    border-style: solid;
    border-width: 2px 0
}

@media only screen and (max-width: 47.9375em) {
    .job__categories {
        display: none;
        padding: 0
    }
}

.job__category {
    background: none;
    color: #f5f5f1;
    display: inline-block;
    vertical-align: middle;
    padding: 2.5em 1em;
    position: relative;
    -webkit-transition: background 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), color 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: background 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875), color 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 25%
}

.job__category:hover {
    background: rgba(245, 245, 241, 0.1);
    color: white
}

.job__category:focus,
.job__category:active {
    color: #d5d5c4
}

.job__category+.job__category:before {
    background: #f5f5f1;
    bottom: 1.5em;
    content: "";
    left: -1px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    position: absolute;
    top: 1.5em;
    width: 2px
}

.job__category .job__category__status,
.job__category .job__category__title,
.job__category .job__category__location {
    -webkit-transition: opacity 0.5s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: opacity 0.5s cubic-bezier(0.75, -0.17, 0.23, 1.19)
}

.job__category .job__category__status {
    display: block;
    font-style: italic
}

.job__category .job__category__title {
    display: block;
    font-size: 22px;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .2em;
    padding: .45454545em 0 .54545454em;
    text-transform: uppercase
}

.job__category .job__category__location {
    display: block;
    font-weight: 600;
    font-size: 16px;
    font-size: 0.8rem
}

.job__category .job__category__location i {
    background: #ae0000;
    display: inline-block;
    height: 4px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    width: 20%
}

.job__category.job__category--empty .job__category__status,
.job__category.job__category--empty .job__category__title {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6
}

@media only screen and (max-width: 56.25em) {
    .job__category {
        padding: 1.5em 2em;
        width: 50%
    }
    .job__category:nth-child(3):before {
        bottom: auto;
        left: 0;
        height: 2px;
        right: -100%;
        top: -1px;
        width: 200%
    }
}

@media only screen and (max-width: 47.9375em) {
    .job__category {
        width: 100%
    }
    .job__category+.job__category:before {
        bottom: auto;
        left: 0;
        height: 2px;
        right: -100%;
        top: -1px;
        width: 200%
    }
}

.page-type--jobs-index .job__category b {
    height: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    right: 1em;
    top: 1em;
    -ms-transform: scale(0) rotate(45deg);
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    -webkit-transition: all 0.5s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: all 0.5s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    width: 20px
}

.page-type--jobs-index .job__category b:before,
.page-type--jobs-index .job__category b:after {
    background: #f5f5f1;
    content: "";
    height: 20px;
    left: 50%;
    margin: -10px 0 0 -2px;
    position: absolute;
    top: 50%;
    width: 4px
}

.page-type--jobs-index .job__category b:after {
    height: 4px;
    margin: -2px 0 0 -10px;
    width: 20px
}

.page-type--jobs-index .job__category.job__category--strategy b:before,
.page-type--jobs-index .job__category.job__category--strategy b:after {
    background: #161616
}

.page-type--jobs-index .job__category.js--active b {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -ms-transform: scale(1) rotate(225deg);
    -webkit-transform: scale(1) rotate(225deg);
    transform: scale(1) rotate(225deg)
}

.no-csstransforms .job__category b {
    display: none
}

.no-csstransforms .job__category.js--active .job__category__status,
.no-csstransforms .job__category.js--active .job__category__title,
.no-csstransforms .job__category.js--active .job__category__location {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.category--design .job__category--design,
.job__category--design.js--active {
    background: #ae0000;
    color: #f5f5f1
}

.category--operations .job__category--operations,
.job__category--operations.js--active {
    background: #525252;
    color: #f5f5f1
}

.category--development .job__category--development,
.job__category--development.js--active {
    background: #161616;
    color: #f5f5f1
}

.category--strategy .job__category--strategy,
.job__category--strategy.js--active {
    background: #f5f5f1;
    color: #161616;
    text-shadow: 0px 2px rgba(0, 0, 0, 0.1)
}

.category--design .job__category--operations:before {
    display: none
}

.category--operations .job__category--operations:before,
.category--operations .job__category--development:before {
    display: none
}

.category--development .job__category--development:before,
.category--development .job__category--strategy:before {
    display: none
}

.category--strategy .job__category--strategy:before {
    display: none
}

@media only screen and (max-width: 56.25em) {
    .category--development .job__category--strategy:before,
    .category--development .job__category--development:before {
        display: block
    }
    .category--strategy .job__category--strategy:before {
        display: block
    }
}

.job__board {
    margin-top: 2em;
    min-height: 300px;
    position: relative;
    text-align: left
}

@media only screen and (max-width: 47.9375em) {
    .job__board {
        margin-top: 0
    }
}

@media only screen and (max-width: 47.9375em) {
    .page-type--jobs-index .job__board {
        height: auto !important
    }
    .page-type--jobs-index .job {
        left: auto !important;
        position: relative !important;
        top: auto !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        opacity: 1 !important
    }
}

.main-wrap--jobs .job__board {
    margin-top: 0
}

.loading-from-job .job {
    visibility: hidden
}

.job {
    display: inline-block;
    font-size: 18px;
    font-size: 0.9rem;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    position: relative;
    text-shadow: none;
    -webkit-transition: opacity 0.9s ease, -webkit-transform 0.9s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: opacity 0.9s ease, -webkit-transform 0.9s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.75, -0.17, 0.23, 1.19), -webkit-transform 0.9s cubic-bezier(0.75, -0.17, 0.23, 1.19);
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 24.5%
}

.job.job__hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
    pointer-events: none;
    -ms-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    transform: scale(0.25)
}

.job>div {
    margin: 5%;
    padding-top: 90%;
    position: relative
}

@media only screen and (max-width: 47.9375em) {
    .job>div {
        margin: 0;
        padding: 0
    }
}

@media only screen and (max-width: 47.9375em) {
    .job+.job>div a {
        -webkit-box-shadow: 0px 2px rgba(22, 22, 22, 0.1) inset;
        box-shadow: 0px 2px rgba(22, 22, 22, 0.1) inset
    }
}

.job .job__cat {
    display: block;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .2em;
    margin-bottom: .5em;
    text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
    .job .job__cat {
        font-size: 12px;
        font-size: 0.75rem
    }
}

.job .job__title {
    font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 38px;
    font-size: 1.9rem;
    margin: 0;
    text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
    .job .job__title {
        width: 60%
    }
}

.job .job__footer {
    bottom: 1.5em;
    left: 1.5em;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    position: absolute;
    right: 1.5em
}

@media only screen and (max-width: 47.9375em) {
    .job .job__footer {
        bottom: auto;
        left: auto;
        text-align: right;
        top: 1.5em;
        width: 40%
    }
    .job .job__footer span {
        font-size: 12px;
        font-size: 0.75rem
    }
}

.job .job__location {
    display: block;
    font-weight: 600
}

.job .job__start-date {
    display: block
}

@media only screen and (max-width: 73.75em) {
    .job {
        font-size: 14px;
        font-size: 0.7rem
    }
}

@media only screen and (max-width: 64em) {
    .job {
        font-size: 14px;
        font-size: 0.875rem
    }
    .job .job__title {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 56.25em) {
    .job {
        font-size: 18px;
        font-size: 1.125rem;
        width: 49.5%
    }
    .job .job__title {
        font-size: 38px;
        font-size: 2.375rem
    }
}

@media only screen and (max-width: 47.9375em) {
    .job {
        width: 100%
    }
    .job .job__title {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.job a {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    padding: 1.5em
}

@media only screen and (max-width: 47.9375em) {
    .job a {
        display: block;
        position: static
    }
}

.job.job--design a {
    background: #ae0000 url(../images/bg/job--white.png) repeat center center;
    color: #f5f5f1
}

.job.job--development a {
    background: #161616 url(../images/bg/job--white.png) repeat center center;
    color: #f5f5f1
}

.job.job--operations a {
    background: #525252 url(../images/bg/job--white.png) repeat center center;
    color: #f5f5f1
}

.job.job--strategy a {
    background: #f5f5f1 url(../images/bg/job--black.png) repeat center center;
    color: #161616
}

.no-touch .job a {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.no-touch .job a:hover {
    -ms-transform: translate3d(0, -5%, 0);
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0)
}

.no-touch .job a:active,
.no-touch .job a:focus {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5
}

@media only screen and (max-width: 47.9375em) {
    .no-touch .job a:hover,
    .no-touch .job a:active,
    .no-touch .job a:focus {
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fade-out-jobs .job {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.job__board .cf {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -webkit-transition: opacity 0.9s ease;
    transition: opacity 0.9s ease
}

.job__description {
    margin: 0 auto;
    max-width: 908px;
    padding-top: 2em;
    position: relative;
    text-shadow: none
}

.job__description hgroup {
    margin-bottom: 2em;
    padding-bottom: 2em;
    position: relative;
    text-align: center
}

.job__description hgroup:after {
    background: #ae0000;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -1em;
    position: absolute;
    width: 2em
}

.job__description hgroup h1 {
    font-family: "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 60px;
    font-size: 3rem;
    font-weight: normal;
    text-transform: uppercase
}

.job__description hgroup h2 {
    font-size: 20px;
    font-size: 1rem;
    font-weight: bold;
    margin: 1em 0 1.3em;
    position: relative
}

.job__description hgroup h3 {
    font-size: 16px;
    font-size: 0.8rem;
    font-weight: normal;
    margin: 0
}

.job__description p {
    line-height: 1.5
}

.job__description .job__writeup h2 {
    font-size: 40px;
    font-size: 2rem;
    font-weight: 600;
    margin: 1em 0 1.3em;
    text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
    .job__description p {
        text-align: center
    }
    .job__description>h2 {
        font-size: 24px;
        font-size: 1.5rem;
        text-align: center
    }
}

.job__description ul {
    list-style: none outside url(../images/icons/jobs--list-icon.svg);
    margin: 1em 0 1.3em;
    padding: 0 0 0 1em
}

.job__description li {
    font-size: 25px;
    font-size: 1.25rem;
    font-style: italic;
    padding: .2em .5em .4em
}

.job__description .job__writeup a {
    border-bottom: 1px solid #ae0000;
    color: #f5f5f1
}

.job__description .job__writeup a:hover,
.job__description .job__writeup a:focus {
    border-color: #f5f5f1
}

.job__description .job__writeup a:active {
    border-color: #ae0000;
    color: #ae0000
}

.job__description footer {
    border-top: 2px solid #f5f5f1;
    padding: 2em 0
}

.job__description footer p {
    display: inline-block;
    margin: 0;
    padding-right: 4.5%;
    vertical-align: middle;
    width: 60%
}

.job__description footer .btn {
    display: inline-block;
    margin: 0;
    text-align: center;
    width: 40%
}

@media only screen and (max-width: 50em) {
    .job__description footer p {
        padding-right: 0;
        margin-bottom: 2em;
        width: 100%
    }
    .job__description footer .btn {
        width: 100%
    }
}

.job__writeup {
    padding-bottom: 2em
}

.fade-out-description .job__board .cf {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

@media only screen and (max-width: 47.9375em) {
    .job__description {
        float: none;
        width: 100%
    }
    .job__description header .job__start-date {
        display: block;
        position: static
    }
    .job__board aside {
        float: none;
        padding: 0 0 1em;
        width: 100%
    }
}

.contact {
    -webkit-backface-visibility: visible
}

#page--contact {
    position: relative
}

.page-type--contact .page--contact--wrap,
.page-type--contact .page--contact--wrap .full-height {
    height: auto
}

.form__thankyou {
    background: #ae0000;
    color: #f5f5f1;
    opacity: 0;
    padding: 1em;
    text-align: center
}

.page-loaded .form__thankyou {
    -webkit-animation: animate-contact-title .5s .5s both;
    animation: animate-contact-title .5s .5s both
}

.form__thankyou p {
    margin: 0
}

.contact__top {
    background: #161616
}

.contact__vcards {
    margin: 0 auto;
    max-width: 1120px;
    overflow: hidden;
    position: relative;
    padding: 10em 0 7.5em
}

.contact__vcards .vcard {
    display: inline-block;
    text-align: center;
    padding: 0 1%;
    vertical-align: top;
    visibility: hidden;
    width: 25%
}

.contact__vcards .vcard>* {
    margin: .5em 0
}

.contact__vcards .vcard>.office-icon {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 200px
}

.contact__vcards svg {
    display: block;
    fill: #f5f5f1;
    height: 200px;
    margin: 0 auto 2em;
    max-width: 100%;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 182px
}

.contact__vcards .office-change {
    fill: inherit;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.contact__vcards .office-icon__name {
    fill: #f5f5f1;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.contact__vcards .office-icon__outline {
    fill: #161616
}

.contact__vcards .svg__border {
    border: 5px solid #ae0000;
    height: 4.5rem;
    left: 50%;
    margin: -2.25rem 0 0 -2.25rem;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    bottom: 1rem;
    width: 4.5rem
}

@media only screen and (max-width: 64em) {
    .contact__vcards .svg__border {
        bottom: 1.5rem
    }
}

@media only screen and (max-width: 32.5em) {
    .contact__vcards .svg__border {
        border-width: 0.25rem;
        bottom: 0.6875rem;
        height: 2.8125rem;
        margin: 0 0 0 -1.40625rem;
        width: 2.8125rem
    }
}

.contact__vcards a:hover svg {
    fill: #ae0000
}

.contact__vcards a:hover .svg__border {
    border-color: #f5f5f1;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.contact__vcards a:hover .office-icon__name {
    -webkit-transform: translate3d(0, -8px, 5px);
    transform: translate3d(0, -8px, 5px)
}

.contact__vcards a {
    color: #f5f5f1;
    font-weight: 600
}

.contact__vcards a:hover {
    color: #ae0000
}

.contact__vcards a:active,
.contact__vcards a:focus {
    color: #525252
}

.contact__vcards .tel,
.contact__vcards .adr {
    font-size: 17px;
    font-size: 0.85rem
}

.contact__vcards .adr {
    color: #525252
}

.contact__vcards .vcard .page--contact__offices__location {
    margin-bottom: 1em
}

.office-icon--chicago svg {
    left: 0.2rem
}

.office-icon--nyc svg {
    left: 0.5rem
}

.office-icon--london svg {
    left: -0.1rem
}

@media only screen and (min-width: 84.375em) {
    .page-type--contact .contact__top {
        padding: 6em 0 3.5em
    }
}

@media only screen and (min-width: 90.625em) and (min-height: 57.5em) {
    .page-type--contact .contact__top {
        padding: 5em 0 3.5em
    }
    .page-type--contact .contact__top .wrap {
        max-width: none;
        padding: 0 20px
    }
    .contact__vcards {
        max-width: 1600px
    }
    .contact__vcards svg {
        height: 300px;
        width: 273px
    }
    .contact__vcards .svg__border {
        border-width: 0.4rem;
        bottom: 1.5rem;
        height: 6.75rem;
        margin: -3.375rem 0 0 -3.375rem;
        width: 6.75rem
    }
    .contact__vcards .vcard>.office-icon {
        width: 300px
    }
    .office-icon--chicago svg {
        left: 0.3rem
    }
    .office-icon--nyc svg {
        left: 0.75rem
    }
    .office-icon--london svg {
        left: -0.15rem
    }
}

@media only screen and (max-width: 64em) {
    .office-icon--chicago svg {
        left: 0.25rem
    }
    .office-icon--nyc svg {
        left: 0.625rem
    }
    .office-icon--london svg {
        left: -0.125rem
    }
}

@media only screen and (max-width: 53.125em) {
    .contact__top .contact__vcards {
        width: 100%
    }
    .contact__top .vcard {
        max-width: 300px;
        margin-bottom: 20px;
        width: 50%
    }
}

@media only screen and (max-width: 32.5em) {
    .contact__top {
        overflow: hidden;
        max-width: 100%
    }
    .contact__top .wrap {
        max-width: none;
        padding: 0
    }
    .contact__top .contact__vcards {
        margin: 0 auto;
        max-width: 300px;
        text-align: center;
        width: 100%
    }
    .contact__top .vcard {
        display: inline-block;
        margin: 20px auto;
        min-height: 100px;
        padding: 0 0 0 110px;
        position: relative;
        width: 100%
    }
    .contact__top .vcard:first-child {
        margin-top: 0
    }
    .contact__top .vcard>.office-icon {
        height: 100px;
        left: 0px;
        margin-top: -50px;
        position: absolute;
        top: 50%;
        width: 101px
    }
    .contact__top svg {
        height: 100px;
        width: 91px
    }
    .contact__top .vcard__address {
        margin: 0;
        padding-top: 1.25em
    }
    .office-icon--chicago svg {
        left: 0.125rem
    }
    .office-icon--nyc svg {
        left: 0.3125rem
    }
    .office-icon--london svg {
        left: -0.125rem
    }
}

.lte8 .contact__vcards .svg__border {
    display: none
}

.contact__cta {
    border-top: 10px solid #ae0000;
    padding: 4em 0;
    position: relative;
    visibility: hidden
}

.contact__cta__left,
.contact__cta__right {
    display: inline-block;
    vertical-align: middle;
    width: 50%
}

.contact__cta__left {
    padding-right: 2em;
    text-align: left
}

.contact__cta__left h2 {
    font-family: "Fueled Sans Semi", "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    margin: 0;
    text-shadow: 1px 1px #161616, 2px 2px #ae0000;
    text-transform: uppercase
}

.contact__cta__left p {
    font-size: 22px;
    font-size: 1.1rem;
    padding-bottom: 0
}

.contact__cta__right {
    padding-left: 2em;
    text-align: right
}

.contact__cta__right .btn {
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 50px;
    font-size: 2.5rem;
    letter-spacing: 0;
    max-width: 460px;
    padding: 0.75em .6em .65em;
    text-align: center;
    width: 100%
}

@media only screen and (max-width: 55em) {
    .contact__cta__right .btn {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (max-width: 43.75em) {
    .contact__cta__left,
    .contact__cta__right {
        display: block;
        padding: 0;
        text-align: center;
        width: 100%
    }
    .contact__cta__right {
        padding-top: 1em
    }
}

@media only screen and (max-width: 35.5em) {
    .contact__cta__right .btn {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.contact__newsletter {
    background: #1f1f1f;
    border-top: 4px solid #161616;
    padding: 2.5em 0;
    visibility: hidden
}

.contact__newsletter__title {
    color: #525252;
    display: inline-block;
    font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 32px;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0;
    padding-right: 1em;
    text-transform: uppercase;
    vertical-align: middle;
    width: 25%
}

.contact__newsletter__title img {
    display: block
}

.form--newsletter {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 75%
}

.form__fields--newsletter {
    padding-right: 6em
}

.form__field--newsletter-fname,
.form__field--newsletter-email {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.form__field--newsletter-fname {
    padding-right: .5em
}

.form__field--newsletter-email {
    padding-left: .5em
}

.form__field--newsletter-fname input,
.form__field--newsletter-email input {
    background: none;
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.form__field--newsletter-fname input:focus,
.form__field--newsletter-email input:focus {
    background: none;
    border: 0
}

.form__field--newsletter-fname input:focus~.input--fake,
.form__field--newsletter-email input:focus~.input--fake {
    background: #f5f5f1
}

.form__field--newsletter-email input {
    left: .5em
}

.form__field--newsletter-email input~.input--fake:after {
    background: #1f1f1f;
    border-color: inherit;
    border-style: solid;
    border-width: 3px 0px 0px 3px;
    content: "";
    height: 2em;
    margin-top: -1.1em;
    position: absolute;
    right: -1.1em;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 1.90em
}

input~.input--fake {
    background: #1e1e1e;
    border-color: #000000;
    border-style: solid;
    border-width: 3px;
    height: 3em;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 100%
}

.form--newsletter .btn--diamond {
    right: 1em
}

@media only screen and (max-width: 55em) {
    .contact__newsletter__title {
        display: block;
        padding: 0 0 1em;
        text-align: center;
        width: 100%
    }
    .contact__newsletter__title img {
        margin: 0 auto
    }
    .form--newsletter {
        width: 100%
    }
}

@media only screen and (max-width: 42.5em) {
    .form__fields--newsletter {
        padding-right: 0
    }
    .form__field--newsletter-fname,
    .form__field--newsletter-email {
        display: block;
        padding: .5em 0;
        width: 100%
    }
    .form__field--newsletter-email input~.input--fake {
        border-width: 3px
    }
    .form__field--newsletter-email input~.input--fake:after {
        display: none
    }
    .form--newsletter .btn--diamond {
        display: block;
        margin: 2em auto 0;
        padding: 0;
        position: relative;
        right: auto;
        top: auto
    }
}

input~.mce_inline_error {
    display: none !important;
    font-size: 11px;
    font-weight: bold;
    line-height: 1em;
    margin-top: .5em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 100%;
    z-index: 2
}

.mce_inline_error~.input--fake {
    border-color: #ae0000
}

#mce-error-response {
    color: #ae0000;
    font-size: 13px;
    font-weight: bold;
    left: 0;
    line-height: 1;
    position: absolute;
    top: -1.3em;
    text-transform: uppercase
}

.btn--diamond {
    background: none;
    border: none;
    height: 4em;
    margin-top: -2em;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 50%;
    width: 4em
}

.btn--diamond i {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0px 0px 0px 0px #525252 inset, 0px 0px 0px 4px #ae0000 inset;
    box-shadow: 0px 0px 0px 0px #525252 inset, 0px 0px 0px 4px #ae0000 inset;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.3s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.btn--diamond span {
    font-weight: 700;
    letter-spacing: 0.05em;
    position: relative;
    text-transform: uppercase
}

.btn--diamond:hover {
    color: #f5f5f1
}

.btn--diamond:hover i {
    border-color: #ae0000;
    -webkit-box-shadow: 0px 0px 0px 0px #525252 inset, 0px 0px 0px 60px #ae0000 inset;
    box-shadow: 0px 0px 0px 0px #525252 inset, 0px 0px 0px 60px #ae0000 inset
}

.btn--diamond:active,
.btn--diamond:focus {
    color: #f5f5f1;
    outline: none
}

.btn--diamond:active i,
.btn--diamond:focus i {
    border-color: #525252;
    -webkit-box-shadow: 0px 0px 0px 60px #525252 inset, 0px 0px 0px 60px #ae0000 inset;
    box-shadow: 0px 0px 0px 60px #525252 inset, 0px 0px 0px 60px #ae0000 inset
}

.page--contact {
    text-align: center
}

.rfp {
    color: #161616;
    margin-bottom: -10em;
    position: relative;
    text-align: left;
    z-index: 4
}

.rfp__inner {
    overflow: hidden;
    padding-bottom: 10em;
    pointer-events: none
}

.rfp__inner>* {
    pointer-events: auto
}

.rfp__header {
    color: #f5f5f1;
    padding: 3em 0;
    overflow: hidden;
    position: relative;
    text-align: center
}

.rfp__header:before {
    background: #ae0000;
    content: '';
    height: 0;
    left: 50%;
    padding-top: 200%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) scale(0) rotate(45deg);
    -webkit-transition: -webkit-transform 750ms 250ms;
    transition: -webkit-transform 750ms 250ms;
    transition: transform 750ms 250ms;
    transition: transform 750ms 250ms, -webkit-transform 750ms 250ms;
    width: 200%
}

.page-loaded .rfp__header:before {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) scale(1) rotate(45deg)
}

@media only screen and (min-width: 48em) {
    .rfp__header {
        padding: 5em 0
    }
}

.rfp__header .wrap {
    position: relative
}

@media only screen and (min-width: 48em) {
    .rfp__header .wrap {
        padding-top: 56px
    }
}

.rfp__title {
    font-size: 72px;
    font-size: 3.6rem;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 0;
    overflow: hidden;
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    opacity: 0
}

@media only screen and (min-width: 48em) {
    .rfp__title {
        font-size: 114px;
        font-size: 5.7rem
    }
}

@-webkit-keyframes animate-contact-title {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes animate-contact-title {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.rfp__title:after {
    background: radial-gradient(rgba(174, 0, 0, 0) 8%, #ae0000 20%, #ae0000);
    content: '';
    height: 1100%;
    left: -5%;
    pointer-events: none;
    position: absolute;
    top: -500%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    width: 110%
}

@-webkit-keyframes animate-contact-title-gradient {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    100% {
        -webkit-transform: scale(15, 1);
        transform: scale(15, 1)
    }
}

@keyframes animate-contact-title-gradient {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    100% {
        -webkit-transform: scale(15, 1);
        transform: scale(15, 1)
    }
}

.page-loaded .rfp__title {
    opacity: 1;
    -webkit-animation: animate-contact-title .5s .5s both;
    animation: animate-contact-title .5s .5s both
}

.page-loaded .rfp__title:after {
    -webkit-animation: animate-contact-title-gradient 2s .5s both;
    animation: animate-contact-title-gradient 2s .5s both;
    -webkit-transform: scale(15, 1);
    -ms-transform: scale(15, 1);
    transform: scale(15, 1)
}

.rfp__desc {
    font-size: 24px;
    font-size: 1.2rem;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transition: opacity 1.5s .5s;
    transition: opacity 1.5s .5s
}

.page-loaded .rfp__desc {
    -webkit-animation: animate-contact-title 1.5s .5s both;
    animation: animate-contact-title 1.5s .5s both
}

.form--contact {
    background: #f5f5f1;
    border-bottom: 2px solid #d8d8d6;
    border-top: 2px solid #d8d8d6;
    opacity: 0;
    position: relative
}

.form--contact .wrap {
    max-width: 1360px;
    position: relative
}

.form--contact .wrap:before {
    background: #d8d8d6;
    bottom: 0;
    content: "";
    display: block;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 0;
    width: 2px
}

@media only screen and (max-width: 47.9375em) {
    .form--contact .wrap:before {
        display: none
    }
}

.form--contact .form__general,
.form--contact .form__project {
    display: inline-block;
    padding: 4em 3em 8em 0;
    vertical-align: top;
    width: 50%
}

.form--contact .form__project {
    padding-left: 3em;
    padding-right: 0
}

.form--contact h3 {
    font-size: 24px;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 2em;
    padding-left: .833333333em;
    text-transform: uppercase
}

.form--contact .form__field-wrap {
    display: inline-block;
    margin-top: 1em;
    padding: 0 1em;
    vertical-align: top;
    width: 50%
}

@media only screen and (max-width: 77.5em) {
    .form--contact .form__general {
        padding-right: 1em
    }
    .form--contact .form__project {
        padding-left: 1em
    }
}

@media only screen and (max-width: 53.75em) {
    .form--contact .form__general,
    .form--contact .form__project {
        padding-bottom: 6em
    }
    .form--contact .form__general {
        padding-right: 1em
    }
    .form--contact .form__project {
        padding-left: 1em
    }
    .form--contact .form__field-wrap {
        padding: 0 .5em
    }
}

@media only screen and (max-width: 47.9375em) {
    .form--contact .form__general,
    .form--contact .form__project {
        display: block;
        padding: 1em 0;
        width: 100%
    }
    .form--contact .form__general {
        padding-top: 3em
    }
    .form--contact .form__project {
        padding-bottom: 8em
    }
}

@media only screen and (max-width: 35.5em) {
    .form--contact .form__field-wrap {
        display: block;
        width: 100%
    }
}

.form--contact .form__field__label {
    display: block;
    font-style: italic;
    margin-bottom: .5em;
    text-transform: lowercase
}

.form--contact input,
.form--contact textarea {
    background: #f5f5f1;
    border-color: #d8d8d6;
    border-width: 4px;
    max-width: 100%
}

.form--contact input:focus,
.form--contact textarea:focus {
    border-color: #b3b3af;
    -webkit-box-shadow: 0px 4px rgba(216, 216, 214, 0.5) inset;
    box-shadow: 0px 4px rgba(216, 216, 214, 0.5) inset
}

.form--contact input:-webkit-autofill,
.form--contact textarea:-webkit-autofill {
    -webkit-box-shadow: inset #f5f5f1 0 100px 0;
    box-shadow: inset #f5f5f1 0 100px 0
}

.form--contact .form__field--req {
    position: relative
}

.form--contact .form__field--req .form__field__label {
    display: block;
    overflow: hidden;
    padding-right: 2em;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form--contact .form__field--req .form__field__label:after {
    bottom: 0;
    color: #b3b3af;
    content: "Req";
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-size: 20px;
    font-size: 1rem;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-transform: uppercase
}

.form--contact .form__field--req input+.form__field__label:after {
    display: none
}

.form--contact .select {
    font-size: 18px;
    font-size: 0.9rem;
    position: relative
}

.form--contact .select>div {
    background: #f5f5f1;
    border-color: #d8d8d6;
    border-style: solid;
    border-width: 4px;
    cursor: pointer;
    padding: .5em 1em .6666em;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: all 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.form--contact .select span {
    display: block;
    overflow: hidden;
    max-width: 100%;
    padding-right: 2em;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form--contact .select i {
    height: 1.333333333em;
    margin-top: -.666666666em;
    position: absolute;
    right: .75em;
    top: 50%;
    -webkit-transition: all 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: all 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    width: 1.333333em
}

.form--contact .select i:before,
.form--contact .select i:after {
    background: #d8d8d6;
    bottom: 0;
    content: "";
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 0;
    width: 4px
}

.form--contact .select i:after {
    bottom: auto;
    height: 4px;
    left: 0;
    margin-left: 0;
    margin-top: -2px;
    right: 0;
    top: 50%;
    width: 100%
}

@media only screen and (max-width: 64em) {
    .form--contact .select>div {
        padding: .5em 1em .625em
    }
    .form--contact .select i {
        height: 1.25em;
        margin-top: -0.625em;
        width: 1.25em
    }
}

.form--contact .select.required--error>div,
.form--contact .select.field--error>div {
    border-color: #ae0000
}

.form--contact .select.js--select-active>div {
    border-color: #b3b3af;
    -webkit-box-shadow: 0px 4px rgba(216, 216, 214, 0.5) inset;
    box-shadow: 0px 4px rgba(216, 216, 214, 0.5) inset
}

.form--contact .select.js--select-active i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.form--contact .options {
    background: #f5f5f1;
    border: 4px solid #b3b3af;
    -webkit-box-shadow: 0px 4px rgba(216, 216, 214, 0.5) inset;
    box-shadow: 0px 4px rgba(216, 216, 214, 0.5) inset;
    left: 0px;
    list-style: none;
    margin: -4px 0 0;
    max-height: 16.5em;
    opacity: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 100%;
    -webkit-transition: visibility 0s cubic-bezier(0.875, 0.105, 0.19, 0.92) 0.3s, opacity 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: visibility 0s cubic-bezier(0.875, 0.105, 0.19, 0.92) 0.3s, opacity 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    visibility: hidden;
    z-index: 4
}

.form--contact .options li {
    position: relative
}

.form--contact .options li .form__field--checkbox__label {
    padding-top: 0.5rem;
    padding-bottom: 0.6rem
}

.form--contact .options li .form__field--checkbox__label:before {
    border-width: 0.15rem;
    height: 0.9rem;
    left: 0.5rem;
    top: calc(50% - 0.45rem);
    width: 0.9rem
}

.form--contact .options li .form__field--checkbox__label:after {
    height: 0.3rem;
    left: 0.8rem;
    top: calc(50% - 0.15rem);
    width: 0.3rem
}

@media only screen and (max-width: 64em) {
    .form--contact .options li .form__field--checkbox__label:before {
        height: 0.875rem;
        top: calc(50% - 0.4375rem);
        width: 0.875rem
    }
    .form--contact .options li .form__field--checkbox__label:after {
        height: 0.25rem;
        top: calc(50% - 0.125rem);
        width: 0.25rem
    }
}

.form--contact .options li+li .form__field--checkbox__label {
    -webkit-box-shadow: 0 2px rgba(216, 216, 214, 0.25) inset;
    box-shadow: 0 2px rgba(216, 216, 214, 0.25) inset
}

.form--contact .options .form__field__label {
    border: 0px solid #d8d8d6;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: .5em 1em .666em;
    text-transform: none;
    -webkit-transition: all 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92);
    transition: all 0.3s cubic-bezier(0.875, 0.105, 0.19, 0.92)
}

.form--contact [data-listener] input[type="text"] {
    margin: 0 5% 5%;
    max-width: 90%
}

.form--contact [data-listener] .form__field__label {
    display: none;
    height: 0;
    padding: 0;
    width: 0
}

.form--contact .js--select-active .options {
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: visible
}

.form--contact .form__field-wrap.full-width {
    display: block;
    width: 100%
}

.form--contact .form__field-wrap.full-width textarea {
    height: 10em
}

.form--contact .option .visuallyhidden,
.form--contact .option .site-header:before,
.form--contact .option body>footer {
    border-width: 0px;
    opacity: 0
}

.form--contact .option--other {
    position: relative
}

.form--contact .option--other .form__field--checkbox__label {
    -webkit-transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.form--contact input[name="form__field--budget-text"] {
    background: none;
    border: 0;
    left: 0;
    opacity: 0;
    padding: 0.5rem 0 0.6rem 2.1rem;
    position: absolute;
    top: 0;
    visibility: hidden
}

.form--contact .input--other--show input[name="form__field--budget-text"] {
    opacity: 1;
    visibility: visible
}

.form--contact .input--other--show .form__field--checkbox__label span {
    visibility: hidden
}

@media only screen and (max-width: 64em) {
    line-height: 44px
}

.rfp .btn--diamond {
    color: #161616;
    height: 10em;
    left: 50%;
    margin: -5em 0 0 -5em;
    right: auto;
    top: 100%;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    width: 10em;
    z-index: 3
}

.rfp .btn--diamond i {
    background: #f5f5f1;
    border: 4px solid #161616;
    -webkit-box-shadow: 0px 0px 0px 0px #161616 inset, 0px 0px 0px 0px #ae0000 inset;
    box-shadow: 0px 0px 0px 0px #161616 inset, 0px 0px 0px 0px #ae0000 inset
}

.rfp .btn--diamond:hover {
    color: #f5f5f1
}

.rfp .btn--diamond:hover i {
    border-color: #ae0000;
    -webkit-box-shadow: 0px 0px 0px 0px #161616 inset, 0px 0px 0px 100px #ae0000 inset;
    box-shadow: 0px 0px 0px 0px #161616 inset, 0px 0px 0px 100px #ae0000 inset
}

.rfp .btn--diamond:active,
.rfp .btn--diamond:focus {
    color: #f5f5f1;
    outline: none
}

.rfp .btn--diamond:active i,
.rfp .btn--diamond:focus i {
    border-color: #161616;
    -webkit-box-shadow: 0px 0px 0px 100px #161616 inset, 0px 0px 0px 100px #ae0000 inset;
    box-shadow: 0px 0px 0px 100px #161616 inset, 0px 0px 0px 100px #ae0000 inset
}

.rfp .btn--diamond span {
    position: relative
}

.rfp .btn--diamond--disabled,
.rfp .btn--diamond--error {
    color: #d8d8d6
}

.rfp .btn--diamond--disabled:before,
.rfp .btn--diamond--error:before {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    content: "";
    background: #161616;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1
}

.rfp .btn--diamond--disabled:after,
.rfp .btn--diamond--error:after {
    color: #f5f5f1;
    content: "Please fill in the required fields";
    font-size: 17px;
    font-size: 0.85rem;
    left: 0;
    line-height: 1.17647;
    margin-top: -30px;
    margin-top: 0;
    opacity: 0;
    padding: 9px 10px 11px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.rfp .btn--diamond--disabled i,
.rfp .btn--diamond--error i {
    border-color: #d8d8d6;
    -webkit-box-shadow: none;
    box-shadow: none
}

.rfp .btn--diamond--disabled:hover,
.rfp .btn--diamond--error:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #d8d8d6
}

.rfp .btn--diamond--disabled:hover:before,
.rfp .btn--diamond--disabled:hover:after,
.rfp .btn--diamond--error:hover:before,
.rfp .btn--diamond--error:hover:after {
    opacity: 1
}

.rfp .btn--diamond--disabled:hover i,
.rfp .btn--diamond--error:hover i {
    background: #f5f5f1;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #d8d8d6
}

.rfp .btn--diamond--disabled:active,
.rfp .btn--diamond--disabled:focus,
.rfp .btn--diamond--error:active,
.rfp .btn--diamond--error:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #d8d8d6
}

.rfp .btn--diamond--disabled:active i,
.rfp .btn--diamond--disabled:focus i,
.rfp .btn--diamond--error:active i,
.rfp .btn--diamond--error:focus i {
    background: #f5f5f1;
    border-color: #d8d8d6
}

.rfp .btn--diamond--error:before {
    opacity: 1
}

.rfp .btn--diamond--error:after {
    content: attr(data-error);
    opacity: 1
}

[class^='kr--'] {
    background: #ae0000;
    position: absolute;
    -webkit-transition: all 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    z-index: 2
}

.kr--top {
    bottom: 0;
    height: 12px;
    margin-left: -1px;
    left: 50%;
    width: 2px
}

.kr--left,
.kr--right {
    height: 2px;
    margin-top: 1px;
    right: 50%;
    top: 100%;
    width: 12px
}

.kr--right {
    left: 50%;
    right: auto
}

@media only screen and (min-width: 47.9375em) {
    .no-touch.csstransitions .btn--diamond:not([disabled]):hover~.kr--top {
        height: 100%
    }
}

.no-touch.csstransitions .btn--diamond:not([disabled]):hover~.kr--left {
    width: 50%
}

.no-touch.csstransitions .btn--diamond:not([disabled]):hover~.kr--right {
    width: 50%
}

.no-touch.csstransitions .btn--diamond:not([disabled]):active~[class^='kr--'] {
    background: #161616
}

.page-loaded .vcard,
.page-loaded .contact__cta,
.page-loaded .contact__newsletter {
    visibility: visible
}

.page-loaded .vcard--nyc {
    -webkit-animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0s 1 backwards;
    animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0s 1 backwards
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(1) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.5s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.5s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(2) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.53s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.53s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(3) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.56s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.56s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(4) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.59s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.59s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(5) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.62s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.62s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(6) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.65s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.65s 1 both
}

.page-loaded .vcard--nyc .office-icon__name path:nth-child(7) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.68s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.68s 1 both
}

.page-loaded .vcard--london {
    -webkit-animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.2s 1 backwards;
    animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.2s 1 backwards
}

.page-loaded .vcard--london .office-icon__name path:nth-child(1) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.7s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.7s 1 both
}

.page-loaded .vcard--london .office-icon__name path:nth-child(2) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.73s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.73s 1 both
}

.page-loaded .vcard--london .office-icon__name path:nth-child(3) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.76s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.76s 1 both
}

.page-loaded .vcard--london .office-icon__name path:nth-child(4) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.79s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.79s 1 both
}

.page-loaded .vcard--london .office-icon__name path:nth-child(5) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.82s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.82s 1 both
}

.page-loaded .vcard--london .office-icon__name path:nth-child(6) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.85s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.85s 1 both
}

.page-loaded .vcard--los-angeles {
    -webkit-animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.4s 1 backwards;
    animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.4s 1 backwards
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(1) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.9s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.9s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(2) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.93s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.93s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(3) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.96s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.96s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(4) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.99s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.99s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(5) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.02s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.02s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(6) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.05s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.05s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(7) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.08s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.08s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(8) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.11s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.11s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(9) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.14s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.14s 1 both
}

.page-loaded .vcard--los-angeles .office-icon__name path:nth-child(10) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.17s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.17s 1 both
}

.page-loaded .vcard--chicago {
    -webkit-animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.6s 1 backwards;
    animation: locationIn 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.6s 1 backwards
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(1) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.1s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.1s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(2) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.13s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.13s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(3) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.16s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.16s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(4) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.19s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.19s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(5) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.22s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.22s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(6) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.25s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.25s 1 both
}

.page-loaded .vcard--chicago .office-icon__name path:nth-child(7) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.28s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 1.28s 1 both
}

.page-loaded .contact__newsletter {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.5s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.5s 1 both;
    visibility: visible
}

.page-loaded .contact__top {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.7s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.7s 1 both
}

.page-loaded .page--contact__offices>span>span {
    width: 100%
}

.page-loaded .page--contact__offices>div {
    visibility: visible
}

.page-loaded .page--contact__offices>div:nth-child(2) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.9s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.9s 1 both
}

.page-loaded .page--contact__offices>div:nth-child(3) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.85s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.85s 1 both
}

.page-loaded .page--contact__offices>div:nth-child(4) {
    -webkit-animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.95s 1 both;
    animation: simpleFade 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.95s 1 both
}

.page-loaded .page--contact .content h1,
.page-loaded .page--contact .content form {
    visibility: visible
}

.page-loaded .page--contact .content h1 {
    -webkit-animation: simpleFadeAndDown 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.6s 1 both;
    animation: simpleFadeAndDown 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.6s 1 both
}

.ie9 .page-loaded .page--contact .content h1 {
    opacity: 1
}

.page-loaded .page--contact .content form {
    -webkit-animation: simpleFadeAndDown 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.45s 1 both;
    animation: simpleFadeAndDown 0.5s cubic-bezier(0.625, 0.125, 0.305, 0.875) 0.45s 1 both
}

.ie9 .page-loaded .page--contact .content form {
    opacity: 1
}

.loading-from-contact .vcard,
.loading-from-contact .form--newsletter,
.loading-from-contact .contact__cta,
.loading-from-contact .contact__newsletter,
.loading-from-contact .contact__newsletter .wrap>h2 {
    visibility: visible
}

@media only screen and (max-width: 62.5em) {
    .contact__newsletter .wrap>div {
        padding-right: 0
    }
    .contact__newsletter .wrap>form {
        padding-left: 0
    }
}

@media only screen and (max-width: 47.9375em) {
    .page--contact__offices>div {
        display: block;
        padding: 1em 0;
        text-align: center;
        width: 100%
    }
}

.block--thank-you {
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 0;
    -webkit-transition: visibility .3s ease .3s, opacity .3s ease;
    transition: visibility .3s ease .3s, opacity .3s ease;
    visibility: hidden;
    width: 100%;
    z-index: 100
}

.block--thank-you:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-left: -1px;
    vertical-align: middle;
    width: 1px
}

.block--thank-you .block__inner {
    display: inline-block;
    padding: 1em;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform .3s ease .05s;
    transition: -webkit-transform .3s ease .05s;
    transition: transform .3s ease .05s;
    transition: transform .3s ease .05s, -webkit-transform .3s ease .05s;
    vertical-align: middle
}

.show-thank-you .block--thank-you .block__inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.block--thank-you .close {
    font-size: 36px;
    font-size: 1.8rem;
    font-weight: bold;
    position: absolute;
    right: .5em;
    top: .5em;
    text-transform: uppercase
}

@media only screen and (min-width: 50.0625em) {
    .block--thank-you .block__title {
        font-size: 96px;
        font-size: 4.8rem
    }
}

.show-thank-you .block--thank-you {
    opacity: 1;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    visibility: visible
}

.form__item--hidden {
    width: 1px !important;
    border: 0 !important;
    padding: 0 !important
}

.page--404 {
    text-align: center
}

.page--404 .content {
    padding-top: 4em
}

.page--404 .mega {
    margin: 3em auto;
    max-width: 700px
}

@media only screen and (max-width: 47.9375em) {
    .page--404 .mega {
        margin: 1em auto 0
    }
}

body.press .hero__title {
    text-shadow: #605958 3px 3px 0, #ae0000 5px 5px 0
}

@media only screen and (max-width: 47.9375em) {
    body.press .hero__title {
        text-shadow: #605958 2px 2px 0, #ae0000 4px 4px 0
    }
}

.lte9 body.press .hero__title:before {
    color: #605958
}

.press-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.5em 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

@media only screen and (max-width: 47.9375em) {
    .press-items {
        padding: 0
    }
}

.no-flexbox .press-items {
    display: block;
    overflow: hidden;
    text-align: left
}

.no-js .press-items,
.js.wf-active .press-items,
.js.wf-inactive .press-items {
    opacity: 1
}

.press__item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.333%;
    flex: 1 1 33.333%;
    min-height: 33.333vw;
    position: relative;
    text-shadow: none;
    min-width: 33.333%
}

.press__item:hover {
    cursor: pointer
}

@media only screen and (min-width: 100em) {
    .press__item {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        min-height: 25vw;
        min-width: 25%
    }
}

@media only screen and (max-width: 69.9375em) {
    .press__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        min-height: 50vw;
        min-width: 50%
    }
}

@media only screen and (max-width: 47.9375em) {
    .press__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        min-height: 0;
        min-width: 100%;
        display: block
    }
}

.no-touch .press__item:after {
    background: rgba(245, 245, 241, 0.001);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: background 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: background 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 100%
}

.no-touch .press__item:hover:after,
.no-touch .press__item:focus:after,
.no-touch .press__item:active:after {
    background: rgba(245, 245, 241, 0.15)
}

.no-touch .press__item:hover .press__topic,
.no-touch .press__item:hover .press__item__author,
.no-touch .press__item:focus .press__topic,
.no-touch .press__item:focus .press__item__author,
.no-touch .press__item:active .press__topic,
.no-touch .press__item:active .press__item__author {
    opacity: 1
}

.no-touch .press__item:active .press__item__wrap {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95)
}

.no-flexbox .press__item {
    display: inline-block;
    vertical-align: top;
    min-width: 0;
    max-width: none;
    width: 33.333%
}

.no-flexbox .press__item:before {
    background: inherit;
    content: '';
    height: 500%;
    top: 100%;
    width: 100%;
    position: absolute
}

.no-flexbox .press__item:after {
    height: 600%
}

@media only screen and (min-width: 100em) {
    .no-flexbox .press__item {
        width: 25%
    }
}

@media only screen and (max-width: 69.9375em) {
    .no-flexbox .press__item {
        width: 50%
    }
}

@media only screen and (max-width: 47.9375em) {
    .no-flexbox .press__item {
        width: 100%
    }
}

.press__item__to-show {
    padding: 3.5rem 0 5rem;
    display: block;
    width: 100%;
    position: relative
}

@media only screen and (max-width: 31.25em) {
    .press__item__to-show {
        padding: 2rem 1rem 3rem
    }
}

.no-flexbox .press__item__to-show {
    padding-top: 3rem;
    display: block
}

.press__item__wrap {
    margin: 0 auto;
    padding: 0 1.75rem;
    max-width: 23.5rem;
    text-align: left;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

@media only screen and (max-width: 64em) {
    .press__item__wrap {
        max-width: 25rem
    }
}

@media only screen and (max-width: 47.9375em) {
    .press__item__wrap {
        height: auto !important
    }
}

@media only screen and (max-width: 31.25em) {
    .press__item__wrap {
        max-width: none;
        padding: 0;
        width: 100%
    }
}

@media only screen and (min-width: 31.3125em) {
    .js.no-touch.cssanimations .press__item.cs__reveal .press__item__to-show {
        opacity: 0;
        -webkit-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        transform: translateY(-0.5em);
        -webkit-transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
    }
}

@media only screen and (min-width: 48em) and (max-width: 69.9375em) {
    .js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(2n) .press__item__to-show {
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms
    }
}

@media only screen and (min-width: 70em) and (max-width: 99.9375em) {
    .js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(3n-1) .press__item__to-show {
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms
    }
    .js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(3n) .press__item__to-show {
        -webkit-transition-delay: 200ms;
        transition-delay: 200ms
    }
}

@media only screen and (min-width: 100em) {
    .js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(4n-2) .press__item__to-show {
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms
    }
    .js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(4n-1) .press__item__to-show {
        -webkit-transition-delay: 200ms;
        transition-delay: 200ms
    }
    .js.no-touch.cssanimations .press__item.cs__reveal:nth-of-type(4n) .press__item__to-show {
        -webkit-transition-delay: 300ms;
        transition-delay: 300ms
    }
}

@media only screen and (min-width: 31.3125em) {
    .js.no-touch.cssanimations.wf-active .press__item.cs__reveal.js--show .press__item__to-show,
    .js.no-touch.cssanimations.wf-inactive .press__item.cs__reveal.js--show .press__item__to-show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.press__item--light,
.press__item--rameet {
    color: #161616 !important
}

.press__item--color {
    color: #f5f5f1 !important
}

.press__item--fueled {
    color: #f5f5f1 !important
}

.press__item--collective {
    color: #f5f5f1 !important
}

.press__item--color {
    background-color: #525252
}

.press__item--light {
    background-color: #f5f5f1
}

.press__item--rameet {
    background-color: #f5f5f1
}

.press__item--fueled {
    background-color: #ae0000
}

.press__item--collective {
    background-color: #161616
}

.press__item--afterlight {
    background-color: #343d45
}

.press__item--athleteminder {
    background-color: #F69831
}

.press__item--barneys-new-york {
    background-color: #2f2a2b
}

.press__item--cameo {
    background-color: #f8685b
}

.press__item--chatous {
    background-color: #4B67D3
}

.press__item--chatwala {
    background-color: #db013f
}

.press__item--chopping-block {
    background-color: #ef602f
}

.press__item--citibike {
    background-color: #009ddc
}

.press__item--cleancube {
    background-color: #262626
}

.press__item--coinsetter {
    background-color: #f9ac2f
}

.press__item--definer {
    background-color: #282a2d
}

.press__item--elevatr {
    background-color: #00b0cc
}

.press__item--fashism {
    background-color: #000000
}

.press__item--glamour {
    background-color: #000000
}

.press__item--happify {
    background-color: #f77a3d
}

.press__item--humin {
    background-color: #f5f5f1
}

.press__item--inlist {
    background-color: #DFBA69
}

.press__item--jack-threads {
    background-color: #808080
}

.press__item--keyme {
    background-color: #f7b512
}

.press__item--lovematically {
    background-color: #26b0ab
}

.press__item--ncla-los-angeles {
    background-color: #ec008c
}

.press__item--porsche {
    background-color: #c6a66f
}

.press__item--quad {
    background-color: #3d93e8
}

.press__item--quizup {
    background-color: #fb424a
}

.press__item--sunnycomb {
    background-color: #27a9d7
}

.press__item--urban-daddy {
    background-color: #000000
}

.press__item--weride {
    background-color: #F25229
}

.press__item__title {
    margin: 0 0 1em;
    min-height: 3.25em;
    font-size: 20px;
    font-size: 1rem
}

@media only screen and (max-width: 47.9375em) {
    .press__item__title {
        display: block
    }
}

@media only screen and (max-width: 31.25em) {
    .press__item__title {
        max-width: 18.75em;
        min-height: 0
    }
}

.press__item__logo {
    max-width: 100%;
    display: block;
    width: auto;
    height: auto;
    margin: auto 0
}

.press__item__quote {
    margin: 0
}

.press__item__copy {
    font-size: 44px;
    font-size: 2.2rem;
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-style: italic;
    line-height: 1;
    margin: 0.5em auto 0.25em;
    text-transform: uppercase
}

@media only screen and (max-width: 64em) {
    .press__item__copy {
        font-size: 50px;
        font-size: 2.5rem
    }
}

@media only screen and (max-width: 48em) {
    .press__item__copy {
        font-size: 40px;
        font-size: 2rem
    }
}

@media only screen and (max-width: 31.25em) {
    .press__item__copy {
        font-size: 34px;
        font-size: 1.7rem
    }
}

.press__item__copy--indented-small {
    text-indent: -3px
}

.press__item__copy--indented-medium {
    text-indent: -6px
}

.press__item__copy--indented-large {
    text-indent: -9px
}

.press__item__author {
    font-style: normal;
    opacity: 0.5;
    -webkit-transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
}

.press__topic {
    position: absolute;
    bottom: 0;
    right: 1.25rem;
    bottom: 1.25rem;
    opacity: 0.5;
    -webkit-transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    height: 4.25rem
}

.press__item--fueled .press__topic {
    opacity: 1
}

@media only screen and (max-width: 64em) {
    .press__topic {
        height: 3.75rem;
        right: 1rem;
        bottom: 1rem
    }
}

@media only screen and (max-width: 31.25em) {
    .press__topic {
        height: 3rem;
        bottom: 0.5rem;
        right: 0.5rem
    }
}

.culture__bg {
    background: #f5f5f1;
    color: #161616
}

.culture__bg--reversed {
    background: #161616;
    color: #f5f5f1
}

.culture__heading,
.culture__subheading,
.culture__heading-type,
[class^="culture-map__name--"] {
    display: block;
    font-family: "Fueled Sans Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    line-height: 0.9;
    text-transform: uppercase
}

.culture__heading {
    font-size: 4.4rem;
    font-weight: 900;
    margin: 2rem auto 0.5rem
}

@media only screen and (min-width: 48em) {
    .culture__heading {
        font-size: 4.95rem
    }
}

@media only screen and (min-width: 80em) {
    .culture__heading {
        font-size: calc(8vw - 0.35rem)
    }
}

@media only screen and (min-width: 131.25em) {
    .culture__heading {
        font-size: 8.05rem
    }
}

.culture__subheading {
    font-size: 2.4rem;
    font-weight: 500;
    margin: 1.5rem auto 0.5rem
}

@media only screen and (min-width: 48em) {
    .culture__subheading {
        font-size: 2.7rem
    }
}

@media only screen and (min-width: 80em) {
    .culture__subheading {
        font-size: calc(4.75vw - 0.35rem)
    }
}

@media only screen and (min-width: 131.25em) {
    .culture__subheading {
        font-size: 4.6rem
    }
}

.culture__heading+.culture__subheading {
    margin-top: -0.5rem
}

@media only screen and (min-width: 80em) {
    .culture__p,
    .culture-team__btn {
        font-size: calc(2vw - 0.275rem)
    }
}

@media only screen and (min-width: 98.125em) {
    .culture__p,
    .culture-team__btn {
        font-size: 1.3rem
    }
}

@media only screen and (min-width: 143.75em) {
    .culture__p,
    .culture-team__btn {
        font-size: 1.5rem
    }
}

.culture__p {
    max-width: 30em
}

@media only screen and (min-width: 80em) {
    .culture__group {
        max-width: 98.25rem;
        width: calc(75% + 12rem)
    }
}

.culture__cta {
    bottom: 0;
    height: 0;
    padding-top: 40%;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    width: 40%;
    z-index: 3
}

.culture__play {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    height: 0;
    left: 50%;
    outline: 0;
    padding-top: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.culture__play,
.culture__play * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.culture__play>b:before,
.culture-team__btn>b:before {
    -webkit-box-shadow: inset #ae0000 0 0 0 0;
    box-shadow: inset #ae0000 0 0 0 0;
    content: '';
    height: 150%;
    left: -25%;
    position: absolute;
    top: -25%;
    -webkit-transition: -webkit-box-shadow 400ms 0ms ease-in-out, -webkit-transform 400ms 0ms ease-in-out;
    transition: -webkit-box-shadow 400ms 0ms ease-in-out, -webkit-transform 400ms 0ms ease-in-out;
    transition: box-shadow 400ms 0ms ease-in-out, transform 400ms 0ms ease-in-out;
    transition: box-shadow 400ms 0ms ease-in-out, transform 400ms 0ms ease-in-out, -webkit-box-shadow 400ms 0ms ease-in-out, -webkit-transform 400ms 0ms ease-in-out;
    width: 150%
}

.culture__play>b:after,
.culture-team__btn>b:after {
    background: #525252;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
    width: 100%
}

.culture__play:hover>b:before,
.culture__play:focus>b:before {
    -webkit-box-shadow: inset #ae0000 0 0 0 28vw;
    box-shadow: inset #ae0000 0 0 0 28vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width: 80em) {
    .culture__play:hover>b:before,
    .culture__play:focus>b:before {
        -webkit-box-shadow: inset #ae0000 0 0 0 350px;
        box-shadow: inset #ae0000 0 0 0 350px
    }
}

.culture__play:active>b:after {
    opacity: 1
}

.culture__play:after {
    background: url(../images/culture/play-icon.svg) center no-repeat;
    background-size: cover;
    content: '';
    left: 35%;
    height: 30%;
    position: absolute;
    top: 35%;
    width: 30%
}

.culture__link {
    color: #ae0000;
    display: inline-block;
    font-weight: bold;
    padding-right: 1.5em;
    position: relative
}

.culture__link:after {
    content: '→';
    display: inline-block;
    position: absolute;
    right: 0.5em;
    text-align: right;
    top: 0.05em;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    width: 1em
}

.culture__link:hover,
.culture__link:focus {
    color: #ae0000
}

.culture__link:hover:after,
.culture__link:focus:after {
    -webkit-transform: translateX(0.5em);
    -ms-transform: translateX(0.5em);
    transform: translateX(0.5em)
}

.culture__link:active {
    color: #525252
}

.culture__link--reversed {
    color: #f5f5f1
}

.culture__link--reversed:hover,
.culture__link--reversed:focus {
    color: #f5f5f1
}

.culture__link--reversed:active {
    color: #ae0000
}

.culture__link--no-arrow:after {
    display: none
}

.culture__diagonal {
    background: #161616;
    height: 200vw;
    left: 72.5%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 15%
}

.culture__diagonal>b {
    background: #f5f5f1;
    content: '';
    height: 100%;
    position: absolute
}

.culture-intro__cta:before,
.culture-intro__image,
.culture-team__btn>b,
.culture-team__btn:before,
.culture-event__play:before,
.culture-event__play>b,
.culture-event__cta:before,
.culture-event__cta:after,
.culture-company__bg {
    height: 70.95%;
    left: 14.525%;
    overflow: hidden;
    position: absolute;
    top: 14.525%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 70.95%
}

.culture-intro__cover,
.culture-company__bg>b {
    background: center no-repeat;
    background-size: cover;
    height: 142%;
    left: -21%;
    position: absolute;
    top: -21%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 142%
}

.culture-slider {
    background: black;
    overflow: hidden;
    pointer-events: none
}

.culture-slider,
.culture-slider__slide,
.culture-slider__half,
.culture-slider__image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.culture-slider__slide {
    opacity: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: opacity 600ms ease-out, -webkit-transform 600ms ease-out;
    transition: opacity 600ms ease-out, -webkit-transform 600ms ease-out;
    transition: transform 600ms ease-out, opacity 600ms ease-out;
    transition: transform 600ms ease-out, opacity 600ms ease-out, -webkit-transform 600ms ease-out
}

.culture-slider__slide.js--slide-active {
    z-index: 2;
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.culture-slider__slide.js--slide-transition-out {
    z-index: 3
}

.culture-slider__image {
    background: center no-repeat;
    background-size: cover;
    pointer-events: none;
    -webkit-transform: skew(-45deg, 0);
    -ms-transform: skew(-45deg, 0);
    transform: skew(-45deg, 0)
}

.culture-slider__half {
    -webkit-transform: skew(45deg, 0);
    -ms-transform: skew(45deg, 0);
    transform: skew(45deg, 0);
    overflow: hidden;
    -webkit-transition: -webkit-transform 600ms ease-in;
    transition: -webkit-transform 600ms ease-in;
    transition: transform 600ms ease-in;
    transition: transform 600ms ease-in, -webkit-transform 600ms ease-in
}

.culture-slider__half--1 {
    left: -49.9%
}

.culture-slider__half--1 .culture-slider__image {
    left: 50%
}

.js--slide-transition-out .culture-slider__half--1 {
    -webkit-transform: skew(45deg, 0) translateX(-100%);
    -ms-transform: skew(45deg, 0) translateX(-100%);
    transform: skew(45deg, 0) translateX(-100%)
}

.culture-slider__half--2 {
    left: 50%
}

.culture-slider__half--2 .culture-slider__image {
    left: -50%
}

.js--slide-transition-out .culture-slider__half--2 {
    -webkit-transform: skew(45deg, 0) translateX(100%);
    -ms-transform: skew(45deg, 0) translateX(100%);
    transform: skew(45deg, 0) translateX(100%)
}

.culture-hero {
    overflow: hidden;
    margin-bottom: -20%;
    padding: 10% 0 25%
}

@media only screen and (max-height: 49.9375em) {
    .culture-hero {
        margin-top: -5%;
        padding-top: 20vh;
        padding-bottom: calc(20vh + 20% - 10%)
    }
}

.culture-hero__diagonal {
    background: white;
    left: -3%
}

.culture-hero__diagonal>b:nth-of-type(1) {
    background: #f5f5f1;
    left: 7.11111%;
    width: 17.77778%
}

.culture-hero__diagonal>b:nth-of-type(2) {
    background: #f5f5f1;
    left: 63.11111%;
    width: 7.11111%
}

.culture-hero__wrapper {
    display: table;
    margin: 0 auto;
    position: relative
}

.culture-hero__mask {
    display: block;
    position: relative;
    padding-top: 36.19048%;
    width: 100%;
    z-index: 2
}

.culture-hero__svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.culture-hero__underlay {
    bottom: 1px;
    height: 71.27193%;
    overflow: hidden;
    position: absolute;
    right: 1px;
    width: 83.65079%
}

.culture-hero__bg {
    background: url(../images/culture/hero-bg.jpg) center no-repeat;
    background-size: cover;
    height: 0;
    left: 0;
    padding-top: 56.25%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.culture-hero__video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.culture-intro {
    color: #414141
}

.culture-intro .group {
    padding: 10% 0;
    position: relative
}

.culture-intro__list {
    list-style: none;
    margin: 0 auto;
    padding: 0
}

.culture-intro .culture__heading {
    color: #ae0000;
    margin-top: 1.5rem;
    margin-bottom: 0
}

@media only screen and (min-width: 80em) {
    .culture-intro .culture__heading {
        font-size: calc(9.25vw - 1.5rem)
    }
}

.culture-intro .culture__subheading {
    font-family: "Fueled Sans Semi", "Fueled Semi", "Fueled Reg", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 3rem;
    margin: 0
}

@media only screen and (min-width: 25em) {
    .culture-intro .culture__subheading {
        font-size: 3.3rem
    }
}

@media only screen and (min-width: 48em) {
    .culture-intro .culture__subheading {
        font-size: 3.6rem
    }
}

@media only screen and (min-width: 90em) {
    .culture-intro .culture__subheading {
        font-size: 3.9rem
    }
}

@media only screen and (min-width: 80em) {
    .culture-intro .culture__subheading {
        font-size: calc(8vw - 1.5rem)
    }
}

.culture-intro__cta {
    bottom: auto;
    top: 50%
}

.culture-intro__cta--1 {
    left: 41.97432%;
    padding-top: 32.66453%;
    right: auto;
    width: 32.66453%;
    -webkit-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    transform: translateY(-65%)
}

@media only screen and (max-width: 56.25em) {
    .culture-intro__cta--1 {
        -webkit-transform: translate(25%, -65%);
        -ms-transform: translate(25%, -65%);
        transform: translate(25%, -65%)
    }
}

@media only screen and (max-width: 47.875em) {
    .culture-intro__cta--1 {
        display: none
    }
}

.culture-intro__cta--1 .culture-intro__cover>b {
    background-image: url(../images/culture/intro-1.jpg)
}

.culture-intro__cta--2 {
    padding-top: 40.77047%;
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
    width: 40.77047%
}

@media only screen and (max-width: 56.25em) {
    .culture-intro__cta--2 {
        -webkit-transform: translate(20%, -35%);
        -ms-transform: translate(20%, -35%);
        transform: translate(20%, -35%)
    }
}

@media only screen and (max-width: 47.875em) {
    .culture-intro__cta--2 {
        padding-top: 67.94806%;
        position: relative;
        margin: 5% auto;
        width: 67.94806%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 24.9375em) {
    .culture-intro__cta--2 {
        padding-top: 80%;
        width: 80%
    }
}

.culture-intro__cta--2 .culture-intro__cover>b {
    background-image: url(../images/culture/intro-2.jpg)
}

.culture-intro__cta:before {
    background: #f5f5f1;
    content: '';
    -webkit-transform: scale(1.05) rotate(45deg);
    -ms-transform: scale(1.05) rotate(45deg);
    transform: scale(1.05) rotate(45deg)
}

.culture-intro__image .culture__play {
    background: -webkit-gradient(linear, left top, right top, from(rgba(174, 0, 0, 0.5)), to(rgba(174, 0, 0, 0)));
    background: linear-gradient(90deg, rgba(174, 0, 0, 0.5), rgba(174, 0, 0, 0));
    z-index: 3
}

.culture-intro__image .culture__play:after {
    height: 20%;
    left: 40%;
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20%
}

.culture-intro__image .culture__play:hover+b,
.culture-intro__image .culture__play:focus+b {
    -webkit-transform: scale(1.075) rotate(-45deg);
    -ms-transform: scale(1.075) rotate(-45deg);
    transform: scale(1.075) rotate(-45deg)
}

.culture-intro__cover {
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out
}

.culture-intro__cover>b {
    background: inherit;
    height: 120%;
    left: 0;
    position: absolute;
    top: -10%;
    width: 100%
}

.culture-map__wrapper {
    padding-top: 10%;
    position: relative
}

.culture-map__wrapper:before {
    background: #f5f5f1;
    height: 15%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    content: ''
}

.culture-map__map {
    display: block;
    position: relative;
    height: 0;
    margin-left: -55%;
    padding-top: 110%;
    -webkit-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    width: 220%
}

@media only screen and (min-width: 37.5em) {
    .culture-map__map {
        margin-left: -37.5%;
        padding-top: 87.5%;
        width: 175%
    }
}

@media only screen and (min-width: 53.75em) {
    .culture-map__map {
        margin-left: -12.5%;
        padding-top: 62.5%;
        width: 125%
    }
}

@media only screen and (min-width: 80em) {
    .culture-map__map {
        margin-left: 0%;
        padding-top: 50%;
        width: 100%
    }
}

.culture-map__map>svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.culture-map #path-day {
    -webkit-transition: -webkit-transform 125ms ease-out;
    transition: -webkit-transform 125ms ease-out;
    transition: transform 125ms ease-out;
    transition: transform 125ms ease-out, -webkit-transform 125ms ease-out
}

.culture-map #map-1-day {
    fill: #DFDFDB
}

.culture-map #map-2-day {
    fill: #DCDCD8
}

.culture-map #place-names-day {
    fill: #414141
}

.culture-map #map-1-night {
    fill: #2A2A2A
}

.culture-map #map-2-night {
    fill: #2D2D2D
}

.culture-map #place-names-night {
    fill: #f5f5f1
}

[class^="culture-map__name--"] {
    font-size: 2.2rem;
    font-weight: 700;
    fill: inherit;
    opacity: 0;
    text-anchor: middle;
    -webkit-transform: translateY(0.2rem);
    -ms-transform: translateY(0.2rem);
    transform: translateY(0.2rem);
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.js--show [class^="culture-map__name--"] {
    opacity: 1
}

@media only screen and (min-width: 22.5em) {
    [class^="culture-map__name--"] {
        font-size: 2rem
    }
}

@media only screen and (min-width: 30em) {
    [class^="culture-map__name--"] {
        font-size: 1.8rem
    }
}

@media only screen and (min-width: 37.5em) {
    [class^="culture-map__name--"] {
        font-size: 2rem
    }
}

@media only screen and (min-width: 45em) {
    [class^="culture-map__name--"] {
        font-size: 1.8rem
    }
}

@media only screen and (min-width: 48em) {
    [class^="culture-map__name--"] {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 53.75em) {
    [class^="culture-map__name--"] {
        font-size: 1.9rem
    }
}

@media only screen and (min-width: 58.75em) {
    [class^="culture-map__name--"] {
        font-size: 1.7rem
    }
}

@media only screen and (min-width: 64em) {
    [class^="culture-map__name--"] {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 73.75em) {
    [class^="culture-map__name--"] {
        font-size: 1.3rem
    }
}

@media only screen and (min-width: 80em) {
    [class^="culture-map__name--"] {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 90em) {
    [class^="culture-map__name--"] {
        font-size: 1.3rem
    }
}

@media only screen and (min-width: 100em) {
    [class^="culture-map__name--"] {
        font-size: 1.2rem
    }
}

.culture-map__name--nyc {
    content: "nyc";
    -webkit-transition-delay: 625ms;
    transition-delay: 625ms
}

.culture-map__name--london {
    content: "london";
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

.culture-map__name--india {
    content: "india";
    -webkit-transition-delay: 875ms;
    transition-delay: 875ms
}

.culture-map__name--russia {
    content: "russia";
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms
}

.culture-map__pin {
    opacity: 0;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out;
    transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out;
    transition: opacity 250ms ease-out, transform 250ms ease-out;
    transition: opacity 250ms ease-out, transform 250ms ease-out, -webkit-transform 250ms ease-out
}

.culture-map__pin--nyc {
    content: "nyc";
    -webkit-transition-delay: 375ms;
    transition-delay: 375ms
}

.culture-map__pin--london {
    content: "london";
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms
}

.culture-map__pin--india {
    content: "india";
    -webkit-transition-delay: 625ms;
    transition-delay: 625ms
}

.culture-map__pin--russia {
    content: "russia";
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

.js--show .culture-map__pin {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.culture-map__clock {
    height: 0;
    padding-top: 1.66667%;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 250ms ease-out;
    transition: -webkit-transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
    width: 1.66667%
}

.js--show .culture-map__clock {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

[data-culture-clock="nyc"] {
    left: 31.11111%;
    top: 37.36111%;
    -webkit-transition-delay: 625ms;
    transition-delay: 625ms
}

[data-culture-clock="london"] {
    left: 46.25%;
    top: 25.97222%;
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

[data-culture-clock="russia"] {
    left: 63.54167%;
    top: 27.36111%;
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms
}

[data-culture-clock="india"] {
    left: 62.5%;
    top: 45.41667%;
    -webkit-transition-delay: 875ms;
    transition-delay: 875ms
}

.culture-map__clock:before {
    background: #ae0000;
    position: absolute;
    content: '';
    height: 0;
    left: 50%;
    margin: -12.5% 0 0 -12.5%;
    padding-top: 25%;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 25%;
    z-index: 2
}

[class^="culture-map__hand--"] {
    height: 150%;
    left: 50%;
    margin-left: -0.1rem;
    position: absolute;
    top: -25%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 0.2rem
}

[class^="culture-map__hand--"]:before {
    background: white;
    content: '';
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.culture-map__hand--small:before {
    height: 32%;
    top: 18%
}

.culture-map__content {
    padding: 0 0 15%;
    position: relative
}

@media only screen and (min-width: 48em) {
    .culture-map__title,
    .culture-map__copy {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }
}

.culture-map__title {
    margin: 0
}

.culture-map__title .culture__heading {
    font-size: 5.6rem;
    margin: 0
}

@media only screen and (min-width: 48em) {
    .culture-map__title .culture__heading {
        font-size: 7rem
    }
}

@media only screen and (min-width: 80em) {
    .culture-map__title .culture__heading {
        font-size: calc(11.6vw - 0.35rem)
    }
}

@media only screen and (min-width: 131.25em) {
    .culture-map__title .culture__heading {
        font-size: 11.8rem
    }
}

@media only screen and (min-width: 48em) {
    .culture-map__copy>p:first-child {
        margin-top: 0
    }
}

.culture-team {
    overflow: hidden;
    position: relative
}

.culture-team__corner {
    height: 0;
    left: 0;
    padding-top: 25%;
    pointer-events: none;
    position: absolute;
    top: -0.05rem;
    width: 25%;
    z-index: 5
}

.culture-team__corner>svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.culture-team__header {
    left: 50%;
    max-width: 98.25rem;
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw
}

@media only screen and (min-width: 48em) {
    .culture-team__header {
        margin-left: -10px
    }
}

.culture-team__header:before,
.culture-team__header:after {
    background: #f5f5f1;
    bottom: -50%;
    content: '';
    height: 100%;
    left: auto;
    position: absolute;
    pointer-events: none;
    width: 200%;
    z-index: 2
}

.culture-team__header:before {
    right: -24.3%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.culture-team__header:after {
    right: -135.75%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.culture-team__bg {
    display: block;
    left: 9%;
    max-width: calc(61.2rem + 40%);
    padding-top: 50%;
    position: relative;
    width: calc(100vw - ((100vw - 100%) / 2) - 9%)
}

.culture-team__bg>b {
    height: 125%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.culture-team .culture__cta {
    pointer-events: none
}

.culture-team__btn {
    color: #f5f5f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 900;
    height: 100%;
    left: 0;
    padding-right: 0.25rem;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%
}

.culture-team__btn,
.culture-team__btn * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.culture-team__btn>span {
    display: block;
    font-weight: inherit;
    margin: auto;
    pointer-events: auto;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
    z-index: 3
}

.ie .culture-team__btn>span {
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0;
    width: 100%
}

.culture-team__btn>span>span {
    display: inline-block;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: inherit;
    transition: inherit
}

.culture-team__btn>span>b {
    font: inherit
}

@media only screen and (max-width: 47.875em) {
    .culture-team__btn>span>b {
        display: none
    }
}

.culture-team__btn>span>i {
    font: inherit
}

@media only screen and (max-width: 24.9375em) {
    .culture-team__btn>span>i {
        display: none
    }
}

.culture-team__btn>b {
    background-color: #ae0000;
    pointer-events: auto;
    z-index: 2
}

.culture-team__btn:before {
    background-color: #f5f5f1;
    content: '';
    -webkit-transform: rotate(45deg) scale(1.05);
    -ms-transform: rotate(45deg) scale(1.05);
    transform: rotate(45deg) scale(1.05)
}

.culture-team__btn:hover,
.culture-team__btn:focus {
    color: #f5f5f1
}

.culture-team__btn:hover>span,
.culture-team__btn:focus>span {
    -webkit-transform: translate3d(-0.25rem, 0, 0);
    transform: translate3d(-0.25rem, 0, 0)
}

.culture-team__btn:hover>span>span,
.culture-team__btn:focus>span>span {
    -webkit-transform: translate3d(0.5rem, 0, 0);
    transform: translate3d(0.5rem, 0, 0)
}

.culture-team__btn:hover>b:before,
.culture-team__btn:focus>b:before {
    -webkit-box-shadow: inset #ca3131 0 0 0 28vw;
    box-shadow: inset #ca3131 0 0 0 28vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width: 143.75em) {
    .culture-team__btn:hover>b:before,
    .culture-team__btn:focus>b:before {
        -webkit-box-shadow: inset #ca3131 0 0 0 430px;
        box-shadow: inset #ca3131 0 0 0 430px
    }
}

.culture-team__btn:active {
    color: #f5f5f1
}

.culture-team__btn:active>b:after {
    opacity: 1
}

.culture-team__spacer {
    height: 0;
    display: inline-block;
    padding-top: 25%;
    position: relative;
    vertical-align: top;
    width: 1%
}

@media only screen and (max-width: 47.9375em) {
    .culture-team__spacer {
        display: none
    }
}

.culture-team__content {
    padding: 20% 0 5%;
    position: relative;
    pointer-events: none;
    z-index: 3
}

@media only screen and (min-width: 48em) {
    .culture-team__content {
        display: inline-block;
        padding-top: 0;
        vertical-align: top;
        width: 50%
    }
}

.culture-team__content .culture__heading {
    margin-top: -1.8em;
    padding-right: 8.5rem;
    pointer-events: auto
}

@media only screen and (min-width: 24em) {
    .culture-team__content .culture__heading {
        margin-top: -0.66em;
        padding-right: calc(40% - 0.5em)
    }
}

@media only screen and (min-width: 25.25em) {
    .culture-team__content .culture__heading {
        margin-top: -1em;
        padding-right: 40%
    }
}

@media only screen and (min-width: 48em) {
    .culture-team__content .culture__heading {
        margin-top: 0;
        padding-right: 0
    }
}

.culture-team__content .culture__p {
    pointer-events: auto
}

.culture-team__content>:last-child {
    margin-bottom: 0
}

.culture-stats__list {
    margin: 0 auto;
    padding: 10% 0
}

@media only screen and (min-width: 40em) {
    .culture-stats__list {
        margin: 0 -1.25rem;
        padding: 20% 0;
        width: calc(100% + 2.5rem)
    }
}

@media only screen and (min-width: 80em) {
    .culture-stats__list {
        padding: calc(10% + 5vw - 3rem) 0
    }
}

@media only screen and (min-width: 143.75em) {
    .culture-stats__list {
        padding: 12.5rem 0
    }
}

.culture-stats__item {
    display: block
}

.culture-stats__item:nth-of-type(n+5) {
    display: none
}

@media only screen and (max-width: 39.9375em) {
    .culture-stats__item {
        margin-bottom: 2rem;
        padding-left: 3.4rem;
        position: relative
    }
}

@media only screen and (min-width: 40em) {
    .culture-stats__item {
        display: inline-block;
        padding: 0.625rem 1.25rem 1.25rem;
        text-align: center;
        vertical-align: top;
        width: 50%
    }
}

@media only screen and (min-width: 60em) {
    .culture-stats__item {
        width: 25%
    }
}

.culture-stats__icon {
    background: #ae0000;
    display: block;
    height: 2.4rem;
    margin: 0 auto 1.5rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 2.4rem
}

@media only screen and (max-width: 39.9375em) {
    .culture-stats__icon {
        left: 0;
        margin-top: -2.3rem;
        position: absolute;
        top: 50%
    }
}

@media only screen and (min-width: 60em) {
    .culture-stats__icon {
        margin-bottom: 3rem
    }
}

.culture-stats__num {
    color: #ae0000;
    display: block;
    font-size: 6.7rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.025em;
    margin-bottom: -0.15em;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out
}

.culture-stats__num.js--stats-counting {
    opacity: 1
}

@media only screen and (min-width: 40em) {
    .culture-stats__num {
        margin-bottom: -0.075em
    }
}

@media only screen and (min-width: 48em) {
    .culture-stats__num {
        font-size: 7.55rem
    }
}

@media only screen and (min-width: 60em) {
    .culture-stats__num {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 80em) {
    .culture-stats__num {
        font-size: calc(18vw - 4rem)
    }
}

@media only screen and (min-width: 115em) {
    .culture-stats__num {
        font-size: 12.5rem
    }
}

.culture-stats__stat {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0.5rem auto 0 0;
    max-width: 15rem
}

@media only screen and (min-width: 40em) {
    .culture-stats__stat {
        margin-left: auto
    }
}

@media only screen and (min-width: 64em) {
    .culture-stats__stat {
        font-weight: 900
    }
}

@media only screen and (min-width: 80em) {
    .culture-stats__stat {
        font-size: calc(2.5vw - 0.23rem);
        max-width: 9em
    }
}

@media only screen and (min-width: 115em) {
    .culture-stats__stat {
        font-size: 2.05rem
    }
}

.culture-event {
    margin-bottom: -20%;
    overflow: hidden;
    padding-bottom: 20%
}

@media only screen and (min-width: 143.75em) {
    .culture-event {
        margin-bottom: -23rem;
        padding-bottom: 23rem
    }
}

.culture-event__video {
    background: center no-repeat;
    background-size: cover;
    display: block;
    padding-top: 56.25%;
    position: relative
}

@media only screen and (min-width: 112.5em) {
    .culture-event__video {
        padding-top: 50.6rem
    }
}

.culture-event__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}

.culture-event__wrapper .group {
    position: relative
}

.culture-event__heading {
    background: #f5f5f1;
    display: inline-block;
    margin: 0;
    position: relative;
    text-align: right;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 86% 160%;
    -ms-transform-origin: 86% 160%;
    transform-origin: 86% 160%
}

.culture-event__heading:after {
    background: inherit;
    bottom: 0;
    content: '';
    height: 40vw;
    position: absolute;
    right: -30vw;
    width: 100vw
}

.culture-event__heading .culture__heading {
    margin: 0;
    position: relative;
    z-index: 3
}

@media only screen and (max-width: 47.875em) {
    .culture-event__heading--desktop {
        display: none
    }
}

.culture-event__heading--mobile {
    padding: 0 3.25%
}

@media only screen and (min-width: 47.9375em) {
    .culture-event__heading--mobile {
        display: none
    }
}

.culture-event__play {
    left: 39.16667%;
    padding-top: 21.66667%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 21.66667%
}

@-moz-document url-prefix() {
    .culture-event__play {
        pointer-events: auto
    }
}

.culture-event__play:before {
    content: '';
    border: 0.3rem solid #ae0000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: auto;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out
}

.culture-event__play>b {
    pointer-events: auto;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out
}

.culture-event__play>b:before {
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

.culture-event__play:hover:before,
.culture-event__play:hover>b,
.culture-event__play:focus:before,
.culture-event__play:focus>b {
    -webkit-transform: rotate(45deg) scale(0.9);
    -ms-transform: rotate(45deg) scale(0.9);
    transform: rotate(45deg) scale(0.9)
}

.culture-event__play:hover>b:before,
.culture-event__play:focus>b:before {
    -webkit-box-shadow: inset #ae0000 0 0 0 11vw;
    box-shadow: inset #ae0000 0 0 0 11vw
}

@media only screen and (min-width: 80em) {
    .culture-event__play:hover>b:before,
    .culture-event__play:focus>b:before {
        -webkit-box-shadow: inset #ae0000 0 0 0 140px;
        box-shadow: inset #ae0000 0 0 0 140px
    }
}

.culture-event>.group {
    position: relative
}

@media only screen and (max-width: 79.9375em) {
    .culture-event>.group {
        max-width: none;
        width: 100%
    }
}

.culture-event__cta {
    left: 36rem;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    right: auto;
    z-index: 6
}

@media only screen and (max-width: 79.9375em) {
    .culture-event__cta {
        left: auto;
        right: 0
    }
}

.culture-event__cta:before {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50.5%, #f5f5f1), color-stop(50.5%, rgba(245, 245, 241, 0)));
    background: linear-gradient(to bottom right, #f5f5f1 50.5%, rgba(245, 245, 241, 0) 50.5%);
    content: '';
    -webkit-transform: rotate(45deg) scale(1.05);
    -ms-transform: rotate(45deg) scale(1.05);
    transform: rotate(45deg) scale(1.05)
}

.culture-event__cta:after {
    background: #ae0000;
    content: ''
}

.culture-event__date {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f5f5f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    font-size: 3.75rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3
}

@media only screen and (min-width: 48em) {
    .culture-event__date {
        font-size: 4.25rem
    }
}

@media only screen and (min-width: 80em) {
    .culture-event__date {
        font-size: calc(8vw - 1rem)
    }
}

@media only screen and (min-width: 115em) {
    .culture-event__date {
        font-size: 6.35rem
    }
}

@media only screen and (max-width: 86.25em) {
    .culture-event__date {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 1.5rem;
        width: calc(100vw - ((100vw - 60rem) / 2) - 36rem - 50%)
    }
}

@media only screen and (max-width: 75.6875em) {
    .culture-event__date {
        width: 50%
    }
}

@media only screen and (max-width: 47.875em) {
    .culture-event__date {
        font-size: 7.5vw;
        padding-right: 3.25vw
    }
}

.culture-social__wrapper,
.culture-social__spacer {
    display: inline-block;
    vertical-align: middle
}

.culture-social__wrapper {
    width: 99.8%
}

.culture-event+.culture-social .culture-social__wrapper {
    padding-right: 5%
}

@media only screen and (min-width: 80em) {
    .culture-event+.culture-social .culture-social__wrapper {
        padding-right: 33.33%
    }
}

.culture-social__spacer {
    min-height: 15.625rem;
    width: 0.1%
}

@media only screen and (min-width: 48em) {
    .culture-social__spacer {
        min-height: 9.5rem
    }
}

.culture-social__list {
    display: block;
    margin: 0;
    position: relative;
    visibility: hidden
}

@media only screen and (max-width: 47.9375em) {
    .culture-social__list {
        margin-top: 1rem
    }
    .culture-social__list+.culture-social__list {
        margin-top: 3rem
    }
}

@media only screen and (min-width: 48em) {
    .culture-social__list {
        display: inline-block;
        margin-left: 2.5rem;
        vertical-align: top;
        width: calc(50% - 2.5rem)
    }
    .culture-social__list:first-of-type {
        margin-left: 0
    }
}

.culture-social__list.js--social-active {
    visibility: visible
}

.culture-social__list .team__twitter__item {
    margin-top: 0;
    width: 100%
}

@media only screen and (max-width: 47.9375em) {
    .culture-social__list .team__twitter__item {
        margin-left: 0
    }
}

@media only screen and (min-width: 80em) {
    .culture-social__list .team__twitter__item {
        font-size: calc(1.75vw - 0.35rem)
    }
}

@media only screen and (min-width: 108.75em) {
    .culture-social__list .team__twitter__item {
        font-size: 1.2rem
    }
}

.culture-social__list .team__twitter__item:nth-of-type(n+2) {
    display: none
}

.culture-social__list .team__twitter__date {
    padding-left: 3.3rem;
    line-height: 1.5rem
}

@media only screen and (min-width: 64em) {
    .culture-social__list .team__twitter__date {
        padding-left: 3.3rem
    }
}

.culture-social__list .team__twitter__date time {
    display: block
}

.culture-social__list .social__link {
    left: -0.3rem;
    position: absolute;
    top: -1.0625rem;
    width: 3rem
}

.culture-social__list .social__link>svg {
    height: 3rem;
    width: 3rem
}

@media only screen and (min-width: 64em) {
    .culture-social__list .social__link {
        top: -0.85rem;
        width: 2.8rem
    }
}

.culture-social>.group {
    padding: 10% 0
}

.culture-charity {
    pointer-events: none
}

.culture-charity .group {
    margin-top: -15%;
    padding: 10% 0 10%;
    position: relative
}

.culture-charity .group>* {
    pointer-events: auto
}

@media only screen and (max-width: 47.875em) {
    .culture-charity__diagonal {
        left: auto;
        right: -40%
    }
}

@media only screen and (max-width: 27.4375em) {
    .culture-charity__diagonal {
        left: 480px;
        right: auto;
        top: 60%
    }
}

.culture-charity__diagonal>b:nth-of-type(1) {
    background: #f5f5f1;
    left: 7.11111%;
    width: 17.77778%
}

.culture-charity__diagonal>b:nth-of-type(2) {
    background: #f5f5f1;
    left: 63.11111%;
    width: 7.11111%
}

.culture-charity__wrapper {
    float: left;
    margin-top: 10%;
    position: relative;
    width: 50%
}

@media only screen and (max-width: 47.875em) {
    .culture-charity__wrapper {
        width: 100%;
        float: none
    }
}

.culture-charity__cta {
    clear: both;
    float: right;
    margin-top: 5%;
    text-align: right;
    width: 50%
}

@media only screen and (max-width: 47.875em) {
    .culture-charity__cta {
        float: none;
        text-align: left;
        width: auto
    }
}

.culture-charity__cta a {
    color: inherit;
    display: inline-block;
    fill: #ae0000;
    font-weight: 700;
    margin-right: -1.2rem;
    position: relative;
    padding: 0 2.9rem 0 0.5rem;
    text-transform: uppercase;
    -webkit-transition: color 250ms ease-in-out, fill 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: color 250ms ease-in-out, fill 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: color 250ms ease-in-out, fill 250ms ease-in-out, transform 250ms ease-in-out;
    transition: color 250ms ease-in-out, fill 250ms ease-in-out, transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out
}

@media only screen and (max-width: 47.875em) {
    .culture-charity__cta a {
        padding-left: 0
    }
}

.culture-charity__cta a>span {
    display: inline-block;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out
}

.culture-charity__cta a:hover,
.culture-charity__cta a:focus {
    color: #ae0000;
    fill: #ca3131
}

@media only screen and (max-width: 47.875em) {
    .culture-charity__cta a:hover,
    .culture-charity__cta a:focus {
        -webkit-transform: translateX(0.25rem);
        -ms-transform: translateX(0.25rem);
        transform: translateX(0.25rem)
    }
}

.culture-charity__cta a:hover>span,
.culture-charity__cta a:focus>span {
    -webkit-transform: translateX(-0.25rem);
    -ms-transform: translateX(-0.25rem);
    transform: translateX(-0.25rem)
}

@media only screen and (min-width: 80em) {
    .culture-charity__cta a:hover svg,
    .culture-charity__cta a:focus svg {
        -webkit-transform: translateX(0.25rem);
        -ms-transform: translateX(0.25rem);
        transform: translateX(0.25rem)
    }
}

.culture-charity__cta a:active {
    color: #525252;
    fill: #525252
}

.culture-charity__cta svg {
    margin-top: -1.2rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    width: 2.4rem;
    height: 2.4rem
}

.culture-charity__cta svg,
.culture-charity__cta g,
.culture-charity__cta #diagonal-arrow-right-fill {
    fill: inherit
}

.culture-charity__title {
    margin: 0
}

.culture-charity__amount {
    color: #ae0000;
    display: block;
    white-space: nowrap;
    width: 150%
}

@media only screen and (max-width: 47.875em) {
    .culture-charity__amount {
        width: 100%
    }
}

@media only screen and (max-width: 24.9375em) {
    .culture-charity__amount {
        text-align: center
    }
}

[class^="culture-charity__num--"] {
    display: inline-block;
    vertical-align: middle
}

.culture-charity__num--large {
    font-size: 50vw
}

@media only screen and (min-width: 25em) {
    .culture-charity__num--large {
        font-size: 13rem
    }
}

@media only screen and (min-width: 47.9375em) {
    .culture-charity__num--large {
        font-size: 14rem
    }
}

@media only screen and (min-width: 80em) {
    .culture-charity__num--large {
        font-size: calc(30vw - 5rem)
    }
}

@media only screen and (min-width: 115em) {
    .culture-charity__num--large {
        font-size: 22.6rem
    }
}

.culture-charity__num--small {
    font-size: 28vw
}

@media only screen and (min-width: 25em) {
    .culture-charity__num--small {
        font-size: 6.5rem
    }
}

@media only screen and (min-width: 47.9375em) {
    .culture-charity__num--small {
        font-size: 7rem
    }
}

@media only screen and (min-width: 80em) {
    .culture-charity__num--small {
        font-size: calc(15vw - 2.5rem)
    }
}

@media only screen and (min-width: 115em) {
    .culture-charity__num--small {
        font-size: 11.3rem
    }
}

.culture-charity__label {
    display: block;
    margin-top: 0
}

.culture-charity__copy {
    width: 66.6%
}

@media only screen and (max-width: 47.875em) {
    .culture-charity__copy {
        width: 75%
    }
}

@media only screen and (max-width: 27.4375em) {
    .culture-charity__copy {
        max-width: 330px;
        width: 100%
    }
}

.culture-company {
    color: #AFAFAF;
    margin-bottom: -20%;
    position: relative;
    padding-bottom: 20%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 80em) {
    .culture-company {
        margin-bottom: -12rem;
        padding-bottom: 12rem
    }
}

.culture-company .group {
    padding: 0;
    position: relative
}

.culture-company .culture__heading {
    color: #f5f5f1;
    margin-top: 0;
    width: 135%
}

@media only screen and (max-width: 47.875em) {
    .culture-company .culture__heading {
        width: 100%
    }
}

.culture-company__content {
    display: inline-block;
    padding: 15% 0 0;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    vertical-align: top;
    width: 50%
}

@media only screen and (max-width: 47.875em) {
    .culture-company__content {
        display: block;
        width: 100%
    }
}

.culture-company__content p {
    margin-left: 0;
    width: 100%
}

@media only screen and (max-width: 50em) {
    .culture-company__content p {
        width: 85%
    }
}

@media only screen and (max-width: 47.875em) {
    .culture-company__content p {
        width: 100%
    }
}

.culture-company__content>:last-child {
    margin-bottom: 0
}

.culture-company__spacer {
    display: inline-block;
    padding-top: 79.5%;
    vertical-align: top;
    width: 0.1%
}

@media only screen and (max-width: 47.875em) {
    .culture-company__spacer {
        padding-top: calc(90% + 1rem)
    }
}

.culture-company__image {
    bottom: auto;
    padding-top: 60%;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -10%);
    -ms-transform: translate(50%, -10%);
    transform: translate(50%, -10%);
    width: 60%
}

@media only screen and (max-width: 47.875em) {
    .culture-company__image {
        top: auto;
        bottom: 3rem;
        right: auto;
        left: 0;
        -webkit-transform: translate(75%, -25%);
        -ms-transform: translate(75%, -25%);
        transform: translate(75%, -25%)
    }
}

.culture-company__image+.culture-company__image {
    margin: 1rem;
    -webkit-transform: translate(0%, 40%);
    -ms-transform: translate(0%, 40%);
    transform: translate(0%, 40%)
}

@media only screen and (max-width: 47.875em) {
    .culture-company__image+.culture-company__image {
        -webkit-transform: translate(17.5%, 32.5%);
        -ms-transform: translate(17.5%, 32.5%);
        transform: translate(17.5%, 32.5%)
    }
}

@media only screen and (max-width: 25em) {
    .culture-company__image+.culture-company__image {
        -webkit-transform: translate(12.5%, 37.5%);
        -ms-transform: translate(12.5%, 37.5%);
        transform: translate(12.5%, 37.5%)
    }
}

.culture-company__image+.culture-company__image:before {
    bottom: 0;
    top: auto
}

.culture-company__image:before {
    content: '';
    height: 10%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.culture-company__bg>b>b {
    background: inherit;
    height: 125%;
    left: 0%;
    position: absolute;
    top: -12.5%;
    width: 100%
}

.culture-company__bg--1>b {
    background-image: url(../images/culture/company-1.jpg)
}

.culture-company__bg--2>b {
    background-image: url(../images/culture/company-2.jpg)
}

.culture-company__bg--2>b>b {
    background: inherit;
    height: 113%;
    left: 0%;
    position: absolute;
    top: -6.5%;
    width: 100%
}

.culture-company__link {
    bottom: 10%;
    fill: currentColor;
    font-weight: 400;
    left: 0;
    position: absolute;
    white-space: nowrap;
    -webkit-transition: color 250ms ease-in-out, fill 250ms ease-in-out;
    transition: color 250ms ease-in-out, fill 250ms ease-in-out
}

@media only screen and (max-width: 47.875em) {
    .culture-company__link {
        margin-top: 1.5rem;
        position: relative
    }
}

.culture-company__link:before {
    background: currentColor;
    content: '';
    height: 2.8rem;
    left: -0.5rem;
    margin-top: -1.4rem;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0) rotate(-45deg);
    -ms-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    width: 2.8rem
}

.culture-company__link>span,
.culture-company__link svg {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.culture-company__link svg {
    height: 1.8rem;
    width: 1.8rem
}

.culture-company__link>span {
    display: inline-block;
    font-size: 1.5em;
    padding: 0.2rem 0.5rem 0 1rem;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out
}

@media only screen and (max-width: 47.875em) {
    .culture-company__link>span:before {
        content: '@'
    }
    .culture-company__link>span>span {
        display: none
    }
}

.culture-company__link path {
    fill: inherit
}

.culture-company__link:hover,
.culture-company__link:focus {
    fill: #161616
}

.culture-company__link:hover>span,
.culture-company__link:focus>span {
    -webkit-transform: translateX(0.5rem);
    -ms-transform: translateX(0.5rem);
    transform: translateX(0.5rem)
}

.culture-company__link:hover:before,
.culture-company__link:focus:before {
    -webkit-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg)
}

.culture-jobs {
    position: relative
}

.culture-jobs .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10% 0 10%
}

@media only screen and (max-width: 47.9375em) {
    .culture-jobs .group {
        padding-top: 15%
    }
}

.culture-jobs .culture__heading {
    bottom: -4vw;
    display: inline-block;
    font-size: 27vw;
    left: -1.2vw;
    letter-spacing: -0.0075em;
    line-height: 0.785;
    margin: 0;
    position: absolute;
    vertical-align: bottom;
    width: 50%
}

@media only screen and (max-width: 47.9375em) {
    .culture-jobs .culture__heading {
        position: relative;
        left: 0;
        bottom: 0;
        font-size: 22vw;
        width: 100%
    }
}

@media only screen and (min-width: 152.5em) {
    .culture-jobs .culture__heading {
        font-size: 33rem
    }
}

.culture-jobs .culture__heading>span {
    color: #ae0000
}

.culture-jobs__list {
    display: table;
    position: relative;
    padding-top: 50%;
    margin-left: auto;
    width: 50%
}

@media only screen and (max-width: 47.9375em) {
    .culture-jobs__list {
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
        width: 100%
    }
}

.culture-jobs__list .job {
    font-size: 0.55em;
    position: absolute;
    width: 39%
}

@media only screen and (min-width: 100em) {
    .culture-jobs__list .job {
        font-size: 0.66vw
    }
}

@media only screen and (max-width: 47.9375em) {
    .culture-jobs__list .job {
        display: block;
        margin-top: 1rem;
        position: static;
        width: 100%
    }
}

.culture-jobs__list .job__title {
    font-size: 2.5vw
}

@media only screen and (min-width: 80em) {
    .culture-jobs__list .job__title {
        font-size: 2.1vw
    }
}

@media only screen and (min-width: 143.75em) {
    .culture-jobs__list .job__title {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 47.9375em) {
    .culture-jobs__list .job__title {
        font-size: 1.9rem
    }
}

.culture-jobs__list .job a {
    z-index: 2
}

.culture-jobs__list .job a:before {
    -webkit-box-shadow: #CCCCC9 0.15rem 0.15rem 0;
    box-shadow: #CCCCC9 0.15rem 0.15rem 0;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    pointer-events: none;
    top: 0;
    -webkit-transform: translate(0.1rem, 0.1rem);
    -ms-transform: translate(0.1rem, 0.1rem);
    transform: translate(0.1rem, 0.1rem);
    width: 100%
}

@media only screen and (max-width: 47.9375em) {
    .culture-jobs__list .job a {
        position: relative
    }
}

.culture-jobs__list .job:nth-of-type(1) {
    left: 0;
    top: 0
}

.culture-jobs__list .job:nth-of-type(2) {
    left: 20%;
    top: 28%
}

.culture-jobs__list .job:nth-of-type(3) {
    left: 61%;
    top: 8%
}

.culture-jobs__list .job:nth-of-type(4) {
    left: -10%;
    top: 61%
}

.culture-jobs__list .job:nth-of-type(5) {
    left: 56%;
    top: 51%
}

.culture-jobs__cta {
    display: block;
    width: 100%
}

@media only screen and (max-width: 47.9375em) {
    .culture-jobs__cta {
        margin-top: 1.5rem
    }
}

.culture-jobs .culture__link {
    margin-left: auto;
    display: table;
    text-transform: uppercase
}

.culture-jobs .culture__link:after {
    top: -0.025em
}

.main {
    position: relative;
    z-index: 3
}

.page-wrap {
    top: 0
}

.loading-in-progress #page>.page-wrap {
    position: relative;
    z-index: 2
}

.loading-blur #page {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

@-moz-document url-prefix() {
    .loading-in-progress #page {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

.main-wrap,
.main-wrap--core-team,
.main-wrap--simple {
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 2000px;
    width: 100%;
    z-index: 7
}

.main-wrap--core-team {
    position: relative
}

.main-wrap--core-team .js--animate {
    -webkit-transition: margin 0.9s cubic-bezier(1, 0, 0, 1);
    transition: margin 0.9s cubic-bezier(1, 0, 0, 1)
}

.main-wrap--core-team.main-wrap--project {
    top: 0
}

.main-wrap--simple {
    bottom: 0;
    top: 0
}

.main-wrap--jobs {
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.main-wrap--jobs.js--animate {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

h1 {
    margin: 0
}

.js--animate {
    -webkit-transition: all 0.9s cubic-bezier(1, 0, 0, 1);
    transition: all 0.9s cubic-bezier(1, 0, 0, 1)
}

.js--animate-other {
    -webkit-transition: top 0.9s cubic-bezier(1, 0, 0, 1);
    transition: top 0.9s cubic-bezier(1, 0, 0, 1)
}

.page--about.js--animate {
    -webkit-transition: top 0.9s cubic-bezier(1, 0, 0, 1);
    transition: top 0.9s cubic-bezier(1, 0, 0, 1)
}

.page-wrap--out {
    -webkit-animation: remove_page 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0s 1 both;
    animation: remove_page 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0s 1 both;
    overflow: hidden
}

.main-wrap--inner-page {
    -webkit-animation: add_page 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0.3s 1 both;
    animation: add_page 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0.3s 1 both;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    position: absolute;
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -ms-transform-origin: 50% 435px;
    -webkit-transform-origin: 50% 435px;
    transform-origin: 50% 435px
}

.loading-from-left .page-wrap--out {
    -webkit-animation: remove_page_left 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0s 1 both;
    animation: remove_page_left 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0s 1 both
}

.loading-from-left .main-wrap--inner-page {
    -webkit-animation: add_page_left 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0.3s 1 both;
    animation: add_page_left 0.6s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0.3s 1 both
}

.main-wrap--home {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.main-wrap--home .page-wrap {
    padding-bottom: 56px;
    padding-top: 0px
}

.site-content-wrap {
    position: relative
}

.page--generic .content {
    margin: 0 auto;
    max-width: 800px
}

.page--generic h1 {
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 60px;
    font-size: 3rem;
    margin: 0 0 48px;
    padding-bottom: 56px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.page--generic h1:after {
    background: #ae0000;
    bottom: 0;
    content: "";
    height: 8px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px
}

.page--generic figure {
    background: #161616;
    background: rgba(22, 22, 22, 0.6);
    display: block;
    margin: 1em auto;
    max-width: 80%;
    padding: 1em;
    text-align: center
}

.page--generic figure img {
    display: block;
    margin: 0 auto
}

.page--generic figure figcaption {
    margin-top: 1em;
    text-align: center
}

.loading {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 100
}

.loading__element {
    background: #ae0000;
    left: 50%;
    margin: -90% 0 0 -90%;
    padding-top: 180%;
    position: fixed;
    top: 50%;
    -webkit-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transition: all 0.35s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.35s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 180%
}

@media (max-aspect-ratio: 8 / 10) {
    .loading__element {
        margin: -180% 0 0 -180%;
        padding-top: 360%;
        width: 360%
    }
}

.loading__text {
    color: #f5f5f1;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    left: 0;
    letter-spacing: .4em;
    margin-top: -224px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    -webkit-transition: all 0.35s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: all 0.35s cubic-bezier(0.625, 0.125, 0.305, 0.875);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 100%
}

.loading__text img,
.loading__text svg {
    height: 448px;
    width: 448px
}

.show-loading .loading {
    visibility: visible
}

.show-loading .loading__element {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1)
}

.show-loading .loading__text {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.hide-loading .loading__element {
    -webkit-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0)
}

.hide-loading .loading__text {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.page--ie {
    background: url(../images/ie/bg.jpg) repeat;
    min-width: 960px
}

.page--ie:before,
.page--ie:after {
    display: none
}

.page--ie #page:before,
.page--ie #page:after {
    display: none
}

.page--ie .page-wrap {
    padding-top: 0
}

.page--ie p {
    font-size: 24px;
    font-size: 1.2rem;
    margin: 1em auto 0;
    max-width: 480px
}

.main--ie {
    background: url(../images/ie/steve.png) no-repeat left bottom
}

.main--ie__inner {
    background: url(../images/ie/gomez.png) no-repeat right bottom
}

.content--ie {
    margin: 0 auto;
    max-width: 780px;
    padding: 120px 20px;
    text-align: center
}

.logo--ie {
    display: block;
    margin: 0 auto 4em;
    max-width: 100%;
    width: 178px
}

.logo--ie img {
    display: block
}

.img--well--ie {
    display: block;
    margin: 4em auto 3.5em
}

.callout--ie {
    margin: 0 auto;
    padding-top: 4em;
    width: 100%
}

.callout--ie>.media {
    float: left;
    text-align: center;
    width: 220px
}

.callout--ie>.media+.media {
    margin-left: 40px
}

.callout--ie img {
    display: block;
    margin: 0 auto 2em;
    text-align: center
}

.callout--ie .btn {
    border-color: #820000;
    border-style: solid;
    border-width: 0 0 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    font-size: 16px;
    font-size: 0.8rem;
    font-weight: 600;
    padding-bottom: 1.2em;
    padding-top: 1em
}

.callout--ie .btn:hover {
    border-color: #972424
}

.callout--ie .btn:active,
.callout--ie .btn:focus {
    border-color: #3d3d3d;
    border-width: 2px 0 0
}

.callout--ie .media:hover .btn {
    background: #ca3131;
    border-color: #972424;
    color: #f5f5f1
}

.callout--ie .media:active .btn,
.callout--ie .media:focus .btn {
    background: #525252;
    border-color: #3d3d3d;
    border-width: 2px 0 0;
    color: #f5f5f1
}

.site-footer {
    bottom: 0.5em;
    left: 0;
    font-size: 14px;
    font-size: 0.7rem;
    font-weight: bold;
    letter-spacing: .1em;
    min-height: 2.1875rem;
    padding: 0 1em 1em;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media only screen and (min-width: 64em) {
    .site-footer {
        min-height: 1.75rem
    }
}

.site-footer a {
    color: #f5f5f1;
    padding: 0.0625rem 0.25rem
}

@media only screen and (min-width: 64em) {
    .site-footer a {
        padding: 0.15rem 0.3rem 0.2rem
    }
}

.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
    color: #ae0000
}

.site-footer a:active {
    color: #525252
}

.footer__cities .site-footer a {
    line-height: 1.1;
    padding-bottom: 0
}

.footer__cities a,
.footer__colophon__copy,
.footer__colophon__contact {
    display: inline-block;
    vertical-align: middle
}

.footer__cities {
    text-align: center
}

.footer__colophon {
    margin-top: 0.75rem
}

.footer__colophon__copy {
    margin-right: 0.3125rem;
    padding: 0.0625rem 0.25rem
}

@media only screen and (min-width: 64em) {
    .footer__colophon__copy {
        padding: 0.15rem 0.3rem 0.2rem
    }
}

.footer__colophon__name a {
    padding: 0
}

.page--has-villain {
    background: #161616;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 48em) {
    .page--has-villain {
        margin-bottom: 22.5rem
    }
}

@media only screen and (min-width: 64em) {
    .page--has-villain {
        margin-bottom: 20rem
    }
}

@media only screen and (min-width: 87.5em) and (min-height: 56.25em) {
    .page--has-villain {
        margin-bottom: 22rem
    }
}

.villain {
    background: #ae0000;
    color: #f5f5f1;
    position: relative;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 48em) {
    .villain {
        bottom: 0;
        display: table;
        height: 22.5rem;
        left: 0;
        position: fixed
    }
    .villain:before {
        content: '';
        display: table-cell;
        height: 22.5rem;
        vertical-align: middle
    }
    @supports (display: flex) {
        .villain {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }
        .villain:before {
            display: none
        }
    }
}

@media only screen and (min-width: 64em) {
    .villain,
    .villain:before {
        height: 20rem
    }
}

@media only screen and (min-width: 87.5em) and (min-height: 56.25em) {
    .villain,
    .villain:before {
        height: 22rem
    }
}

.villain__link {
    font-size: 48px;
    font-size: 2.4rem;
    background: #ae0000;
    color: inherit;
    display: block;
    font-family: "Fueled Cond", "nudista-web", "Nudista", "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1;
    padding: 5.5rem 0.5rem 6.5rem;
    text-align: center;
    text-transform: uppercase
}

.villain__link:before {
    background: #ae0000;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 250ms 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), background 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    transition: opacity 250ms 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), background 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
    width: 100%
}

@media only screen and (min-width: 48em) {
    .villain__link {
        font-size: 64px;
        font-size: 3.2rem;
        display: table-cell;
        padding-top: 0.5rem;
        padding-bottom: 1.5rem;
        vertical-align: middle
    }
    @supports (display: flex) {
        .villain__link {
            display: block;
            margin: auto;
            width: 100%
        }
    }
}

@media only screen and (min-width: 87.5em) and (min-height: 56.25em) {
    .villain__link {
        padding-bottom: 1rem
    }
}

.villain__link:hover,
.villain__link:focus,
.villain__link:active {
    color: inherit
}

.villain__link:hover:before,
.villain__link:focus:before {
    background: #161616
}

.villain__link:active:before {
    background: #232323
}

.js--page-hit-bottom .villain__link:before {
    opacity: 1
}

.villain__label {
    display: inline-block;
    margin: 0;
    padding: 0 0.75em
}

.villain__label:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: inherit;
    width: 100%
}

@media only screen and (min-width: 48em) {
    .villain__label {
        opacity: 0;
        -webkit-transform: scale(0.98) translateY(1%);
        -ms-transform: scale(0.98) translateY(1%);
        transform: scale(0.98) translateY(1%);
        -webkit-transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875)
    }
    .js--page-hit-bottom .villain__label,
    .touch .villain__label {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
    .js--page-hit-bottom .villain__link:hover .villain__label,
    .js--page-hit-bottom .villain__link:focus .villain__label {
        -webkit-transform: scale(1) translate(-0.375em, 0);
        -ms-transform: scale(1) translate(-0.375em, 0);
        transform: scale(1) translate(-0.375em, 0)
    }
    .js--page-hit-bottom .villain__link:active .villain__label,
    .js--page-hit-bottom .villain__link:active .villain__label {
        -webkit-transform: scale(1) translate(-0.5em, 0);
        -ms-transform: scale(1) translate(-0.5em, 0);
        transform: scale(1) translate(-0.5em, 0)
    }
}

.villain__arrow {
    display: none
}

@media only screen and (min-width: 48em) {
    .villain__arrow {
        display: block;
        font-size: 0.6em;
        font-weight: 500;
        margin-top: -0.55em;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateX(-0.75em);
        -ms-transform: translateX(-0.75em);
        transform: translateX(-0.75em);
        -webkit-transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
        transition: opacity 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875), -webkit-transform 250ms cubic-bezier(0.625, 0.125, 0.305, 0.875);
        width: 1em
    }
    .villain__arrow:before {
        width: 100%
    }
    .js--page-hit-bottom .villain__link:hover .villain__arrow,
    .js--page-hit-bottom .villain__link:focus .villain__arrow {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .js--page-hit-bottom .villain__link:active .villain__arrow {
        -webkit-transform: translate(0.325em, 0);
        -ms-transform: translate(0.325em, 0);
        transform: translate(0.325em, 0)
    }
}

.villain .site-footer {
    position: relative;
    background-color: #161616;
    padding: 1em;
    bottom: 0
}

.villain .site-footer a:hover,
.villain .site-footer a:focus,
.villain .site-footer a:active {
    color: #232323
}