html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top; }

@font-face {
  font-family: 'Nitti Grotesk SemiLight';
  src: url("../fonts/nittigrotesk-semilight-v20.woff") format("woff"), url("../fonts/nittigrotesk-semilight-v20.eot") format("eot");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Nitti Grotesk Bold';
  src: url("../fonts/nittigrotesk-bold-v20.woff") format("woff"), url("../fonts/nittigrotesk-bold-v20.eot") format("eot");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Nitti Grotesk Italic';
  src: url("../fonts/nittigrotesk-semilightitalic-v20.woff") format("woff"), url("../fonts/nittigrotesk-semilightitalic-v20.eot") format("eot");
  font-weight: 300;
  font-style: normal; }

html, body, input {
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga", "dlig" ,"kern";
  -ms-font-feature-settings: "liga", "dlig" ,"kern";
  font-feature-settings: "liga", "dlig" ,"kern";
  -webkit-font-variant-ligatures: common-ligatures;
          font-variant-ligatures: common-ligatures;
  -webkit-font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures;
          font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures;
  text-rendering: optimizeLegibility; }

html, body, h1, h2, h3, p, strong, em, i, th, ul, ol, li {
  font-family: 'Nitti Grotesk SemiLight', sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 0; }

i, em, figcaption {
  font-family: 'Nitti Grotesk Italic', sans-serif; }

figcaption i {
  font-family: 'Nitti Grotesk SemiLight', sans-serif; }

b, strong {
  font-family: 'Nitti Grotesk Bold', sans-serif;
  margin-top: 24px; }

.l {
  font-size: 40px;
  line-height: 36px; }

.l + * {
  margin-top: calc(24px *2); }

.l + p {
  margin-top: 24px; }

p + .l, ul + .l, ol + .l {
  margin-top: 48px; }

.xl {
  font-family: 'Nitti Grotesk Bold', sans-serif;
  font-size: 80px;
  letter-spacing: -4px;
  line-height: 61.2px;
  margin-bottom: 8px; }

.title {
  font-size: 70px;
  letter-spacing: -3px;
  line-height: 60px;
  margin-bottom: 9px; }

p {
  max-width: 500px; }

a {
  text-decoration: none; }

.xl.wide {
  line-height: 72px;
  padding-bottom: 0px; }

.xl.shrink {
  font-size: 48px;
  letter-spacing: -2px;
  line-height: 40.8px;
  margin-bottom: 0; }
  @media (min-width: 750px) {
    .xl.shrink {
      font-size: 80px;
      letter-spacing: -4px;
      line-height: 61.2px;
      margin-bottom: 8px; } }

body, a {
  color: black; }

h1, h2, h3, p, figcaption {
  opacity: .8; }

.inverted, .red, .pink, .grey-4 {
  color: #FFFFFF; }
  .inverted h1, .inverted h2, .inverted h3, .inverted p, .inverted figcaption, .red h1, .red h2, .red h3, .red p, .red figcaption, .pink h1, .pink h2, .pink h3, .pink p, .pink figcaption, .grey-4 h1, .grey-4 h2, .grey-4 h3, .grey-4 p, .grey-4 figcaption {
    opacity: .9; }
  .inverted strong, .inverted a, .inverted a h2, .inverted h2.xl, .red strong, .red a, .red a h2, .red h2.xl, .pink strong, .pink a, .pink a h2, .pink h2.xl, .grey-4 strong, .grey-4 a, .grey-4 a h2, .grey-4 h2.xl {
    color: #FFFFFF;
    opacity: 1; }

.card {
  background-color: #FFFFFF; }

.red, .red .overlay:after {
  background-color: #FF2D34; }

.pink, .pink .overlay:after {
  background-color: #FF60B2; }

/*
.pink-d, .pink-d .overlay:after{
	background-color: #F63A92;
}
*/
.yellow, .yellow .overlay:after {
  background-color: #FFDC2E; }

.green, .green .overlay:after {
  background-color: #00D185; }

.blue, .blue .overlay:after {
  background-color: #62B6FF; }

.white {
  background-color: #FFFFFF; }

.grey-1, .grey-1.overlay:after {
  background-color: #F2F3EE; }

.grey-2, .grey-2 .overlay:after {
  background-color: #CBCCC7; }

.grey-3, .grey-3 .overlay:after {
  background-color: #A9A9A9; }

.grey-4, .grey-4 .overlay:after {
  background-color: #1A1B1C; }

ul li {
  border-bottom-color: rgba(0, 0, 0, 0.2); }

.red ul li, .pink ul li, .pink-d ul li, .blue ul li, .grey-3 ul li {
  border-bottom-color: rgba(255, 255, 255, 0.3); }

.bluelines ul li {
  border-bottom-color: rgba(98, 182, 255, 0.3); }

.pinklines ul li {
  border-bottom-color: rgba(255, 96, 178, 0.3); }

.pinkText {
  color: rgba(255, 96, 178, 0.6); }

.dimmed {
  opacity: .7; }

.red div ul li .dimmed {
  opacity: .75; }

.o-4, p.o-4 {
  opacity: .4; }

.red div .o-4,
.pink div .o-4 {
  opacity: .6; }

.arrowDown + .img:not(.auto-topped .img):before,
.img:not(.auto-topped .img) + .arrowUp:before {
  content: '';
  position: absolute;
  left: calc(50% - 12px);
  display: block;
  width: 24px;
  height: 12px;
  background-repeat: no-repeat; }

.arrowDown + .img:not(.auto-topped .img):before {
  top: 0; }

.img:not(.auto-topped .img) + .arrowUp:before {
  top: -12px; }

.underlinePink {
  border-bottom: 2px solid rgba(255, 96, 178, 0.3); }

.underlinePink:hover {
  border-bottom: 2px solid rgba(255, 96, 178, 0.8); }

a h2 {
  padding-right: 66px; }

a h2:before {
  background-image: url(../images/arrow-40.svg); }

.grey-1 a h2:before,
.grey-2 a h2:before,
.grey-3 a h2:before,
.yellow a h2:before,
.green a h2:before,
.blue a h2:before,
.white a h2:before {
  background-image: url(../images/arrow-40-black.svg);
  opacity: .2; }

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

body {
  position: relative;
  display: block;
  height: 100vh;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto; }

.card {
  position: relative; }

.card:not(.noshadow) {
  -webkit-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.4); }
  @media (min-width: 600px) {
    .card:not(.noshadow) {
      -webkit-box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.4);
              box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.4); } }

@media (min-width: 900px) {
  .card3d:not(.visible) {
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px); } }

.card3d + .card:before {
  content: '';
  display: block;
  height: 200px;
  width: 100%;
  position: absolute;
  background-color: inherit;
  top: -200px; }

.card, .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end; }

.left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.center, .meta {
  margin: 0 auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }

.card p, .card h3, .card h2 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }

p, h3, h2, h1, ul, .meta, .inline {
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 532px) {
    p, h3, h2, h1, ul, .meta, .inline {
      margin-left: calc((100% - 500px) /2);
      margin-right: calc((100% - 500px) /2); } }

@media (min-width: 532px) {
  .xl {
    margin-left: calc((100% - (500px + 5px)) /2); } }

.meta {
  position: relative; }

*:not(.meta) + .meta {
  padding-top: 20px; }

.card .meta:first-child {
  padding-top: 48px; }

.card.last {
  padding-top: 200px; }

.footer {
  padding-bottom: 16px;
  padding-top: 96px; }

@media only screen and (max-device-width: 1050px) {
  .card.fh:first-of-type {
    padding-bottom: 72px; } }

.img {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  position: relative; }

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

img:not(.logo) {
  border: 0;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px; }

.mbstudio img {
  width: calc(122% - 16px *2);
  margin-left: calc(-11% + 16px); }
  @media (min-width: 532px) {
    .mbstudio img {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      max-width: 1800px; } }

.mbstudio {
  padding-top: 30px; }
  @media (min-width: 532px) {
    .mbstudio {
      padding-top: 0; } }

.maxed {
  margin: 0 auto; }

.seperator {
  height: 1px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }

.spaced {
  margin-top: 24px; }

.gld {
  height: 62vh;
  padding-bottom: calc(24px - 7px); }

.fh {
  min-height: 100vh;
  height: 100vh; }

.p-m {
  padding-top: 24px;
  padding-bottom: 24px; }

.p-b {
  padding-bottom: calc(24px *2); }

.p-t {
  padding-top: calc(24px *2); }

.p-tb {
  padding-top: calc(24px *2);
  padding-bottom: calc(24px *2); }

.p-lr {
  margin-left: 16px;
  margin-right: 16px; }
  @media (min-width: 532px) {
    .p-lr {
      margin-left: 10%;
      margin-right: 10%; } }

.m-b {
  margin-bottom: calc(24px *2); }

.m-hb {
  margin-bottom: calc(24px *1); }

.m-ht {
  margin-top: calc(24px *1); }

@media (min-height: 800px) {
  .low {
    padding-top: 72px; } }

.top {
  position: absolute;
  top: 24px; }

/*
.voice + .kt:before{
  content: ", ";
}
*/
ul {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }

.lined li {
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px; }

.lined li:not(:last-child) {
  border-bottom-width: 1px;
  border-bottom-style: solid; }

.detail {
  display: block;
  clear: left; }
  @media (min-width: 600px) {
    .detail {
      display: inline-block;
      clear: none; } }

a h2 {
  position: relative; }

a h2:before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  right: 16px;
  opacity: .5; }

.inlineUp:before, .inlineDown:before {
  content: '\2191';
  content: 'Above: ';
  margin-right: 2px; }

.inlineDown:before {
  content: '\2193';
  content: 'Below: '; }

ul.logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 0;
  margin-right: 0; }

ul.logos li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  margin: 4px; }
  @media (min-width: 600px) {
    ul.logos li {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
      margin: 8px; } }
  @media (min-width: 840px) {
    ul.logos li {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      margin: 24px; } }

ul.logos li.empty {
  height: 1px; }

ul.logos li img {
  opacity: .33;
  height: 40px;
  width: auto;
  margin: 0 auto; }
  @media (min-width: 600px) {
    ul.logos li img {
      height: 60px; } }
  @media (min-width: 840px) {
    ul.logos li img {
      height: 85px;
      margin-left: 10px;
      margin-right: 10px; } }

.shadow {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); }
  @media (min-width: 600px) {
    .shadow {
      -webkit-box-shadow: 10px 0px 24px 0px black;
              box-shadow: 10px 0px 24px 0px black; } }

.img {
  position: relative;
  overflow: hidden; }

img:not(.initial) {
  -webkit-transition: opacity 1s;
  transition: opacity 1s; }

img.initial,
img.loaded,
img.error {
  opacity: 1; }

img:not([src]):not([srcset]) {
  visibility: hidden; }

video {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border: 0; }

.inline {
  padding-top: 24px;
  padding-bottom: 24px; }

.inline img {
  position: relative; }

figcaption {
  padding-top: 24px; }

.footer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .footer .left {
    padding-left: 16px;
    padding-right: 12px; }
    @media (min-width: 532px) {
      .footer .left {
        margin-left: calc((100% - 500px) /2); } }
  .footer .right {
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 532px) {
      .footer .right {
        margin-right: calc((100% - 500px) /2); } }

.instagram {
  background-image: url(../instagram.svg);
  display: inline-block;
  margin-right: 12px;
  opacity: .9;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  -webkit-transform: translateY(6px);
          transform: translateY(6px); }

.inverted .instagram {
  background-image: url(../instagram-white.svg); }