@charset "UTF-8";
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

html {
  box-sizing: border-box;
}

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

@font-face {
  font-family: 'AvantGardeBold';
  src: url("../fonts/2FEC44_0_0.eot");
  src: url("../fonts/2FEC44_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2FEC44_0_0.woff2") format("woff2"), url("../fonts/2FEC44_0_0.woff") format("woff"), url("../fonts/2FEC44_0_0.ttf") format("truetype");
}
@font-face {
  font-family: 'AvantGardeBlack';
  src: url("../fonts/2FEC44_1_0.eot");
  src: url("../fonts/2FEC44_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2FEC44_1_0.woff2") format("woff2"), url("../fonts/2FEC44_1_0.woff") format("woff"), url("../fonts/2FEC44_1_0.ttf") format("truetype");
}
@font-face {
  font-family: 'AvantGardeMedium';
  src: url("../fonts/2FEC44_2_0.eot");
  src: url("../fonts/2FEC44_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2FEC44_2_0.woff2") format("woff2"), url("../fonts/2FEC44_2_0.woff") format("woff"), url("../fonts/2FEC44_2_0.ttf") format("truetype");
}
html,
body {
  height: 100%;
}

body {
  background-color: #000;
  color: #fff;
  font-family: AvantGardeBlack;
  font-size: 16px;
  line-height: 1.625em;
  padding-bottom: 300px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
}

:focus {
  outline: 0;
}

::selection {
  background: #2db8ff;
  color: #fff;
}

h1.logo {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  height: 6.875em;
  left: 50%;
  position: absolute;
  margin-left: -3.4375em;
  top: 0;
  width: 6.875em;
  z-index: 9999;
}
h1.logo img {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 9999;
}

.backdrop {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.backdrop-left {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  height: 100%;
  left: 0;
  padding: 1.875em;
  position: absolute;
  top: 0;
  width: 50%;
}
.backdrop-left .backdrop {
  position: static;
}

.content-wrapper {
  position: relative;
}

video {
  height: auto;
  position: relative;
  width: 100%;
}

.section {
  position: relative;
}

.home-video-wrapper,
.team-video-wrapper,
.mission-video-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.section-centered,
.section-home,
.section-mission .backdrop,
.section-backstory,
.section-team {
  display: table;
  position: relative;
  width: 100%;
}
.section-centered .content-wrapper,
.section-home .content-wrapper,
.section-mission .backdrop .content-wrapper,
.section-backstory .content-wrapper,
.section-team .content-wrapper {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}

.preloader {
  opacity: 0.001;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url('../img/ajax-loader.gif?1462509348') center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url('../fonts/slick.eot?1462509348');
  src: url('../fonts/slick.eot?&1462509348#iefix') format("embedded-opentype"), url('../fonts/slick.woff?1462509348') format("woff"), url('../fonts/slick.ttf?1462509348') format("truetype"), url('../fonts/slick.svg?1462509348#slick') format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.5;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 10%;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: white;
  opacity: 0.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: white;
  opacity: 1;
}

/*
nav {
  display: none;
  @include transform(translateZ(0));
  font-family: AvantGardeBold;
  font-size: em(15);
  letter-spacing: 0.01em;
  position: fixed;
  right: em(50, 15);
  top: em(40, 15);
  z-index: 999;

  li {
    display: inline-block;
    margin-left: em(20);
  }

  a {
    color: #fff;

    &:hover,
    &.active {
      border-bottom: 1px solid #2db8ff;
      padding-bottom: em(5);
    }
  }
}
*/
.burger {
  padding: 1.875em;
  position: fixed;
  right: 1.25em;
  top: 0.625em;
  z-index: 999;
}
.burger img {
  height: 1.875em;
  width: 1.875em;
}

.nav-wrapper {
  display: none;
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  overflow-y: scroll;
}

.nav-wrapper,
.nav-inner {
  height: 100%;
}

.nav-wrapper .nav-close {
  padding: 1.875em;
  position: fixed;
  right: 1.25em;
  top: 0.625em;
  z-index: 999;
}
.nav-wrapper .nav-close img {
  height: 1.875em;
  width: 1.875em;
}

nav.nav {
  background-color: rgba(255, 255, 255, 0.97);
  font-family: AvantGardeBold;
}
nav.nav li {
  font-size: 3.5em;
  letter-spacing: -0.04em;
  line-height: 1.4;
}
nav.nav a {
  color: #000;
  display: inline-block;
  width: 100%;
}
nav.nav a:hover, nav.nav a.active {
  color: #2db8ff;
}

.languages {
  padding: 1.875em;
  position: absolute;
  left: 0.9375em;
  top: 0.625em;
  z-index: 999;
}
.languages li {
  display: inline-block;
  padding: 0 0.3125em;
}
.languages a {
  color: #fff;
  font-family: AvantGardeBold;
  text-transform: uppercase;
}
.languages a:hover,
.languages .current a {
  color: #2db8ff;
}

.body-works .languages a {
  color: #000000;
}
.body-works a:hover,
.body-works .current a {
  color: #2db8ff;
}

.pre-footer {
  background-color: #000;
  color: #fff;
  height: 28.4375em;
  position: relative;
  text-align: left;
}
.pre-footer .pre-footer-inner {
  margin: 0 auto;
  width: 62.5em;
}
@media screen and (max-width: 768px) {
  .pre-footer .pre-footer-inner {
    padding: 0 1.25em;
    width: 100%;
  }
  .pre-footer .pre-footer-inner .gda-winner,
  .pre-footer .pre-footer-inner .gda-special {
    display: block;
    margin: 0 auto;
    padding-top: 5.625em;
  }
}
.pre-footer .gda-winner,
.pre-footer .gda-special {
  clear: both;
  display: inline-block;
  padding-top: 11.25em;
  width: 50%;
}
.pre-footer .gda-winner img,
.pre-footer .gda-special img {
  float: left;
  margin-right: 0.6875em;
  width: 9.375em;
}
.pre-footer .gda-winner h4,
.pre-footer .gda-special h4 {
  color: #fff;
  font-size: 1em;
  line-height: 1.4;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 41.42857em;
  margin-top: 0.6875em;
}
.pre-footer .gda-winner h4 strong,
.pre-footer .gda-special h4 strong {
  font-size: 1.3125em;
  font-family: AvantGardeBold;
}

.socials a {
  background-color: #fff;
  display: inline-block;
  height: 4.375em;
  padding: 1.0625em;
  width: 4.375em;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.socials a:hover {
  background-color: #2db8ff;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.socials a:hover img {
  display: none;
}
.socials a:hover img.white {
  display: initial;
}
.socials a img {
  height: 2.25em;
  width: 2.25em;
}
.socials a img.white {
  display: none;
}

.footer-job a {
  display: inline-block;
  border: 1px solid #2db8ff;
  color: #000;
  cursor: pointer;
  font-size: 1.1875em;
  padding: 1.15789em 3.68421em 0.89474em;
  width: auto;
}
.footer-job a:hover {
  background-color: #2db8ff;
  color: #fff;
}

.mailchimp {
  background-color: #f3f3f3;
  color: #000;
  height: 19.375em;
  padding-top: 7.5em;
  position: relative;
}
.mailchimp input {
  background-color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  color: #000;
  display: inline-block;
  font-size: 1.1875em;
  padding: 1.15789em 1.05263em 0.89474em;
  height: 3.47368em;
  position: absolute;
  top: 0;
  width: 15.78947em;
}
.mailchimp input::-webkit-input-placeholder {
  color: #bbb;
}
.mailchimp input::-moz-placeholder {
  color: #bbb;
}
.mailchimp input:-moz-placeholder {
  color: #bbb;
}
.mailchimp input:-ms-input-placeholder {
  color: #bbb;
}
.mailchimp #mce-EMAIL {
  left: 50%;
  margin-left: -24.21053em;
}
.mailchimp #mce-FNAME {
  left: 50%;
  margin-left: -7.89474em;
}
.mailchimp #mc-embedded-subscribe {
  left: 50%;
  margin-left: 8.42105em;
}
.mailchimp input[type="submit"] {
  display: inline-block;
  background-color: #2db8ff;
  border: 1px solid #2db8ff;
  color: #fff;
  cursor: pointer;
  font-family: AvantGardeBold;
  font-size: 1.1875em;
  padding: 1.15789em 3.68421em 0.89474em;
  width: auto;
}

footer.footer {
  background-color: #fff;
  clear: left;
  height: 36.25em;
  padding: 3em 0 6em;
  position: relative;
}

.footer-inner {
  color: #999;
  margin: 0 auto;
  padding: 3.75em 0 0 0;
}

.footer-address {
  color: #111;
  font-size: 1.0625em;
  letter-spacing: 0.03em;
  line-height: 1.58824em;
  margin-bottom: 2.94118em;
  width: 100%;
}
.footer-address > span {
  padding-left: 0.1em;
  padding-right: 0.1em;
  padding-top: 0.3em;
  padding-bottom: 0.2em;
}
.footer-address > span:last-of-type {
  border-right: 0;
}
.footer-address strong {
  font-family: AvantGardeBold;
}
.footer-address a {
  color: #111;
}
.footer-address a:hover {
  color: #2db8ff;
}

.footer-address-numbers {
  font-size: 0.82353em;
  line-height: 3.57143em;
}

.footer-address-location {
  margin-top: 5em;
}
.footer-address-location a {
  background: transparent url(../img/location.svg) no-repeat scroll center center;
  background-size: 1.5em 2.5em;
  border: 0;
  display: inline-block;
  height: 2.5em;
  width: 1.5em;
}
.footer-address-location a:hover {
  background-image: url(../img/location_blue.svg);
  background-size: 1.5em 2.5em;
}

.preloader-1 {
  background-image: url(../img/location_blue.svg);
}

.footer-links {
  font-family: Georgia;
  font-size: 0.9375em;
  font-style: italic;
  color: #ccc;
  position: absolute;
  bottom: 2.66667em;
  right: 3.33333em;
  text-align: right;
}
.footer-links a {
  color: #ccc;
}

.section-home h2 {
  font-family: AvantGardeBold;
  font-size: 5.375em;
  letter-spacing: -0.04em;
  line-height: 1.11628em;
  font-size: 7.75em;
  margin-bottom: 0.32258em;
  max-width: none;
  padding-top: 0.56452em;
}
.section-home h3 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
  font-size: 1.1875em;
}
.section-home .changeling:not(:first-of-type) {
  display: none;
}
.section-home .gda {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0.625em;
  position: absolute;
  right: 0.625em;
  width: 6.875em;
  height: 6.875em;
  border-radius: 3.4375em;
}
.section-home .gda img {
  width: 5.1875em;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
}

.section-mission {
  position: relative;
}
.section-mission .home-video-wrapper {
  position: absolute;
}
.section-mission h2 {
  font-family: AvantGardeBold;
  font-size: 5.375em;
  letter-spacing: -0.04em;
  line-height: 1.11628em;
  margin: 0 auto;
  margin-bottom: 0.46512em;
  padding-top: 0.81395em;
  width: 13.37209em;
}
.section-mission h3 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
}

.section-method {
  background-color: #0e0e0e;
  padding: 7.5em 0;
}
.section-method h3 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
  margin-bottom: 4.28571em;
  margin-left: auto;
  margin-right: auto;
  width: 41.42857em;
}
.section-method h3 strong {
  font-family: AvantGardeBold;
}
.section-method h3 a {
  border-bottom: 1px solid #2db8ff;
  color: #fff;
}
.section-method p {
  font-family: Georgia;
  font-size: 1.375em;
  letter-spacing: 0;
  line-height: 1.40909em;
  font-size: 0.875em;
  color: #666;
  font-style: italic;
}

.method-item,
.method-arrow {
  display: inline-block;
  margin: 0 0.3125em;
}

.method-item {
  padding-top: 16.25em;
  vertical-align: top;
  width: 16.25em;
}
.method-item h4 {
  font-family: AvantGardeBold;
  font-size: 3.375em;
  letter-spacing: -0.04em;
  line-height: 1.18519em;
  position: relative;
}

.method-learn {
  background: transparent url(../img/method/learn.svg) no-repeat scroll top center;
  background-position: center 2.125em;
  background-size: 14.375em 9.6875em;
}

.method-create {
  background: transparent url(../img/method/create.svg) no-repeat scroll top center;
  background-size: 13.75em 12.8125em;
}

.method-launch {
  background: transparent url(../img/method/launch.svg) no-repeat scroll top center;
  background-size: 16.25em 13.875em;
}

.method-arrow {
  height: 3.3125em;
  position: relative;
  top: 5em;
  width: 5.375em;
}

.method-arrow-1 {
  background: transparent url(../img/method/arrow-1.svg) no-repeat scroll center center;
  background-size: 5.375em 1.375em;
}

.method-arrow-2 {
  background: transparent url(../img/method/arrow-2.svg) no-repeat scroll center center;
  background-size: 5.375em 3.3125em;
}

.section-services-intro {
  background-color: #fff;
  color: #000;
  padding: 9.375em 0 3.125em;
  position: relative;
}
.section-services-intro h3 {
  font-family: AvantGardeBold;
  font-size: 5.375em;
  letter-spacing: -0.04em;
  line-height: 1.11628em;
  margin-bottom: 0.46512em;
  margin-left: auto;
  margin-right: auto;
  width: 13.95349em;
}
.section-services-intro h4 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
  margin-bottom: 1.90476em;
}
.section-services-intro h4 strong {
  font-family: AvantGardeBold;
}
.section-services-intro h4 a {
  border-bottom: 1px solid #2db8ff;
  color: #000;
}
.section-services-intro img {
  height: auto;
  width: 3.75em;
}

.section-services {
  background-color: #fff;
  padding: 0 2.5em 6.875em;
  position: relative;
  text-align: left;
}

.services-domain {
  background: #f00;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  margin: 0.5%;
  padding-bottom: 32.3333%;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 32.33333%;
}
.services-domain:hover ul,
.services-domain:hover p {
  display: block;
}

.services-domain-inner {
  background-color: #2db8ff;
  bottom: 0;
  color: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.services-domain-inner .text-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding: 0 1.25em;
}
.services-domain-inner h3 {
  font-family: AvantGardeBold;
  font-size: 4.125em;
  letter-spacing: -0.04em;
  line-height: 1.15152em;
  color: #fff;
}
.services-domain-inner ul {
  display: none;
  font-size: 1.25em;
  letter-spacing: 0.04em;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  line-height: 1.7em;
  color: #fff;
  font-size: 1.1em;
}
.services-domain-inner p {
  display: none;
  font-family: Georgia;
  font-size: 1.375em;
  letter-spacing: 0;
  line-height: 1.40909em;
  color: #fff;
  font-style: italic;
  margin-bottom: 1em;
}

.services-domain-innovation {
  cursor: pointer;
}

.section-goal-intro {
  background-color: #fff;
  color: #000;
  padding: 7.5em 0;
  position: relative;
  display: block;
  clear: both;
}
.section-goal-intro h3 {
  font-family: AvantGardeBold;
  font-size: 3em;
  letter-spacing: -0.04em;
  line-height: 1.125em;
  margin: 0 auto 1.33333em;
  width: 20.83333em;
}
@media screen and (max-width: 900px) {
  .section-goal-intro h3 {
    width: 100%;
    padding: 0 0.41667em;
  }
}
.section-goal-intro a {
  display: inline-block;
  border: 1px solid #2db8ff;
  color: #000;
  cursor: pointer;
  font-size: 1.1875em;
  padding: 1.15789em 3.68421em 0.89474em;
  width: auto;
}
.section-goal-intro a:hover {
  background-color: #2db8ff;
  color: #fff;
}

.section-trusted-technology {
  background-color: #fff;
  display: table;
  position: relative;
  width: 100%;
  padding: 7.5em 0 8.75em;
}
.section-trusted-technology h3 {
  color: #000;
  font-size: 0.875em;
  letter-spacing: 0.03em;
}
.section-trusted-technology .trusted-technology-logos {
  display: table;
  margin: 3.125em auto 0;
  width: 93%;
}
.section-trusted-technology a {
  border-right: 1px solid #eee;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: table-cell;
  height: 5em;
  opacity: 0.8;
  vertical-align: middle;
  width: 6.25em;
}
.section-trusted-technology a:hover {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0.5;
}
.section-trusted-technology a:last-of-type {
  border-right: 0;
}
.section-trusted-technology img {
  height: auto;
}

.section-backstory {
  background-color: #000;
  height: 31.25em;
}
.section-backstory h3 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
  display: inline;
  margin-right: 1.875em;
}
.section-backstory a {
  color: #fff;
  display: inline-block;
  border: 1px solid #2db7ff;
  font-family: AvantGardeBold;
  font-size: 1.1875em;
  padding: 1.15789em 3.68421em 0.89474em;
}
.section-backstory a:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.section-streamline {
  background-color: #000;
  display: table;
  height: 300%;
  position: relative;
  width: 100%;
}

.section-streamline-inner {
  display: table-cell;
}

.section-streamline-content-wrapper {
  display: table;
  height: 100%;
  width: 100%;
  z-index: 99;
}
.section-streamline-content-wrapper.section-streamline-content-wrapper-sticky {
  left: 0;
  position: fixed;
  top: 0;
}

.section-streamline-content {
  display: table-cell;
  position: relative;
  vertical-align: middle;
}

.streamline-content-top {
  vertical-align: top;
}

.streamline-circle {
  border: 2px solid #2db8ff;
  border-radius: 10em;
  display: table;
  height: 20em;
  left: 50%;
  margin-left: -10em;
  margin-top: -8em;
  position: absolute;
  top: 50%;
  width: 20em;
}

.streamline-circle-inner {
  display: table-cell;
  vertical-align: middle;
  font-family: AvantGardeBold;
  font-size: 2.125em;
  line-height: 1.2;
  letter-spacing: 0.01em;
}

.streamline-floid {
  display: table;
  height: 20em;
  left: 50%;
  margin-left: -10em;
  margin-top: -8em;
  position: absolute;
  top: 50%;
  width: 20em;
}

.streamline-floid-inner {
  background: transparent url(../img/launch_white.svg) no-repeat scroll center center;
  background-size: 16.25em 13.875em;
  color: #fff;
  display: table-cell;
  opacity: 0;
  vertical-align: middle;
}
.streamline-floid-inner .streamline-floid-name {
  font-family: AvantGardeBold;
  font-size: 4.125em;
  letter-spacing: -0.04em;
  margin-bottom: 0.30303em;
}
.streamline-floid-inner .streamline-floid-sub {
  font-family: Georgia, times;
  font-size: 1.375em;
  font-style: italic;
  letter-spacing: 0.01em;
}

.streamline-content-top .streamline-circle-left {
  margin-left: -18em;
}
.streamline-content-top .streamline-circle-right {
  margin-left: -2em;
}

.section-streamline h3 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
  margin-left: auto;
  margin-right: auto;
  width: 42.38095em;
  padding-top: 0.71429em;
  padding-bottom: 20em;
}
.section-streamline h3 strong {
  font-family: AvantGardeBold;
}
.section-streamline h4 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  position: relative;
  width: 41.42857em;
}
.section-streamline h4 strong {
  font-family: AvantGardeBold;
}

.section-streamline .streamline-content-bottom {
  vertical-align: bottom;
}
.section-streamline .streamline-content-bottom .streamline-circle {
  background-color: #2db8ff !important;
}
.section-streamline .streamline-content-bottom .streamline-circle-inner,
.section-streamline .streamline-content-bottom h3 {
  opacity: 0;
}
.section-streamline .streamline-content-bottom .streamline-floid-inner,
.section-streamline .streamline-content-bottom h4 {
  opacity: 1;
}

.takeaway-video-wrapper {
  position: fixed;
  top: 0;
}

.section-takeaway h2 {
  font-family: AvantGardeBold;
  font-size: 6.625em;
  letter-spacing: -0.04em;
  line-height: 1.09434em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.46512em;
  width: 10.37736em;
  padding-top: 0.81395em;
}
.section-takeaway h3 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
}
.section-takeaway ul {
  margin-top: 3em;
}
.section-takeaway li {
  display: inline-block;
  width: 20%;
  border-right: 1px dotted #fff;
  display: inline-block;
  float: left;
  padding: 1.875em 0 1.875em;
}
.section-takeaway li:last-of-type {
  border-right: 0;
}
.section-takeaway li:hover {
  background-color: rgba(255, 255, 255, 0.95);
  color: #000;
}
.section-takeaway h5 {
  font-family: Georgia;
  font-size: 1.25em;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1.45455em;
  margin-bottom: 0.5em;
}
.section-takeaway span {
  font-family: AvantGardeBold;
  font-size: 3.375em;
  letter-spacing: -0.04em;
  line-height: 1.18519em;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .services-domain {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .services-domain:hover .services-domain-inner,
  .services-domain:hover h3,
  .services-domain:hover ul,
  .services-domain:hover p {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }

  .services-domain-inner {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .services-domain-inner h3,
  .services-domain-inner ul,
  .services-domain-inner p {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}
.section .mission-video-wrapper {
  position: absolute;
}

.section-mission-title h2 {
  font-family: AvantGardeBold;
  font-size: 5.375em;
  letter-spacing: -0.04em;
  line-height: 1.11628em;
  margin: 0 auto;
  margin-bottom: 0.46512em;
  padding-top: 0.81395em;
  width: 12.7907em;
}
.section-mission-title h3 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
}

.section-mission-text {
  background-color: #fff;
  color: #000;
  padding: 7.5em 0 8.75em;
  position: relative;
  display: block;
  clear: both;
}

.mission {
  margin-bottom: 1.5625em;
}
.mission:last-of-type {
  margin-bottom: 0;
}
.mission h4 {
  color: #000;
  font-family: AvantGardeBold;
  font-size: 3em;
  letter-spacing: -0.04em;
  line-height: 1.125em;
  margin: 0 auto;
  width: 20.83333em;
}
.mission h5 {
  color: #808080;
  font-family: Georgia, serif;
  font-size: 1.5em;
  letter-spacing: -0.04em;
  line-height: 1.42857em;
  margin: 0 auto;
  width: 31.25em;
}
.mission p {
  color: #222;
  font-family: Georgia;
  font-size: 1.25em;
  line-height: 1.5em;
  padding: 0 6.5em;
}
@media screen and (max-width: 1000px) {
  .mission h4,
  .mission h5 {
    width: 100%;
    padding: 0 20px;
  }
}

.section-experts .backdrop {
  padding: 0;
}
.section-experts h3 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
  margin-bottom: 4.28571em;
  margin-left: auto;
  margin-right: auto;
  width: 41.42857em;
}
.section-experts h3 strong {
  font-family: AvantGardeBold;
}
.section-experts h3 a {
  border-bottom: 1px solid #2db8ff;
  color: #fff;
}
.section-experts p {
  font-family: Georgia;
  font-size: 1.375em;
  letter-spacing: 0;
  line-height: 1.40909em;
  font-size: 1.125em;
  color: #fff;
  font-style: italic;
}
.section-experts .method-item,
.section-experts .method-arrow {
  display: inline-block;
  margin: 0 0.3125em;
}
.section-experts .method-item {
  padding-top: 16.25em;
  vertical-align: top;
  width: 16.25em;
}
.section-experts .method-item h4 {
  font-family: AvantGardeBold;
  font-size: 2.625em;
  letter-spacing: -0.04em;
  line-height: 1.18519em;
  position: relative;
}
.section-experts .method-learn {
  background: transparent url(../img/method/participation.svg) no-repeat scroll top center;
  background-position: center 2.125em;
  background-size: 14.375em 9.6875em;
}
.section-experts .method-create {
  background: transparent url(../img/method/purpose.svg) no-repeat scroll top center;
  background-size: 13.75em 12.8125em;
}
.section-experts .method-launch {
  background: transparent url(../img/method/experience.svg) no-repeat scroll top center;
  background-size: 16.25em 13.875em;
}
.section-experts .method-arrow {
  height: 3.3125em;
  position: relative;
  top: 5em;
  width: 5.375em;
}
.section-experts .method-arrow-1 {
  background: transparent url(../img/method/plus.svg) no-repeat scroll center center;
  background-size: 1.375em 1.375em;
}
.section-experts .method-arrow-2 {
  background: transparent url(../img/method/plus.svg) no-repeat scroll center center;
  background-size: 1.375em 1.375em;
}

.section-works-button {
  background-color: #000;
  color: #fff;
  padding: 7.5em 0 8.75em;
  position: relative;
  display: block;
  clear: both;
}
.section-works-button a {
  display: inline-block;
  border: 1px solid #2db8ff;
  color: #fff;
  cursor: pointer;
  font-family: AvantGardeBold;
  font-size: 1.1875em;
  padding: 1.15789em 3.68421em 0.89474em;
  width: auto;
}
.section-works-button a:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.section-overview-intro {
  background: #fff url('../img/bggoal.jpg?1530023305') no-repeat scroll center;
  background-size: cover;
  color: #fff;
  padding: 10em 0;
  position: relative;
  display: block;
  clear: both;
}
.section-overview-intro h3 {
  font-family: AvantGardeBold;
  font-size: 1.4375em;
  line-height: 1.43478em;
  margin: 1.5em 0;
}
.section-overview-intro p {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
  font-size: 1.3125em;
  line-height: 1.5;
  text-align: left;
  margin: 0 auto 1em;
}
.section-overview-intro p strong {
  font-family: AvantGardeBold;
}
.section-overview-intro .wrapper {
  border: 1.25em solid #2db8ff;
  width: 44.375em;
  margin: 0 auto;
  padding: 3.125em 5em;
}

body.body-works {
  background-color: #fff;
  color: #000;
}
body.body-works a {
  color: #000;
}
body.body-works .footer-links a {
  color: #ccc;
}

.works {
  line-height: 0;
  margin-top: 13.75em;
}
.works img {
  height: auto;
  width: 100%;
}

.works-image {
  padding: 0;
  margin: 0;
}
.works-image .wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.works-image .wrapper .text-wrapper {
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  background-color: rgba(45, 184, 255, 0.92);
  color: #fff;
  display: table-cell;
  height: 100%;
  opacity: 0;
  vertical-align: middle;
}
.works-image .wrapper .text-wrapper:hover {
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  opacity: 1;
}
.works-image .wrapper-inner {
  display: table;
  height: 100%;
  width: 100%;
}
.works-image h4 {
  font-family: AvantGardeBold;
  font-size: 2.875em;
  line-height: 1.21739em;
  width: 100%;
}
.works-image h5 {
  font-family: Georgia;
  font-size: 1.375em;
  font-style: italic;
  line-height: 1.45455em;
  width: 100%;
}
.works-image a.works-btn {
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #fff;
  font-family: AvantGardeBold;
  font-size: 1.1875em;
  font-style: normal;
  line-height: 1;
  margin: 2em 0 0;
  padding: 1.15789em 3.68421em 0.89474em;
}
.works-image a.works-btn:hover {
  background-color: #fff;
  color: #2db8ff;
}

.grid-sizer {
  width: 25%;
}
@media screen and (max-width: 720px) {
  .grid-sizer {
    width: 50%;
  }
}

.works-1to1,
.works-1to2 {
  width: 25%;
}
@media screen and (max-width: 720px) {
  .works-1to1,
  .works-1to2 {
    width: 50%;
  }
}

.works-2to1,
.works-2to2 {
  width: 50%;
}
@media screen and (max-width: 720px) {
  .works-2to1,
  .works-2to2 {
    width: 100%;
  }
}

.selected-clients {
  margin-bottom: 12.5em;
  padding-top: 15em;
  overflow: hidden;
}
.selected-clients h2 {
  font-family: AvantGardeBold;
  font-size: 4.75em;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.selected-clients h3 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
  margin: 0 auto;
  padding-top: 1em;
  width: 47.61905em;
}
@media screen and (max-width: 1000px) {
  .selected-clients h3 {
    width: 100%;
    padding: 0 20px;
  }
}
.selected-clients ul {
  border-top: 1px solid #eaeaea;
  margin: 5.625em auto 0;
  width: 72.5em;
}
.selected-clients li {
  border-bottom: 1px solid #eaeaea;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  height: 5em;
  margin: 0;
  width: 33.333%;
}
.selected-clients li:hover {
  background-color: #2db8ff;
  color: #fff;
}
.selected-clients h4 {
  font-family: AvantGardeBold;
  padding: 1.875em 0 0;
}

.body-project {
  background-color: #fff;
  color: #000;
}
.body-project nav a {
  color: #000;
}

.project-header-image,
.project-header-black {
  height: 100vh;
}

.project-header-black {
  background-color: rgba(0, 0, 0, 0.7);
  display: table-row;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.project-header-black-inner {
  display: table-cell;
  height: 100vh;
  vertical-align: middle;
  text-align: center;
  width: 100vw;
}
.project-header-black-inner img {
  bottom: 3.125em;
  height: auto;
  left: 50%;
  margin-left: -1.875em;
  position: absolute;
  width: 3.75em;
}

.project-fields {
  color: #999;
  font-family: Georgia;
  font-size: 1.125em;
  font-style: italic;
  margin-top: 11.11111em;
  text-align: center;
}

.project-title {
  color: #000000;
  color: #fff;
  font-family: AvantGardeBold;
  font-size: 6.625em;
  letter-spacing: -0.05em;
  line-height: 1.09434em;
  text-align: center;
}

.project-intro-text {
  color: #fff;
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
  margin: 1.13636em auto 0;
  width: 40.90909em;
}

.project-intro-wrapper {
  background-color: #f8f8f8;
  color: #000;
  text-align: left;
}

.project-intro {
  margin: 0 auto 0;
  padding-top: 6.875em;
  padding-bottom: 6.25em;
  overflow: hidden;
  width: 48.125em;
}
.project-intro p {
  color: #333;
  margin-bottom: 2em;
}
.project-intro h4 {
  font-family: AvantGardeBold;
  font-size: 1.4375em;
  line-height: 1.43478em;
}

.project-intro-left {
  float: left;
  width: 28.125em;
}

.project-intro-right {
  display: inline-block;
  float: right;
  width: 12.5em;
}
.project-intro-right h4 {
  font-size: 1.125em;
  line-height: 1.55556em;
}
.project-intro-right a {
  color: #333;
}
.project-intro-right a:hover {
  border-bottom: 1px solid #2db8ff;
}

.project-prologue,
.project-results {
  font-family: Georgia;
  font-size: 1.25em;
  line-height: 1.5em;
}

.project-list {
  font-size: 0.9375em;
  line-height: 1.66667em;
  letter-spacing: 0.01em;
}

.project-products {
  line-height: 0;
  margin-top: 9.375em;
  margin-bottom: 0.625em;
}

.project-bts {
  background-color: #f8f8f8;
  margin-top: 9.375em;
  padding-top: 8.125em;
  padding-bottom: 8.125em;
}

.project-modular-content-video {
  line-height: 0;
  margin: 2.8125em 0;
}
.project-modular-content-video video {
  width: 71.25em;
}

.project-modular-content-1-image-wrapper {
  line-height: 0;
  margin: 0 0;
}

.project-modular-content-1-image {
  position: relative;
}
.project-modular-content-1-image img {
  display: none;
  height: auto;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 71.25em;
}
.project-modular-content-1-image img:first-of-type {
  display: inline;
  position: static;
}

.project-modular-content-1-image-wide {
  line-height: 0;
  height: 45em;
  margin: 0 0 2.8125em;
}
.project-modular-content-1-image-wide img {
  height: auto;
  line-height: 0;
  max-width: 2000px;
  width: 100%;
}

.project-modular-content-2-images {
  line-height: 0;
  margin: 0 0;
}
.project-modular-content-2-images img {
  display: inline-block;
  height: auto;
  line-height: 0;
  width: 35.625em;
}

.project-modular-content-image {
  display: inline-block;
  margin: 0 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.project-modular-content-image p {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(80px);
  -moz-transform: translateY(80px);
  -ms-transform: translateY(80px);
  -o-transform: translateY(80px);
  transform: translateY(80px);
  color: #999;
  font-family: Georgia, times;
  font-size: 1.375em;
  font-style: italic;
  line-height: 1.22727em;
  left: 0;
  opacity: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.project-modular-content-image.with-description img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.project-modular-content-image.with-description:hover img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-80px);
  -moz-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);
}
.project-modular-content-image.with-description:hover p {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  padding: 0.43478em;
}

.project-modular-content-heading h3 {
  font-family: AvantGardeBold;
  font-size: 5.375em;
  letter-spacing: -0.04em;
  line-height: 1.11628em;
  margin: 1.16279em auto 0.93023em;
  width: 12.32558em;
}

.project-bts h4 {
  font-family: AvantGardeBold;
  font-size: 1.4375em;
  line-height: 1.43478em;
  padding-bottom: 2.17391em;
}

.project-spacer {
  height: 6.25em;
}

.project-siblings {
  margin: 0 auto;
  padding: 7.5em 0 6.25em;
  overflow: hidden;
  width: 72.5em;
}
.project-siblings a {
  color: #000;
  font-family: AvantGardeBold;
  font-size: 1.625em;
  display: inline-block;
  line-height: 1.38462em;
  padding-top: 0.19231em;
}

.project-prev,
.project-next {
  height: 3.75em;
  width: 40%;
}

.project-back {
  height: 3.75em;
  float: left;
  width: 20%;
}

.project-prev {
  float: left;
  text-align: left;
}
.project-prev a {
  background: transparent url(../img/arrow-left.svg) no-repeat scroll top left;
  background-size: auto 1.53846em;
  padding-left: 1.53846em;
}
.project-prev a:hover {
  background: transparent url(../img/arrow-left-blue.svg) no-repeat scroll top left;
  background-size: auto 1.53846em;
}

.preloader-2 {
  background-image: url(../img/arrow-left-blue.svg);
}

.project-next {
  float: right;
  text-align: right;
}
.project-next a {
  background: transparent url(../img/arrow-right.svg) no-repeat scroll top right;
  background-size: auto 1.53846em;
  padding-right: 1.53846em;
}
.project-next a:hover {
  background: transparent url(../img/arrow-right-blue.svg) no-repeat scroll top right;
  background-size: auto 1.53846em;
}

.preloader-3 {
  background-image: url(../img/arrow-right-blue.svg);
}

body.body-news-page {
  background-color: #fff;
  color: #000;
}
body.body-news-page a {
  color: #000;
}
body.body-news-page .footer-links a {
  color: #ccc;
}

.news {
  line-height: 0;
  margin-top: 13.75em;
}
.news img {
  height: auto;
  width: 100%;
}

.news-image {
  padding: 0;
  margin: 0;
}
.news-image .wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.news-image .wrapper .text {
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  background-color: transparent;
  color: #fff;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 0 5em;
}
.news-image .wrapper .text h4 {
  font-family: AvantGardeBold;
  font-size: 2.875em;
  line-height: 1.1;
  width: 100%;
  margin-bottom: .125em;
  display: block;
}
.news-image .wrapper .text p {
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  font-family: Georgia;
  font-size: 1.375em;
  font-style: italic;
  line-height: 1.45455em;
  width: 100%;
  opacity: 0;
}
.news-image .wrapper .text .date {
  font-family: AvantGardeBlack;
  font-style: normal;
  font-size: 1em;
  margin-bottom: 1em;
  opacity: 1;
}
.news-image .wrapper .text:hover, .news-image .wrapper .text:active, .news-image .wrapper .text:focus {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background-color: rgba(0, 0, 0, 0.75);
}
.news-image .wrapper .text:hover p, .news-image .wrapper .text:active p, .news-image .wrapper .text:focus p {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 1;
}
.news-image .wrapper .text:hover a, .news-image .wrapper .text:active a, .news-image .wrapper .text:focus a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 1;
}
.news-image .wrapper-inner {
  display: table;
  height: 100%;
  width: 100%;
}
.news-image a.news-btn {
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #2db7ff;
  font-family: AvantGardeBold;
  font-size: 1.1875em;
  font-style: normal;
  line-height: 1;
  margin: 2em 0 0;
  opacity: 0;
  padding: 1.15789em 3.68421em 0.89474em;
}
.news-image a.news-btn:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.grid-sizer {
  width: 25%;
}
@media screen and (max-width: 720px) {
  .grid-sizer {
    width: 50%;
  }
}

.news-1to1,
.news-1to2 {
  width: 25%;
}
@media screen and (max-width: 720px) {
  .news-1to1,
  .news-1to2 {
    width: 50%;
  }
}

.news-2to1,
.news-2to2 {
  width: 50%;
}
@media screen and (max-width: 720px) {
  .news-2to1,
  .news-2to2 {
    width: 100%;
  }
}

.job-header h4 {
  font-family: AvantGardeBlack;
  font-size: 1.3125em;
  line-height: 1.2;
  position: absolute;
  top: 7.61905em;
  width: 100%;
  z-index: 990;
}

.slider-wrapper {
  position: relative;
}

.prev-link,
.next-link {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.25em;
  height: 1.25em;
}
.prev-link img,
.next-link img {
  width: 100%;
}

.prev-link {
  left: 1.25em;
}

.next-link {
  right: 1.25em;
}

.slider .item {
  min-height: 90vh;
  position: relative;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
}
.slider .item h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-family: AvantGardeBold;
  font-size: 4.125em;
  letter-spacing: -0.04em;
  line-height: 1.3;
  width: 73vw;
}

.job-listings {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 740px) {
  .job-listings {
    display: block;
  }
}

.job-listing {
  display: inline-block;
  width: 50%;
  padding: 6.875em 2.5em;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 740px) {
  .job-listing {
    width: 100%;
  }
}
.job-listing .time {
  margin-top: 3em;
  margin-bottom: 1em;
  font-size: 1.125em;
}
.job-listing h2 {
  font-family: AvantGardeBold;
  font-size: 4.125em;
  letter-spacing: -0.04em;
  line-height: 1.15152em;
  color: #fff;
  margin-bottom: .25em;
}
.job-listing .job-byline {
  font-family: Georgia;
  font-size: 1.375em;
  letter-spacing: 0;
  line-height: 1.40909em;
  color: #fff;
  font-style: italic;
  margin-bottom: 3em;
}
.job-listing a {
  display: inline-block;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  font-size: 1.1875em;
  padding: 1.15789em 3.68421em 0.89474em;
  width: auto;
  margin-bottom: 3em;
}
.job-listing a:hover {
  background-color: #fff;
  color: #000;
}

.body-team {
  background-color: #000;
}

.section-team h2 {
  font-family: AvantGardeBold;
  font-size: 12.5em;
  letter-spacing: -0.04em;
  line-height: 1.05em;
  margin-bottom: 0.15em;
  padding-top: 0.3em;
}
.section-team h3 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
}

.team-emoji {
  height: auto;
  margin-top: 5em;
  width: 2.5em;
}

.team-wrapper {
  background-color: #000;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.team-members {
  line-height: 0;
  overflow: hidden;
}

.team-member {
  display: inline-block;
  float: left;
  position: relative;
  width: 33.333333%;
}
.team-member img {
  height: auto;
  width: 100%;
}

.team-member-details {
  bottom: 15%;
  position: absolute;
  width: 100%;
}
.team-member-details h3 {
  font-family: AvantGardeBold;
  font-size: 3.375em;
  letter-spacing: -0.04em;
  line-height: 1.18519em;
  padding: 0 10% 0.2em;
  width: auto;
}
.team-member-details span {
  font-family: Georgia;
  font-size: 1.1875em;
  letter-spacing: 0;
  line-height: 1.52632em;
  font-style: italic;
}

.team-member-contact {
  bottom: 20%;
  opacity: 0;
  position: absolute;
  width: 100%;
}

a.team-touch {
  color: #fff;
  display: inline-block;
  border: 1px solid #2db7ff;
  font-family: AvantGardeBold;
  font-size: 1.1875em;
  line-height: 1.52632em;
  padding: 1.15789em 2.63158em 0.89474em;
}
a.team-touch:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.team-member-sm {
  margin-top: 3.125em;
}
.team-member-sm a {
  color: #fff;
  display: inline-block;
  letter-spacing: 0.03em;
  margin: 0 0.3125em;
}
.team-member-sm a:hover {
  color: #2db8ff;
}

.team-member-linkedin {
  background: transparent url(../img/social/linkedin_white.svg) no-repeat scroll center center;
}

.team-member-website {
  background: transparent url(../img/social/website_white.svg) no-repeat scroll center center;
}

.team-member-twitter {
  background: transparent url(../img/social/twitter_white.svg) no-repeat scroll center center;
}

.team-member-facebook {
  background: transparent url(../img/social/facebook_white.svg) no-repeat scroll center center;
}

.team-member-instagram {
  background: transparent url(../img/social/instagram_white.svg) no-repeat scroll center center;
}

.team-member-xing {
  background: transparent url(../img/social/xing_white.svg) no-repeat scroll center center;
}

.team-partners-title {
  background-color: #0b0b0b;
  clear: left;
  padding: 8em 0 6em;
}
.team-partners-title h3 {
  font-family: AvantGardeBold;
  font-size: 1.4375em;
  line-height: 1.43478em;
}

.section-trusted-partners {
  background-color: #fff;
  display: table;
  position: relative;
  width: 100%;
  padding: 7.5em 0;
}
.section-trusted-partners h3 {
  color: #000;
  font-family: AvantGardeBold;
  font-size: 1.4375em;
  line-height: 1.43478em;
}
.section-trusted-partners .trusted-partners-logos {
  display: table;
  margin: 3.125em auto 0;
  width: 93%;
}
.section-trusted-partners a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: table-cell;
  height: 5em;
  opacity: 0.8;
  vertical-align: middle;
  width: 6.25em;
  opacity: 0.3;
}
.section-trusted-partners a:hover {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 1;
}
.section-trusted-partners img {
  height: 6.25em;
}

.team-sneak-peek-title {
  background-color: #fff;
  color: #000;
  padding: 12.5em 0 11.25em;
  position: relative;
}
.team-sneak-peek-title h3 {
  font-family: AvantGardeBold;
  font-size: 5.375em;
  letter-spacing: -0.04em;
  line-height: 1.11628em;
  margin-bottom: 0.46512em;
}
.team-sneak-peek-title h4 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
  margin-bottom: 1.90476em;
}
.team-sneak-peek-title h4 a {
  border-bottom: 1px solid #2db8ff;
  color: #000;
}
.team-sneak-peek-title img {
  height: auto;
  width: 3.75em;
}

.team-sneak-peek {
  background-color: #0d0d0d;
}

.team-sneak-peek-image {
  line-height: 0;
  margin: 0;
  padding: 0;
}
.team-sneak-peek-image img {
  width: 100%;
}
.team-sneak-peek-image p {
  background-color: transparent;
  font-family: AvantGardeBold;
  font-size: 1.4375em;
  line-height: 1.43478em;
  height: 100%;
  left: 0;
  padding-top: 180px;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  display: none;
  /*
  &:hover {
    background-color: rgba(45, 184, 255, 0.7);
    @include transition(background-color 0.2s ease-out);
  }
  */
}

.grid-sizer {
  width: 25%;
}

.team-sneak-peek-image-11 {
  width: 25%;
}

.team-sneak-peek-image-21 {
  width: 50%;
}

.team-sneak-peek-image-12 {
  width: 25%;
}

.team-sneak-peek-image-22 {
  width: 50%;
}

.contact-mails {
  padding-top: 4.375em;
}
.contact-mails h2 {
  font-family: AvantGardeBold;
  font-size: 5.375em;
  letter-spacing: -0.04em;
  line-height: 1.11628em;
  margin-bottom: 0.5814em;
  padding-top: 1.5em;
}

@media only screen and (min-width: 667px) {
  .contact-mails-inner {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
  }
}

.contact-mail {
  border-right: 1px dotted #fff;
  display: inline-block;
  float: left;
  padding: 1.875em 0 2.9375em;
  position: relative;
  width: 33%;
}
.contact-mail:last-of-type {
  border-right: 0;
}
.contact-mail h3 {
  font-family: AvantGardeBold;
  font-size: 1.3125em;
  letter-spacing: -0.04em;
  line-height: 1.47619em;
}
.contact-mail h4 {
  font-family: Georgia;
  font-size: 1.25em;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1.5em;
  margin-bottom: 1em;
  min-height: 3em;
}
.contact-mail a {
  color: #fff;
  font-size: 1.125em;
  padding-top: 7em;
  padding-bottom: 2.61111em;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.contact-mail a:hover {
  color: #2db8ff;
}
.contact-mail:hover {
  background-color: rgba(255, 255, 255, 0.95);
  color: #000;
}

.contact-address {
  clear: both;
  font-size: 1.0625em;
  letter-spacing: 0.03em;
  line-height: 1.58824em;
  margin-bottom: 2.94118em;
  padding-top: 2.5em;
  width: 100%;
}
.contact-address span {
  padding-left: 0.1em;
  padding-right: 0.1em;
  padding-top: 0.3em;
  padding-bottom: 0.2em;
}
.contact-address span:last-of-type {
  border-right: 0;
}
.contact-address strong {
  font-family: AvantGardeBold;
  font-size: 1.11765em;
}
.contact-address a {
  color: #fff;
}

.contact-address-location {
  margin-top: 5em;
}
.contact-address-location a {
  background: transparent url(../img/location_white.svg) no-repeat scroll center center;
  background-size: 1.5em 2.5em;
  border: 0;
  display: inline-block;
  height: 2.5em;
  width: 1.5em;
}
.contact-address-location a:hover {
  background-image: url(../img/location_blue.svg);
}

.contact-form {
  position: relative;
}
.contact-form .home-video-wrapper {
  position: absolute;
}
.contact-form .section-centered {
  height: 100%;
}

.contact-form-inner {
  padding: 9.375em 0;
}

textarea {
  background-color: transparent;
  border: 0;
  color: #fff;
  font-family: AvantGardeBold;
  font-size: 2.625em;
  height: 500px;
  padding-left: 00%;
  margin: 0 10 0 00%;
  resize: none;
  width: 80%;
}
textarea::-webkit-input-placeholder {
  color: #fff;
}
textarea::-moz-placeholder {
  color: #fff;
}
textarea:-moz-placeholder {
  color: #fff;
}
textarea:-ms-input-placeholder {
  color: #fff;
}

#wrap_Inputfield_text {
  float: left;
  height: 400px;
  width: 50%;
}

#wrap_Inputfield_name_1 {
  margin-top: 5em;
}

#wrap_Inputfield_name_1,
#wrap_Inputfield_email,
#wrap_Inputfield_company,
#wrap_Inputfield_phone {
  float: right;
  width: 50%;
}

#wrap_contact_submit {
  float: right;
  width: 50%;
  text-align: left;
}

input._post_token {
  clear: both;
}

input,
button {
  border-radius: 0;
  -webkit-appearance: none;
}

label {
  display: none;
}

input {
  background-color: transparent;
  border: 0;
  color: #fff;
  font-family: AvantGardeBlack;
  font-size: 1.125em;
  margin: 0 auto 2em;
  padding-bottom: 0.33333em;
  width: 56%;
}
input::-webkit-input-placeholder {
  color: #fff;
}
input::-moz-placeholder {
  color: #fff;
}
input:-moz-placeholder {
  color: #fff;
}
input:-ms-input-placeholder {
  color: #fff;
}

form {
  position: relative;
}

button {
  margin-bottom: 10px;
  margin-left: 22%;
  cursor: pointer;
  background-color: transparent;
  color: #fff;
  display: inline-block;
  border: 1px solid #2db7ff;
  font-family: AvantGardeBold;
  font-size: 1.1875em;
  padding: 1.15789em 3.68421em 0.89474em;
}
button:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.Inputfield_contact_submit {
  margin-top: 1em;
  text-align: right;
}

body.InputfieldColumnWidthsInit {
  background-color: transparent;
}

.body-basic-page .content-wrapper {
  padding: 9.375em 6.25em;
}
.body-basic-page .longtext {
  text-align: left;
}
.body-basic-page .longtext h2,
.body-basic-page .longtext h3,
.body-basic-page .longtext h4,
.body-basic-page .longtext h5,
.body-basic-page .longtext p,
.body-basic-page .longtext li {
  max-width: 62.5em;
}
.body-basic-page .longtext h2 {
  margin: 0;
}
.body-basic-page h3,
.body-basic-page h4,
.body-basic-page h5 {
  font-family: AvantGardeBold;
  padding-top: 1em;
}
.body-basic-page h3 {
  font-size: 2em;
}

.section-content {
  background-color: #fff;
  color: #2db8ff;
}
.section-content h2 {
  font-family: AvantGardeBold;
  font-size: 5.375em;
  letter-spacing: -0.04em;
  line-height: 1.11628em;
  margin: 0 auto;
  margin-bottom: 0.46512em;
  padding-top: 0.81395em;
  width: 11.62791em;
}
.section-content h3 {
  font-size: 1.3125em;
  letter-spacing: 0.04em;
  line-height: 1.47619em;
}

@media only screen and (max-width: 1290px) {
  body {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1200px) {
  body {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1140px) {
  body {
    font-size: 13px;
  }

  .team-member {
    width: 50%;
  }

  .grid-sizer {
    width: 25%;
  }

  .team-sneak-peek-image-11 {
    width: 50%;
  }

  .team-sneak-peek-image-21 {
    width: 100%;
  }

  .team-sneak-peek-image-12 {
    width: 50%;
  }

  .team-sneak-peek-image-22 {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  body {
    font-size: 11px;
  }

  .languages {
    bottom: 2em;
    left: 0;
    text-align: center;
    top: auto;
    width: 100%;
  }

  .home-video-wrapper video,
  .mission-video-wrapper video,
  .team-video-wrapper video,
  .contact-video-wrapper video {
    display: none;
  }

  .project-modular-content-video video {
    height: auto;
    width: 90%;
  }

  .home-video-wrapper {
    background: transparent url(../img/mobile/2.jpg) no-repeat scroll center center;
    background-size: cover;
  }

  .mission-video-wrapper {
    background: transparent url(../img/mobile/1.jpg) no-repeat scroll center center;
    background-size: cover;
  }

  .team-video-wrapper {
    background: transparent url(../img/mobile/3.jpg) no-repeat scroll center center;
    background-size: cover;
  }

  .contact-video-wrapper {
    background: transparent url(../img/mobile/2.jpg) no-repeat scroll center center;
    background-size: cover;
  }

  .section-streamline {
    display: none;
  }

  h2,
  h3,
  h4,
  p,
  ul {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }

  img {
    width: 90%;
  }

  .section-mission h2,
  .section-services-intro h3,
  .body-mission h2,
  .body-mission h3,
  .section-method h3,
  .section-takeaway h2,
  .contact-mails .contact-mails-inner,
  .contact-mails h2,
  .section-content h2,
  .section-content p {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }

  .section-services-intro h3 {
    font-size: 5em;
  }

  .section-takeaway .contact-mails-inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .method-item {
    margin-left: auto;
    margin-right: auto;
    padding-left: 23.75em;
    width: 37.5em;
  }
  .method-item h4 {
    text-align: left;
  }

  .method-item,
  .method-arrow {
    display: block;
  }

  .method-learn {
    background-position: 1.75em top;
    background-size: 18.6875em 12.59375em;
    height: 12.59375em;
    padding-top: 4.375em;
  }

  .method-create {
    background-position: 2.8125em top;
    background-size: 17.875em 16.65625em;
    height: 16.65625em;
    padding-top: 6.25em;
  }

  .method-launch {
    background-position: left top;
    background-size: 21.125em 18.0375em;
    height: 18.0375em;
    padding-top: 6.875em;
  }

  .method-arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    background-position: bottom left;
    height: 15.4375em;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    left: -1.875em;
    width: 7.3125em;
  }

  .method-arrow-1 {
    background-size: 6.9875em 1.7875em;
  }

  .method-arrow-2 {
    background-size: 6.9875em 4.30625em;
  }

  .services-domain {
    padding-bottom: 49%;
    width: 49%;
    height: auto;
  }

  .mission-left,
  .mission-right {
    width: 100%;
  }

  .mission-left {
    border-bottom: 1px solid #eee;
  }

  .mission-chapter h4 {
    width: 100%;
  }

  .selected-clients ul {
    width: 90%;
  }

  .project-intro {
    width: 90%;
  }
  .project-intro h4,
  .project-intro p {
    width: 100%;
  }

  .project-intro-left {
    width: 60%;
  }

  .project-intro-right {
    width: 30%;
  }

  .project-modular-content-image {
    margin-left: 0;
    margin-right: 0;
  }

  .project-intro-text,
  .project-modular-content-1-image,
  .project-modular-content-2-images img {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }

  .project-modular-content-1-image img {
    width: 100%;
  }

  .project-modular-content-heading h3 {
    width: 90%;
  }

  .project-siblings {
    width: 90%;
  }
}
@media only screen and (max-width: 670px) {
  body {
    font-size: 9px;
  }

  .mailchimp {
    height: auto;
    padding-bottom: 3.125em;
  }
  .mailchimp input,
  .mailchimp input[type="submit"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: static;
    width: 90%;
  }
  .mailchimp #mce-EMAIL,
  .mailchimp #mce-FNAME,
  .mailchimp #mc-embedded-subscribe {
    margin-left: auto;
  }

  .services-domain {
    padding-bottom: 50%;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 480px) {
  body {
    font-size: 7px;
  }

  /*
  .section-services {
    background: transparent url(../img/bgs/strategy.jpg) no-repeat scroll center center;
    background-size: cover;


    li {
      display: inline-block;

      &:before {
        content: " • ";
      }

      &:first-of-type:before {
        content: "";
      }
    }
  }
  */
}
@media only screen and (min-width: 1600px) {
  body {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1700px) {
  body {
    font-size: 18px;
  }
}