@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

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

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

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

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

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

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  box-sizing: border-box;
  font-size: 14px; }

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

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.row {
  max-width: 85.71429rem;
  margin-right: auto;
  margin-left: auto; }
  .row::before, .row::after {
    display: table;
    content: ' '; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row .row {
    margin-right: -0.71429rem;
    margin-left: -0.71429rem; }
    @media print, screen and (min-width: 40em) {
      .row .row {
        margin-right: -1.07143rem;
        margin-left: -1.07143rem; } }
    @media print, screen and (min-width: 64em) {
      .row .row {
        margin-right: -1.07143rem;
        margin-left: -1.07143rem; } }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-right: auto;
      margin-left: auto; }
  .row:not(.expanded) .row {
    max-width: none; }
  .row.gutter-small > .column, .row.gutter-small > .columns {
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
  .row.gutter-medium > .column, .row.gutter-medium > .columns {
    padding-right: 1.07143rem;
    padding-left: 1.07143rem; }

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.71429rem;
  padding-left: 0.71429rem; }
  @media print, screen and (min-width: 40em) {
    .column, .columns {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
  .column, .columns, .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.33333%; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.66667%; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.28571%; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-collapse .row {
  margin-right: 0;
  margin-left: 0; }

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.71429rem;
  padding-left: 0.71429rem; }

.small-centered {
  margin-right: auto;
  margin-left: auto; }
  .small-centered, .small-centered:last-child:not(:first-child) {
    float: none;
    clear: both; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-right: 0;
  margin-left: 0; }
  .small-uncentered, .small-uncentered:last-child:not(:first-child),
  .small-push-0,
  .small-push-0:last-child:not(:first-child),
  .small-pull-0,
  .small-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .small-uncentered:last-child:not(:first-child),
  .small-push-0:last-child:not(:first-child),
  .small-pull-0:last-child:not(:first-child) {
    float: right; }

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 1.07143rem;
    padding-left: 1.07143rem; }
  .medium-centered {
    margin-right: auto;
    margin-left: auto; }
    .medium-centered, .medium-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0; }
    .medium-uncentered, .medium-uncentered:last-child:not(:first-child),
    .medium-push-0,
    .medium-push-0:last-child:not(:first-child),
    .medium-pull-0,
    .medium-pull-0:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .medium-uncentered:last-child:not(:first-child),
    .medium-push-0:last-child:not(:first-child),
    .medium-pull-0:last-child:not(:first-child) {
      float: right; } }

@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 1.07143rem;
    padding-left: 1.07143rem; }
  .large-centered {
    margin-right: auto;
    margin-left: auto; }
    .large-centered, .large-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0; }
    .large-uncentered, .large-uncentered:last-child:not(:first-child),
    .large-push-0,
    .large-push-0:last-child:not(:first-child),
    .large-pull-0,
    .large-pull-0:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .large-uncentered:last-child:not(:first-child),
    .large-push-0:last-child:not(:first-child),
    .large-pull-0:last-child:not(:first-child) {
      float: right; } }

.column-block {
  margin-bottom: 1.42857rem; }
  .column-block > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .column-block {
      margin-bottom: 2.14286rem; }
      .column-block > :last-child {
        margin-bottom: 0; } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.4;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #cacaca; }

h1, .h1 {
  font-size: 1.71429rem;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h2, .h2 {
  font-size: 1.42857rem;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h3, .h3 {
  font-size: 1.35714rem;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h4, .h4 {
  font-size: 1.28571rem;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 1.21429rem;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6, .h6 {
  font-size: 1.14286rem;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0.5rem; }

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3.42857rem; }
  h2, .h2 {
    font-size: 2.85714rem; }
  h3, .h3 {
    font-size: 2.21429rem; }
  h4, .h4 {
    font-size: 1.78571rem; }
  h5, .h5 {
    font-size: 1.42857rem; }
  h6, .h6 {
    font-size: 1.14286rem; } }

a {
  line-height: inherit;
  color: #2199e8;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #1585cf; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 85.71429rem;
  height: 0;
  margin: 1.42857rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.4; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.64286rem 1.42857rem 0 1.35714rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.4;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 0.92857rem;
  color: #8a8a8a; }
  cite:before {
    content: "— "; }

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

code {
  padding: 0.14286rem 0.35714rem 0.07143rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a; }

kbd {
  margin: 0;
  padding: 0.14286rem 0.28571rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 17.5px;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }

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

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

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

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.78571rem;
  margin: 0 0 1.14286rem;
  padding: 0.57143rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1.14286rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed; }

[type='submit'],
[type='button'] {
  appearance: none;
  border-radius: 0; }

input[type='search'] {
  box-sizing: border-box; }

::placeholder {
  color: #cacaca; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1.14286rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.57143rem;
  margin-right: 1.14286rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.57143rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
    margin: 0 0 1.14286rem;
    padding: 0.64286rem 0; }

.help-text {
  margin-top: -0.57143rem;
  font-size: 0.92857rem;
  font-style: italic;
  color: #0a0a0a; }

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1.14286rem; }
  .input-group > :first-child, .input-group > :first-child.input-group-button > * {
    border-radius: 0 0 0 0; }
  .input-group > :last-child, .input-group > :last-child.input-group-button > * {
    border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  width: 1%;
  height: 100%; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
  height: 100%; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    height: 2.78571rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.14286rem; }

.input-group .input-group-button {
  display: table-cell; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.57143rem; }

.fieldset {
  margin: 1.28571rem 0;
  padding: 1.42857rem;
  border: 1px solid #cacaca; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.21429rem;
    padding: 0 0.21429rem; }

select {
  height: 2.78571rem;
  margin: 0 0 1.14286rem;
  padding: 0.57143rem;
  appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-size: 1.14286rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28102, 102, 102%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1.14286rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.71429rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #ec5840;
  background-color: #fcedeb; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #ec5840; }

.is-invalid-label {
  color: #ec5840; }

.form-error {
  display: none;
  margin-top: -0.57143rem;
  margin-bottom: 1.14286rem;
  font-size: 0.85714rem;
  font-weight: bold;
  color: #ec5840; }
  .form-error.is-visible {
    display: block; }

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #2199e8;
  color: #fefefe; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #1583cc;
    color: #fefefe; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .button.primary {
    background-color: #2199e8;
    color: #0a0a0a; }
    .button.primary:hover, .button.primary:focus {
      background-color: #147cc0;
      color: #0a0a0a; }
  .button.secondary {
    background-color: #777;
    color: #fefefe; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #5f5f5f;
      color: #fefefe; }
  .button.success {
    background-color: #3adb76;
    color: #0a0a0a; }
    .button.success:hover, .button.success:focus {
      background-color: #22bb5b;
      color: #0a0a0a; }
  .button.warning {
    background-color: #ffae00;
    color: #0a0a0a; }
    .button.warning:hover, .button.warning:focus {
      background-color: #cc8b00;
      color: #0a0a0a; }
  .button.alert {
    background-color: #ec5840;
    color: #0a0a0a; }
    .button.alert:hover, .button.alert:focus {
      background-color: #da3116;
      color: #0a0a0a; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2199e8;
      color: #fefefe; }
    .button.disabled.primary, .button[disabled].primary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
        background-color: #2199e8;
        color: #0a0a0a; }
    .button.disabled.secondary, .button[disabled].secondary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #777;
        color: #fefefe; }
    .button.disabled.success, .button[disabled].success {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #3adb76;
        color: #0a0a0a; }
    .button.disabled.warning, .button[disabled].warning {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #ffae00;
        color: #0a0a0a; }
    .button.disabled.alert, .button[disabled].alert {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #ec5840;
        color: #0a0a0a; }
  .button.hollow {
    border: 1px solid #2199e8;
    color: #2199e8; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #0c4d78;
      color: #0c4d78; }
      .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
        border: 1px solid #2199e8;
        color: #2199e8; }
    .button.hollow.primary {
      border: 1px solid #2199e8;
      color: #2199e8; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #0c4d78;
        color: #0c4d78; }
        .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
          border: 1px solid #2199e8;
          color: #2199e8; }
    .button.hollow.secondary {
      border: 1px solid #777;
      color: #777; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #3c3c3c;
        color: #3c3c3c; }
        .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
          border: 1px solid #777;
          color: #777; }
    .button.hollow.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #157539;
        color: #157539; }
        .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
          border: 1px solid #3adb76;
          color: #3adb76; }
    .button.hollow.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #805700;
        color: #805700; }
        .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
          border: 1px solid #ffae00;
          color: #ffae00; }
    .button.hollow.alert {
      border: 1px solid #ec5840;
      color: #ec5840; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #881f0e;
        color: #881f0e; }
        .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
          border: 1px solid #ec5840;
          color: #ec5840; }
  .button.clear {
    border: 1px solid #2199e8;
    color: #2199e8; }
    .button.clear, .button.clear:hover, .button.clear:focus {
      background-color: transparent; }
    .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
      background-color: transparent; }
    .button.clear:hover, .button.clear:focus {
      border-color: #0c4d78;
      color: #0c4d78; }
      .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
        border: 1px solid #2199e8;
        color: #2199e8; }
    .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
      border-color: transparent; }
    .button.clear.primary {
      border: 1px solid #2199e8;
      color: #2199e8; }
      .button.clear.primary:hover, .button.clear.primary:focus {
        border-color: #0c4d78;
        color: #0c4d78; }
        .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
          border: 1px solid #2199e8;
          color: #2199e8; }
      .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
        border-color: transparent; }
    .button.clear.secondary {
      border: 1px solid #777;
      color: #777; }
      .button.clear.secondary:hover, .button.clear.secondary:focus {
        border-color: #3c3c3c;
        color: #3c3c3c; }
        .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
          border: 1px solid #777;
          color: #777; }
      .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
        border-color: transparent; }
    .button.clear.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.clear.success:hover, .button.clear.success:focus {
        border-color: #157539;
        color: #157539; }
        .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
          border: 1px solid #3adb76;
          color: #3adb76; }
      .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
        border-color: transparent; }
    .button.clear.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.clear.warning:hover, .button.clear.warning:focus {
        border-color: #805700;
        color: #805700; }
        .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
          border: 1px solid #ffae00;
          color: #ffae00; }
      .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
        border-color: transparent; }
    .button.clear.alert {
      border: 1px solid #ec5840;
      color: #ec5840; }
      .button.clear.alert:hover, .button.clear.alert:focus {
        border-color: #881f0e;
        color: #881f0e; }
        .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
          border: 1px solid #ec5840;
          color: #ec5840; }
      .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
        border-color: transparent; }
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em; }
  .button.dropdown.hollow::after, .button.dropdown.clear::after {
    border-top-color: #2199e8; }
  .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
    border-top-color: #2199e8; }
  .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
    border-top-color: #777; }
  .button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
    border-top-color: #3adb76; }
  .button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
    border-top-color: #ffae00; }
  .button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
    border-top-color: #ec5840; }
  .button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0; }

a.button:hover, a.button:focus {
  text-decoration: none; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

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

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

.clearfix::after {
  clear: both; }

@font-face {
  font-family: 'geomanist-black-italic';
  src: url("../fonts/geomanist-black-italic-webfont.eot");
  src: url("../fonts/geomanist-black-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-black-italic-webfont.woff2") format("woff2"), url("../fonts/geomanist-black-italic-webfont.woff") format("woff"), url("../fonts/geomanist-black-italic-webfont.ttf") format("truetype"), url("../fonts/geomanist-black-italic-webfont.svg#geomanistitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-black';
  src: url("../fonts/geomanist-black-webfont.eot");
  src: url("../fonts/geomanist-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-black-webfont.woff2") format("woff2"), url("../fonts/geomanist-black-webfont.woff") format("woff"), url("../fonts/geomanist-black-webfont.ttf") format("truetype"), url("../fonts/geomanist-black-webfont.svg#geomanistregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-bold-italic';
  src: url("../fonts/geomanist-bold-italic-webfont.eot");
  src: url("../fonts/geomanist-bold-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-bold-italic-webfont.woff2") format("woff2"), url("../fonts/geomanist-bold-italic-webfont.woff") format("woff"), url("../fonts/geomanist-bold-italic-webfont.ttf") format("truetype"), url("../fonts/geomanist-bold-italic-webfont.svg#geomanistitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-bold';
  src: url("../fonts/geomanist-bold-webfont.eot");
  src: url("../fonts/geomanist-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-bold-webfont.woff2") format("woff2"), url("../fonts/geomanist-bold-webfont.woff") format("woff"), url("../fonts/geomanist-bold-webfont.ttf") format("truetype"), url("../fonts/geomanist-bold-webfont.svg#geomanistregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-book-italic';
  src: url("../fonts/geomanist-book-italic-webfont.eot");
  src: url("../fonts/geomanist-book-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-book-italic-webfont.woff2") format("woff2"), url("../fonts/geomanist-book-italic-webfont.woff") format("woff"), url("../fonts/geomanist-book-italic-webfont.ttf") format("truetype"), url("../fonts/geomanist-book-italic-webfont.svg#geomanistitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-book';
  src: url("../fonts/geomanist-book-webfont.eot");
  src: url("../fonts/geomanist-book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-book-webfont.woff2") format("woff2"), url("../fonts/geomanist-book-webfont.woff") format("woff"), url("../fonts/geomanist-book-webfont.ttf") format("truetype"), url("../fonts/geomanist-book-webfont.svg#geomanistregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-extralight-italic';
  src: url("../fonts/geomanist-extralight-italic-webfont.eot");
  src: url("../fonts/geomanist-extralight-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-extralight-italic-webfont.woff2") format("woff2"), url("../fonts/geomanist-extralight-italic-webfont.woff") format("woff"), url("../fonts/geomanist-extralight-italic-webfont.ttf") format("truetype"), url("../fonts/geomanist-extralight-italic-webfont.svg#geomanistitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-extralight';
  src: url("../fonts/geomanist-extralight-webfont.eot");
  src: url("../fonts/geomanist-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-extralight-webfont.woff2") format("woff2"), url("../fonts/geomanist-extralight-webfont.woff") format("woff"), url("../fonts/geomanist-extralight-webfont.ttf") format("truetype"), url("../fonts/geomanist-extralight-webfont.svg#geomanistregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-light-italic';
  src: url("../fonts/geomanist-light-italic-webfont.eot");
  src: url("../fonts/geomanist-light-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-light-italic-webfont.woff2") format("woff2"), url("../fonts/geomanist-light-italic-webfont.woff") format("woff"), url("../fonts/geomanist-light-italic-webfont.ttf") format("truetype"), url("../fonts/geomanist-light-italic-webfont.svg#geomanistitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-light';
  src: url("../fonts/geomanist-light-webfont.eot");
  src: url("../fonts/geomanist-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-light-webfont.woff2") format("woff2"), url("../fonts/geomanist-light-webfont.woff") format("woff"), url("../fonts/geomanist-light-webfont.ttf") format("truetype"), url("../fonts/geomanist-light-webfont.svg#geomanistregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-medium-italic';
  src: url("../fonts/geomanist-medium-italic-webfont.eot");
  src: url("../fonts/geomanist-medium-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-medium-italic-webfont.woff2") format("woff2"), url("../fonts/geomanist-medium-italic-webfont.woff") format("woff"), url("../fonts/geomanist-medium-italic-webfont.ttf") format("truetype"), url("../fonts/geomanist-medium-italic-webfont.svg#geomanistitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-medium';
  src: url("../fonts/geomanist-medium-webfont.eot");
  src: url("../fonts/geomanist-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-medium-webfont.woff2") format("woff2"), url("../fonts/geomanist-medium-webfont.woff") format("woff"), url("../fonts/geomanist-medium-webfont.ttf") format("truetype"), url("../fonts/geomanist-medium-webfont.svg#geomanistregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-italic';
  src: url("../fonts/geomanist-regular-italic-webfont.eot");
  src: url("../fonts/geomanist-regular-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-regular-italic-webfont.woff2") format("woff2"), url("../fonts/geomanist-regular-italic-webfont.woff") format("woff"), url("../fonts/geomanist-regular-italic-webfont.ttf") format("truetype"), url("../fonts/geomanist-regular-italic-webfont.svg#geomanistitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-regular';
  src: url("../fonts/geomanist-regular-webfont.eot");
  src: url("../fonts/geomanist-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-regular-webfont.woff2") format("woff2"), url("../fonts/geomanist-regular-webfont.woff") format("woff"), url("../fonts/geomanist-regular-webfont.ttf") format("truetype"), url("../fonts/geomanist-regular-webfont.svg#geomanistregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-thin-italic';
  src: url("../fonts/geomanist-thin-italic-webfont.eot");
  src: url("../fonts/geomanist-thin-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-thin-italic-webfont.woff2") format("woff2"), url("../fonts/geomanist-thin-italic-webfont.woff") format("woff"), url("../fonts/geomanist-thin-italic-webfont.ttf") format("truetype"), url("../fonts/geomanist-thin-italic-webfont.svg#geomanistitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-thin';
  src: url("../fonts/geomanist-thin-webfont.eot");
  src: url("../fonts/geomanist-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-thin-webfont.woff2") format("woff2"), url("../fonts/geomanist-thin-webfont.woff") format("woff"), url("../fonts/geomanist-thin-webfont.ttf") format("truetype"), url("../fonts/geomanist-thin-webfont.svg#geomanistregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-ultra-italic';
  src: url("../fonts/geomanist-ultra-italic-webfont.eot");
  src: url("../fonts/geomanist-ultra-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-ultra-italic-webfont.woff2") format("woff2"), url("../fonts/geomanist-ultra-italic-webfont.woff") format("woff"), url("../fonts/geomanist-ultra-italic-webfont.ttf") format("truetype"), url("../fonts/geomanist-ultra-italic-webfont.svg#geomanistitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'geomanist-ultra';
  src: url("../fonts/geomanist-ultra-webfont.eot");
  src: url("../fonts/geomanist-ultra-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-ultra-webfont.woff2") format("woff2"), url("../fonts/geomanist-ultra-webfont.woff") format("woff"), url("../fonts/geomanist-ultra-webfont.ttf") format("truetype"), url("../fonts/geomanist-ultra-webfont.svg#geomanistregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-checkmark {
  align-self: center;
  width: 25px;
  height: 25px;
  background-color: transparent;
  border: 1px solid #b8b8b8;
  border-radius: 50%;
  position: relative;
  display: block; }
  .icon-checkmark span {
    align-self: center;
    width: 32%;
    height: 62%;
    transform: rotate(44deg);
    position: absolute;
    top: 13%;
    left: 35%;
    display: block; }
    .icon-checkmark span:before {
      content: "";
      width: 100%;
      height: 100%;
      border: 3px solid transparent;
      border-left-width: 0;
      border-top-width: 0;
      position: absolute;
      bottom: 0; }
  .icon-checkmark.checked {
    border-color: #0393c8; }
    .icon-checkmark.checked span:before {
      border-color: #0393c8; }

.cta-button {
  background: #355480;
  border: none;
  border-radius: 3px;
  color: #fefefe !important;
  min-height: 44px;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  line-height: 1.4;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  transition: all 200ms linear; }
  .cta-button.tertiary {
    background: transparent;
    color: #355480 !important;
    border: 1px solid #355480; }

@media screen and (min-width: 640px) {
  .cta-button:focus:not([disabled]), .cta-button:hover:not([disabled]) {
    background: #242E40; }
  .cta-button.tertiary:focus:not([disabled]), .cta-button.tertiary:hover:not([disabled]) {
    border-color: #3DA9DB;
    background: rgba(0, 0, 0, 0.02);
    color: #3DA9DB !important; } }

@keyframes stretch-circle {
  0% {
    transform: scale(0.1); }
  80% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }

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

@keyframes bubble-in-1 {
  0.0000% {
    transform: translate(26px, 36px) scale(0.1); }
  13.9312% {
    transform: translate(23.5px, 28.5px) scale(0.3); }
  27.3135% {
    transform: translate(18.2px, 23px) scale(0.5); }
  62.0814% {
    transform: translate(-1px, 18.3px) scale(0.7); }
  69.7421% {
    transform: translate(-4.7px, 16px) scale(0.8); }
  75.1808% {
    transform: translate(-5.5px, 13px) scale(0.9); }
  100.0000% {
    transform: translate(0px, 0px) scale(1); } }

@keyframes bubble-in-2 {
  0.0000% {
    transform: translate(-54px, 39px) scale(0.1); }
  9.1582% {
    transform: translate(-53.9px, 32.1px) scale(0.2); }
  21.7512% {
    transform: translate(-45.6px, 27.6px) scale(0.4); }
  61.5067% {
    transform: translate(-16.1px, 22.4px) scale(0.6); }
  75.2877% {
    transform: translate(-7.4px, 16.8px) scale(0.8); }
  90.5660% {
    transform: translate(-1.5px, 6.9px) scale(0.9); }
  100.0000% {
    transform: translate(0px, 0px) scale(1); } }

@keyframes bubble-in-3 {
  0.0000% {
    transform: translate(22px, 24px) scale(0.1); }
  17.0550% {
    transform: translate(18.4px, 17.3px) scale(0.3); }
  31.0551% {
    transform: translate(12.3px, 16.2px) scale(0.5); }
  50.3972% {
    transform: translate(4.2px, 19.1px) scale(0.7); }
  57.2237% {
    transform: translate(1.2px, 18.7px) scale(0.8); }
  65.4435% {
    transform: translate(-0.4px, 15.4px) scale(0.9); }
  100.0000% {
    transform: translate(0px, 0px) scale(1); } }

@keyframes bubble-in-4 {
  0.0000% {
    transform: translate(-14px, 29px) scale(0.1); }
  12.7855% {
    transform: translate(-13.3px, 21.7px) scale(0.3); }
  28.9402% {
    transform: translate(-4.7px, 18.4px) scale(0.5); }
  61.4865% {
    transform: translate(13.9px, 16.5px) scale(0.7); }
  67.2332% {
    transform: translate(13.3px, 13.2px) scale(0.9); }
  100.0000% {
    transform: translate(0px, 0px) scale(1); } }

@keyframes bubble-in-5 {
  0.0000% {
    transform: translate(29px, 84px) scale(0.1); }
  12.9962% {
    transform: translate(21.4px, 72.9px) scale(0.2); }
  18.4851% {
    transform: translate(20px, 67.4px) scale(0.3); }
  28.6538% {
    transform: translate(21.3px, 57px) scale(0.5); }
  49.1868% {
    transform: translate(29.6px, 37.4px) scale(0.6); }
  58.6898% {
    transform: translate(30.7px, 27.6px) scale(0.7); }
  63.7350% {
    transform: translate(29.3px, 22.6px) scale(0.8); }
  77.9760% {
    transform: translate(19.7px, 11.4px) scale(0.9); }
  100.0000% {
    transform: translate(0px, 0px) scale(1); } }

@keyframes bubble-in-6 {
  0.0000% {
    transform: translate(-67px, 51px) scale(0.1); }
  30.4674% {
    transform: translate(-25.7px, 46.3px) scale(0.2); }
  45.5418% {
    transform: translate(-5.6px, 42px) scale(0.3); }
  58.5051% {
    transform: translate(11.1px, 36.4px) scale(0.4); }
  68.1687% {
    transform: translate(22.3px, 29.4px) scale(0.5); }
  71.7525% {
    transform: translate(25.1px, 25.4px) scale(0.6); }
  74.9753% {
    transform: translate(25.7px, 21px) scale(0.7); }
  78.7171% {
    transform: translate(23.7px, 16.3px) scale(0.8); }
  83.8123% {
    transform: translate(19px, 11.3px) scale(0.9); }
  100.0000% {
    transform: translate(0px, 0px) scale(1); } }

@keyframes bubble-in-7 {
  0.0000% {
    transform: translate(-25px, 75px) scale(0.1); }
  9.0832% {
    transform: translate(-27.9px, 65.1px) scale(0.2); }
  17.3194% {
    transform: translate(-27.8px, 55.8px) scale(0.3); }
  23.8190% {
    transform: translate(-25.3px, 48.9px) scale(0.4); }
  30.2159% {
    transform: translate(-20.9px, 43.1px) scale(0.5); }
  43.5819% {
    transform: translate(-8.6px, 34.2px) scale(0.6); }
  72.4394% {
    transform: translate(20.6px, 19.4px) scale(0.7); }
  75.3054% {
    transform: translate(21.9px, 16.4px) scale(0.8); }
  82.0101% {
    transform: translate(17.8px, 10.1px) scale(0.9); }
  100.0000% {
    transform: translate(0px, 0px) scale(1); } }

@keyframes bubble-in-8 {
  0.0000% {
    transform: translate(34px, 37px) scale(0.1); }
  32.8852% {
    transform: translate(13.9px, 24.4px) scale(0.2); }
  35.8359% {
    transform: translate(13.6px, 22.3px) scale(0.4); }
  54.9595% {
    transform: translate(26.4px, 17.3px) scale(0.6); }
  57.8535% {
    transform: translate(26.1px, 15.2px) scale(0.7); }
  70.6186% {
    transform: translate(18.9px, 9.6px) scale(0.9); }
  100.0000% {
    transform: translate(0px, 0px) scale(1); } }

@keyframes bubble-in-9 {
  0.0000% {
    transform: translate(-62px, 42px) scale(0.1); }
  9.7665% {
    transform: translate(-72.4px, 35px) scale(0.2); }
  12.0216% {
    transform: translate(-73.5px, 32.3px) scale(0.3); }
  16.7750% {
    transform: translate(-69px, 28.2px) scale(0.4); }
  29.7238% {
    transform: translate(-52.7px, 24.7px) scale(0.5); }
  65.1287% {
    transform: translate(-7.4px, 20.1px) scale(0.6); }
  78.7041% {
    transform: translate(9.7px, 16.6px) scale(0.7); }
  82.7661% {
    transform: translate(14.2px, 14px) scale(0.8); }
  84.7903% {
    transform: translate(15.3px, 11.6px) scale(0.9); }
  91.1349% {
    transform: translate(10px, 5.4px) scale(1); }
  100.0000% {
    transform: translate(0px, 0px) scale(1); } }

@keyframes spin {
  0% {
    transform: rotateZ(0deg) translate3d(0, 0, 0); }
  100% {
    transform: rotateZ(360deg) translate3d(0, 0, 0); } }

@keyframes negative-rotate-svg {
  0% {
    transform: rotateZ(0deg) scale(1.13) translate3d(0, 0, 0); }
  100% {
    transform: rotateZ(-360deg) scale(1.13) translate3d(0, 0, 0); } }

.delay-1 {
  transition-delay: 0ms; }

.delay-2 {
  transition-delay: 100ms; }

.delay-3 {
  transition-delay: 200ms; }

.delay-4 {
  transition-delay: 300ms; }

.delay-5 {
  transition-delay: 400ms; }

.delay-6 {
  transition-delay: 500ms; }

.delay-7 {
  transition-delay: 600ms; }

.delay-8 {
  transition-delay: 700ms; }

.delay-9 {
  transition-delay: 800ms; }

.page-wrapper.careers .top-hero {
  padding-bottom: 11vw; }
  .page-wrapper.careers .top-hero > .row {
    margin-top: 25px !important; }
  .page-wrapper.careers .top-hero h1 {
    text-transform: uppercase;
    font-family: "geomanist-black", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: calc(63px + (86 - 63)*(100vw - 375px)/(900 - 375)); }
    @media screen and (min-width: 900px) {
      .page-wrapper.careers .top-hero h1 {
        font-size: 86px; } }
  .page-wrapper.careers .top-hero h2 {
    text-transform: none;
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: calc(18px + (24 - 18)*(100vw - 375px)/(900 - 375)); }
    @media screen and (min-width: 900px) {
      .page-wrapper.careers .top-hero h2 {
        font-size: 24px; } }
  .page-wrapper.careers .top-hero .welcome-robots {
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0) !important;
    bottom: -20px;
    max-width: none;
    max-height: 40%; }

.page-wrapper.careers section.careers-body {
  padding: 90px 0; }
  .page-wrapper.careers section.careers-body > .row {
    width: 100%;
    max-width: 760px; }
  .page-wrapper.careers section.careers-body > .column, .page-wrapper.careers section.careers-body > .columns {
    padding: 0 20px; }
  .page-wrapper.careers section.careers-body .intro {
    margin: 0 0 60px 0; }
    .page-wrapper.careers section.careers-body .intro .context {
      font-size: 34px;
      margin: 0 0 50px 0;
      line-height: 1.2; }
      .page-wrapper.careers section.careers-body .intro .context strong {
        font-weight: normal;
        color: #3DA9DB; }
    .page-wrapper.careers section.careers-body .intro .contact {
      margin: 0;
      color: #555555;
      font-size: 18px;
      line-height: 1.2; }

@media screen and (min-width: 1880px) {
  .page-wrapper.careers .top-hero {
    padding-bottom: 206px; } }

@media screen and (max-width: 900px) {
  .page-wrapper.careers section.careers-body {
    padding: 8vw 0; } }

@media screen and (max-width: 639px) {
  .page-wrapper.careers section.careers-body .intro .context {
    font-size: 24px; }
  .page-wrapper.careers section.careers-body .intro .contact {
    font-size: 16px; } }

@media screen and (max-width: 439px) {
  .page-wrapper.careers .top-hero {
    padding-bottom: 18vw; }
    .page-wrapper.careers .top-hero h1 {
      font-size: 63px; }
    .page-wrapper.careers .top-hero .headline-subtext {
      font-size: 18px; }
  .page-wrapper.careers section.careers-body {
    padding: 15vw 0vw; }
    .page-wrapper.careers section.careers-body .intro .context {
      font-size: 24px; }
    .page-wrapper.careers section.careers-body .intro .contact {
      font-size: 16px; } }

.page-wrapper.case-study-page {
  overflow: hidden; }
  .page-wrapper.case-study-page .top-hero {
    min-height: 460px; }
    .page-wrapper.case-study-page .top-hero > .row {
      margin-top: -40px; }
  .page-wrapper.case-study-page .hero-element {
    bottom: -20%;
    max-width: 110%;
    max-height: 250px;
    opacity: 0;
    position: absolute;
    right: -30%;
    transition: right 1s ease-out, opacity 300ms linear;
    width: auto; }
    .page-wrapper.case-study-page .hero-element.animate {
      opacity: 1;
      right: -6.5%; }

.case-study-content .intro {
  margin: 100px 0 16px 0;
  position: relative; }
  .case-study-content .intro .column h3, .case-study-content .intro .columns h3 {
    font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1rem;
    margin-bottom: 2px;
    text-transform: uppercase; }
    @media print, screen and (min-width: 64em) {
      .case-study-content .intro .column h3, .case-study-content .intro .columns h3 {
        font-size: 1.14286rem; } }
  .case-study-content .intro .column p, .case-study-content .intro .columns p {
    color: #555555;
    font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.14286rem; }
    @media print, screen and (min-width: 64em) {
      .case-study-content .intro .column p, .case-study-content .intro .columns p {
        font-size: 1.28571rem; } }

.case-study-explanations {
  padding-bottom: 75px;
  position: relative; }
  .case-study-explanations .right-graphic {
    position: absolute;
    right: -100px;
    transition: right 2s ease-out; }
    .case-study-explanations .right-graphic.animate {
      right: 0; }
      .case-study-explanations .right-graphic.animate .graphic-bg {
        opacity: 1; }
    .case-study-explanations .right-graphic > img {
      position: absolute; }
    .case-study-explanations .right-graphic .graphic-bg {
      opacity: 0;
      transition: opacity 1s linear; }
  .case-study-explanations .explanation {
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 55px;
    position: relative; }
    .case-study-explanations .explanation .hero-img {
      width: 100%; }
    .case-study-explanations .explanation h3 {
      font-size: 1.71429rem;
      line-height: 2; }
    .case-study-explanations .explanation p {
      color: #555555;
      font-size: 1.28571rem;
      letter-spacing: .5px; }
      .case-study-explanations .explanation p:last-child {
        margin-bottom: 0; }
  .case-study-explanations .row:last-child .column, .case-study-explanations .row:last-child .columns {
    position: relative;
    z-index: 10; }
  .case-study-explanations .footer-graphic {
    bottom: -50px;
    left: -50%;
    margin: 0 auto;
    max-width: 200%;
    opacity: 0;
    position: absolute;
    transition: bottom 1s ease-out, opacity 300ms linear;
    width: 200%;
    max-height: 200px;
    object-fit: cover;
    object-position: top; }
    .case-study-explanations .footer-graphic.animate {
      bottom: 0;
      opacity: 1; }

.case-study-stats-container {
  margin-bottom: 30px; }
  .case-study-stats-container .title {
    font-size: 1.71429rem;
    line-height: 2;
    margin: 0 auto 13.5px 0; }
  .case-study-stats-container .stat {
    color: #555555;
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1rem;
    line-height: 28px;
    margin-bottom: 35px;
    padding-left: 20px; }
    .case-study-stats-container .stat:last-child {
      margin-bottom: 0; }
    .case-study-stats-container .stat p {
      line-height: 1.71429rem;
      max-width: 300px;
      margin: 0; }
  .case-study-stats-container .graphic:after {
    width: 50px;
    height: 5px;
    content: "";
    display: block;
    margin: 11.75px auto 8px 0; }
  .case-study-stats-container .graphic img {
    margin-left: -10px;
    max-height: 83px;
    height: auto;
    transition: top 900ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 300ms linear;
    position: relative;
    top: 30px;
    opacity: 0; }
    .case-study-stats-container .graphic img.animate {
      top: 0;
      opacity: 1; }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page .top-hero > .row {
    margin-top: 0px; }
  .case-study-content .intro {
    margin-top: 40px; }
    .case-study-content .intro p {
      margin-bottom: 0; }
  .case-study-explanations .footer-graphic {
    left: 0;
    max-width: 100%;
    width: 100%; } }

@media (min-width: 768px) {
  .case-study-stats-container .title,
  .case-study-explanations .explanation h3 {
    font-size: 2.42857rem; }
  .case-study-content .intro {
    margin: 60px 0 35px 0; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page .case-study-stats-container .graphic:after {
    margin: 22px auto 15px 0; }
  .page-wrapper.case-study-page .case-study-stats-container .stat:nth-child(2) img {
    transition-delay: 250ms; }
  .page-wrapper.case-study-page .case-study-stats-container .stat:nth-child(3) img {
    transition-delay: 500ms; } }

@media screen and (min-width: 1440px) {
  .case-study-content .intro {
    margin: 75px 0 50px 0; }
  .case-study-explanations {
    padding-bottom: 130px; }
    .case-study-explanations .explanation p {
      font-size: 1.71429rem; } }

html {
  overflow-x: hidden; }

html,
body {
  font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #355480;
  letter-spacing: 0.7px; }
  html.disable-scroll,
  body.disable-scroll {
    overflow: hidden; }

a {
  text-decoration: underline;
  color: #8CBCD8;
  transition: color 200ms linear; }
  a:hover {
    text-decoration: none;
    color: #65c6ff; }
  a:focus {
    box-shadow: 0 0 2px rgba(53, 84, 128, 0.35); }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  *:focus {
    outline: 0; }

h1 {
  font-size: 46px;
  margin: 0;
  font-family: "geomanist-black", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

h2 {
  font-size: 40px;
  margin: 0;
  font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

h3 {
  font-size: 34px;
  margin: 0;
  font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.page-wrapper {
  position: relative; }

body.gray-bg {
  background: #f2f2f2; }

.headline {
  text-align: center;
  max-width: 568px;
  margin: 0 auto;
  padding: 118px 0; }
  .headline h2 {
    line-height: 1.2; }
  .headline .headline-subtext {
    font-size: 18px;
    margin-top: 12px; }
  .headline .headline-eyebrow {
    text-transform: uppercase;
    font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    letter-spacing: normal; }

.eyebrow {
  font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 0.25rem; }

blockquote {
  padding: 0;
  margin: 0;
  border: none;
  position: relative;
  quotes: '“' '”'; }
  blockquote:before {
    color: #8cbcd8;
    content: open-quote;
    font-size: 52px;
    line-height: 0.4em;
    font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    position: absolute;
    top: 13px;
    left: -16px; }
  blockquote p {
    font-size: 24px;
    color: #8cbcd8;
    line-height: 1.3;
    position: relative; }
    blockquote p .start-quote:before {
      display: none;
      color: #8cbcd8;
      content: open-quote;
      font-size: 23px;
      line-height: 0.1em;
      font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      position: relative;
      top: -4px;
      margin-right: 4px; }
    blockquote p .end-quote:after {
      color: #8cbcd8;
      content: close-quote;
      font-size: 23px;
      line-height: 0.1em;
      font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      position: relative;
      top: -2px;
      margin-left: 4px; }
  blockquote footer {
    font-size: 14px;
    color: #355480; }
  @media screen and (max-width: 39.9375em) {
    blockquote {
      float: none !important;
      text-align: center; }
      blockquote:before {
        display: none; }
      blockquote p {
        font-size: 24px !important; }
        blockquote p .start-quote:before {
          display: inline; } }

.row-gutter {
  padding-left: 10px;
  padding-right: 10px; }

.section-padding {
  padding-bottom: 48px;
  padding-top: 48px; }

@media print, screen and (min-width: 40em) {
  .row-gutter {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 768px) {
  .eyebrow {
    font-size: 16px; }
  .section-padding {
    padding-bottom: 88px;
    padding-top: 88px; } }

.markdown table,
.markdown th,
.markdown td {
  border: 1px solid #aaa;
  border-collapse: collapse;
  padding: 4px 8px;
  margin-bottom: 40px; }

.page-wrapper.expertise .intro {
  padding-top: 20px; }
  .page-wrapper.expertise .intro a {
    color: #355480; }
  .page-wrapper.expertise .intro .logos-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 0; }
    .page-wrapper.expertise .intro .logos-container .plus {
      font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 22px;
      color: #242E40;
      margin: 0 18px; }
    .page-wrapper.expertise .intro .logos-container .rnp-logo {
      color: #355480;
      fill: #DE0008;
      width: 90px; }
  .page-wrapper.expertise .intro h2 {
    text-align: center;
    font-size: 24px;
    width: 74%;
    margin: 0 auto; }
  .page-wrapper.expertise .intro p {
    margin: 15px auto;
    font-size: 18px;
    color: #555555;
    text-align: center;
    max-width: 842px; }

.page-wrapper.expertise .featured-case-study {
  margin-top: 48px;
  padding-bottom: 0; }

.page-wrapper.expertise .expertise-stats-container {
  margin-top: 48px;
  margin-bottom: 30px; }
  .page-wrapper.expertise .expertise-stats-container .title {
    font-size: 1.71429rem;
    margin: 0 auto 30px;
    text-align: center; }
  .page-wrapper.expertise .expertise-stats-container .stat {
    color: #555555;
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.28571rem;
    line-height: 28px;
    margin-bottom: 35px;
    text-align: center; }
    .page-wrapper.expertise .expertise-stats-container .stat:last-child {
      margin-bottom: 0; }
    .page-wrapper.expertise .expertise-stats-container .stat p {
      line-height: 2rem;
      max-width: 300px;
      margin: 0 auto;
      text-align: center; }
  .page-wrapper.expertise .expertise-stats-container .graphic:after {
    width: 50px;
    height: 5px;
    content: '';
    display: block;
    margin: 29.25px auto 22.5px; }
  .page-wrapper.expertise .expertise-stats-container .graphic img {
    max-height: 83px;
    height: auto;
    transition: top 900ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 300ms linear;
    position: relative;
    top: 30px;
    opacity: 0;
    object-fit: contain; }
    .page-wrapper.expertise .expertise-stats-container .graphic img.animate {
      top: 0;
      opacity: 1; }

.page-wrapper.expertise .expertise-breakdown {
  position: relative;
  width: 100%; }
  .page-wrapper.expertise .expertise-breakdown .inner {
    text-align: center;
    padding-top: 100px; }
  .page-wrapper.expertise .expertise-breakdown .breakdown-block {
    padding: 35px 0;
    position: relative;
    z-index: 1; }
    .page-wrapper.expertise .expertise-breakdown .breakdown-block:last-child {
      padding-bottom: 0; }
    .page-wrapper.expertise .expertise-breakdown .breakdown-block .icon {
      width: 48px; }
    .page-wrapper.expertise .expertise-breakdown .breakdown-block .title {
      font-size: 24px;
      margin: 12px 0; }
    .page-wrapper.expertise .expertise-breakdown .breakdown-block p {
      max-width: 660px;
      color: #555555;
      margin: 0 auto;
      font-size: 14px;
      line-height: 24px; }

.page-wrapper.expertise .expertise-content {
  overflow-x: hidden; }
  .page-wrapper.expertise .expertise-content > row {
    max-width: 1320px; }

.page-wrapper.expertise .industry-leaders {
  margin-top: 48px;
  padding-top: 48px; }

@media screen and (min-width: 640px) {
  .page-wrapper.expertise .intro .logos-container .plus {
    font-size: 30px; }
  .page-wrapper.expertise .intro .logos-container .rnp-logo {
    width: 131px; }
  .page-wrapper.expertise .intro h2 {
    width: 100%;
    font-size: 44px; }
  .page-wrapper.expertise .intro p {
    font-size: 22px; }
  .page-wrapper.expertise .expertise-breakdown .breakdown-block .title {
    font-size: 34px; }
  .page-wrapper.expertise .expertise-breakdown .breakdown-block p {
    font-size: 18px;
    line-height: 28px; }
  .page-wrapper.expertise .expertise-stats-container {
    margin-top: 0;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 64px; }
    .page-wrapper.expertise .expertise-stats-container .title {
      font-size: 44px;
      max-width: none;
      margin: 0 auto; } }
  @media screen and (min-width: 640px) and (min-width: 900px) {
    .page-wrapper.expertise .expertise-stats-container {
      padding-left: 0;
      padding-right: 0; } }

@media screen and (min-width: 640px) {
    .page-wrapper.expertise .expertise-stats-container .stats-wrapper {
      display: flex;
      justify-content: space-between;
      padding-top: 80px; }
      .page-wrapper.expertise .expertise-stats-container .stats-wrapper .stat {
        margin-bottom: 0; }
        .page-wrapper.expertise .expertise-stats-container .stats-wrapper .stat:nth-child(2) img {
          transition-delay: 250ms; }
        .page-wrapper.expertise .expertise-stats-container .stats-wrapper .stat:nth-child(3) img {
          transition-delay: 500ms; }
      .page-wrapper.expertise .expertise-stats-container .stats-wrapper .graphic img {
        max-height: 126px;
        height: 11vw; } }

@media screen and (min-width: 900px) {
  .page-wrapper.expertise .featured-case-study {
    margin-top: 95px; }
  .page-wrapper.expertise .industry-leaders {
    margin-top: 95px;
    padding-top: 95px; } }

.page-wrapper.funlabs {
  overflow: hidden; }
  .page-wrapper.funlabs .funlabs-hero {
    background-color: #202945;
    z-index: 101;
    text-align: center;
    color: #fff;
    padding: 150px 0 100px;
    position: relative;
    overflow: hidden; }
    .page-wrapper.funlabs .funlabs-hero .headline-subtext {
      font-size: 24px;
      margin: 30px auto;
      font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      max-width: 765px; }
    .page-wrapper.funlabs .funlabs-hero img {
      margin: 0 auto 40px;
      width: 168px; }
    .page-wrapper.funlabs .funlabs-hero h1 {
      font-size: 48px;
      max-width: 700px;
      line-height: 64px;
      text-transform: uppercase;
      margin: 0 auto;
      letter-spacing: 1.7px; }
  .page-wrapper.funlabs .funlabs-hero-swoosh {
    z-index: 102;
    position: relative;
    margin-top: -21vw; }
    .page-wrapper.funlabs .funlabs-hero-swoosh svg {
      width: 160%;
      margin-left: -25%;
      transition: margin-left 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .page-wrapper.funlabs .funlabs-hero-swoosh.animate svg {
      margin-left: -35%; }
    @media screen and (min-width: 940px) {
      .page-wrapper.funlabs .funlabs-hero-swoosh {
        margin-top: -23vw; }
        .page-wrapper.funlabs .funlabs-hero-swoosh svg {
          width: 168%;
          margin-left: -30%; }
        .page-wrapper.funlabs .funlabs-hero-swoosh.animate svg {
          margin-left: -40%; } }
    @media screen and (min-width: 1650px) {
      .page-wrapper.funlabs .funlabs-hero-swoosh {
        margin-top: -20vw; }
        .page-wrapper.funlabs .funlabs-hero-swoosh svg {
          width: 155%;
          margin-left: -17%; }
        .page-wrapper.funlabs .funlabs-hero-swoosh.animate svg {
          margin-left: -27%; } }
    @media screen and (min-width: 2000px) {
      .page-wrapper.funlabs .funlabs-hero-swoosh {
        margin-top: -16vw; }
        .page-wrapper.funlabs .funlabs-hero-swoosh svg {
          width: 130%;
          margin-left: -6%; }
        .page-wrapper.funlabs .funlabs-hero-swoosh.animate svg {
          margin-left: -16%; } }
    @media screen and (min-width: 2400px) {
      .page-wrapper.funlabs .funlabs-hero-swoosh {
        margin-top: -14vw; }
        .page-wrapper.funlabs .funlabs-hero-swoosh svg {
          width: 118%;
          margin-left: -5%; }
        .page-wrapper.funlabs .funlabs-hero-swoosh.animate svg {
          margin-left: -10%; } }
  .page-wrapper.funlabs .funlabs-footer-swoosh {
    z-index: 0;
    position: relative;
    background: #F3F3F3; }
    .page-wrapper.funlabs .funlabs-footer-swoosh .rita-mcgrath-watermark {
      position: absolute;
      right: -22px;
      z-index: -1;
      bottom: 75px;
      max-width: 50vw; }
    .page-wrapper.funlabs .funlabs-footer-swoosh svg {
      width: 150%;
      margin-left: -20%;
      transition: margin-left 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      margin-bottom: -1px; }
    .page-wrapper.funlabs .funlabs-footer-swoosh.animate svg {
      margin-left: -30%; }
    @media screen and (min-width: 640px) {
      .page-wrapper.funlabs .funlabs-footer-swoosh svg {
        width: 170%;
        margin-left: -30%; }
      .page-wrapper.funlabs .funlabs-footer-swoosh.animate svg {
        margin-left: -40%; } }
    @media screen and (min-width: 1400px) {
      .page-wrapper.funlabs .funlabs-footer-swoosh svg {
        width: 135%;
        margin-left: -10%; }
      .page-wrapper.funlabs .funlabs-footer-swoosh.animate svg {
        margin-left: -15%; } }
    @media screen and (min-width: 1800px) {
      .page-wrapper.funlabs .funlabs-footer-swoosh svg {
        width: 115%;
        margin-left: -5%; }
      .page-wrapper.funlabs .funlabs-footer-swoosh.animate svg {
        margin-left: -10%; } }
    @media screen and (min-width: 2100px) {
      .page-wrapper.funlabs .funlabs-footer-swoosh svg {
        width: 110%;
        margin-left: 0%; }
      .page-wrapper.funlabs .funlabs-footer-swoosh.animate svg {
        margin-left: -3%; } }
  .page-wrapper.funlabs section.funlabs-process {
    padding: 90px 0 50px;
    position: relative; }
    .page-wrapper.funlabs section.funlabs-process .bubbles-container {
      position: absolute; }
      .page-wrapper.funlabs section.funlabs-process .bubbles-container.first {
        top: 10%;
        right: 0;
        width: 130px;
        height: 430px; }
        @media screen and (min-width: 640px) and (max-width: 1399px) {
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.first {
            top: 0;
            opacity: 0.2;
            transform: scale(0.6);
            transform-origin: top right; } }
        .page-wrapper.funlabs section.funlabs-process .bubbles-container.first .dot {
          position: absolute;
          transform-origin: 100% 100%; }
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.first .dot.red {
            top: 0;
            left: 0;
            height: 60px;
            width: 60px;
            border-radius: 50%;
            display: block;
            background-color: #dd4752;
            transform: translate(26px, 36px) scale(0.1); }
            .page-wrapper.funlabs section.funlabs-process .bubbles-container.first .dot.red.animate {
              animation: bubble-in-1 3s linear 1 forwards; }
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.first .dot.yellow {
            top: 50%;
            left: 50%;
            height: 48px;
            width: 48px;
            border-radius: 50%;
            display: block;
            background-color: #fff;
            box-sizing: content-box;
            border: 26px solid #fcc717;
            transform: translate(-54px, 39px) scale(0.1); }
            .page-wrapper.funlabs section.funlabs-process .bubbles-container.first .dot.yellow.animate {
              animation: bubble-in-2 4s linear 1 forwards; }
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.first .dot.blue {
            bottom: 0;
            left: 30px;
            height: 36px;
            width: 36px;
            border-radius: 50%;
            display: block;
            background-color: #5ac3e4;
            opacity: .3;
            transform: translate(22px, 24px) scale(0.1); }
            .page-wrapper.funlabs section.funlabs-process .bubbles-container.first .dot.blue.animate {
              animation: bubble-in-3 2s linear 1 forwards; }
      .page-wrapper.funlabs section.funlabs-process .bubbles-container.second {
        top: 50%;
        left: 0;
        width: 180px;
        height: 360px; }
        @media screen and (min-width: 640px) and (max-width: 1399px) {
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.second {
            top: auto;
            bottom: 0;
            transform: scale(0.6);
            transform-origin: bottom left;
            opacity: 0.2; } }
        .page-wrapper.funlabs section.funlabs-process .bubbles-container.second .dot {
          position: absolute; }
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.second .dot.blue {
            top: 0;
            left: 40px;
            height: 36px;
            width: 36px;
            border-radius: 50%;
            display: block;
            background-color: #5ac3e4;
            transform: translate(-14px, 29px) scale(0.1); }
            .page-wrapper.funlabs section.funlabs-process .bubbles-container.second .dot.blue.animate {
              animation: bubble-in-4 5s linear 1 forwards; }
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.second .dot.yellow {
            top: 50%;
            left: 0;
            height: 22px;
            width: 22px;
            border-radius: 50%;
            display: block;
            background-color: #fcc717;
            transform: translate(29px, 84px) scale(0.1); }
            .page-wrapper.funlabs section.funlabs-process .bubbles-container.second .dot.yellow.animate {
              animation: bubble-in-5 7s linear 1 forwards; }
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.second .dot.red {
            bottom: 0;
            right: 0;
            height: 35px;
            width: 35px;
            border-radius: 50%;
            display: block;
            background-color: #fff;
            box-sizing: content-box;
            border: 18px solid #dd4752;
            opacity: 0.2;
            transform: translate(-67px, 51px) scale(0.1); }
            .page-wrapper.funlabs section.funlabs-process .bubbles-container.second .dot.red.animate {
              animation: bubble-in-6 3s linear 1 forwards; }
      .page-wrapper.funlabs section.funlabs-process .bubbles-container.third {
        top: auto;
        bottom: 0;
        right: -10px;
        width: 185px;
        height: 265px; }
        @media screen and (min-width: 640px) and (max-width: 1399px) {
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.third {
            display: none; } }
        .page-wrapper.funlabs section.funlabs-process .bubbles-container.third .dot {
          position: absolute; }
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.third .dot.blue {
            top: 0;
            right: 30px;
            height: 26px;
            width: 26px;
            border-radius: 50%;
            display: block;
            background-color: #fff;
            box-sizing: content-box;
            border: 18px solid #5ac3e4;
            transform: translate(-25px, 75px) scale(0.1); }
            .page-wrapper.funlabs section.funlabs-process .bubbles-container.third .dot.blue.animate {
              animation: bubble-in-7 7s linear 1 forwards; }
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.third .dot.yellow {
            bottom: 40px;
            left: 0;
            height: 20px;
            width: 20px;
            border-radius: 50%;
            display: block;
            background-color: #fcc717;
            opacity: .2;
            transform: translate(34px, 37px) scale(0.1); }
            .page-wrapper.funlabs section.funlabs-process .bubbles-container.third .dot.yellow.animate {
              animation: bubble-in-8 3s linear 1 forwards; }
          .page-wrapper.funlabs section.funlabs-process .bubbles-container.third .dot.red {
            bottom: 0;
            right: 0;
            height: 36px;
            width: 36px;
            border-radius: 50%;
            display: block;
            background-color: #dd4752;
            transform: translate(-62px, 42px) scale(0.1); }
            .page-wrapper.funlabs section.funlabs-process .bubbles-container.third .dot.red.animate {
              animation: bubble-in-9 5s linear 1 forwards; }
    .page-wrapper.funlabs section.funlabs-process .row {
      max-width: 77rem; }
    .page-wrapper.funlabs section.funlabs-process h2, .page-wrapper.funlabs section.funlabs-process h3 {
      font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .page-wrapper.funlabs section.funlabs-process h2 {
      font-size: 40px;
      margin-bottom: 34px; }
    .page-wrapper.funlabs section.funlabs-process h3 {
      font-size: 34px; }
    .page-wrapper.funlabs section.funlabs-process h4 {
      font-family: "geomanist-bold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 14px;
      margin-bottom: 0;
      text-transform: uppercase; }
    .page-wrapper.funlabs section.funlabs-process .column, .page-wrapper.funlabs section.funlabs-process .columns, .page-wrapper.funlabs section.funlabs-process .columns {
      min-height: 1px; }
      .page-wrapper.funlabs section.funlabs-process .column span, .page-wrapper.funlabs section.funlabs-process .columns span, .page-wrapper.funlabs section.funlabs-process .columns span {
        margin: 0 auto; }
    .page-wrapper.funlabs section.funlabs-process .timeline-flex {
      display: flex;
      height: 160px; }
      .page-wrapper.funlabs section.funlabs-process .timeline-flex .middle {
        width: 0;
        padding: 0; }
      .page-wrapper.funlabs section.funlabs-process .timeline-flex .text-right {
        padding-right: 4.15%; }
      .page-wrapper.funlabs section.funlabs-process .timeline-flex .text-left {
        padding-left: 4.15%; }
    .page-wrapper.funlabs section.funlabs-process .timeline-dot {
      transform: scale(0.1);
      box-shadow: 10px 0 12px rgba(0, 0, 0, 0.1); }
      @media screen and (min-width: 1024px) {
        .page-wrapper.funlabs section.funlabs-process .timeline-dot {
          margin-left: -11px !important; } }
      .page-wrapper.funlabs section.funlabs-process .timeline-dot.animate {
        animation-name: stretch-circle;
        animation-duration: 1s;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-delay: 0;
        animation-direction: forwards;
        animation-iteration-count: 1;
        animation-fill-mode: none;
        animation-play-state: running;
        transform: scale(1); }
      .page-wrapper.funlabs section.funlabs-process .timeline-dot.no-top-stroke {
        margin-top: 32px; }
      .page-wrapper.funlabs section.funlabs-process .timeline-dot.red {
        height: 25px;
        width: 25px;
        border-radius: 50%;
        display: block;
        background-color: #dd4752; }
      .page-wrapper.funlabs section.funlabs-process .timeline-dot.blue {
        height: 25px;
        width: 25px;
        border-radius: 50%;
        display: block;
        background-color: #5ac3e4; }
      .page-wrapper.funlabs section.funlabs-process .timeline-dot.yellow {
        height: 25px;
        width: 25px;
        border-radius: 50%;
        display: block;
        background-color: #fcc717; }
    .page-wrapper.funlabs section.funlabs-process .verticalstroke {
      height: 100%;
      width: 3px;
      display: block;
      margin-left: 11px;
      box-shadow: 10px 0 12px rgba(0, 0, 0, 0.1); }
      .page-wrapper.funlabs section.funlabs-process .verticalstroke.top {
        height: 32px; }
      .page-wrapper.funlabs section.funlabs-process .verticalstroke.grey {
        background-color: #555555; }
    .page-wrapper.funlabs section.funlabs-process > .column, .page-wrapper.funlabs section.funlabs-process > .columns {
      padding: 0 20px; }
    .page-wrapper.funlabs section.funlabs-process .intro {
      margin: 0 0 80px 0;
      text-align: center; }
      .page-wrapper.funlabs section.funlabs-process .intro h2 {
        font-family: "geomanist-bold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin-bottom: 20px; }
      .page-wrapper.funlabs section.funlabs-process .intro .context {
        margin: 0 auto;
        font-size: 22px;
        line-height: 1.33;
        max-width: 900px;
        text-align: center; }
        .page-wrapper.funlabs section.funlabs-process .intro .context strong {
          font-weight: normal;
          color: #3DA9DB; }
  .page-wrapper.funlabs .rita-mcgrath-quote {
    padding: 50px 0;
    text-align: center;
    background: #F3F3F3; }
    .page-wrapper.funlabs .rita-mcgrath-quote .seeing-around-corners-badge {
      width: 188px;
      max-width: 50vw;
      margin: -60px 0 30px; }
      @media screen and (min-width: 1440px) {
        .page-wrapper.funlabs .rita-mcgrath-quote .seeing-around-corners-badge {
          margin: 0;
          width: 289px;
          position: absolute;
          left: 0;
          transform: translateX(-50%); } }
    .page-wrapper.funlabs .rita-mcgrath-quote blockquote {
      max-width: 655px;
      margin: 0 auto;
      width: 90vw; }
      .page-wrapper.funlabs .rita-mcgrath-quote blockquote:before {
        display: none; }
      .page-wrapper.funlabs .rita-mcgrath-quote blockquote .start-quote:before {
        color: #8393AD;
        font-size: 80px;
        left: 0;
        top: 16px;
        content: open-quote;
        display: inline-block;
        font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        top: -10px;
        vertical-align: bottom; }
      .page-wrapper.funlabs .rita-mcgrath-quote blockquote .end-quote {
        display: none; }
      .page-wrapper.funlabs .rita-mcgrath-quote blockquote > p {
        font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        color: #242E40;
        font-size: 36px; }
      .page-wrapper.funlabs .rita-mcgrath-quote blockquote footer {
        font-size: 24px; }
        .page-wrapper.funlabs .rita-mcgrath-quote blockquote footer:before {
          content: "";
          display: block;
          background: #8393AD;
          height: 3px;
          width: 80px;
          margin: 40px auto 35px; }
        .page-wrapper.funlabs .rita-mcgrath-quote blockquote footer p {
          font-size: 16px;
          color: #242E40;
          max-width: 322px;
          margin: 5px auto 0;
          line-height: 24px; }
          .page-wrapper.funlabs .rita-mcgrath-quote blockquote footer p .start-quote {
            display: none; }
    .page-wrapper.funlabs .rita-mcgrath-quote > .row {
      position: relative;
      z-index: 1; }
  .page-wrapper.funlabs .funlabs-projects .projects-top-curve svg {
    width: 100%;
    height: auto;
    margin-bottom: -1px; }
  .page-wrapper.funlabs .funlabs-projects .projects-bottom-curve {
    background: #F3F3F3; }
    .page-wrapper.funlabs .funlabs-projects .projects-bottom-curve svg {
      width: 100%;
      height: auto;
      margin-top: -1px; }
  .page-wrapper.funlabs .funlabs-projects .projects {
    background: #242E40;
    padding-bottom: 5vw; }
    @media screen and (min-width: 1440px) {
      .page-wrapper.funlabs .funlabs-projects .projects {
        padding-bottom: 72px; } }
  .page-wrapper.funlabs .funlabs-projects .project-section-title {
    color: white;
    font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 30px;
    margin: 40px 0; }
  .page-wrapper.funlabs .funlabs-projects .team-container {
    text-align: center; }
  .page-wrapper.funlabs .funlabs-projects .leadership-grid {
    display: flex;
    justify-content: space-evenly;
    max-width: 745px;
    margin: 0 auto; }
    .page-wrapper.funlabs .funlabs-projects .leadership-grid > div {
      width: 40%;
      margin: 0 5% 40px; }
      .page-wrapper.funlabs .funlabs-projects .leadership-grid > div:nth-child(even) {
        position: relative;
        top: 30px; }
      .page-wrapper.funlabs .funlabs-projects .leadership-grid > div:nth-child(odd) {
        position: relative;
        top: -30px; }
      @media screen and (min-width: 640px) {
        .page-wrapper.funlabs .funlabs-projects .leadership-grid > div {
          width: 26%;
          margin: 0 2% 40px 2%;
          top: 0 !important; } }
      @media screen and (min-width: 640px) {
        .page-wrapper.funlabs .funlabs-projects .leadership-grid > div {
          max-width: 160px;
          width: 21%; } }
    .page-wrapper.funlabs .funlabs-projects .leadership-grid .leader .name {
      font-size: 22px;
      color: white; }
    .page-wrapper.funlabs .funlabs-projects .leadership-grid .leader .title {
      color: white;
      font-size: 14px; }
  .page-wrapper.funlabs .funlabs-projects .overview {
    text-align: center;
    margin: 0 auto;
    color: white; }
    .page-wrapper.funlabs .funlabs-projects .overview h2 {
      font-family: "geomanist-bold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      margin-bottom: 20px; }
    .page-wrapper.funlabs .funlabs-projects .overview p {
      margin: 0 auto;
      font-size: 22px;
      line-height: 1.33;
      max-width: 765px;
      text-align: center;
      width: 90%; }
  .page-wrapper.funlabs .funlabs-projects .cycle-control-container {
    text-align: center;
    padding: 50px 20px;
    overflow-x: auto; }
    .page-wrapper.funlabs .funlabs-projects .cycle-control-container .funlabs-mobile-cycle-control {
      background: white;
      border-radius: 5px;
      border-top: none;
      display: none; }
    .page-wrapper.funlabs .funlabs-projects .cycle-control-container ol {
      margin: 0 auto;
      list-style: none;
      display: inline-flex;
      color: white;
      border: 1px solid rgba(255, 255, 255, 0.4);
      border-radius: 28px;
      min-width: 422px; }
      .page-wrapper.funlabs .funlabs-projects .cycle-control-container ol li {
        font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 24px;
        padding: 4px 0;
        flex-grow: 1;
        width: 140px;
        border-radius: 28px;
        cursor: pointer;
        transition: background 100ms linear;
        min-width: 80px;
        width: 140px; }
        .page-wrapper.funlabs .funlabs-projects .cycle-control-container ol li:hover {
          background: rgba(255, 255, 255, 0.1); }
        .page-wrapper.funlabs .funlabs-projects .cycle-control-container ol li.active {
          background: #58B8E0;
          font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          color: #242E40; }
  .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container {
    max-width: 318px;
    font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: white;
    text-align: center;
    margin: 30px auto 20px;
    position: relative; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container.animate .dot {
      transform: translateY(0) scale(1) !important;
      opacity: 1 !important; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container.animate .bubbles-left .dot.red {
      transition: opacity 2000ms linear, transform 1400ms linear;
      transition-delay: 0ms; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container.animate .bubbles-left .dot.yellow.one {
      transition: opacity 2000ms linear, transform 1400ms linear;
      transition-delay: 800ms; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container.animate .bubbles-left .dot.blue {
      transition: opacity 2000ms linear, transform 1400ms linear;
      transition-delay: 100ms; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container.animate .bubbles-left .dot.yellow.two {
      transition: opacity 2000ms linear, transform 1400ms linear;
      transition-delay: 300ms; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container.animate .bubbles-right .dot.red {
      transition: opacity 2000ms linear, transform 1400ms linear;
      transition-delay: 800ms; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container.animate .bubbles-right .dot.yellow.one {
      transition: opacity 2000ms linear, transform 1400ms linear;
      transition-delay: 200ms; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container.animate .bubbles-right .dot.blue {
      transition: opacity 2000ms linear, transform 1400ms linear;
      transition-delay: 500ms; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container.animate .bubbles-right .dot.yellow.two {
      transition: opacity 2000ms linear, transform 1400ms linear;
      transition-delay: 400ms; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-left {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%; }
      .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-left .dot {
        position: absolute;
        transform-origin: center; }
        .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-left .dot.red {
          top: 0;
          left: -9px;
          height: 24px;
          width: 24px;
          border-radius: 50%;
          display: block;
          background-color: #242E40;
          box-sizing: content-box;
          border: 5px solid #dd4752;
          opacity: 0;
          transform: translateY(20px) scale(0.5); }
        .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-left .dot.yellow.one {
          top: 22%;
          left: -85px;
          height: 31px;
          width: 31px;
          border-radius: 50%;
          display: block;
          background-color: #242E40;
          box-sizing: content-box;
          border: 9px solid #fcc717;
          opacity: 0;
          transform: translateY(20px) scale(0.5); }
        .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-left .dot.blue {
          top: 63%;
          left: -35px;
          height: 15px;
          width: 15px;
          border-radius: 50%;
          display: block;
          background-color: #5ac3e4;
          opacity: 0;
          transform: translateY(20px) scale(0.5); }
        .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-left .dot.yellow.two {
          bottom: 0;
          left: 9px;
          height: 8px;
          width: 8px;
          border-radius: 50%;
          display: block;
          background-color: #fcc717;
          opacity: 0;
          transform: translateY(20px) scale(0.5); }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-right {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%; }
      .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-right .dot {
        position: absolute;
        transform-origin: center; }
        .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-right .dot.red {
          top: 18%;
          right: 76px;
          height: 8px;
          width: 8px;
          border-radius: 50%;
          display: block;
          background-color: #dd4752;
          opacity: 0;
          transform: translateY(20px) scale(0.5); }
        .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-right .dot.yellow.one {
          top: -11%;
          right: 0;
          height: 15px;
          width: 15px;
          border-radius: 50%;
          display: block;
          background-color: #fcc717;
          opacity: 0;
          transform: translateY(20px) scale(0.5); }
        .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-right .dot.blue {
          top: 32%;
          right: -37px;
          height: 15px;
          width: 15px;
          border-radius: 50%;
          display: block;
          background-color: #242E40;
          box-sizing: content-box;
          border: 6px solid #5ac3e4;
          opacity: 0;
          transform: translateY(20px) scale(0.5); }
        .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-right .dot.yellow.two {
          bottom: 27%;
          right: -90px;
          height: 15px;
          width: 15px;
          border-radius: 50%;
          display: block;
          background-color: #fcc717;
          opacity: 0;
          transform: translateY(20px) scale(0.5); }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .eyebrow {
      font-size: 32px;
      text-transform: uppercase;
      margin-bottom: 15px; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .number {
      font-size: 163px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-shadow: #fff 0px 0px 1px;
      line-height: 115px; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container svg.cycle-wave {
      margin-top: -45px;
      width: 111%; }
  .page-wrapper.funlabs .funlabs-projects .project-details-container {
    color: white;
    margin: 0 auto;
    text-align: center; }
    .page-wrapper.funlabs .funlabs-projects .project-details-container .name {
      font-size: 60px;
      display: inline-block;
      margin-bottom: 30px; }
      .page-wrapper.funlabs .funlabs-projects .project-details-container .name:after {
        content: "";
        display: block;
        position: relative;
        width: 80px;
        height: 3px;
        background: #5ac3e4;
        margin: 0 auto;
        border-radius: 2px; }
    .page-wrapper.funlabs .funlabs-projects .project-details-container .description {
      font-size: 24px;
      max-width: 958px;
      width: 90%;
      margin: 0 auto; }
  .page-wrapper.funlabs .funlabs-projects .project-status-container {
    text-align: center;
    color: white;
    padding: 20px 0 7vw; }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .in-progress {
      font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 22px; }
    @media screen and (min-width: 1024px) {
      .page-wrapper.funlabs .funlabs-projects .project-status-container {
        padding: 20px 0 60px; } }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container {
      display: inline-flex;
      align-items: center;
      margin-bottom: 70px;
      height: 30px; }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-1 .active-indicator {
        left: calc(0 * 12.5%); }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-2 .active-indicator {
        left: calc(1 * 12.5%); }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-3 .active-indicator {
        left: calc(2 * 12.5%); }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-4 .active-indicator {
        left: calc(3 * 12.5%); }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-5 .active-indicator {
        left: calc(4 * 12.5%); }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-6 .active-indicator {
        left: calc(5 * 12.5%); }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-7 .active-indicator {
        left: calc(6 * 12.5%); }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-8 .active-indicator {
        left: calc(7 * 12.5%); }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-9 .active-indicator {
        left: calc(8 * 12.5%); }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container {
      margin: 0;
      width: 557px;
      position: relative; }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dotted-line {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        z-index: 0; }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dotted-line:before {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          height: 3px;
          width: 100%;
          background: rgba(255, 255, 255, 0.4); }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        display: block;
        background-color: #dd4752;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot:nth-child(0) {
          left: calc((-1 * 12.5%) - 8px); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot:nth-child(1) {
          left: calc((0 * 12.5%) - 8px); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot:nth-child(2) {
          left: calc((1 * 12.5%) - 8px); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot:nth-child(3) {
          left: calc((2 * 12.5%) - 8px); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot:nth-child(4) {
          left: calc((3 * 12.5%) - 8px); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot:nth-child(5) {
          left: calc((4 * 12.5%) - 8px); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot:nth-child(6) {
          left: calc((5 * 12.5%) - 8px); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot:nth-child(7) {
          left: calc((6 * 12.5%) - 8px); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot:nth-child(8) {
          left: calc((7 * 12.5%) - 8px); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot:nth-child(9) {
          left: calc((8 * 12.5%) - 8px); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot.step-2, .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot.step-5, .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot.step-8 {
          background-color: #5ac3e4; }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot.step-3, .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot.step-6, .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .dot.step-9 {
          background-color: #fcc717; }
      .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .active-indicator {
        width: 92px;
        height: 94px;
        font-size: 52px;
        line-height: 85px;
        font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        text-align: center;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 0;
        z-index: 1; }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .active-indicator.animate:before {
          transform: rotate3d(0, 0, 1, 0deg) scale(1);
          transition: transform 600ms linear; }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .active-indicator:before {
          content: "";
          background: url(/assets/images/funlabs/funlabs-cycle-active-step.svg) no-repeat center;
          position: absolute;
          top: 0;
          left: 0;
          width: 92px;
          height: 94px;
          z-index: -1;
          transform: rotate3d(0, 0, 1, -60deg) scale(0.9); }
        .page-wrapper.funlabs .funlabs-projects .project-status-container .dotted-line-container .active-indicator:after {
          content: attr(data-stepname);
          font-size: 24px;
          line-height: 40px;
          display: block;
          position: absolute;
          top: calc(100% + 12px);
          left: 50%;
          transform: translateX(-50%);
          max-width: 100vw;
          width: 592px; }
  .page-wrapper.funlabs .funlabs-projects .project-complete-container {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
    .page-wrapper.funlabs .funlabs-projects .project-complete-container .complete-indicator {
      position: relative;
      width: 64px;
      height: 66px;
      margin: 0 24px;
      max-width: 11vw; }
      .page-wrapper.funlabs .funlabs-projects .project-complete-container .complete-indicator svg {
        width: 30px;
        fill: white;
        position: relative;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
        max-width: 50%; }
      .page-wrapper.funlabs .funlabs-projects .project-complete-container .complete-indicator:before {
        content: "";
        background: url(/assets/images/funlabs/funlabs-cycle-active-step.svg) no-repeat center;
        background-size: 100% auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0; }
    .page-wrapper.funlabs .funlabs-projects .project-complete-container .completed-date {
      font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 22px; }
  .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .logos {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .logos .plus {
      font-family: "geomanist-bold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      color: white;
      font-size: 60px;
      margin: 0 40px; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .logos .slack {
      width: 256px; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .logos .missions {
      width: 282px; }
  .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions blockquote {
    margin: 0 auto;
    max-width: 450px; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions blockquote:before {
      display: none; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions blockquote p {
      color: white;
      font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      line-height: 40px; }
      .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions blockquote p .start-quote:before {
        content: open-quote;
        display: inline-block;
        color: #8393AD;
        font-size: 70px;
        font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        top: -10px;
        vertical-align: bottom; }
      .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions blockquote p .end-quote {
        display: none; }
  .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .video-hero {
    background-image: url("/assets/images/funlabs/funlabs-missions-video-hero.jpg"); }
  .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.arfiti .video-hero {
    background-image: url("/assets/images/funlabs/funlabs-arfiti-video-hero.jpg"); }
  .page-wrapper.funlabs .funlabs-projects .completed-project-content-container .completed-content {
    font-size: 22px;
    max-width: 958px;
    margin: 0 auto 6vw; }
    @media screen and (min-width: 1024px) {
      .page-wrapper.funlabs .funlabs-projects .completed-project-content-container .completed-content {
        margin: 0 auto 60px; } }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container .completed-content strong {
      font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .page-wrapper.funlabs .funlabs-projects .completed-project-content-container .video-hero {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    cursor: pointer; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container .video-hero:before {
      display: block;
      content: "";
      width: 100%;
      height: 62.5vw;
      max-height: 900px;
      position: relative;
      z-index: 0;
      background: black;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.6) 100%);
      transition: opacity 100ms linear; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container .video-hero:after {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      content: "";
      width: 100%;
      height: 62.5vw;
      max-height: 900px;
      opacity: 0;
      transition: opacity 100ms linear;
      background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0, rgba(0, 67, 86, 0.13) 100%);
      box-shadow: inset 0 0 20px 0px rgba(0, 197, 255, 0.5);
      mix-blend-mode: soft-light; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container .video-hero .play-icon {
      position: absolute;
      z-index: 2;
      top: 50%;
      left: 50%;
      width: 8vw;
      max-width: 100px;
      transform: translate(-50%, -50%); }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container .video-hero:hover:before {
      opacity: 0.4; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container .video-hero:hover:after {
      opacity: 1; }

@media screen and (max-width: 1024px) {
  .funlabs-body .contact .get-in-touch {
    padding: 12vw 20px; }
  .funlabs-body .contact .title {
    font-size: 28px; }
  .page-wrapper.funlabs .funlabs-hero .headline-subtext {
    width: 80%; }
  .page-wrapper.funlabs section.funlabs-process .intro {
    margin-bottom: 60px; }
    .page-wrapper.funlabs section.funlabs-process .intro h2 {
      padding: 0 10%; }
    .page-wrapper.funlabs section.funlabs-process .intro .context {
      padding: 0 4%; }
  .page-wrapper.funlabs section.funlabs-process .row-dots {
    max-width: 45rem; }
    .page-wrapper.funlabs section.funlabs-process .row-dots p {
      padding-right: 2%;
      font-size: 16px; }
  .page-wrapper.funlabs section.funlabs-process .verticalstroke {
    height: 158px; }
  .page-wrapper.funlabs .funlabs-projects .overview p {
    font-size: 20px; }
  .page-wrapper.funlabs .funlabs-projects .project-details-container .name {
    font-size: 52px; }
  .page-wrapper.funlabs .funlabs-projects .project-details-container .description {
    font-size: 20px; }
  .page-wrapper.funlabs .funlabs-projects .completed-project-content-container .completed-content {
    font-size: 17px; } }

@media screen and (max-width: 768px) {
  .page-wrapper.funlabs .funlabs-hero {
    padding: 95px 20px 100px; }
    .page-wrapper.funlabs .funlabs-hero .headline-subtext {
      font-size: 18px; }
  .page-wrapper.funlabs .rita-mcgrath-quote .seeing-around-corners-badge {
    margin: -7vw 0 4vw; }
  .page-wrapper.funlabs .funlabs-projects .projects {
    padding: 8vw 0; }
  .page-wrapper.funlabs .funlabs-projects .cycle-control-container ol {
    display: none; }
  .page-wrapper.funlabs .funlabs-projects .cycle-control-container .funlabs-mobile-cycle-control {
    display: block; }
  .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container {
    margin: 4vw auto 7vw; }
  .page-wrapper.funlabs .funlabs-projects .project-status-container .project-section-title {
    margin-bottom: 50px; }
  .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container {
    position: relative;
    left: 50vw; }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-1 {
      transform: translateX(calc(-0 * (557px * 0.125))); }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-2 {
      transform: translateX(calc(-1 * (557px * 0.125))); }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-3 {
      transform: translateX(calc(-2 * (557px * 0.125))); }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-4 {
      transform: translateX(calc(-3 * (557px * 0.125))); }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-5 {
      transform: translateX(calc(-4 * (557px * 0.125))); }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-6 {
      transform: translateX(calc(-5 * (557px * 0.125))); }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-7 {
      transform: translateX(calc(-6 * (557px * 0.125))); }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-8 {
      transform: translateX(calc(-7 * (557px * 0.125))); }
    .page-wrapper.funlabs .funlabs-projects .project-status-container .timeline-container.step-9 {
      transform: translateX(calc(-8 * (557px * 0.125))); } }

@media screen and (max-width: 700px) {
  .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .logos {
    flex-direction: column;
    margin-bottom: 40px; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .logos img {
      max-width: 66vw;
      object-fit: contain; }
      .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .logos img.slack {
        max-width: 61vw; } }

@media screen and (max-width: 639px) {
  .funlabs-body .contact .get-in-touch {
    padding: 12vw 20px; }
  .funlabs-body .contact .title {
    font-size: 22px;
    padding: 0 8%;
    text-align: center; }
    .funlabs-body .contact .title:after {
      left: 50% !important; }
  .funlabs-body .contact .contact-info {
    text-align: center; }
  .page-wrapper.funlabs .funlabs-hero h1 {
    font-size: 24px;
    line-height: 36px; }
  .page-wrapper.funlabs .funlabs-hero img {
    width: 118px; }
  .page-wrapper.funlabs .funlabs-hero .headline-subtext {
    font-size: 14px;
    width: initial;
    padding: 0 6%;
    margin: 20px auto -30px; }
  .page-wrapper.funlabs section.funlabs-process {
    padding-top: 40px; }
    .page-wrapper.funlabs section.funlabs-process .intro h2 {
      font-size: 24px; }
    .page-wrapper.funlabs section.funlabs-process .intro .context {
      font-size: 14px;
      padding: 0 3%; }
    .page-wrapper.funlabs section.funlabs-process .mobile-timeline {
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch; }
    .page-wrapper.funlabs section.funlabs-process .mobile-timeline-cards {
      padding: 77px 5px 10px;
      background: url(/assets/images/funlabs/mobile-timeline-wave.svg) repeat-x 0px 12px;
      display: flex;
      flex-wrap: nowrap;
      overflow-x: scroll;
      align-items: flex-start;
      width: fit-content; }
    .page-wrapper.funlabs section.funlabs-process .mobile-timeline-step {
      position: relative; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-step .timeline-dot {
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
        position: absolute;
        left: 50%;
        margin-left: -12px; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-step.step-1 .timeline-dot {
        top: -48px; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-step.step-2 .timeline-dot {
        top: -61px; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-step.step-3 .timeline-dot {
        top: -55px; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-step.step-4 .timeline-dot {
        top: -44px; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-step.step-5 .timeline-dot {
        top: -61px; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-step.step-6 .timeline-dot {
        top: -58px; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-step.step-7 .timeline-dot {
        top: -41px; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-step.step-8 .timeline-dot {
        top: -59px; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-step.step-9 .timeline-dot {
        top: -63px; }
    .page-wrapper.funlabs section.funlabs-process .mobile-timeline-card {
      border-radius: 10px;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
      overflow: hidden;
      padding: 23px 15px 15px;
      position: relative;
      max-width: 87vw;
      margin: 0 5px;
      width: 326px;
      background: white;
      z-index: 1; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-card h3 {
        font-size: 18px; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-card p {
        margin: 0; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-card:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 8px;
        display: block;
        z-index: 1; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-card.red:before {
        background: #dd4752; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-card.blue:before {
        background: #5ac3e4; }
      .page-wrapper.funlabs section.funlabs-process .mobile-timeline-card.yellow:before {
        background: #fcc717; }
    .page-wrapper.funlabs section.funlabs-process .bubbles-container.first {
      transform: scale(0.2);
      opacity: 0.2;
      top: 0;
      left: 0;
      right: auto;
      transform-origin: top left; }
    .page-wrapper.funlabs section.funlabs-process .bubbles-container.second {
      opacity: 0.4;
      transform: scale(0.3);
      top: 217px;
      right: 0;
      left: auto;
      transform-origin: top right; }
      .page-wrapper.funlabs section.funlabs-process .bubbles-container.second .dot.blue {
        opacity: 0.5; }
    .page-wrapper.funlabs section.funlabs-process .bubbles-container.third {
      transform: scale(0.4);
      opacity: 0.2;
      top: auto;
      bottom: 0;
      left: 0;
      right: auto;
      transform-origin: bottom left; }
      .page-wrapper.funlabs section.funlabs-process .bubbles-container.third .dot.yellow {
        opacity: 1; }
  .page-wrapper.funlabs .rita-mcgrath-quote .seeing-around-corners-badge {
    margin: -9vw 0 6vw; }
  .page-wrapper.funlabs .rita-mcgrath-quote blockquote {
    max-width: 90%;
    margin: 0 auto; }
    .page-wrapper.funlabs .rita-mcgrath-quote blockquote .start-quote:before {
      color: #8393AD;
      font-size: 54px;
      left: 0;
      top: 16px;
      vertical-align: initial; }
    .page-wrapper.funlabs .rita-mcgrath-quote blockquote footer:before {
      content: "";
      display: block;
      background: #8393AD;
      height: 3px;
      width: 80px;
      margin: 40px auto 35px; }
    .page-wrapper.funlabs .rita-mcgrath-quote blockquote footer p {
      font-size: 15px !important; }
  .page-wrapper.funlabs .funlabs-footer-swoosh .rita-mcgrath-watermark {
    bottom: 30px; }
  .page-wrapper.funlabs .funlabs-projects .overview h2 {
    font-size: 26px;
    margin-bottom: 10px; }
  .page-wrapper.funlabs .funlabs-projects .overview p {
    font-size: 16px; }
  .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container {
    max-width: 165px; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container.animate .dot {
      transform: translateY(0) scale(0.6) !important; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .eyebrow {
      font-size: 16px; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .number {
      font-size: 80px;
      line-height: 64px; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container svg.cycle-wave {
      margin-top: -28px; }
    .page-wrapper.funlabs .funlabs-projects .cycle-graphic-container .bubbles-right .dot.red {
      right: 6vw; }
  .page-wrapper.funlabs .funlabs-projects .project-status-container .in-progress {
    font-size: calc(15px + (22 - 15)*(100vw - 375px)/(640 - 375)); }
  .page-wrapper.funlabs .funlabs-projects .project-section-title {
    font-size: 22px; }
  .page-wrapper.funlabs .funlabs-projects .project-details-container .name {
    font-size: 38px; }
  .page-wrapper.funlabs .funlabs-projects .project-details-container .description {
    font-size: 16px; }
  .page-wrapper.funlabs .funlabs-projects .projects .leadership-grid {
    flex-wrap: wrap;
    padding: 30px 0; }
  .page-wrapper.funlabs .funlabs-projects .project-complete-container {
    max-width: 90vw; }
    .page-wrapper.funlabs .funlabs-projects .project-complete-container .project-section-title {
      font-size: calc(19px + (26 - 19)*(100vw - 375px)/(640 - 375)); }
    .page-wrapper.funlabs .funlabs-projects .project-complete-container .completed-date {
      font-size: calc(15px + (22 - 15)*(100vw - 375px)/(640 - 375)); }
    .page-wrapper.funlabs .funlabs-projects .project-complete-container .complete-indicator {
      margin: 0 2.5vw; }
  .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .video-hero {
    background-image: url("/assets/images/funlabs/funlabs-missions-video-hero-mobile.jpg");
    background-size: auto 100%; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .video-hero .play-icon {
      width: 16vw; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .video-hero:before, .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions .video-hero:after {
      height: 125vw; }
  .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions blockquote {
    max-width: 340px;
    width: 90vw; }
    .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions blockquote p {
      font-size: 19px !important;
      line-height: 27px; }
      .page-wrapper.funlabs .funlabs-projects .completed-project-content-container.Missions blockquote p .start-quote:before {
        font-size: 47px; } }

@media screen and (max-width: 320px) {
  .funlabs-body .contact .title {
    padding: 0 1%; }
  .page-wrapper.funlabs .funlabs-hero {
    max-height: 520px; }
  .page-wrapper.funlabs section.funlabs-process .intro h2 {
    padding: 0 5%; }
  .page-wrapper.funlabs section.funlabs-process .row-dots h3 {
    font-size: 21px; }
  .page-wrapper.funlabs section.funlabs-process .row-dots p {
    padding-right: 5%; } }

.home .home-hero {
  background-image: url("/assets/images/top-hero-pattern-light.png"), radial-gradient(circle at center 100px, rgba(23, 29, 44, 0) 0%, rgba(23, 29, 44, 0) 50%, #171d2c 75%), radial-gradient(circle at center, #414253 0%, rgba(72, 73, 91, 0) 35%), linear-gradient(to bottom, #404355, #131625 60%);
  background-size: cover, auto, auto, auto;
  box-sizing: content-box;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: center top, top center, top center, top center;
  text-align: center;
  color: #fff;
  padding: 150px 0 50px;
  position: relative;
  overflow: hidden; }
  .home .home-hero.parallaxed {
    background-position: center 100px, top center; }
  .home .home-hero h1 {
    color: #DE0008;
    font-size: 22px;
    font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    max-width: 420px;
    margin: 0 auto;
    line-height: 1;
    letter-spacing: 1.7px;
    text-transform: uppercase; }
  .home .home-hero .astro-bot-left {
    position: absolute;
    bottom: -50px;
    left: 0;
    max-height: 85%;
    max-width: 35%; }
  .home .home-hero .astro-bot-right {
    position: absolute;
    bottom: -50px;
    right: 0;
    max-height: 85%;
    max-width: 35%; }
  .home .home-hero .create-whats-next-container {
    padding: 30px 0; }
    .home .home-hero .create-whats-next-container svg {
      max-width: 50%;
      height: auto; }

.home .contact .title:after {
  width: 125%; }

@media screen and (max-width: 768px) {
  .home .home-hero {
    padding: 95px 20px 220px; }
    .home .home-hero h1 {
      font-size: 18px; }
    .home .home-hero .astro-bot-right {
      max-width: 60%;
      margin-right: -170px;
      right: 10%;
      max-height: 57%; }
    .home .home-hero .astro-bot-left {
      max-width: 60%;
      margin-left: -150px;
      left: 10%;
      max-height: 57%; }
    .home .home-hero .create-whats-next-container {
      padding: 20px 0; }
      .home .home-hero .create-whats-next-container svg {
        max-width: 80%; } }

@media screen and (max-width: 478px) {
  .home .home-hero .astro-bot-right {
    max-width: 70%;
    margin-right: -140px; }
  .home .home-hero .astro-bot-left {
    max-width: 70%;
    margin-left: -130px; } }

.page-wrapper.industry {
  background-repeat: no-repeat;
  background-size: 400%; }
  .page-wrapper.industry .top-hero {
    align-items: flex-end;
    background-image: none;
    flex-direction: column;
    justify-content: space-between;
    height: auto; }
    .page-wrapper.industry .top-hero > .row {
      margin-top: 40px; }
    .page-wrapper.industry .top-hero .hero-element {
      width: auto;
      max-width: 85%;
      margin: 92px auto 0;
      display: flex;
      align-items: flex-end;
      flex-shrink: 1; }
    .page-wrapper.industry .top-hero #hero-element-center {
      margin: 0 auto;
      position: relative;
      z-index: 1; }
    .page-wrapper.industry .top-hero #hero-element-left {
      position: relative;
      z-index: 2;
      display: none; }
    .page-wrapper.industry .top-hero #hero-element-right {
      position: relative;
      z-index: 0;
      display: none; }
    .page-wrapper.industry .top-hero .hero-lockup {
      max-width: 800px;
      margin: 0 auto; }
      .page-wrapper.industry .top-hero .hero-lockup * {
        color: #242E40; }
      .page-wrapper.industry .top-hero .hero-lockup h1 {
        font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .page-wrapper.industry .intro {
    margin: 0 auto;
    max-width: 1042px;
    text-align: center;
    padding-top: 20px; }
    .page-wrapper.industry .intro h2 {
      font-size: 24px;
      margin-bottom: 12px; }
    .page-wrapper.industry .intro p {
      font-size: 14px;
      line-height: 24px; }
      .page-wrapper.industry .intro p:last-of-type {
        margin-bottom: 0; }
    .page-wrapper.industry .intro small a {
      color: #355480; }
  .page-wrapper.industry .industry-experience {
    background-color: #242E40;
    color: #fff;
    text-align: center; }
    .page-wrapper.industry .industry-experience h3 {
      font-size: 24px; }
  .page-wrapper.industry.education {
    background-image: url("/assets/images/work/education-hero-bg.png"); }
  .page-wrapper.industry.retail-consumer-goods {
    background-image: url("/assets/images/work/retail-hero-bg.png"); }
    .page-wrapper.industry.retail-consumer-goods .top-hero .hero-lockup {
      max-width: 1000px; }
  .page-wrapper.industry.financial-services {
    background-image: url("/assets/images/work/financial-services-hero-bg.png"); }
    .page-wrapper.industry.financial-services .top-hero .hero-lockup {
      max-width: 1000px; }
  .page-wrapper.industry.high-tech {
    background-image: url("/assets/images/work/high-tech-hero-bg.png"); }
    .page-wrapper.industry.high-tech .top-hero > .row {
      margin-top: 25px; }
    .page-wrapper.industry.high-tech .top-hero .hero-lockup {
      max-width: 700px; }
      @media (min-width: 458px) {
        .page-wrapper.industry.high-tech .top-hero .hero-lockup {
          width: 70%; } }
  .page-wrapper.industry.healthcare {
    background-image: url("/assets/images/work/healthcare-hero-bg.png"); }
  @media print, screen and (min-width: 40em) {
    .page-wrapper.industry {
      background-size: 250%; } }
  @media (min-width: 769px) {
    .page-wrapper.industry {
      background-size: 150%; }
      .page-wrapper.industry .top-hero {
        max-height: 620px;
        height: 51vw; }
        .page-wrapper.industry .top-hero > .row {
          margin-top: 0px; }
        .page-wrapper.industry .top-hero .hero-element {
          width: 59vw;
          max-width: 800px;
          margin-top: 100px; }
        .page-wrapper.industry .top-hero #hero-element-center {
          margin: 0 -45px 0 -22px; }
        .page-wrapper.industry .top-hero #hero-element-left {
          display: inline; }
        .page-wrapper.industry .top-hero #hero-element-right {
          display: inline; }
      .page-wrapper.industry .intro h2 {
        font-size: 34px; }
      .page-wrapper.industry .intro p {
        font-size: 18px;
        line-height: 28px; }
      .page-wrapper.industry .industry-experience h3 {
        font-size: 34px; }
      .page-wrapper.industry.retail-consumer-goods .hero-element {
        max-width: 761px; }
      .page-wrapper.industry.retail-consumer-goods #hero-element-center {
        margin: 0 -12px 0 -86px; }
      .page-wrapper.industry.financial-services .top-hero {
        height: 55vw; }
      .page-wrapper.industry.financial-services .hero-element {
        max-width: 663px; }
      .page-wrapper.industry.financial-services #hero-element-center {
        margin: 0 -32px 3px -60px; }
      .page-wrapper.industry.financial-services #hero-element-right {
        margin-bottom: 9px; }
      .page-wrapper.industry.high-tech .top-hero {
        height: 55vw; }
        .page-wrapper.industry.high-tech .top-hero > .row {
          margin-top: 20px; }
      .page-wrapper.industry.high-tech .hero-element {
        margin-top: 90px;
        max-width: 718px; }
      .page-wrapper.industry.high-tech #hero-element-left {
        margin-bottom: 4px; }
      .page-wrapper.industry.high-tech #hero-element-center {
        margin: 0 -49px 0 -16px; }
      .page-wrapper.industry.high-tech #hero-element-right {
        margin-bottom: 19px; }
      .page-wrapper.industry.healthcare .hero-element {
        margin-top: 90px;
        max-width: 733px; }
      .page-wrapper.industry.healthcare #hero-element-left {
        margin-bottom: -8px; }
      .page-wrapper.industry.healthcare #hero-element-center {
        margin: 0 -8px 0 -13px; } }
  @media (min-width: 960px) {
    .page-wrapper.industry {
      background-size: 125%; }
      .page-wrapper.industry .top-hero {
        height: 52vw; }
        .page-wrapper.industry .top-hero .hero-element {
          margin-top: 110px; }
      .page-wrapper.industry.retail-consumer-goods #hero-element-left {
        margin-bottom: 7px; }
      .page-wrapper.industry.retail-consumer-goods #hero-element-center {
        margin: 0 -16px 10px -120px; }
      .page-wrapper.industry.high-tech #hero-element-left {
        margin-bottom: 5px; }
      .page-wrapper.industry.high-tech #hero-element-right {
        margin-bottom: 24px; }
      .page-wrapper.industry.high-tech #hero-element-center {
        margin: 0 -63px 0 -21px; }
      .page-wrapper.industry.healthcare #hero-element-left {
        margin-bottom: -10px; }
      .page-wrapper.industry.healthcare #hero-element-center {
        margin: 0 -8px 0 -12px; }
      .page-wrapper.industry.financial-services .top-hero {
        height: 53vw; } }
  @media (min-width: 1440px) {
    .page-wrapper.industry {
      background-position: top center;
      background-size: contain; }
      .page-wrapper.industry.retail-consumer-goods #hero-element-left {
        margin-bottom: 10px; }
      .page-wrapper.industry.retail-consumer-goods #hero-element-center {
        margin: 0 -18px 12px -148px; }
      .page-wrapper.industry.high-tech .hero-element {
        margin-top: 110px; }
      .page-wrapper.industry.high-tech #hero-element-left {
        margin-bottom: 6px; }
      .page-wrapper.industry.high-tech #hero-element-right {
        margin-bottom: 28px; }
      .page-wrapper.industry.high-tech #hero-element-center {
        margin: 0 -74px 0 -25px; }
      .page-wrapper.industry.healthcare #hero-element-left {
        margin-bottom: -12px; }
      .page-wrapper.industry.healthcare #hero-element-center {
        margin: 0 -8px 0 -13px; } }

.page-wrapper.leadership .leadership-hero {
  background-image: url("/assets/images/top-hero-pattern.png"), linear-gradient(to bottom, #8293ae, #242e40);
  background-repeat: no-repeat, no-repeat;
  background-size: cover, auto;
  background-position: left 50% top 0px, center top;
  text-align: center;
  color: #fff;
  padding: 150px 0 108px;
  position: relative;
  overflow: hidden; }
  .page-wrapper.leadership .leadership-hero h1 {
    text-transform: uppercase;
    margin: 0 auto;
    line-height: 1;
    letter-spacing: 1.7px;
    font-size: 70px;
    max-width: 620px; }
  .page-wrapper.leadership .leadership-hero .headline-subtext {
    font-size: 24px;
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.page-wrapper.leadership section.leadership-grid {
  padding: 75px 0 50px; }
  .page-wrapper.leadership section.leadership-grid .leader {
    width: 40%;
    margin: 0 5% 40px; }
    .page-wrapper.leadership section.leadership-grid .leader:nth-child(even) {
      position: relative;
      top: 30px; }
    .page-wrapper.leadership section.leadership-grid .leader:nth-child(odd) {
      position: relative;
      top: -30px; }
    @media screen and (min-width: 640px) {
      .page-wrapper.leadership section.leadership-grid .leader {
        width: 26%;
        margin: 0 2% 40px 2%;
        top: 0 !important; } }
  .page-wrapper.leadership section.leadership-grid > .wrapper {
    display: flex;
    flex-flow: row wrap;
    max-width: 960px;
    margin: 0 auto; }
  .page-wrapper.leadership section.leadership-grid.parallaxed {
    background-position: center 100px, top center; }

.page-wrapper.leadership section.join-us {
  clear: both;
  background: #8CBCD8;
  color: #fff;
  position: relative; }
  .page-wrapper.leadership section.join-us .light-bulbs {
    opacity: 0.52;
    width: 740px;
    height: 304px;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0) !important;
    z-index: 0; }
    @supports (mix-blend-mode: overlay) {
      .page-wrapper.leadership section.join-us .light-bulbs {
        mix-blend-mode: overlay;
        animation: colorchange 8s infinite;
        -webkit-animation: colorchange 8s infinite; } }
    .page-wrapper.leadership section.join-us .light-bulbs svg {
      width: 100%;
      height: auto;
      fill: #439BBF; }
      @supports (mix-blend-mode: overlay) {
        .page-wrapper.leadership section.join-us .light-bulbs svg {
          fill: currentColor; } }
  .page-wrapper.leadership section.join-us .headline {
    max-width: 650px;
    padding: 70px 0;
    position: relative;
    z-index: 1; }
    .page-wrapper.leadership section.join-us .headline h2 {
      font-size: 34px;
      margin-top: 20px; }
    .page-wrapper.leadership section.join-us .headline .cta-button {
      background: transparent;
      border: 1px solid #fff;
      margin-top: 40px;
      text-transform: uppercase;
      font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

@media screen and (max-width: 700px) {
  .page-wrapper.leadership .leadership-hero .headline-subtext {
    font-size: 18px; }
  .page-wrapper.leadership section.join-us .headline {
    max-width: 90%; }
    .page-wrapper.leadership section.join-us .headline h2 {
      font-size: 30px; } }

@media screen and (max-width: 640px) {
  .page-wrapper.leadership .leadership-hero {
    padding-top: 21vw;
    padding-bottom: 14vw; }
    .page-wrapper.leadership .leadership-hero h1 {
      width: 80%;
      font-size: calc(50px + (60 - 50)*(100vw - 375px)/(540 - 375)); } }

@media screen and (max-width: 540px) {
  .page-wrapper.leadership section.join-us .headline h2 {
    font-size: 24px; } }

@media screen and (max-width: 420px) {
  .page-wrapper.leadership section.join-us .headline .cta-button {
    font-size: 16px; } }

@media screen and (min-width: 640px) {
  .page-wrapper.leadership section.leadership-grid {
    padding: 50px 0; }
    .page-wrapper.leadership section.leadership-grid .leader:nth-child(6n-9) {
      margin-right: 12%; }
    .page-wrapper.leadership section.leadership-grid .leader:nth-child(6n-8) {
      margin-left: 12%; }
  .page-wrapper.leadership section.join-us .headline .cta-button:hover, .page-wrapper.leadership section.join-us .headline .cta-button:focus {
    background: rgba(255, 255, 255, 0.25); } }

@keyframes colorchange {
  0% {
    color: black; }
  50% {
    color: #355480; }
  100% {
    color: black; } }

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */ {
  0% {
    color: black; }
  50% {
    color: #355480; }
  100% {
    color: black; } }

.page-wrapper.not-found .top-hero {
  padding: 305px 0 7px;
  height: auto;
  max-height: none;
  min-height: 0;
  display: block; }
  .page-wrapper.not-found .top-hero h1 {
    font-size: 64px;
    color: #355480;
    max-width: 600px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    margin: 0 auto;
    line-height: 1;
    letter-spacing: 1.7px; }
  .page-wrapper.not-found .top-hero .headline-subtext {
    color: #3DA9DB;
    font-size: 23px;
    position: relative;
    z-index: 1; }
  .page-wrapper.not-found .top-hero .erased-hero {
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0) !important;
    bottom: -3px;
    z-index: 0;
    max-width: none; }

.page-wrapper.not-found .not-found-body {
  text-align: center; }
  .page-wrapper.not-found .not-found-body .not-found-message {
    color: #555555;
    font-size: 20px;
    max-width: 500px;
    margin: 70px auto 0;
    line-height: 1.3; }
  .page-wrapper.not-found .not-found-body .retrack-links {
    margin: 70px auto; }
    .page-wrapper.not-found .not-found-body .retrack-links a {
      margin: 0 2vw;
      min-width: 210px; }
  .page-wrapper.not-found .not-found-body .eraser-illustration {
    margin: 0 auto 40px; }
  .page-wrapper.not-found .not-found-body .erased-footer {
    left: 50%;
    position: absolute;
    transform: translate(-50%, 100%) !important;
    bottom: 3px; }

@media screen and (max-width: 756px) {
  .page-wrapper.not-found .not-found-body .retrack-links {
    padding: 0 20px; }
    .page-wrapper.not-found .not-found-body .retrack-links a {
      display: block;
      margin: 2vw auto;
      max-width: 500px; } }

@media screen and (max-width: 639px) {
  .page-wrapper.not-found .top-hero h1 {
    font-size: 56px; }
  .site-footer.not-found {
    padding-top: 30vw; } }

@media screen and (max-width: 560px) {
  .page-wrapper.not-found .top-hero {
    padding: 50vw 20px 0; }
    .page-wrapper.not-found .top-hero h1 {
      font-size: 48px; }
    .page-wrapper.not-found .top-hero .headline-subtext {
      font-size: 18px; }
    .page-wrapper.not-found .top-hero .erased-hero {
      max-width: 142%; }
  .page-wrapper.not-found .not-found-body .not-found-message {
    font-size: 18px; } }

@media screen and (max-width: 490px) {
  .page-wrapper.not-found .top-hero {
    padding: 62vw 20px 0; }
    .page-wrapper.not-found .top-hero h1 {
      font-size: 30px; }
    .page-wrapper.not-found .top-hero .headline-subtext {
      font-size: 14px; }
    .page-wrapper.not-found .top-hero .erased-hero {
      max-width: 168%; }
  .page-wrapper.not-found .not-found-body .not-found-message {
    font-size: 14px;
    margin-top: 40px;
    padding: 0 20px; }
  .page-wrapper.not-found .not-found-body .retrack-links {
    margin-top: 40px;
    margin-bottom: 40px; }
    .page-wrapper.not-found .not-found-body .retrack-links a {
      font-size: 16px; }
  .page-wrapper.not-found .not-found-body .eraser-illustration {
    max-width: 65%; }
  .page-wrapper.not-found .not-found-body .erased-footer {
    max-width: 90%; } }

body.simple {
  background: #242E40; }
  body.simple .page-wrapper {
    color: #555555;
    margin-top: 90px;
    background: white;
    padding: 60px 20px; }
    @media only screen and (max-width: 768px) {
      body.simple .page-wrapper {
        margin-top: 85px; } }
    @media screen and (max-width: 639px) {
      body.simple .page-wrapper {
        margin-top: 72px; } }
    body.simple .page-wrapper h1, body.simple .page-wrapper h2, body.simple .page-wrapper h3, body.simple .page-wrapper h4 {
      color: #355480; }
    body.simple .page-wrapper h1 {
      margin-bottom: 2rem; }
    body.simple .page-wrapper.terms-conditions h2 {
      font-size: 1.25rem;
      color: #DE0008;
      margin: 0 0 35px; }
    body.simple .page-wrapper p {
      margin-bottom: 2rem; }

.about {
  overflow: hidden; }
  .about .hero {
    background: #242E40;
    padding: 90px 20px 60px 20px; }
    .about .hero h3 {
      color: #fff; }
    .about .hero > .row {
      max-width: 734px; }
  .about .cta-button {
    margin-top: 20px; }
  .about .about-body {
    position: relative;
    padding: 60px 20px 180px; }
    .about .about-body > .row {
      max-width: 774px; }
    .about .about-body h2 {
      font-size: 64px;
      line-height: 0.9;
      max-width: 60%;
      text-transform: uppercase;
      font-family: "geomanist-bold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .about .about-body strong {
      color: #3DA9DB;
      font-size: 34px;
      display: block;
      font-weight: 300;
      line-height: 1; }
      .about .about-body strong.subtitle {
        max-width: 65%;
        margin: 30px 0; }
    .about .about-body p {
      font-size: 18px;
      color: #555555; }
  .about .doodle-saint-paul {
    position: absolute;
    bottom: -71px;
    left: 65%;
    max-width: 55%;
    opacity: 0;
    transition: opacity 1200ms linear; }
    .about .doodle-saint-paul.animate {
      opacity: 1; }

@media screen and (max-width: 1024px) {
  .about .doodle-saint-paul {
    left: 55%;
    max-width: 66%; } }

@media screen and (max-width: 940px) {
  .about .about-body {
    padding-bottom: 18vw; }
    .about .about-body h2 {
      max-width: 95%; }
    .about .about-body strong.subtitle {
      max-width: 85%; } }

@media screen and (max-width: 639px) {
  .about .hero {
    text-align: center; } }

@media screen and (max-width: 540px) {
  .about .about-body h2 {
    font-size: 40px;
    max-width: 100%; }
  .about .about-body strong {
    font-size: 24px; }
  .about .about-body p {
    font-size: 14px; }
  .about .doodle-saint-paul {
    left: 45%;
    max-width: 82%; } }

/* styles for job board embed */
.page-wrapper.careers .BambooHR-ATS-board {
  text-align: left; }
  .page-wrapper.careers .BambooHR-ATS-board h2 {
    display: none; }
  .page-wrapper.careers .BambooHR-ATS-board ul {
    font-size: 16px;
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0;
    border-bottom: none !important; }
    .page-wrapper.careers .BambooHR-ATS-board ul li {
      color: #777;
      list-style: none !important;
      margin: 0 !important;
      clear: both;
      line-height: 1;
      letter-spacing: normal;
      font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
      .page-wrapper.careers .BambooHR-ATS-board ul li:last-of-type ul {
        padding-bottom: 20px; }
    .page-wrapper.careers .BambooHR-ATS-board ul ul {
      padding: 20px 0 60px 0;
      border-top: 1px solid #355480;
      margin: 0; }
  .page-wrapper.careers .BambooHR-ATS-board a {
    color: #3DA9DB;
    text-decoration: none;
    line-height: 1;
    margin-bottom: .6em;
    display: inline-block; }
  .page-wrapper.careers .BambooHR-ATS-board .BambooHR-ATS-Department-Header {
    color: #355480;
    margin-bottom: 20px; }
  .page-wrapper.careers .BambooHR-ATS-board .BambooHR-ATS-Location {
    float: right;
    font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-bottom: .6em;
    padding-top: 0; }
    @media screen and (max-width: 375px) {
      .page-wrapper.careers .BambooHR-ATS-board .BambooHR-ATS-Location {
        font-size: 13px; } }

.page-wrapper.careers #BambooHR-Footer {
  font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #999999;
  text-align: center;
  margin: 20px 0 0 0; }
  .page-wrapper.careers #BambooHR-Footer img {
    display: inline;
    vertical-align: baseline; }

.carousel-container {
  text-align: center; }
  .carousel-container .carousel {
    display: flex;
    flex-direction: column;
    max-width: none;
    margin: 20px auto -10px auto; }
    .carousel-container .carousel.slick-initialized + .carousel-nav {
      display: inline-flex; }
  .carousel-container .carousel-nav {
    align-items: center;
    display: none;
    position: relative; }
    .carousel-container .carousel-nav button {
      cursor: pointer; }
    .carousel-container .carousel-nav .arrow {
      align-items: center;
      background: rgba(36, 46, 64, 0.1);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      height: 24px;
      transition: opacity 100ms linear;
      width: 24px; }
      .carousel-container .carousel-nav .arrow svg {
        height: 11px;
        width: auto; }
      .carousel-container .carousel-nav .arrow.next svg {
        transform: rotate(180deg); }
      .carousel-container .carousel-nav .arrow.slick-disabled {
        opacity: 0; }
    .carousel-container .carousel-nav .slick-dots {
      display: inline-flex;
      list-style-type: none;
      margin: 0 10px; }
      .carousel-container .carousel-nav .slick-dots li {
        margin: 0; }
        .carousel-container .carousel-nav .slick-dots li.slick-active {
          font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
      .carousel-container .carousel-nav .slick-dots button {
        font-size: 14px;
        padding: 10px 12px; }
  .carousel-container.image {
    background: linear-gradient(180deg, rgba(242, 242, 242, 0) 0%, rgba(85, 85, 85, 0.1) 100%), linear-gradient(180deg, rgba(85, 85, 85, 0.1) 0%, rgba(242, 242, 242, 0) 99.74%), linear-gradient(180deg, #EAEAEA 0%, #FFFFFF 39.95%, #FFFFFF 60.47%, #EAEAEA 100%);
    background-color: #fff;
    box-shadow: inset 0 0 12px #c1c1c1;
    padding-bottom: 38px;
    padding-top: 28px;
    position: relative; }
    .carousel-container.image .item {
      height: unset;
      max-width: 100%; }
      .carousel-container.image .item img {
        margin: 0 auto; }
    .carousel-container.image.no-whitespace-images .carousel {
      margin-bottom: 5px; }
    .carousel-container.image.no-whitespace-images .item {
      padding: 20px; }
    .carousel-container.image.no-whitespace-images.has-shadow .item img {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
  .carousel-container.content .item {
    background-color: #fff;
    color: #555555;
    margin: 10px 20px; }
    .carousel-container.content .item .image {
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 30vw;
      min-height: 175px; }
    .carousel-container.content .item h4 {
      font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      color: #355480;
      font-size: 20px;
      margin-bottom: 1rem; }
    .carousel-container.content .item .content {
      padding: 20px;
      text-align: left; }
      .carousel-container.content .item .content p:last-of-type {
        margin-bottom: 0; }
  .carousel-container.content .carousel-nav {
    display: none; }

@media print, screen and (min-width: 40em) {
  .carousel-container .carousel {
    transform: translateX(20vw);
    opacity: 0;
    transition: all 500ms ease-out; }
  .carousel-container.animate .carousel {
    transform: translateX(0);
    opacity: 1; }
  .carousel-container .carousel-nav .arrow {
    height: 36px;
    width: 36px; }
    .carousel-container .carousel-nav .arrow svg {
      height: 14px; }
  .carousel-container .carousel-nav .slick-dots button {
    font-size: 20px; }
  .carousel-container.image .carousel {
    margin-bottom: -30px; }
  .carousel-container.image.no-whitespace-images .item {
    padding: 30px; }
  .carousel-container.content .carousel {
    margin-bottom: 20px; }
  .carousel-container.content .carousel-nav button {
    color: #fff; }
  .carousel-container.content .carousel-nav .arrow {
    background: rgba(255, 255, 255, 0.2); }
    .carousel-container.content .carousel-nav .arrow svg {
      fill: #fff; }
  .carousel-container.content .item {
    display: flex !important;
    height: auto;
    margin: 15px auto;
    max-width: 85.71429rem;
    min-height: 300px;
    width: 80vw; }
    .carousel-container.content .item .image {
      height: inherit; }
    .carousel-container.content .item .content {
      padding: 6%; }
    .carousel-container.content .item h4 {
      font-size: 24px;
      max-width: 340px; }
    .carousel-container.content .item p {
      line-height: 24px; }
  .carousel-container.content .slick-initialized .slick-track {
    display: flex; }
  .carousel-container.content .slick-initialized + .carousel-nav {
    display: inline-flex; }
  .carousel-container.content .slick-initialized .item {
    margin: 15px; } }

@media (min-width: 768px) {
  .carousel-container.image {
    padding-bottom: 78px;
    padding-top: 68px; } }

@media print, screen and (min-width: 64em) {
  .carousel-container.image .item img {
    max-width: 942px; }
  .carousel-container.image.no-whitespace-images .carousel {
    margin-bottom: 25px; }
  .carousel-container.content .item {
    min-height: 400px;
    width: 70vw; } }

.case-studies-list {
  text-align: center;
  font-size: 24px; }
  .case-studies-list.animate .case-study-tile {
    opacity: 1; }
  .case-studies-list h3 {
    font-size: 24px;
    margin: 0 auto;
    max-width: 600px; }
  .case-studies-list .featured-case-study {
    margin: 24px 0 -32.5px 0; }
  .case-studies-list .multiple-cards {
    list-style-type: none;
    margin: 24px 0 -32.5px 0; }
  @media (min-width: 768px) {
    .case-studies-list h3 {
      font-size: 34px; }
    .case-studies-list .multiple-cards,
    .case-studies-list .featured-case-study {
      margin-top: 48px; } }

.case-study-tile {
  height: 296px;
  margin-bottom: 65px;
  opacity: 0;
  text-align: left;
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: linear; }
  .case-study-tile:hover a .card-title-wrapper {
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 12px;
    bottom: -25px; }
  .case-study-tile a {
    align-items: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #555555;
    display: flex;
    height: inherit;
    justify-content: center;
    padding-top: 10px;
    position: relative; }
  .case-study-tile .card-element-wrapper {
    display: block;
    height: 100%;
    overflow: hidden;
    text-align: right;
    width: 100%; }
  .case-study-tile .card-element {
    max-height: 100%;
    transform: translateX(10%);
    transition: transform 300ms linear; }
  .case-study-tile.animate a .card-element {
    transform: translateX(0%); }
  .case-study-tile .card-title-wrapper {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 12px;
    display: block;
    left: 10px;
    min-height: 96px;
    position: absolute;
    padding: 15px 20px;
    bottom: -32px;
    width: calc(100% - 20px);
    transition: all 300ms ease-in-out; }
  .case-study-tile .eyebrow {
    color: #355480;
    font-size: 12px; }
  .case-study-tile p {
    font-size: 16px;
    margin-bottom: 0; }
    .case-study-tile p:last-of-type {
      border-bottom: 2px solid transparent;
      display: inline;
      transition: border-bottom 200ms ease-in-out; }
  .case-study-tile:hover p:last-of-type {
    border-bottom-color: #8CBCD8; }
  .case-study-tile#middle-galaxy a {
    background-position: -140px -65px;
    background-size: 160%; }
    .case-study-tile#middle-galaxy a .card-element-wrapper {
      padding-top: 40px;
      padding-left: 20px; }
    .case-study-tile#middle-galaxy a .card-element {
      max-height: 322px;
      max-width: none; }
  .case-study-tile#tex a {
    background-position: right bottom; }
    .case-study-tile#tex a .card-element-wrapper {
      padding-left: 40px;
      padding-top: 40px; }
    .case-study-tile#tex a .card-element {
      max-height: 322px;
      max-width: none; }
  .case-study-tile#discover-entrepreneurship a {
    background-position: -16px 45%;
    background-size: 265%; }
    .case-study-tile#discover-entrepreneurship a .card-element-wrapper {
      padding-top: 10px; }
    .case-study-tile#discover-entrepreneurship a .card-element {
      max-height: 287px;
      max-width: none; }
  .case-study-tile#alberta-health a {
    background-position: 87% 0;
    padding-right: 10px; }
    .case-study-tile#alberta-health a .card-element {
      margin-top: 30px; }
  .case-study-tile#booster-buddy a {
    background-position: 40% bottom; }
    .case-study-tile#booster-buddy a .card-element-wrapper {
      padding-top: 25px; }
  .case-study-tile#farmers-2050 a {
    background-position-x: left; }
    .case-study-tile#farmers-2050 a .card-element-wrapper {
      padding-top: 30px;
      padding-left: 15px; }
    .case-study-tile#farmers-2050 a .card-element {
      margin-right: -28px;
      max-height: 125%;
      max-width: none; }
  .case-study-tile#providence a .card-element-wrapper {
    padding-top: 30px; }
  .case-study-tile#providence a .card-element {
    margin-right: 10px; }
  .case-study-tile#wetransfer a {
    background-position-x: left; }
    .case-study-tile#wetransfer a .card-element-wrapper {
      padding-top: 50px;
      padding-left: 20px; }
  .case-study-tile#launch-darkly a .card-element-wrapper {
    padding-top: 50px;
    padding-left: 20px; }
  .case-study-tile#xinja a .card-element-wrapper {
    padding-top: 40px; }
  .case-study-tile#xinja a .card-element {
    margin-right: 15px; }
  .case-study-tile#arfiti a .card-element-wrapper {
    padding-top: 30px; }
  .case-study-tile#arfiti a .card-element {
    margin-right: 20px; }
  .case-study-tile#o2 a .card-element-wrapper {
    padding-top: 35px; }
  .case-study-tile#o2 a .card-element {
    margin-right: 13px; }
  .case-study-tile#missions a .card-element-wrapper {
    padding-top: 40px; }
  .case-study-tile#missions a .card-element {
    margin-right: 20px; }
  .case-study-tile#westjet a {
    background-position-x: 80%; }
    .case-study-tile#westjet a .card-element-wrapper {
      padding-top: 30px; }
    .case-study-tile#westjet a .card-element {
      margin-right: 10px; }
  .case-study-tile#varo a .card-element-wrapper {
    padding-top: 40px;
    padding-left: 30px; }
  .case-study-tile#varo a .card-element {
    margin-right: 10px; }
  .case-study-tile.condensed {
    height: 232px;
    margin-bottom: 0 !important; }
    .case-study-tile.condensed .card-title-wrapper {
      min-height: auto !important;
      bottom: 0 !important;
      transform: translateY(50%); }
    .case-study-tile.condensed:hover .card-title-wrapper {
      transform: translateY(calc(50% - 7px)); }
    .case-study-tile.condensed#middle-galaxy a {
      background-position: bottom -100px right 0; }
  @media (min-width: 940px) {
    .case-study-tile {
      height: 332px; }
      .case-study-tile .card-element-wrapper {
        padding-left: unset; }
      .case-study-tile#middle-galaxy a {
        background-position: -170px -85px;
        background-size: 140%; }
        .case-study-tile#middle-galaxy a img {
          margin-right: -15px; }
      .case-study-tile#tex a .card-element-wrapper {
        padding-right: 15px;
        padding-top: 35px; }
      .case-study-tile#discover-entrepreneurship a {
        background-size: 185%; }
        .case-study-tile#discover-entrepreneurship a .card-element-wrapper {
          padding-left: 10px; }
      .case-study-tile#alberta-health a {
        background-position: right top;
        background-size: 127%; }
      .case-study-tile#booster-buddy a {
        background-position: center center;
        background-size: cover; }
      .case-study-tile#farmers-2050 a .card-element {
        margin-right: -10px;
        max-height: 133%; }
      .case-study-tile#wetransfer a {
        background-position-x: center; }
      .case-study-tile .card-title-wrapper {
        left: 20px;
        min-height: 115px;
        width: calc(90% - 48px); }
      .case-study-tile .eyebrow {
        font-size: 14px; }
      .case-study-tile p {
        font-size: 20px; } }
  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .case-study-tile {
      height: 336px; } }
  @media (min-width: 1440px) {
    .case-study-tile {
      height: 360px; }
      .case-study-tile#middle-galaxy a {
        background-position: -240px -133px;
        background-size: 155%; }
        .case-study-tile#middle-galaxy a .card-element-wrapper {
          padding-top: 59px; }
        .case-study-tile#middle-galaxy a img {
          margin-right: -35px;
          max-height: 385px; }
      .case-study-tile#tex a {
        background-position: right -73px;
        background-size: 137%; }
        .case-study-tile#tex a .card-element-wrapper {
          padding-top: 50px; }
        .case-study-tile#tex a img {
          max-height: 362px; }
      .case-study-tile#discover-entrepreneurship a {
        background-position: -13px 44%;
        background-size: 200%; }
        .case-study-tile#discover-entrepreneurship a .card-element-wrapper {
          padding-right: 5px;
          padding-top: 25px; }
        .case-study-tile#discover-entrepreneurship a img {
          max-height: 326px; } }

section.contact {
  background: #242E40;
  color: #fff;
  overflow: hidden; }
  section.contact .hero {
    background-image: url("/assets/images/beach-people.jpg");
    background-position: center -160px;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
    padding: 0 20px; }
    section.contact .hero.parallaxed {
      background-position: center 0px; }
    section.contact .hero .headline {
      text-align: left;
      color: #fff;
      padding: 140px 0;
      line-height: 4;
      max-width: 485px;
      margin: 0; }
      section.contact .hero .headline h2 {
        font-size: 40px; }
    section.contact .hero > .row {
      max-width: 768px; }
  section.contact .title {
    font-size: 34px;
    margin-bottom: 55px;
    line-height: 1.3em;
    position: relative;
    display: inline-block;
    font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    section.contact .title:after {
      content: "";
      width: 40%;
      display: block;
      position: absolute;
      bottom: -27px;
      height: 3px;
      background: #8CBCD8; }
  section.contact .contact-info a {
    color: #fff;
    text-decoration: none; }
    section.contact .contact-info a:hover {
      text-decoration: underline; }
    section.contact .contact-info a:focus {
      box-shadow: 0 0 2px rgba(255, 255, 255, 0.5); }
  section.contact .get-in-touch {
    padding: 90px 20px 160px; }
    section.contact .get-in-touch > .row {
      max-width: 768px; }
    section.contact .get-in-touch form {
      margin-top: 55px; }
      section.contact .get-in-touch form .spinner-container {
        opacity: 0;
        transition: opacity 300ms linear 800ms;
        z-index: 10;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%) !important; }
      section.contact .get-in-touch form .fields {
        position: relative; }
        section.contact .get-in-touch form .fields .inner {
          opacity: 1;
          transition: opacity 300ms linear 800ms; }
      section.contact .get-in-touch form .send-container {
        position: relative;
        float: right;
        transform: translateX(0);
        transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); }
        section.contact .get-in-touch form .send-container button {
          color: #242E40;
          background: url("/assets/images/btn-robot.png") no-repeat;
          font-size: 18px;
          display: block;
          width: 237px;
          height: 114px;
          padding: 54px 30px 0 0;
          cursor: pointer;
          margin-top: 40px;
          margin-right: -16px;
          transform: skewX(0deg);
          transition: transform 500ms linear 300ms;
          transform-origin: bottom left; }
          section.contact .get-in-touch form .send-container button:after {
            content: "";
            background: url("/assets/images/btn-robot-hover.png") no-repeat;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 400ms linear;
            z-index: 0; }
          section.contact .get-in-touch form .send-container button span {
            position: relative;
            z-index: 1; }
      section.contact .get-in-touch form.sending .spinner-container {
        opacity: 1; }
      section.contact .get-in-touch form.sending .fields .inner {
        opacity: 0.2; }
      section.contact .get-in-touch form.sending .send-container {
        transition: transform 1000ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translateX(-1000%); }
        section.contact .get-in-touch form.sending .send-container button {
          transition: transform 500ms linear 0ms;
          transform: skewX(-7deg); }
      section.contact .get-in-touch form.done .spinner-container {
        opacity: 1; }
      section.contact .get-in-touch form.done .fields .inner {
        opacity: 0.2; }
      section.contact .get-in-touch form.done .send-container {
        transition: transform 0ms;
        transform: translateX(1000%); }
        section.contact .get-in-touch form.done .send-container button {
          transition: transform 0ms;
          transform: skewX(-7deg); }

@media screen and (max-width: 940px) {
  section.contact .hero {
    background-size: auto 115%; }
  section.contact .get-in-touch {
    padding: 17vw 20px; } }

@media screen and (max-width: 639px) {
  section.contact .hero .headline {
    text-align: center;
    margin: 0 auto; }
  section.contact .intro {
    text-align: center; }
    section.contact .intro .title:after {
      left: 50% !important;
      transform: translateX(-50%); }
  section.contact .get-in-touch form.sending .send-container {
    transition: transform 1000ms cubic-bezier(0.755, 0.05, 0.855, 0.06) 100ms; }
    section.contact .get-in-touch form.sending .send-container button {
      transition: transform 300ms linear 0ms; }
  section.contact .get-in-touch form .send-container {
    float: none;
    text-align: center;
    margin: 0 auto; }
    section.contact .get-in-touch form .send-container button {
      display: inline-block; } }

@media screen and (max-width: 540px) {
  section.contact .get-in-touch form .spinner-container {
    bottom: 40px !important;
    top: auto !important; } }

@media screen and (min-width: 640px) {
  section.contact .get-in-touch form .send-container button:hover:after, section.contact .get-in-touch form .send-container button:focus:after {
    opacity: 1; } }

section.careers {
  text-align: center;
  padding: 55px 20px 255px;
  position: relative;
  overflow: hidden; }
  section.careers .welcome-robots {
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0) !important;
    bottom: -200px;
    max-width: 100%;
    transition: bottom 800ms ease-out;
    min-width: 1200px; }
    section.careers .welcome-robots.animate {
      bottom: 0; }
  section.careers h3 {
    font-size: 34px;
    color: #58B8E0; }
  section.careers p {
    font-size: 18px;
    color: #242E40;
    max-width: 682px;
    width: 90%;
    margin: 15px auto 30px; }
  section.careers .cta-container img {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto -11px; }

@media screen and (max-width: 768px) {
  section.careers {
    padding-bottom: 34vw; } }

@media screen and (max-width: 640px) {
  section.careers {
    padding-bottom: 42vw; } }

@media screen and (max-width: 500px) {
  section.careers {
    padding-bottom: 50vw; } }

@media screen and (max-width: 420px) {
  section.careers {
    padding-bottom: 60vw; } }

.contact-callout-container {
  position: fixed;
  right: -100px;
  top: 130px;
  transition: right 300ms linear;
  z-index: 10;
  cursor: pointer; }
  .contact-callout-container.animate {
    transition: right 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    right: 10px; }
  .contact-callout-container .contact-callout-content {
    align-items: center;
    background-color: #242E40;
    border-radius: 45px 45px 45px 45px / 46px 46px 46px 46px;
    display: flex;
    height: 88px;
    position: relative;
    transition: width 500ms ease-out;
    width: 88px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    overflow: hidden; }
    .contact-callout-container .contact-callout-content:after {
      content: "";
      display: block;
      height: 100%;
      width: 88px;
      background: linear-gradient(90deg, rgba(36, 46, 64, 0) 0%, #242e40 15%, #242e40 100%);
      position: absolute;
      top: 0;
      right: 0; }
    .contact-callout-container .contact-callout-content.animate {
      width: 306px;
      transition: width 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .contact-callout-container .contact-callout-copy {
    color: #fefefe;
    font-family: "geomanist-regular";
    font-size: 12px;
    height: 88px;
    left: 0;
    line-height: 1.4;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: opacity 300ms linear 1s;
    width: 306px;
    padding: 10px calc((290px * 0.28) + 18px) 10px 28px;
    display: flex;
    align-items: center; }
  .contact-callout-container .contact-callout-image {
    bottom: 0;
    height: 109px;
    max-width: unset;
    position: absolute;
    right: -3px;
    object-fit: contain; }

.expertise-card {
  background: white;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  max-width: 1315px;
  margin: 48px auto 0; }
  .expertise-card .card-hero {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    height: 24vw;
    position: relative;
    min-height: 200px;
    max-height: 368px;
    text-align: center; }
    .expertise-card .card-hero img {
      z-index: 1; }
  .expertise-card.no-shadow .card-hero {
    box-shadow: none; }
  .expertise-card .card-body {
    padding: 30px 6%; }
    .expertise-card .card-body p {
      font-size: 14px; }
    .expertise-card .card-body .right {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
  .expertise-card .title h2 {
    font-size: calc(24px + (44 - 24)*(100vw - 640px)/(1024 - 640)); }
    @media screen and (min-width: 1024px) {
      .expertise-card .title h2 {
        font-size: 44px; } }
    @media screen and (max-width: 640px) {
      .expertise-card .title h2 {
        font-size: 24px; } }
  .expertise-card .title:after {
    content: "";
    height: 3px;
    width: 110px;
    background: #8393AD;
    display: block;
    margin: 25px 0; }
  .expertise-card p {
    margin: 0;
    color: #555555;
    font-size: 16px; }
  .expertise-card .callouts-container {
    max-width: 280px; }
  .expertise-card .icon-callout {
    display: flex;
    align-items: center;
    font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    padding: 25px 0 0; }
    .expertise-card .icon-callout .icon {
      width: 80px;
      text-align: center;
      margin-right: 30px;
      flex-shrink: 0; }
      .expertise-card .icon-callout .icon img {
        width: 70px; }
    .expertise-card .icon-callout a {
      color: #3DA9DB; }
  .expertise-card.missions .card-hero {
    cursor: pointer; }
    .expertise-card.missions .card-hero:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: radial-gradient(circle, rgba(0, 199, 255, 0.11) 0, rgba(0, 67, 86, 0.13) 100%);
      transition: opacity 250ms linear;
      z-index: 0;
      opacity: 0;
      box-shadow: inset 0 0 4px 2px rgba(0, 197, 255, 0.47); }
    .expertise-card.missions .card-hero:hover:before {
      opacity: 1; }
  .expertise-card.missions .hero-element {
    top: 52%;
    left: 49.5%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 8.5%;
    min-width: 63px;
    max-width: 100px; }
  .expertise-card.wetransfer .hero-element {
    position: absolute;
    bottom: -17%;
    right: 0;
    width: 118px;
    transition: right 1s ease-out; }
    .expertise-card.wetransfer .hero-element.animate {
      right: 20px; }
  .expertise-card.fortune500 .hero-element {
    position: absolute;
    max-width: 96%;
    right: 40%;
    margin: 0 auto;
    max-height: 220px;
    width: auto;
    bottom: -47px;
    transform: translateX(50%);
    transition: right 1s ease-out; }
    .expertise-card.fortune500 .hero-element.animate {
      right: 50%; }
  .expertise-card.fortune500 .icon-callout .dominos {
    width: 50px; }

@media screen and (min-width: 640px) {
  .expertise-card .card-body {
    display: flex;
    justify-content: space-between; }
    .expertise-card .card-body p {
      font-size: 16px; }
  .expertise-card .icon-callout {
    padding: 15px 0; }
    .expertise-card .icon-callout .icon img {
      width: 80px; }
  .expertise-card.wetransfer .hero-element {
    bottom: -18%;
    right: 7%;
    width: 15.4%; }
    .expertise-card.wetransfer .hero-element.animate {
      right: 10.1%; }
  .expertise-card.fortune500 .hero-element {
    transform: none;
    right: 9%; }
    .expertise-card.fortune500 .hero-element.animate {
      right: 15%; }
  .expertise-card.fortune500 .icon-callout .dominos {
    width: 62px; } }

@media screen and (min-width: 840px) {
  .expertise-card.fortune500 .hero-element {
    max-height: 433px;
    top: 12px;
    height: 30vw; } }

@media screen and (min-width: 640px) and (max-width: 840px) {
  .expertise-card.wetransfer .card-hero {
    background-position: top right -45px;
    background-size: auto 100%; }
  .expertise-card.wetransfer .hero-element {
    bottom: -17%;
    right: 40px;
    width: 118px; }
    .expertise-card.wetransfer .hero-element.animate {
      right: 74px; } }

@media screen and (max-width: 640px) {
  .expertise-card.wetransfer .card-hero {
    background-position: top right -100px;
    background-size: auto 100%; } }

@media screen and (min-width: 900px) {
  .expertise-card {
    margin-top: 95px; } }

@media screen and (min-width: 1441px) {
  .expertise-card.wetransfer .hero-element {
    right: auto;
    left: calc(52% + 24vw);
    transition: left 1s ease-out; }
    .expertise-card.wetransfer .hero-element.animate {
      left: calc(48% + 24vw); }
  .expertise-card.fortune500 .hero-element {
    top: auto;
    bottom: -102px; } }

.expertise-landing-card {
  perspective: 500px;
  height: 324px;
  margin-bottom: 16px; }
  .expertise-landing-card .inner {
    min-height: 296px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.07);
    border: 1px solid rgba(0, 0, 0, 0.045);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform-style: preserve-3d;
    transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); }
  @media (hover: hover) {
    .expertise-landing-card:hover .inner {
      transform: rotateY(-180deg); } }
  .expertise-landing-card.flipped .inner {
    transform: rotateY(-180deg); }
  .expertise-landing-card .front, .expertise-landing-card .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .expertise-landing-card .front .content, .expertise-landing-card .back .content {
      padding: 20px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      flex-grow: 1;
      align-items: center; }
    .expertise-landing-card .front .cta-container, .expertise-landing-card .back .cta-container {
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-grow: 0;
      flex-shrink: 0; }
      .expertise-landing-card .front .cta-container svg, .expertise-landing-card .back .cta-container svg {
        width: 20px;
        fill: #8393AD; }
  .expertise-landing-card .front {
    background-color: white; }
    .expertise-landing-card .front img {
      height: 96px;
      margin: 20px 0px 13px; }
    .expertise-landing-card .front h3 {
      font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      color: #242E40;
      letter-spacing: 0.25px;
      margin-bottom: 4px;
      font-size: calc(20px + (26 - 20)*(100vw - 320px)/(640 - 320)); }
      @media screen and (max-width: 320px) {
        .expertise-landing-card .front h3 {
          font-size: 20px; } }
    .expertise-landing-card .front p {
      color: #4a4a4a;
      margin: 0;
      font-size: calc(14px + (18 - 14)*(100vw - 320px)/(640 - 320)); }
      @media screen and (max-width: 320px) {
        .expertise-landing-card .front p {
          font-size: 14px; } }
    .expertise-landing-card .front .cta-container {
      padding: 14px;
      width: 100%;
      bottom: 0; }
  .expertise-landing-card .back {
    transform: rotateY(180deg);
    background-color: #f7f7f7; }
    .expertise-landing-card .back img {
      height: 48px; }
    .expertise-landing-card .back h4 {
      font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      text-transform: uppercase;
      color: #242E40;
      margin: 8px 0;
      font-size: calc(14px + (16 - 14)*(100vw - 320px)/(640 - 320)); }
      @media screen and (max-width: 320px) {
        .expertise-landing-card .back h4 {
          font-size: 14px; } }
    .expertise-landing-card .back ul {
      list-style-type: none;
      margin-left: 0; }
      .expertise-landing-card .back ul li {
        color: #4a4a4a;
        line-height: calc(22px + (26 - 22)*(100vw - 320px)/(640 - 320));
        font-size: calc(12px + (14 - 12)*(100vw - 320px)/(640 - 320)); }
        .expertise-landing-card .back ul li a {
          color: #355480; }
        @media screen and (max-width: 320px) {
          .expertise-landing-card .back ul li {
            font-size: 12px;
            line-height: 22px; } }
    .expertise-landing-card .back .learn-more-btn {
      border: 1px solid #8393AD;
      padding: 14px;
      text-decoration: none;
      text-transform: uppercase;
      color: #355480;
      background-color: white;
      font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      justify-content: center;
      transition: border-color 200ms linear, color 200ms linear; }
      .expertise-landing-card .back .learn-more-btn svg {
        fill: #355480;
        margin-left: 8px;
        transition: fill 200ms linear; }
      .expertise-landing-card .back .learn-more-btn:hover {
        border-color: #8CBCD8;
        color: #8CBCD8; }
        .expertise-landing-card .back .learn-more-btn:hover svg {
          fill: #8CBCD8; }
  .expertise-landing-card.shaded-bg .front {
    background-color: #e7f1f7; }
  .expertise-landing-card:last-of-type {
    margin-bottom: 0; }

@media screen and (min-width: 640px) {
  .expertise-landing-card {
    margin: 0; }
    .expertise-landing-card .front h3 {
      font-size: 24px; }
    .expertise-landing-card .front p {
      font-size: 16px; }
    .expertise-landing-card .back h4 {
      font-size: 16px; }
    .expertise-landing-card .back ul li {
      font-size: 14px;
      line-height: 22px; }
    .expertise-landing-card .back .learn-more-btn {
      padding: 18px; } }

@media screen and (min-width: 768px) {
  .expertise-landing-card .front .cta-container {
    display: none; } }

@media screen and (min-width: 900px) {
  .expertise-landing-card {
    height: 392px; }
    .expertise-landing-card .front .content, .expertise-landing-card .back .content {
      padding: 40px;
      justify-content: normal; }
    .expertise-landing-card .front img {
      height: 128px; }
    .expertise-landing-card .front h3 {
      font-size: 24px; } }

.homepage-expertise {
  overflow: hidden; }
  .homepage-expertise .hero {
    background: #242E40;
    text-align: center;
    position: relative;
    padding: 0 20px; }
    .homepage-expertise .hero .headline {
      color: #e1eff4;
      padding: 99px 0;
      max-width: 600px; }
      .homepage-expertise .hero .headline h2 {
        font-size: 34px;
        line-height: 1.3; }
    .homepage-expertise .hero .expertise-man {
      top: 0;
      left: 50%;
      position: absolute;
      transform: translate(-50%, 0) !important;
      height: 100%;
      opacity: 0;
      transition: opacity 2000ms linear; }
      .homepage-expertise .hero .expertise-man.animate {
        opacity: 1; }
  .homepage-expertise .expertise-body {
    text-align: center;
    position: relative; }
    .homepage-expertise .expertise-body .top-fade {
      width: 100%;
      height: 164px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0)); }
    .homepage-expertise .expertise-body .bottom-fade {
      width: 100%;
      height: 164px;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 10;
      background: linear-gradient(to top, white, rgba(255, 255, 255, 0)); }
  .homepage-expertise .arms-human-robot {
    max-width: 75%; }
  .homepage-expertise .doodle-pen-ruler-paper {
    position: absolute;
    right: 75%;
    top: 22%;
    max-width: 60%;
    transform: translate(0, -200px); }
    .homepage-expertise .doodle-pen-ruler-paper.parallaxed {
      transform: translate(0, 0); }
  .homepage-expertise .doodle-person-laptop {
    position: absolute;
    left: 75%;
    top: 42%;
    max-width: 40%;
    transform: translate(0, -200px); }
    .homepage-expertise .doodle-person-laptop.parallaxed {
      transform: translate(0, 0); }
  .homepage-expertise .doodle-iphone {
    position: absolute;
    right: 80%;
    top: 58%;
    max-width: 350%;
    transform: translate(0, -200px); }
    .homepage-expertise .doodle-iphone.parallaxed {
      transform: translate(0, 0); }
  .homepage-expertise .keyboard-pencils {
    margin-bottom: -80px;
    max-width: 65%; }
  .homepage-expertise .categories > .row {
    max-width: 800px;
    padding-right: 20px;
    padding-left: 20px; }
    .homepage-expertise .categories > .row:nth-child(odd) {
      text-align: left; }
      .homepage-expertise .categories > .row:nth-child(odd) .pointline {
        float: right; }
    .homepage-expertise .categories > .row:nth-child(even) {
      text-align: right; }
      .homepage-expertise .categories > .row:nth-child(even) .pointline {
        float: left; }
  .homepage-expertise .categories .category {
    padding-top: 75px;
    padding-bottom: 75px;
    font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .homepage-expertise .categories .category .context {
      max-width: 360px;
      margin-top: 5px; }
    .homepage-expertise .categories .category .title {
      font-size: 34px; }
    .homepage-expertise .categories .category .subtitle {
      color: #58B8E0;
      font-size: 24px;
      line-height: 1.3;
      margin: 10px 0 15px; }
    .homepage-expertise .categories .category .description {
      font-size: 18px; }
  .homepage-expertise .who-for {
    clear: both;
    max-width: 1024px;
    min-height: 534px;
    margin: 0 auto;
    position: relative;
    background: #242E40;
    border-radius: 4px;
    padding: 30px 30px 5px; }
    .homepage-expertise .who-for h2 {
      line-height: 1;
      color: #fff;
      position: relative;
      margin: 0 auto 45px;
      font-size: 34px;
      max-width: 515px; }
      .homepage-expertise .who-for h2:after {
        content: '';
        display: block;
        width: 39%;
        height: 3px;
        background: rgba(255, 255, 255, 0.1);
        bottom: -25px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0); }
    .homepage-expertise .who-for .headline-subtext {
      font-size: 24px;
      margin: 12px auto 30px;
      color: #fff;
      max-width: 664px;
      line-height: 1.2; }
    @media screen and (max-width: 640px) {
      .homepage-expertise .who-for {
        margin: 40px 0; }
        .homepage-expertise .who-for h2 {
          font-size: 24px;
          max-width: 75%;
          margin-left: auto;
          margin-right: auto; }
        .homepage-expertise .who-for .headline-subtext {
          font-size: 18px; } }
    @media screen and (min-width: 640px) and (max-width: 690px) {
      .homepage-expertise .who-for {
        padding: 30px 10px 5px; } }
    @media screen and (max-width: 1024px) {
      .homepage-expertise .who-for {
        border-radius: 0; } }
    .homepage-expertise .who-for .industry-grid {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: center; }
      .homepage-expertise .who-for .industry-grid .industry-icon {
        text-align: center;
        font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 14px;
        color: #242E40;
        margin: 25px 0;
        max-width: 50%; }
        .homepage-expertise .who-for .industry-grid .industry-icon .inner {
          display: inline-block; }
          .homepage-expertise .who-for .industry-grid .industry-icon .inner:hover {
            cursor: pointer; }
            .homepage-expertise .who-for .industry-grid .industry-icon .inner:hover img {
              transform: translateY(-10px); }
            .homepage-expertise .who-for .industry-grid .industry-icon .inner:hover span {
              text-decoration: underline; }
        .homepage-expertise .who-for .industry-grid .industry-icon img {
          display: block;
          margin: 0 auto 10px;
          transform: translateY(0);
          transition: transform 300ms linear; }
        .homepage-expertise .who-for .industry-grid .industry-icon span {
          color: #fff;
          max-width: 141px;
          display: inline-block; }
        @media screen and (min-width: 640px) {
          .homepage-expertise .who-for .industry-grid .industry-icon {
            max-width: 30%; } }
        @media screen and (min-width: 900px) {
          .homepage-expertise .who-for .industry-grid .industry-icon {
            max-width: 280px; } }

@media screen and (max-width: 940px) {
  .homepage-expertise .hero .headline {
    padding: 11vw 0; }
  .homepage-expertise .doodle-pen-ruler-paper {
    top: 24%; } }

@media screen and (max-width: 540px) {
  .homepage-expertise .hero .headline h2 {
    font-size: 24px; }
  .homepage-expertise .hero .headline .headline-subtext {
    font-size: 18px; } }

@media screen and (max-width: 639px) {
  .homepage-expertise .hero {
    padding-right: 9%;
    padding-left: 9%; }
  .homepage-expertise .categories {
    padding-bottom: 50px; }
    .homepage-expertise .categories .category {
      padding-top: 50px;
      padding-bottom: 50px; }
      .homepage-expertise .categories .category .title {
        font-size: 28px; }
      .homepage-expertise .categories .category .subtitle {
        font-size: 24px; }
      .homepage-expertise .categories .category .description {
        font-size: 18px; }
    .homepage-expertise .categories > .row .pointline {
      float: none !important;
      margin-top: 40px !important; }
    .homepage-expertise .categories > .row .columns {
      width: 100%;
      text-align: center; }
      .homepage-expertise .categories > .row .columns .context {
        margin-left: auto;
        margin-right: auto; }
    .homepage-expertise .categories > .row:nth-child(even) {
      transform: scaleY(-1); }
      .homepage-expertise .categories > .row:nth-child(even) > .columns {
        transform: scaleY(-1); } }

.site-footer {
  background: #242E40;
  padding: 110px 0 160px; }
  .site-footer > .row {
    max-width: 760px; }
  .site-footer h3 {
    color: #fff;
    margin-bottom: 55px;
    position: relative;
    display: inline-block; }
    .site-footer h3:after {
      content: "";
      width: 125%;
      display: block;
      position: absolute;
      bottom: -27px;
      height: 3px;
      background: #8CBCD8; }
  .site-footer .offices-container {
    margin: 45px 0; }
    .site-footer .offices-container .columns:nth-of-type(3n+1) .inner {
      padding-right: 20px; }
    .site-footer .offices-container .columns:nth-of-type(3n-1) .inner {
      padding-right: 20px;
      padding-left: 20px; }
    .site-footer .offices-container .columns:nth-of-type(3n) .inner {
      padding-left: 20px; }
    .site-footer .offices-container .columns .inner .name {
      color: #8CBCD8;
      font-size: 18px;
      padding-bottom: 6px;
      border-bottom: 1px solid #8CBCD8;
      margin-bottom: 8px; }
    .site-footer .offices-container .columns .inner .address {
      color: #fff;
      font-size: 14px;
      margin-bottom: 15px; }
      .site-footer .offices-container .columns .inner .address a {
        display: block;
        margin-bottom: 1rem;
        line-height: 1.6;
        text-decoration: none;
        color: #fff; }
        .site-footer .offices-container .columns .inner .address a:hover {
          text-decoration: underline; }
        .site-footer .offices-container .columns .inner .address a:focus {
          box-shadow: 0 0 2px rgba(255, 255, 255, 0.5); }
  .site-footer hr {
    height: 1px;
    margin-bottom: 30px;
    margin-top: 0;
    background-color: #8CBCD8;
    border: 0; }
  .site-footer .footer-bottom {
    color: #fff; }
  .site-footer .logo-copyright-container {
    padding-right: 2vw !important;
    display: flex; }
  .site-footer .copyright {
    font-size: 13px;
    float: left;
    flex-shrink: 1;
    min-width: 0;
    align-self: center; }
    .site-footer .copyright a {
      color: #ffffff; }
  .site-footer .footer-logo {
    float: left;
    margin: 3px 25px 0 0;
    flex-shrink: 0; }
    .site-footer .footer-logo svg {
      width: 122px;
      height: auto;
      fill: #fff;
      max-height: 56px; }
  .site-footer .social {
    text-align: right;
    float: right;
    margin-top: 10px; }
    .site-footer .social a {
      text-decoration: none !important;
      padding: 0 3vw;
      display: inline-block; }
      .site-footer .social a svg {
        fill: #ffffff; }
      .site-footer .social a:hover svg, .site-footer .social a:focus svg {
        opacity: 0.8; }
      .site-footer .social a:last-child {
        padding-right: 0 !important; }
      .site-footer .social a:first-child {
        padding-left: 0 !important; }
    .site-footer .social .twitter svg {
      width: 30px;
      height: 25px;
      opacity: 0.5;
      transition: opacity 200ms linear; }
    .site-footer .social .instagram svg {
      width: 30px;
      height: 30px;
      opacity: 0.5;
      transition: opacity 200ms linear; }
    .site-footer .social .linkedin svg {
      width: 30px;
      height: 29px;
      opacity: 0.5;
      transition: opacity 200ms linear; }
    .site-footer .social .facebook svg {
      width: 30px;
      height: 31px;
      opacity: 0.5;
      transition: opacity 200ms linear; }
    .site-footer .social .medium svg {
      width: 29px;
      height: 26px;
      opacity: 0.5;
      transition: opacity 200ms linear; }
    .site-footer .social .dribbble svg {
      width: 29px;
      height: 29px;
      opacity: 0.5;
      transition: opacity 200ms linear; }

@media screen and (max-width: 768px) {
  .site-footer {
    padding: 10vw 0; }
    .site-footer .offices-container .columns:nth-of-type(3n+1) .inner {
      padding-right: 3vw; }
    .site-footer .offices-container .columns:nth-of-type(3n-1) .inner {
      padding-right: 3vw;
      padding-left: 3vw; }
    .site-footer .offices-container .columns:nth-of-type(3n) .inner {
      padding-left: 3vw; }
    .site-footer .offices-container .columns .inner .name {
      font-size: 14px; }
    .site-footer .offices-container .columns .inner .address {
      font-size: 11px; }
    .site-footer .footer-bottom {
      font-size: 11px; } }

@media screen and (max-width: 639px) {
  .site-footer[class$="not-found"] {
    padding-top: 27vw; }
  .site-footer > .row {
    text-align: center; }
  .site-footer h3:after {
    left: -12%; }
  .site-footer .social {
    margin-bottom: 20px;
    text-align: center;
    margin-top: 0; }
  .site-footer .logo-copyright-container {
    display: block; }
    .site-footer .logo-copyright-container .footer-logo {
      float: none;
      margin: 0 0 20px 0; }
    .site-footer .logo-copyright-container .copyright {
      float: none;
      max-width: 240px;
      margin: 0 auto; } }

@media screen and (min-width: 460px) and (max-width: 639px) {
  .site-footer .offices-container > .columns {
    float: left;
    width: 50%; }
    .site-footer .offices-container > .columns:nth-of-type(1n) {
      clear: none; }
    .site-footer .offices-container > .columns:nth-of-type(2n+1) {
      clear: both; }
    .site-footer .offices-container > .columns:last-child {
      float: left; }
  .site-footer .offices-container .columns .inner {
    padding-right: 3vw !important;
    padding-left: 3vw !important; }
    .site-footer .offices-container .columns .inner .name {
      font-size: 18px; }
    .site-footer .offices-container .columns .inner .address {
      font-size: 14px; } }

@media screen and (max-width: 459px) {
  .site-footer .offices-container {
    max-width: 205px !important;
    margin-left: auto !important;
    margin-right: auto !important; }
    .site-footer .offices-container .columns {
      float: none; }
      .site-footer .offices-container .columns .inner {
        padding-right: 0 !important;
        padding-left: 0 !important; }
        .site-footer .offices-container .columns .inner .name {
          font-size: 18px; }
        .site-footer .offices-container .columns .inner .address {
          font-size: 14px; } }

@media screen and (max-width: 320px) {
  .site-footer .social a {
    padding: 0 2vw; } }

@media screen and (min-width: 640px) {
  .site-footer .social a {
    padding: 0 0.7vw; }
    .site-footer .social a:hover svg {
      opacity: 0.8; } }

@media screen and (min-width: 1300px) {
  .site-footer .social a {
    padding: 0 9px; } }

.funlabs-promo {
  background: #242E40;
  padding: 16px 16px 13vw 16px;
  text-align: center;
  overflow: hidden;
  position: relative; }
  .funlabs-promo .swoosh-left {
    position: absolute;
    bottom: -15vw;
    left: -21vw;
    top: auto;
    width: 166vw;
    transform: rotateZ(6deg); }
  .funlabs-promo .swoosh-right {
    display: none; }
  .funlabs-promo > .row {
    position: relative;
    z-index: 1; }
  .funlabs-promo .correlation-container {
    margin: 0 auto;
    width: 132px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0; }
    .funlabs-promo .correlation-container svg {
      width: 22px;
      fill: #dd4752;
      flex-shrink: 0; }
    .funlabs-promo .correlation-container .book {
      flex-shrink: 1;
      flex-grow: 0;
      display: block;
      width: 60px; }
    .funlabs-promo .correlation-container .funlabs {
      flex-shrink: 1;
      flex-grow: 0;
      width: 44px;
      display: block; }
  .funlabs-promo .message {
    color: #ffffff;
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 17px;
    margin: 10px auto 20px;
    max-width: 470px;
    min-width: 250px; }
    .funlabs-promo .message i {
      font-family: "geomanist-italic", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-style: normal; }
  .funlabs-promo .cta-button {
    border: 2px solid #ffffff;
    background: transparent;
    color: #fff !important;
    font-size: 16px;
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    white-space: nowrap;
    margin: 0; }

@media screen and (min-width: 640px) {
  .funlabs-promo {
    padding-bottom: 8vw; }
    .funlabs-promo .cta-button:hover, .funlabs-promo .cta-button:focus {
      background: rgba(255, 255, 255, 0.3); } }

@media screen and (min-width: 769px) {
  .funlabs-promo {
    padding: 6px 16px; }
    .funlabs-promo .swoosh-left {
      bottom: auto;
      left: -87px;
      transform: rotateZ(10deg);
      top: 30px;
      width: 414px; }
    .funlabs-promo .swoosh-right {
      display: block;
      position: absolute;
      left: calc(100% - 36vw);
      transform: rotateZ(-16deg) scaleX(-1);
      top: 30px;
      width: 626px; }
    .funlabs-promo > div {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .funlabs-promo .correlation-container {
      width: 162px;
      margin: 0; }
      .funlabs-promo .correlation-container .book {
        width: 84px;
        margin-left: -5%;
        margin-bottom: -35px; }
    .funlabs-promo .message {
      max-width: none;
      margin: 0 8%;
      font-size: calc(16px + (18 - 16) * (100vw - 768px)/(1200 - 768)); } }
    @media screen and (min-width: 769px) and (min-width: 1200px) {
      .funlabs-promo .message {
        font-size: 18px; } }

@media screen and (min-width: 980px) {
  .funlabs-promo .message {
    margin: 0; } }

@media screen and (min-width: 1440px) {
  .funlabs-promo .swoosh-right {
    left: auto;
    right: -112px; } }

.featured-case-study {
  padding-top: 0;
  max-width: 1320px; }
  .featured-case-study .card {
    background: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
    display: block;
    text-decoration: none;
    transition: all 200ms ease-in-out; }
    .featured-case-study .card:hover {
      margin-top: -10px;
      margin-bottom: 10px;
      box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); }
      .featured-case-study .card:hover h2 span {
        border-bottom-color: #8CBCD8; }
  .featured-case-study .hero {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    margin-bottom: -25px;
    height: 24vw;
    max-height: 350px;
    min-height: 200px;
    position: relative;
    text-align: center; }
    .featured-case-study .hero img {
      position: absolute;
      transition: all 1s ease-out; }
  .featured-case-study .content {
    color: #355480;
    margin: 0;
    padding: 30px 5%;
    text-align: left; }
  .featured-case-study h2 {
    font-size: 24px;
    margin-bottom: 24px; }
    .featured-case-study h2 span {
      border-bottom: 2px solid transparent;
      transition: border-bottom 200ms ease-in-out; }
  .featured-case-study .icon-list {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin-bottom: 0; }
    .featured-case-study .icon-list li {
      font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      align-items: center;
      color: #555555;
      font-size: 12px;
      display: flex;
      justify-content: space-between; }
      .featured-case-study .icon-list li:not(:first-of-type) {
        margin-top: 10px; }
      .featured-case-study .icon-list li img {
        height: 50px;
        margin-right: 15px;
        object-fit: contain; }
      .featured-case-study .icon-list li span {
        width: 75%; }
  .featured-case-study.discover-entrepreneurship .hero {
    min-height: 175px;
    margin-bottom: 0; }
    .featured-case-study.discover-entrepreneurship .hero img {
      bottom: -8%;
      max-height: 100%;
      max-width: 95%;
      right: 10px; }
      .featured-case-study.discover-entrepreneurship .hero img.animate {
        left: 50%;
        right: 50%;
        transform: translate(-50%, 0); }
  .featured-case-study.xinja .hero {
    background-position-x: 90%;
    background-size: 200%;
    margin-bottom: -35px; }
  .featured-case-study.xinja .icon-list li img {
    height: 56px;
    width: 66px; }
  .featured-case-study.wetransfer .hero {
    background-position-x: 85%;
    background-size: 225%; }
  .featured-case-study.wetransfer .icon-list li img {
    height: auto;
    width: 60px; }
  .featured-case-study.providence .hero {
    background-position-x: 60%;
    background-size: 175%; }
  .featured-case-study.providence .icon-list li img {
    width: 80px; }
  .featured-case-study.westjet .hero {
    background-position-x: 85%;
    background-size: 190%;
    margin-bottom: -35px; }
  .featured-case-study.westjet .icon-list li img {
    width: 80px; }
  .featured-case-study.farmers-2050 .icon-list li img {
    width: 80px;
    height: 36px; }
  .featured-case-study.tex .hero {
    background-position-x: 60%;
    background-size: 175%; }
  .featured-case-study.tex .icon-list li img {
    height: auto;
    width: 50px; }
  .featured-case-study.tex .icon-list li:first-child img {
    width: 44px; }
  .featured-case-study.launch-darkly .hero {
    background-position-x: 60%;
    background-size: 175%; }
  .featured-case-study.launch-darkly .icon-list li img {
    height: auto;
    width: 50px; }
  .featured-case-study.varo .hero {
    background-position-x: 95%;
    background-size: 175%; }
  .featured-case-study.varo .icon-list li img {
    margin-right: 7px;
    width: auto;
    height: 43px; }
  .featured-case-study.varo .icon-list li:first-child img {
    width: 85px; }
  .featured-case-study.o2 .hero {
    background-position-x: 95%;
    background-size: 175%; }
  .featured-case-study.o2 .icon-list li img {
    width: 78px; }
  .featured-case-study.missions .hero {
    background-size: 210%;
    margin-bottom: -30px; }
  .featured-case-study.missions .icon-list li img {
    height: auto;
    width: 60px; }
  @media (min-width: 426px) {
    .featured-case-study.varo .hero {
      background-size: 139%; }
    .featured-case-study.o2 .hero {
      background-size: 139%; }
    .featured-case-study.wetransfer .hero {
      background-size: 150%; }
    .featured-case-study.missions .hero {
      background-size: 170%;
      margin-bottom: -40px; } }
  @media print, screen and (min-width: 40em) {
    .featured-case-study .content {
      align-items: center;
      display: flex; }
    .featured-case-study h2 {
      margin-bottom: 0; }
    .featured-case-study .icon-list li {
      align-items: center;
      flex-direction: row;
      padding-right: 0; }
    .featured-case-study.missions .hero {
      background-size: 150%;
      margin-bottom: -30px; }
    .featured-case-study.discover-entrepreneurship .hero img {
      left: 50%;
      right: auto;
      transform: none !important; }
      .featured-case-study.discover-entrepreneurship .hero img.animate {
        left: 37%; }
    .featured-case-study.wetransfer .hero {
      background-size: 125%; }
    .featured-case-study.providence .hero {
      background-size: cover;
      margin-bottom: -50px; }
      .featured-case-study.providence .hero img {
        left: 50%;
        right: auto;
        transform: none !important; }
        .featured-case-study.providence .hero img.animate {
          left: 37%; }
    .featured-case-study.providence h2 {
      margin-right: 40px; }
    .featured-case-study.westjet .hero {
      background-size: cover; }
    .featured-case-study.tex .hero {
      background-size: cover; }
    .featured-case-study.tex h2 {
      margin-right: 40px; }
    .featured-case-study.varo .hero {
      background-size: cover; }
    .featured-case-study.varo h2 {
      margin-right: 40px; }
    .featured-case-study.varo .icon-list li {
      align-items: center;
      flex-direction: row;
      padding-right: 0; }
    .featured-case-study.o2 .hero {
      background-size: cover; }
    .featured-case-study.xinja .hero {
      background-size: cover; }
    .featured-case-study.launch-darkly .hero {
      background-size: cover; }
    .featured-case-study.launch-darkly h2 {
      margin-right: 40px; } }
  @media (min-width: 768px) {
    .featured-case-study .icon-list li img {
      height: 65px; }
    .featured-case-study.discover-entrepreneurship .icon-list {
      margin-top: 2%; }
    .featured-case-study.missions .hero {
      background-size: cover; }
    .featured-case-study.wetransfer .hero {
      background-size: cover; }
    .featured-case-study.o2 .icon-list img {
      height: 50px; }
    .featured-case-study.launch-darkly .icon-list li img {
      width: 63px; }
    .featured-case-study.farmers-2050 .icon-list li img {
      width: 100px;
      height: 50px; }
    .featured-case-study.wetransfer .hero {
      background-size: 106%; } }
  @media print, screen and (min-width: 64em) {
    .featured-case-study h2 {
      font-size: 40px; }
    .featured-case-study .icon-list {
      flex-direction: row; }
      .featured-case-study .icon-list li {
        font-size: 14px; }
        .featured-case-study .icon-list li:not(:first-of-type) {
          margin-top: 0; }
        .featured-case-study .icon-list li img {
          height: 75px; }
    .featured-case-study.discover-entrepreneurship .icon-list {
      margin-top: 4%; }
    .featured-case-study.tex .hero {
      margin-bottom: -40px; }
    .featured-case-study.launch-darkly .icon-list li img {
      width: 63px; }
    .featured-case-study.varo .hero {
      margin-bottom: -40px; }
    .featured-case-study.varo .icon-list li img {
      height: 50px; }
    .featured-case-study.o2 .hero {
      margin-bottom: -40px; }
    .featured-case-study.providence .hero {
      margin-bottom: -70px; } }
  @media (min-width: 1440px) {
    .featured-case-study.tex .hero {
      margin-bottom: -70px; }
    .featured-case-study.launch-darkly .hero {
      margin-bottom: -50px; }
    .featured-case-study.xinja .hero {
      margin-bottom: -60px; }
    .featured-case-study.xinja .icon-list li img {
      height: 75px; } }

.funlabs-mobile-cycle-control {
  border-top: 2px solid #CCCCCC; }
  .funlabs-mobile-cycle-control .control-container {
    position: relative; }
  .funlabs-mobile-cycle-control select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 1;
    opacity: 0; }
  .funlabs-mobile-cycle-control .selected-container {
    display: flex;
    align-items: center;
    position: relative;
    padding: 8px 48px 8px 20px;
    z-index: 0; }
    .funlabs-mobile-cycle-control .selected-container:after {
      content: "";
      position: absolute;
      right: 20px;
      top: 50%;
      width: 8px;
      height: 12px;
      background: url(/assets/images/icons/chevron.svg);
      transform: rotate(-90deg) translateY(-50%);
      transform-origin: top center; }
  .funlabs-mobile-cycle-control .separator {
    height: 32px;
    width: 1px;
    background: #355480;
    margin: 0 12px; }
  .funlabs-mobile-cycle-control .name {
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px; }
  .funlabs-mobile-cycle-control .number {
    font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 22px; }

form .shell {
  position: relative;
  line-height: 1; }
  form .shell span {
    position: absolute;
    left: 3px;
    top: 1px;
    color: #ccc;
    pointer-events: none;
    z-index: -1; }
    form .shell span i {
      font-style: normal;
      /* any of these 3 will work */
      color: transparent;
      opacity: 0;
      visibility: hidden; }

form label {
  color: #fff !important;
  font-size: 12px; }

form input[type="text"], form input[type="tel"], form textarea {
  height: 44px;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 3px;
  color: #fff !important;
  font-size: 16px;
  transition: all 200ms linear;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 10px 15px; }
  form input[type="text"]::-webkit-input-placeholder, form input[type="tel"]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.25) !important; }
  form input[type="text"]::-moz-placeholder, form input[type="tel"]::-moz-placeholder, form textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.25) !important; }
  form input[type="text"]:-ms-input-placeholder, form input[type="tel"]:-ms-input-placeholder, form textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.25) !important; }
  form input[type="text"]:-moz-placeholder, form input[type="tel"]:-moz-placeholder, form textarea:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.25) !important; }
  form input[type="text"]:focus, form input[type="tel"]:focus, form textarea:focus {
    border-color: rgba(140, 188, 216, 0.5); }
  form input[type="text"].is-invalid-input, form input[type="tel"].is-invalid-input, form textarea.is-invalid-input {
    border-color: rgba(222, 0, 8, 0.6) !important; }

form .alert {
  font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #fff;
  font-size: 16px;
  padding: 10px 10px 10px 44px;
  border-radius: 3px;
  min-height: 44px;
  margin: 0 0 1rem 0;
  position: relative !important; }
  form .alert.error {
    background: rgba(222, 0, 8, 0.2);
    border: 1px solid rgba(222, 0, 8, 0.5); }
  form .alert.success {
    background: rgba(0, 222, 8, 0.2);
    border: 1px solid rgba(0, 222, 8, 0.5); }

form .form-error {
  color: #ffffff;
  font-weight: 400;
  font-size: 12px; }

form .icon-error {
  height: 44px;
  width: 44px;
  position: relative;
  font-style: normal;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0; }
  form .icon-error:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '\d7';
    /* use the hex value here... */
    font-size: 37px;
    color: #fff;
    line-height: 37px;
    text-align: center;
    font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

form .icon-success {
  display: inline-block;
  margin: 0 16px 0 17px; }
  form .icon-success:after {
    /*Add another block-level blank space*/
    content: '';
    display: block;
    /*Make it a small rectangle so the border will create an L-shape*/
    width: 11px;
    height: 19px;
    /*Add a white border on the bottom and left, creating that 'L' */
    border: solid #fff;
    border-width: 0 3px 3px 0;
    /*Rotate the L 45 degrees to turn it into a checkmark*/
    transform: rotate(45deg); }

.site-header {
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  background: transparent;
  transition: transform 300ms linear, background 300ms linear, box-shadow 300ms linear;
  transform: translateY(0); }
  .site-header ul {
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0; }
    .site-header ul li {
      position: relative; }
      .site-header ul li .dropdown-container {
        display: none;
        position: relative;
        z-index: 1;
        background: white;
        padding: 20px;
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        text-align: left;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 20px;
        opacity: 0;
        transition-property: opacity;
        transition-delay: 1s;
        transition-duration: 1s;
        width: 101%; }
        .site-header ul li .dropdown-container:before {
          content: "";
          display: block;
          background: #fff;
          width: 22px;
          height: 22px;
          position: absolute;
          top: 0;
          left: 30px;
          transform: translateY(-50%) rotate(45deg); }
        .site-header ul li .dropdown-container a {
          display: inline-block;
          text-align: left;
          text-decoration: none;
          white-space: nowrap;
          font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-size: 18px;
          color: #242E40;
          margin-bottom: 12px;
          padding: 6px;
          position: relative; }
          .site-header ul li .dropdown-container a.active:after {
            background: #8CBCD8; }
          .site-header ul li .dropdown-container a:after {
            content: "";
            position: relative;
            display: block;
            left: 0;
            right: 0;
            bottom: -2px;
            height: 2px;
            width: 100%;
            background: transparent;
            transition: background 300ms linear;
            margin-bottom: -2px; }
          .site-header ul li .dropdown-container a:last-of-type {
            margin-bottom: 0; }
      .site-header ul li:not(:first-of-type) {
        flex-grow: 1; }
      .site-header ul li > a {
        font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        padding: 35px 23px;
        display: inline-block;
        vertical-align: top;
        line-height: 1;
        position: relative;
        transition: color 300ms linear; }
        .site-header ul li > a:after {
          content: "";
          position: relative;
          display: block;
          left: -15%;
          right: 0;
          bottom: -10px;
          height: 2px;
          width: 130%;
          background: transparent;
          transition: background 300ms linear; }
        .site-header ul li > a.active:not(.contact):after {
          background: #8CBCD8; }
      .site-header ul li.logo > a {
        padding: 16px 16px 16px 0; }
        .site-header ul li.logo > a:after {
          display: none; }
      .site-header ul li.logo svg {
        fill: #fff;
        max-width: 131px;
        max-height: 56px;
        width: 100%;
        transition: fill 300ms linear 0ms; }
  .site-header .mobile-header .mobile-header-ctas .mobile-contact {
    color: #fff; }
    .site-header .mobile-header .mobile-header-ctas .mobile-contact span {
      border: 1px solid white; }
  .dark-mode .site-header ul li.logo svg {
    fill: #c1272d; }
  .dark-mode .site-header ul li > a {
    color: #355480; }
    .dark-mode .site-header ul li > a.contact span {
      border-color: #355480; }
  .dark-mode .site-header.mobile-open ul li > a:not(.active) {
    color: #fff; }
  .dark-mode .site-header.mobile-open .mobile-header .logo-container a {
    color: #fff; }
    .dark-mode .site-header.mobile-open .mobile-header .logo-container a svg#robot-text,
    .dark-mode .site-header.mobile-open .mobile-header .logo-container a svg#text-only {
      fill: #fff; }
  .dark-mode .site-header .mobile-header .logo-container a {
    color: #355480; }
    .dark-mode .site-header .mobile-header .logo-container a svg#robot-text,
    .dark-mode .site-header .mobile-header .logo-container a svg#text-only {
      fill: #c1272d; }
  .dark-mode .site-header .mobile-header .mobile-header-ctas .mobile-contact {
    color: #355480; }
    .dark-mode .site-header .mobile-header .mobile-header-ctas .mobile-contact span {
      border: 1px solid #355480; }

@media screen and (min-width: 769px) {
  .site-header:not(.scrolled) ul li > a:hover + .dropdown-container {
    animation: menu-in 300ms;
    animation-fill-mode: forwards; }
  .site-header .mobile-header {
    display: none; }
  .site-header ul {
    flex-direction: row; }
    .site-header ul li > a .arrow {
      display: none; }
    .site-header ul li > a:not(.contact):hover, .site-header ul li > a:not(.contact):focus {
      box-shadow: none; }
      .site-header ul li > a:not(.contact):hover:after, .site-header ul li > a:not(.contact):focus:after {
        background: rgba(255, 255, 255, 0.2); }
    .site-header ul li > a.contact:hover, .site-header ul li > a.contact:focus {
      box-shadow: none; }
      .site-header ul li > a.contact:hover span, .site-header ul li > a.contact:focus span {
        background: rgba(255, 255, 255, 0.15); }
    .site-header ul li > a.contact span {
      display: block;
      border: 1px solid white;
      padding: 10px 20px;
      transition: background 300ms linear, border-color 300ms linear;
      position: relative; }
      .site-header ul li > a.contact span:after {
        content: "";
        background-image: url("/assets/images/contact-robot@2x.png");
        background-repeat: no-repeat;
        background-size: 73px 41px;
        width: 73px;
        height: 41px;
        position: absolute;
        bottom: -27px;
        opacity: 0;
        right: -48px;
        transition: opacity 200ms linear 0ms; }
      .site-header ul li > a.contact span:before {
        content: "";
        background: #dbe8ff;
        border: 1px solid #dbe8ff;
        width: 100%;
        height: 100%;
        position: absolute;
        top: -1px;
        opacity: 0;
        left: -1px;
        box-sizing: content-box;
        transition: opacity 200ms linear 0ms;
        z-index: -1; }
    .site-header ul li .dropdown-container {
      display: flex;
      position: absolute;
      box-shadow: 0 4px 25px rgba(0, 0, 0, 0.25);
      opacity: 0;
      visibility: hidden;
      margin-top: 0;
      width: auto; }
      .site-header ul li .dropdown-container:hover {
        animation: menu-in 300ms;
        animation-fill-mode: forwards; }
      .site-header ul li .dropdown-container:before {
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg); }
      .site-header ul li .dropdown-container a {
        font-size: 14px;
        padding: 4px; }
        .site-header ul li .dropdown-container a:hover:after, .site-header ul li .dropdown-container a:focus:after {
          background: rgba(140, 188, 216, 0.2); }
    .site-header ul li.logo a:focus:before {
      content: "";
      display: block;
      position: absolute;
      width: 80%;
      height: 80%;
      top: 10%;
      left: 10%;
      border: 2px solid rgba(255, 255, 255, 0.2); }
    .site-header ul li.logo a:active:before {
      display: none; }
  .site-header.scrolled {
    background: #fff;
    box-shadow: 0 2px 4px rgba(36, 46, 64, 0.15), 0 12px 24px rgba(36, 46, 64, 0.12);
    transition: transform 300ms linear, background 300ms linear 300ms, box-shadow 300ms linear;
    transform: translateY(-100%); }
    .site-header.scrolled .dropdown-container {
      box-shadow: 0 8px 11px -6px rgba(36, 46, 64, 0.25);
      background: linear-gradient(180deg, rgba(36, 46, 64, 0.22) 0%, rgba(36, 46, 64, 0) 3%, rgba(36, 46, 64, 0) 7%, rgba(36, 46, 64, 0) 100%), #fff; }
      .site-header.scrolled .dropdown-container:before {
        display: none; }
    .site-header.scrolled.show {
      transform: translateY(0); }
      .site-header.scrolled.show ul li > a:hover + .dropdown-container {
        animation: menu-in 300ms;
        animation-fill-mode: forwards; }
    .site-header.scrolled ul li > a {
      color: #355480; }
      .site-header.scrolled ul li > a svg {
        transition: fill 300ms linear 300ms;
        fill: #DE0008; }
      .site-header.scrolled ul li > a:not(.contact):not(.active):hover, .site-header.scrolled ul li > a:not(.contact):not(.active):focus {
        box-shadow: none; }
        .site-header.scrolled ul li > a:not(.contact):not(.active):hover:after, .site-header.scrolled ul li > a:not(.contact):not(.active):focus:after {
          background: rgba(140, 188, 216, 0.2); }
      .site-header.scrolled ul li > a.active:not(.contact):after {
        background: #8CBCD8; }
      .site-header.scrolled ul li > a.contact.active span {
        border-color: #8CBCD8;
        background: #8CBCD8; }
      .site-header.scrolled ul li > a.contact span {
        border-color: #dbe8ff; }
        .site-header.scrolled ul li > a.contact span:after {
          transition: opacity 300ms linear 300ms;
          opacity: 1; }
        .site-header.scrolled ul li > a.contact span:before {
          transition: opacity 300ms linear 300ms;
          opacity: 1; }
      .site-header.scrolled ul li > a.contact:hover, .site-header.scrolled ul li > a.contact:focus {
        box-shadow: none; }
        .site-header.scrolled ul li > a.contact:hover span, .site-header.scrolled ul li > a.contact:focus span {
          border-color: #a8c7ff;
          background: #a8c7ff; }
  .dark-mode .site-header:not(.scrolled) ul li > a:not(.contact):hover:after, .dark-mode .site-header:not(.scrolled) ul li > a:not(.contact):focus:after {
    background: rgba(53, 84, 128, 0.1); }
  .dark-mode .site-header:not(.scrolled) ul li > a.contact:hover span, .dark-mode .site-header:not(.scrolled) ul li > a.contact:focus span {
    background: rgba(53, 84, 128, 0.05); } }

@media screen and (min-width: 1024px) {
  .site-header ul li > a.contact {
    padding: 24px 0 24px calc(23px - 20px); } }

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .site-header ul li > a {
    padding: 35px 11%; }
    .site-header ul li > a.contact {
      padding-bottom: 23px;
      padding-top: 25px; }
      .site-header ul li > a.contact span {
        padding: 10px; } }

@media only screen and (min-width: 640px) and (max-width: 768px) {
  .site-header .mobile-header .mobile-header-ctas .mobile-contact span {
    transition: border-color 300ms linear, background 300ms linear; }
    .site-header .mobile-header .mobile-header-ctas .mobile-contact span:after {
      content: "";
      background-image: url("/assets/images/contact-robot@2x.png");
      background-repeat: no-repeat;
      background-size: 68px auto;
      width: 73px;
      height: 41px;
      position: absolute;
      bottom: -92px;
      left: -49px;
      transition: bottom 200ms linear 0ms;
      transform: scaleX(-1); }
    .site-header .mobile-header .mobile-header-ctas .mobile-contact span:before {
      content: "";
      background: #dbe8ff;
      border: 1px solid #dbe8ff;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 65px;
      left: -1px;
      box-sizing: content-box;
      transition: top 200ms linear 0ms;
      z-index: -1; }
  .site-header.scrolled .mobile-header .mobile-header-ctas .mobile-contact span:after {
    transition: bottom 300ms linear 300ms;
    bottom: -28px; }
  .site-header.scrolled .mobile-header .mobile-header-ctas .mobile-contact span:before {
    transition: top 300ms linear 300ms;
    top: -1px; } }

@media only screen and (max-width: 768px) {
  .site-header {
    transform: none; }
    .site-header .container {
      position: fixed;
      width: 100%;
      height: 100%;
      background: rgba(47, 57, 74, 0.95);
      left: 100%;
      top: 0;
      transition: left 400ms ease-out; }
    .site-header.scrolled:not(.mobile-open) .mobile-header {
      box-shadow: 0 2px 4px rgba(36, 46, 64, 0.15), 0 12px 24px rgba(36, 46, 64, 0.12);
      transition: transform 300ms linear, background 300ms linear 300ms, box-shadow 300ms linear;
      transform: translateY(-100%); }
      .site-header.scrolled:not(.mobile-open) .mobile-header .funlabs-mobile-control {
        transition: opacity 300ms linear 300ms, margin-top 300ms linear;
        opacity: 1; }
      .site-header.scrolled:not(.mobile-open) .mobile-header .main-nav {
        position: relative;
        z-index: 1;
        transition: background 300ms linear 300ms;
        background: #fff; }
    .site-header.scrolled:not(.mobile-open).show .mobile-header {
      transform: translateY(0); }
    .site-header .funlabs-mobile-control {
      margin-top: -51px;
      position: relative;
      z-index: 0;
      transition: margin-top 300ms linear;
      opacity: 0; }
      .site-header .funlabs-mobile-control.animate {
        margin-top: 0; }
    .site-header .mobile-header {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      z-index: 1;
      transition: background 300ms linear, box-shadow 300ms linear;
      overflow: hidden; }
      .site-header .mobile-header .inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        position: relative;
        z-index: 1;
        transition: background 300ms linear; }
      .site-header .mobile-header .mobile-header-ctas {
        padding: 0;
        display: block;
        position: relative;
        z-index: 2; }
        .site-header .mobile-header .mobile-header-ctas #mobile-menu-toggle {
          float: right;
          padding: 32px 15px 29px 15px;
          transition: top 0.15s linear; }
          .site-header .mobile-header .mobile-header-ctas #mobile-menu-toggle.is-active {
            top: 2px; }
        .site-header .mobile-header .mobile-header-ctas .mobile-contact {
          float: right;
          font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          text-decoration: none;
          font-size: 18px;
          padding: 23px 12px 23px 20px;
          line-height: 1;
          transition: color 300ms linear, opacity 300ms linear;
          opacity: 1; }
          .site-header .mobile-header .mobile-header-ctas .mobile-contact span {
            display: block;
            border: 1px solid white;
            padding: 9px 20px;
            transition: background 300ms linear, border-color 300ms linear;
            position: relative; }
      .site-header .mobile-header .logo-container {
        text-align: left;
        position: relative;
        z-index: 1;
        padding: 15px;
        float: left; }
        .site-header .mobile-header .logo-container a {
          display: inline-block;
          max-width: 100%;
          color: #ffffff; }
          .site-header .mobile-header .logo-container a svg {
            width: 130px;
            max-width: 100%;
            fill: #fff;
            transition: fill 300ms linear 0ms; }
            .site-header .mobile-header .logo-container a svg#robot-text {
              display: block;
              max-height: 56px; }
            .site-header .mobile-header .logo-container a svg#text-only {
              display: none; }
    .site-header ul {
      width: 100%;
      position: absolute;
      top: 80px;
      left: 0;
      overflow-x: hidden; }
      .site-header ul .logo {
        display: none; }
      .site-header ul li {
        float: none;
        display: flex;
        flex-direction: column;
        flex-shrink: 0; }
        .site-header ul li a {
          font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-size: 27px;
          padding: 16px 75px 16px 30px;
          position: relative;
          text-align: left; }
          .site-header ul li a:after {
            display: none; }
          .site-header ul li a.active {
            color: #8CBCD8; }
          .site-header ul li a span:not(.arrow) {
            position: relative;
            display: inline-block; }
            .site-header ul li a span:not(.arrow):after {
              content: "";
              position: absolute;
              background: #8CBCD8;
              bottom: -8px;
              left: 0;
              height: 2px;
              width: 100%;
              display: block;
              opacity: 0; }
          .site-header ul li a span.arrow {
            position: absolute;
            top: 0;
            right: 0;
            width: 75px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .site-header ul li a span.arrow svg {
              fill: #fff;
              transform: rotate(-90deg);
              width: 13px;
              transition: transform 200ms linear; }
            .site-header ul li a span.arrow:before {
              position: absolute;
              content: "";
              left: 0;
              height: 70%;
              top: 15%;
              width: 1px;
              background: rgba(255, 255, 255, 0.3); }
        .site-header ul li.mobile-submenu-open span:not(.arrow):after {
          opacity: 1; }
        .site-header ul li.mobile-submenu-open span.arrow svg {
          transform: scaleY(-1) rotate(-90deg); }
        .site-header ul li.mobile-submenu-open .dropdown-container {
          display: flex;
          animation: menu-in 300ms;
          animation-fill-mode: forwards; }
    .site-header.mobile-open .container {
      left: 0; }
    .site-header.mobile-open .mobile-header .mobile-header-ctas .mobile-contact {
      opacity: 0; }
    .site-header.mobile-open.scrolled .mobile-header {
      background: none;
      box-shadow: none; }
      .site-header.mobile-open.scrolled .mobile-header .logo-container a {
        color: #fff; }
        .site-header.mobile-open.scrolled .mobile-header .logo-container a svg {
          fill: #fff; }
    .site-header.mobile-open.mobile-submenu-open .mobile-header {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
      background: #2f394a !important; }
    .site-header.mobile-open.mobile-submenu-open ul {
      padding-bottom: 30px;
      overflow-y: auto;
      overflow-x: hidden;
      max-height: calc(100% - 80px); }
    .site-header.scrolled .mobile-header {
      background: #fff;
      box-shadow: 0 2px 4px rgba(36, 46, 64, 0.15), 0 12px 24px rgba(36, 46, 64, 0.12); }
      .site-header.scrolled .mobile-header .logo-container a {
        color: #355480; }
        .site-header.scrolled .mobile-header .logo-container a svg {
          transition: fill 300ms linear 300ms;
          fill: #DE0008; }
      .site-header.scrolled .mobile-header .mobile-header-ctas .mobile-contact {
        color: #355480; }
        .site-header.scrolled .mobile-header .mobile-header-ctas .mobile-contact span {
          border-color: #dbe8ff; } }

@media screen and (max-width: 639px) {
  .site-header .mobile-header .mobile-header-ctas .mobile-contact {
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px; }
    .site-header .mobile-header .mobile-header-ctas .mobile-contact span {
      padding: 8px 11px; }
  .site-header .mobile-header .mobile-header-ctas #mobile-menu-toggle {
    padding: 24px 10px; }
  .site-header .mobile-header .logo-container {
    padding: 19px 8px; }
    .site-header .mobile-header .logo-container a svg {
      width: 72px; }
      .site-header .mobile-header .logo-container a svg#robot-text {
        display: none; }
      .site-header .mobile-header .logo-container a svg#text-only {
        display: block;
        max-height: 42px; }
  .site-header.scrolled .mobile-header .mobile-header-ctas .mobile-contact span {
    border-color: #dbe8ff;
    background: #dbe8ff; } }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger-box {
  width: 32px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 7px;
  width: 68%;
  height: 3px;
  background-color: #fff;
  position: absolute;
  right: 0; }
  .hamburger-inner > span {
    width: 50%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: -14px;
    opacity: 1;
    right: 0; }
  .hamburger-inner::before, .hamburger-inner::after {
    width: 32px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    right: 0; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -7px; }
  .hamburger-inner::after {
    bottom: -7px; }

.dark-mode .site-header .hamburger-inner {
  background-color: #355480; }
  .dark-mode .site-header .hamburger-inner > span {
    background-color: #355480; }
  .dark-mode .site-header .hamburger-inner::before, .dark-mode .site-header .hamburger-inner::after {
    background-color: #355480; }

.dark-mode .site-header.mobile-open .hamburger-inner {
  background-color: #fff; }
  .dark-mode .site-header.mobile-open .hamburger-inner > span {
    background-color: #fff; }
  .dark-mode .site-header.mobile-open .hamburger-inner::before, .dark-mode .site-header.mobile-open .hamburger-inner::after {
    background-color: #fff; }

.site-header.scrolled .hamburger-inner {
  background-color: #355480; }
  .site-header.scrolled .hamburger-inner > span {
    background-color: #355480; }
  .site-header.scrolled .hamburger-inner::before, .site-header.scrolled .hamburger-inner::after {
    background-color: #355480; }

.site-header.scrolled.mobile-open .hamburger-inner {
  background-color: #fff; }
  .site-header.scrolled.mobile-open .hamburger-inner > span {
    background-color: #fff; }
  .site-header.scrolled.mobile-open .hamburger-inner::before, .site-header.scrolled.mobile-open .hamburger-inner::after {
    background-color: #fff; }

.hamburger--spin .hamburger-inner {
  transition: transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), width 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 300ms linear; }
  .hamburger--spin .hamburger-inner > span {
    transition: bottom 0.1s 0.25s ease-in, opacity 0.1s ease-in, background-color 300ms linear; }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in, background-color 300ms linear; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 300ms linear; }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  width: 100%;
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner > span {
    bottom: 0;
    opacity: 0; }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

@keyframes menu-in {
  0% {
    visibility: visible;
    opacity: 0; }
  100% {
    visibility: visible;
    opacity: 1; } }

@-webkit-keyframes menu-in /* Safari and Chrome - necessary duplicate */ {
  0% {
    visibility: visible;
    opacity: 0; }
  100% {
    visibility: visible;
    opacity: 1; } }

.industries-navigation {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 6px;
  padding: 50px 0;
  text-align: center; }
  .industries-navigation h3 {
    font-size: 20px;
    color: #242E40;
    max-width: 80%;
    margin: 15px auto 0; }
  .industries-navigation ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style-type: none;
    margin: 20px auto 0 auto;
    max-width: 700px; }
    .industries-navigation ul li {
      padding: 5px 10px; }
      .industries-navigation ul li a {
        color: #355480;
        display: inline-block;
        font-size: 24px;
        text-decoration: none; }
        .industries-navigation ul li a span {
          border-bottom: 1px solid #CCCCCC; }
        .industries-navigation ul li a:hover span {
          border-bottom-color: #355480; }
  @media screen and (min-width: 560px) {
    .industries-navigation ul {
      flex-direction: row;
      flex-wrap: wrap; } }
  @media screen and (min-width: 769px) {
    .industries-navigation {
      padding: 80px 0; }
      .industries-navigation h3 {
        font-size: 24px;
        max-width: 650px; }
      .industries-navigation ul li a {
        font-size: 32px; } }

.industry-leaders {
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), url(/assets/images/top-hero-pattern.png);
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  background-position: center 0px, top center; }
  .industry-leaders .leadership-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 55px; }
    .industry-leaders .leadership-grid .leader {
      width: 40%;
      margin: 0 5% 40px;
      top: 0 !important; }
      .industry-leaders .leadership-grid .leader:nth-child(even) {
        position: relative;
        top: 30px; }
      .industry-leaders .leadership-grid .leader:nth-child(odd) {
        position: relative;
        top: -30px; }
      @media screen and (min-width: 640px) {
        .industry-leaders .leadership-grid .leader {
          width: 26%;
          margin: 0 2% 40px 2%;
          top: 0 !important; } }
    .industry-leaders .leadership-grid.single-item .leader {
      margin-left: auto;
      margin-right: auto; }
  .industry-leaders h3 {
    font-size: 24px; }

@media print, screen and (min-width: 40em) {
  .industry-leaders .leadership-grid {
    max-width: 650px; }
    .industry-leaders .leadership-grid .leader {
      max-width: 240px;
      width: 40%; } }

@media (min-width: 768px) {
  .industry-leaders h3 {
    font-size: 34px; } }

.industry-leaders {
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), url(/assets/images/top-hero-pattern.png);
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  background-position: center 0px, top center; }
  .industry-leaders .leadership-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 55px; }
    .industry-leaders .leadership-grid .leader {
      width: 40%;
      margin: 0 5% 40px;
      top: 0 !important; }
      .industry-leaders .leadership-grid .leader:nth-child(even) {
        position: relative;
        top: 30px; }
      .industry-leaders .leadership-grid .leader:nth-child(odd) {
        position: relative;
        top: -30px; }
      @media screen and (min-width: 640px) {
        .industry-leaders .leadership-grid .leader {
          width: 26%;
          margin: 0 2% 40px 2%;
          top: 0 !important; } }
    .industry-leaders .leadership-grid.single-item .leader {
      margin-left: auto;
      margin-right: auto; }
  .industry-leaders h3 {
    font-size: 24px; }

@media print, screen and (min-width: 40em) {
  .industry-leaders .leadership-grid {
    max-width: 650px; }
    .industry-leaders .leadership-grid .leader {
      max-width: 240px;
      width: 40%; } }

@media (min-width: 768px) {
  .industry-leaders h3 {
    font-size: 34px; } }

.landing-hero {
  position: relative;
  z-index: 0; }
  .landing-hero > .row {
    width: 100%; }
  .landing-hero:not(.with-video) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 460px; }
  .landing-hero.with-video .hero-lockup {
    width: 78%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%); }
  .landing-hero .video-container {
    padding-top: calc(337.5px + (720 - 337.5)*(100vw - 375px)/(1440 - 375)); }
    @media screen and (min-width: 1440px) {
      .landing-hero .video-container {
        padding-top: 50%; } }
    @media screen and (max-width: 375px) {
      .landing-hero .video-container {
        padding-top: 90%; } }
    .landing-hero .video-container video {
      object-fit: cover;
      position: absolute;
      z-index: -1;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: calc(750px + (1440 - 750)*(100vw - 375px)/(1440 - 375)); }
      @media screen and (min-width: 1440px) {
        .landing-hero .video-container video {
          width: 100%; } }
      @media screen and (max-width: 375px) {
        .landing-hero .video-container video {
          width: 200%; } }
  .landing-hero .hero-lockup {
    text-align: center; }
    .landing-hero .hero-lockup.left {
      text-align: left;
      width: 80%; }
      .landing-hero .hero-lockup.left h1 {
        margin: 0; }
    .landing-hero .hero-lockup.right {
      text-align: right; }
      .landing-hero .hero-lockup.right h1 {
        margin: 0; }
    .landing-hero .hero-lockup h2 {
      color: #DE0008;
      font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      text-transform: uppercase;
      font-size: 14px; }
    .landing-hero .hero-lockup h1 {
      color: #242E40;
      font-family: "geomanist-bold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      text-transform: uppercase;
      margin: 0 auto;
      line-height: 1.2;
      font-size: 30px; }
    .landing-hero .hero-lockup p {
      color: #555555;
      font-size: 14px;
      font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

@media screen and (min-width: 640px) {
  .landing-hero:not(.with-video) {
    height: 61vw;
    margin-bottom: -13vw;
    max-height: 1200px; }
    .landing-hero:not(.with-video) .hero-lockup {
      margin-top: 0; } }
    @media screen and (min-width: 640px) and (min-width: 1200px) {
      .landing-hero:not(.with-video) .hero-lockup {
        margin-top: -13%; } }

@media screen and (min-width: 640px) {
  .landing-hero .hero-lockup h2 {
    font-size: calc(14px + (22 - 14)*(100vw - 640px)/(1024 - 640)); } }
  @media screen and (min-width: 640px) and (min-width: 1024px) {
    .landing-hero .hero-lockup h2 {
      font-size: 22px; } }

@media screen and (min-width: 640px) {
  .landing-hero .hero-lockup h1 {
    max-width: 860px;
    font-size: calc(30px + (56 - 30)*(100vw - 640px)/(1200 - 640)); } }
  @media screen and (min-width: 640px) and (min-width: 1200px) {
    .landing-hero .hero-lockup h1 {
      font-size: 56px; } }

@media screen and (min-width: 640px) {
  .landing-hero .hero-lockup p {
    font-size: calc(14px + (24 - 14)*(100vw - 320px)/(900 - 320));
    max-width: 635px; } }
  @media screen and (min-width: 640px) and (min-width: 900px) {
    .landing-hero .hero-lockup p {
      font-size: 24px; } }

.leadership-modal-content {
  height: 100%; }
  .leadership-modal-content .slick-slide {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch; }
  .leadership-modal-content.open #modal-controls {
    transition: opacity 700ms ease 0.6s;
    opacity: 1; }
  .leadership-modal-content .prev-arrow,
  .leadership-modal-content .next-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 0;
    z-index: 1000;
    padding: 10px; }
    .leadership-modal-content .prev-arrow svg,
    .leadership-modal-content .next-arrow svg {
      width: 19px;
      height: auto;
      fill: #fff;
      transition: fill 200ms linear;
      transform: scaleX(-1); }
  .leadership-modal-content .prev-arrow {
    left: 0;
    right: auto; }
    .leadership-modal-content .prev-arrow svg {
      transform: none; }
  .leadership-modal-content .titlebar {
    padding: 30px 20px 50px 40px; }
    .leadership-modal-content .titlebar .inner {
      display: flex;
      justify-content: space-between; }
    .leadership-modal-content .titlebar .name-container {
      color: #355480;
      padding-right: 20px; }
      .leadership-modal-content .titlebar .name-container .name {
        font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 20px;
        line-height: 1;
        margin-bottom: 8px; }
      .leadership-modal-content .titlebar .name-container .title {
        font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 12px; }
  .leadership-modal-content .content-pane {
    background: #242E40; }
    .leadership-modal-content .content-pane .bio {
      padding: 0 10vw;
      padding-top: 0;
      padding-bottom: 25px;
      font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      color: #ffffff; }
      @media screen and (min-width: 640px) {
        .leadership-modal-content .content-pane .bio {
          padding: 40px; } }
      .leadership-modal-content .content-pane .bio a {
        text-decoration: none; }
      .leadership-modal-content .content-pane .bio p {
        margin-bottom: 1.3rem;
        font-size: 15px; }
        .leadership-modal-content .content-pane .bio p:last-of-type {
          margin-bottom: 0; }
    .leadership-modal-content .content-pane .img-container {
      padding: 0 10vw;
      position: relative;
      margin-bottom: -20px; }
      @media screen and (min-width: 640px) {
        .leadership-modal-content .content-pane .img-container {
          padding: 40px; } }
      .leadership-modal-content .content-pane .img-container .slit-shadow {
        height: 20px;
        width: 100%;
        margin: 0 auto;
        z-index: 5;
        overflow: hidden;
        position: absolute;
        bottom: 40px;
        left: 0; }
        .leadership-modal-content .content-pane .img-container .slit-shadow .falloff {
          width: 95%;
          margin: 0 auto;
          box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.5);
          position: relative;
          z-index: 1;
          bottom: -22px;
          overflow: hidden;
          border-radius: 50%;
          height: 17px; }
      .leadership-modal-content .content-pane .img-container img.full {
        position: relative;
        top: -40;
        max-height: 50vh;
        margin: 0 auto; }
  .leadership-modal-content .quote {
    display: flex;
    justify-content: space-between;
    overflow: hidden; }
    .leadership-modal-content .quote .social-container {
      padding: 10px;
      position: relative;
      padding-bottom: 30%; }
      .leadership-modal-content .quote .social-container a {
        text-decoration: none;
        padding: 8px;
        display: inline-block;
        position: relative;
        z-index: 1;
        background: #242E40;
        border-radius: 50%;
        margin-bottom: 7px; }
        .leadership-modal-content .quote .social-container a svg {
          fill: #ffffff;
          width: 16px;
          max-height: 16px;
          height: 16px;
          transition: fill 200ms linear; }
        .leadership-modal-content .quote .social-container a.linkedin svg #box {
          fill: #242E40; }
        .leadership-modal-content .quote .social-container a.linkedin svg #letters {
          fill: #ffffff; }
      .leadership-modal-content .quote .social-container .robot-graphic {
        position: absolute;
        left: 0;
        bottom: 0; }
    .leadership-modal-content .quote .blockquote-container {
      padding: 10px; }
      .leadership-modal-content .quote .blockquote-container blockquote {
        color: #355480;
        text-align: left;
        padding-left: 15px; }
        .leadership-modal-content .quote .blockquote-container blockquote p {
          font-size: 15px !important;
          line-height: 1.5;
          color: #355480;
          font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
          .leadership-modal-content .quote .blockquote-container blockquote p .start-quote {
            position: absolute;
            top: 0;
            left: -15px; }
            .leadership-modal-content .quote .blockquote-container blockquote p .start-quote:before {
              line-height: normal;
              font-size: 35px;
              color: #355480; }
          .leadership-modal-content .quote .blockquote-container blockquote p .end-quote:after {
            color: #355480; }
        .leadership-modal-content .quote .blockquote-container blockquote footer {
          margin-bottom: 12px;
          text-transform: uppercase;
          font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .leadership-modal-content .slide-item {
    color: #fff;
    position: relative; }
    .leadership-modal-content .slide-item.aaron-slepecky .img-container, .leadership-modal-content .slide-item.tyler-klein .img-container, .leadership-modal-content .slide-item.andy-wright .img-container {
      margin-right: 20px; }
      @media (max-width: 640px) {
        .leadership-modal-content .slide-item.aaron-slepecky .img-container, .leadership-modal-content .slide-item.tyler-klein .img-container, .leadership-modal-content .slide-item.andy-wright .img-container {
          margin-right: 0; } }
    .leadership-modal-content .slide-item.jeremy-scherer .blockquote-container {
      flex: 0 0 81%; }
      .leadership-modal-content .slide-item.jeremy-scherer .blockquote-container p {
        font-size: 18px !important; }
    .leadership-modal-content .slide-item.jeremy-scherer .social-container {
      flex: 0 1 10%; }
    .leadership-modal-content .slide-item.stephen-gazzard .img-container {
      margin-right: 50px; }
      @media (max-width: 640px) {
        .leadership-modal-content .slide-item.stephen-gazzard .img-container {
          margin-right: 0; } }
    .leadership-modal-content .slide-item.ryan-harrison .img-container {
      margin-right: 20px; }
      @media (max-width: 640px) {
        .leadership-modal-content .slide-item.ryan-harrison .img-container {
          margin-right: 0; } }

@media screen and (min-width: 640px) {
  .leadership-modal-content #modal-controls {
    position: relative;
    width: 100%;
    max-width: 1312px;
    margin: 0 auto;
    top: calc(50% - 20px); }
  .leadership-modal-content .card-container {
    width: 90%;
    max-width: 1152px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100%; }
  .leadership-modal-content .content-pane {
    display: flex;
    flex-direction: row-reverse;
    flex: 1 1 auto;
    height: 100%;
    max-height: 420px;
    min-height: 300px;
    box-shadow: 0 5px 40px rgba(54, 85, 127, 0.2); }
    .leadership-modal-content .content-pane .img-container {
      padding: 0;
      position: relative;
      flex: 1 0 auto;
      height: 100%;
      display: flex;
      align-items: flex-end;
      max-width: 50%;
      margin-bottom: 0; }
      .leadership-modal-content .content-pane .img-container .slit-shadow {
        display: none; }
      .leadership-modal-content .content-pane .img-container img.full {
        display: block;
        max-height: calc(100% + 100px);
        position: relative;
        min-width: 0;
        width: auto;
        top: 0;
        margin: 0 0 0 auto; }
    .leadership-modal-content .content-pane .bio {
      position: relative;
      padding: 0;
      font-size: 20px; }
      .leadership-modal-content .content-pane .bio p {
        font-size: 16px; }
      .leadership-modal-content .content-pane .bio .scroll-container {
        overflow-y: scroll;
        padding: 40px 40px 0 40px;
        height: 100%;
        -ms-overflow-style: -ms-autohiding-scrollbar; }
        .leadership-modal-content .content-pane .bio .scroll-container > .inner {
          padding-bottom: 40px; }
      .leadership-modal-content .content-pane .bio:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        background: linear-gradient(to bottom, rgba(36, 46, 64, 0), rgba(36, 46, 64, 0.8), #242e40); }
  .leadership-modal-content .quote {
    flex: 1 0 auto;
    padding: 10px 25px; }
    .leadership-modal-content .quote .blockquote-container {
      flex: 0 0 70%; }
      .leadership-modal-content .quote .blockquote-container blockquote:before {
        color: #355480;
        line-height: 0.4em;
        font-size: 70px; }
      .leadership-modal-content .quote .blockquote-container blockquote p {
        font-size: 20px !important;
        line-height: 1.3; }
    .leadership-modal-content .quote .social-container {
      flex: 0 1 20%;
      text-align: right;
      min-width: 0;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      padding-bottom: 0; }
      .leadership-modal-content .quote .social-container a {
        margin-left: 20px;
        margin-bottom: 0; }
      .leadership-modal-content .quote .social-container .robot-graphic {
        height: 100%;
        max-height: 115px;
        top: 20px;
        transform: scaleX(-1);
        position: relative; } }
    @media screen and (min-width: 640px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      .leadership-modal-content .quote .social-container .selector:not(*:root),
      .leadership-modal-content .quote .social-container .robot-graphic {
        flex: 1 1 auto; } }

@media screen and (min-width: 640px) {
  .leadership-modal-content .prev-arrow svg,
  .leadership-modal-content .next-arrow svg {
    fill: #242E40; }
  .leadership-modal-content .titlebar {
    flex: 1 0 auto;
    display: flex;
    align-items: flex-end;
    position: relative;
    padding: 20px 20px 20px 40px; }
    .leadership-modal-content .titlebar .inner {
      display: block;
      width: 100%;
      position: relative; }
    .leadership-modal-content .titlebar .name-container .name {
      font-size: 40px; }
    .leadership-modal-content .titlebar .name-container .title {
      font-size: 18px; }
    .leadership-modal-content .titlebar .close-modal {
      position: absolute;
      top: 0;
      right: -25px;
      z-index: 1; }
  .leadership-modal-content .prev-arrow:hover svg,
  .leadership-modal-content .next-arrow:hover svg {
    fill: #DE0008; }
  .leadership-modal-content .prev-arrow:focus,
  .leadership-modal-content .next-arrow:focus {
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.5); }
  .leadership-modal-content .social-container a:hover svg {
    fill: #DE0008; } }

@media screen and (min-width: 1025px) {
  .leadership-modal-content .content-pane .img-container img.full {
    max-height: calc(100% + 160px); } }

.leader {
  padding: 0;
  position: relative; }
  .leader.clickable {
    cursor: pointer; }
    .leader.clickable svg {
      transform: scale(1.13); }
  .leader .inner {
    padding-bottom: 100%;
    position: relative;
    transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1), border-radius 400ms cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
    box-shadow: 0 0 13px 0px rgba(10, 10, 10, 0.2); }
  .leader svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    filter: grayscale(100%);
    transition: filter 300ms linear, transform 500ms linear;
    min-width: 100%;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #ffffff;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d; }
    .leader svg image {
      transition: all .6s ease;
      -webkit-filter: none; }
  .leader .info {
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #355480;
    padding: 0 10px;
    text-align: center;
    transition: color 200ms linear;
    margin-top: 15px; }
  .leader .name {
    font-size: calc(15px + (24 - 15)*(100vw - 460px)/(920 - 460)); }
  .leader .title {
    font-size: 13px; }
  .leader .learn-more {
    display: block;
    margin: 7px 0 10px;
    font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px; }
    .leader .learn-more:hover {
      text-decoration: underline; }
    .leader .learn-more:after {
      content: "";
      background-image: url(/assets/images/icons/chevron.svg);
      background-repeat: no-repeat;
      background-size: 5px auto;
      width: 5px;
      height: 8px;
      display: inline-block;
      margin-left: 6px;
      transform: scaleX(-1); }

@media screen and (min-width: 920px) {
  .leader .name {
    font-size: 24px; }
  .leader .title {
    font-size: 15px; } }

@media screen and (max-width: 639px) {
  .leader.clickable svg {
    filter: none; } }

@media screen and (min-width: 640px) {
  .leader.clickable:hover .name, .leader.clickable:hover .title, .leader.clickable:focus .name, .leader.clickable:focus .title {
    color: #DE0008; }
  .leader.clickable:hover svg, .leader.clickable:focus svg {
    filter: none; }
    .leader.clickable:hover svg image, .leader.clickable:focus svg image {
      opacity: 0; }
  .leader.clickable .inner {
    animation: spin 25s linear infinite forwards paused;
    -webkit-backface-visibility: hidden; }
    .leader.clickable .inner svg {
      animation: negative-rotate-svg 25s linear infinite forwards paused;
      -webkit-backface-visibility: hidden; }
    .leader.clickable .inner:hover {
      animation-play-state: running;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
      border-radius: 38%;
      transition: box-shadow 600ms cubic-bezier(0.23, 1, 0.32, 1), border-radius 600ms cubic-bezier(0.23, 1, 0.32, 1); }
      .leader.clickable .inner:hover svg {
        animation-play-state: running; } }

.project-spotlights {
  overflow-x: hidden; }
  .project-spotlights .project-spotlight {
    position: relative; }
    .project-spotlights .project-spotlight.grid-style > .row {
      display: table;
      width: 100%;
      position: relative;
      table-layout: fixed; }
      .project-spotlights .project-spotlight.grid-style > .row > .columns {
        padding: 0;
        display: table-cell;
        float: none;
        position: relative; }
    .project-spotlights .project-spotlight.grid-style .cell-1 {
      vertical-align: middle; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .project-spotlights .project-spotlight.grid-style .cell-1 {
          padding: 0 !important; }
          .project-spotlights .project-spotlight.grid-style .cell-1 .description {
            margin: 18% 18% 0 !important; }
          .project-spotlights .project-spotlight.grid-style .cell-1 .impact-container {
            margin: 0 18% 12% !important; } }
    .project-spotlights .project-spotlight.grid-style .description p {
      font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .project-spotlights .project-spotlight.hero-style .hero {
      position: relative;
      background-repeat: no-repeat;
      background-size: cover; }
    .project-spotlights .project-spotlight.hero-style .description {
      text-align: right;
      padding: 120px 0 10px; }
      .project-spotlights .project-spotlight.hero-style .description a {
        color: #fff; }
        .project-spotlights .project-spotlight.hero-style .description a:hover {
          color: #d8e8f2; }
        .project-spotlights .project-spotlight.hero-style .description a:focus {
          box-shadow: 0 0 2px white; }
      .project-spotlights .project-spotlight.hero-style .description .client-name {
        color: #fff; }
        .project-spotlights .project-spotlight.hero-style .description .client-name:after {
          background: #fff;
          right: 0; }
      .project-spotlights .project-spotlight.hero-style .description p {
        color: #fff;
        font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .project-spotlights .project-spotlight .top-fade {
      position: absolute;
      width: 100%;
      height: 145px;
      background: linear-gradient(to bottom, rgba(54, 85, 127, 0.12), rgba(54, 85, 127, 0));
      top: 0;
      box-shadow: inset 0 8px 12px 0 rgba(54, 85, 127, 0.04);
      z-index: 1; }
    .project-spotlights .project-spotlight .project-spotlight-cell-padding {
      padding: 9% 9% 6% 9% !important; }
      .project-spotlights .project-spotlight .project-spotlight-cell-padding:last-of-type {
        padding: 7% !important;
        vertical-align: top; }
    .project-spotlights .project-spotlight .project-spotlight-cell-banner {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .project-spotlights .project-spotlight .description {
      float: right;
      max-width: 355px; }
    .project-spotlights .project-spotlight .impact-container {
      float: right;
      clear: both;
      max-width: 355px;
      width: 100%;
      padding-top: 15px;
      perspective: 1000px;
      perspective-origin: 50% 50%; }
      .project-spotlights .project-spotlight .impact-container.animate .impact-item {
        opacity: 1;
        transform: rotateY(0deg); }
      .project-spotlights .project-spotlight .impact-container .impact-item {
        max-width: 50%;
        font-size: 14px;
        font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        text-align: center;
        opacity: 0;
        transition: transform 500ms linear, opacity 300ms linear;
        transform-origin: 50% 50% 0;
        transform-style: preserve-3d;
        backface-visibility: hidden;
        transform: rotateY(90deg); }
        .project-spotlights .project-spotlight .impact-container .impact-item img {
          display: block;
          max-width: 100%;
          margin: 0 auto 10px !important; }
        .project-spotlights .project-spotlight .impact-container .impact-item span {
          display: inline-block; }
    .project-spotlights .project-spotlight .client-name {
      font-size: 34px;
      color: #355480;
      margin-bottom: 55px;
      position: relative;
      display: inline-block;
      font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
      .project-spotlights .project-spotlight .client-name:after {
        content: "";
        width: 125%;
        display: block;
        position: absolute;
        bottom: -27px;
        height: 3px;
        background: #8CBCD8; }
      .project-spotlights .project-spotlight .client-name + p strong {
        font-family: "geomanist-light-italic", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 22px;
        line-height: 1; }
    .project-spotlights .project-spotlight .grid-image-cell {
      background-size: cover;
      position: relative;
      background-repeat: no-repeat; }
    .project-spotlights .project-spotlight blockquote {
      max-width: 378px;
      margin: 0 auto; }
      .project-spotlights .project-spotlight blockquote footer {
        color: #242E40; }

@-moz-document url-prefix() {
  .project-spotlights .project-spotlight.grid-style > .row > .columns {
    height: 100; } }

@media screen and (max-width: 1024px) {
  .project-spotlights .project-spotlight.hero-style .description, .project-spotlights .project-spotlight.hero-style .impact-container {
    padding-right: 20px; } }

@media screen and (min-width: 640px) {
  .project-spotlights .project-spotlight.hero-style .hero > .row > .columns {
    float: right; } }

@media screen and (max-width: 639px) {
  .project-spotlights .project-spotlight .impact-container {
    float: none;
    margin: 0 auto; }
  .project-spotlights .project-spotlight.hero-style .hero {
    background-size: auto 115%;
    padding-right: 9%;
    padding-left: 9%; }
    .project-spotlights .project-spotlight.hero-style .hero .description {
      padding-top: 40px;
      padding-right: 0;
      text-align: center;
      margin: 0 auto;
      float: none;
      max-width: 80%; }
      .project-spotlights .project-spotlight.hero-style .hero .description .client-name:after {
        right: -12%; }
  .project-spotlights .project-spotlight.hero-style .project-spotlight-cell-padding {
    text-align: center; }
  .project-spotlights .project-spotlight.hero-style > .row .columns {
    position: relative; }
  .project-spotlights .project-spotlight.hero-style .hero .description {
    max-width: 95%; }
  .project-spotlights .project-spotlight.grid-style .cell-1 {
    padding-bottom: 100px !important;
    text-align: center; }
    .project-spotlights .project-spotlight.grid-style .cell-1 .description {
      float: none;
      max-width: 95%;
      margin: 0 auto; }
      .project-spotlights .project-spotlight.grid-style .cell-1 .description .client-name:after {
        left: -12%; }
  .project-spotlights .project-spotlight.grid-style .cell-4 {
    text-align: center; }
  .project-spotlights .project-spotlight.grid-style > .row > .columns {
    display: block;
    float: left; }
  .project-spotlights .project-spotlight.grid-style .project-spotlight-cell-banner {
    display: none; } }

.project-spotlights .project-spotlight.tex {
  padding-bottom: 100px;
  background-repeat: no-repeat;
  background-position: bottom -20px right -40px;
  background-size: 274px auto;
  overflow: hidden; }
  .project-spotlights .project-spotlight.tex .project-spotlight-cell-padding:last-of-type {
    padding: 15vw 4% 6% 15% !important; }
  .project-spotlights .project-spotlight.tex .hero {
    background-position: center -80px;
    background-size: auto 115%; }
    .project-spotlights .project-spotlight.tex .hero > .row > .columns {
      float: left; }
    @media screen and (min-width: 1835px) {
      .project-spotlights .project-spotlight.tex .hero {
        background-size: 100% 115%; } }
    .project-spotlights .project-spotlight.tex .hero.parallaxed {
      background-position: center 0px; }
    .project-spotlights .project-spotlight.tex .hero .description {
      text-align: left;
      float: left;
      max-width: 500px;
      padding-right: 0;
      padding-left: 20px; }
      .project-spotlights .project-spotlight.tex .hero .description .client-name:after {
        right: auto;
        left: 0;
        width: 200%; }
  .project-spotlights .project-spotlight.tex .tex-hero-tablet {
    position: absolute;
    max-width: 50%;
    right: -95px;
    bottom: -60px;
    transition: right 800ms linear; }
    .project-spotlights .project-spotlight.tex .tex-hero-tablet img {
      width: 769px; }
    .project-spotlights .project-spotlight.tex .tex-hero-tablet.animate {
      right: -40px; }
  .project-spotlights .project-spotlight.tex .impact-container {
    padding-bottom: 60px;
    perspective-origin: 75% 50%;
    float: left;
    max-width: 50%;
    padding-right: 0;
    padding-left: 20px; }
    .project-spotlights .project-spotlight.tex .impact-container .impact-item {
      color: white;
      float: left;
      max-width: 47%; }
      .project-spotlights .project-spotlight.tex .impact-container .impact-item.two {
        margin-left: 6%;
        transition-delay: 100ms; }
  .project-spotlights .project-spotlight.tex .tex-stat {
    max-width: 350px;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
    color: #6A568D;
    padding-top: 100px;
    text-align: left;
    font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .project-spotlights .project-spotlight.tex .tex-stat:before {
      background: #6A568D;
      content: "";
      width: 20%;
      display: block;
      height: 3px;
      margin-bottom: 10px; }
    .project-spotlights .project-spotlight.tex .tex-stat:after {
      content: "126";
      display: block;
      position: absolute;
      top: 0;
      font-size: 150px;
      font-family: "geomanist-bold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      color: #6A568D;
      opacity: 0.1;
      line-height: 1;
      left: -34px; }
  .project-spotlights .project-spotlight.tex .tex-screens {
    position: relative;
    margin: 60px 0 0 3vw; }
    .project-spotlights .project-spotlight.tex .tex-screens .tex-screen-1 {
      position: relative;
      z-index: 1;
      max-width: 75%; }
      .project-spotlights .project-spotlight.tex .tex-screens .tex-screen-1 img {
        width: 472px; }
    .project-spotlights .project-spotlight.tex .tex-screens .tex-screen-2 {
      position: absolute;
      top: 45%;
      left: 34%;
      max-width: 75%; }
      .project-spotlights .project-spotlight.tex .tex-screens .tex-screen-2 img {
        width: 472px; }
      .project-spotlights .project-spotlight.tex .tex-screens .tex-screen-2.parallaxed {
        top: 30%; }
  @media screen and (min-width: 768px) {
    .project-spotlights .project-spotlight.tex .tex-hero-tablet {
      bottom: -100px; }
    .project-spotlights .project-spotlight.tex .impact-container {
      max-width: 355px; }
    .project-spotlights .project-spotlight.tex .project-spotlight-cell-padding:last-of-type {
      padding-top: 20vw !important; } }
  @media screen and (min-width: 850px) {
    .project-spotlights .project-spotlight.tex .tex-hero-tablet {
      bottom: -128px; } }
  @media screen and (min-width: 1024px) {
    .project-spotlights .project-spotlight.tex .project-spotlight-cell-padding:last-of-type {
      padding-top: 233px !important; }
    .project-spotlights .project-spotlight.tex .hero > .row > .columns {
      max-width: 50%; }
    .project-spotlights .project-spotlight.tex .hero .description {
      max-width: 435px; } }
  @media screen and (max-width: 1024px) {
    .project-spotlights .project-spotlight.tex {
      background-size: 30% auto; }
      .project-spotlights .project-spotlight.tex .tex-screens {
        margin-left: 0; } }
  @media screen and (min-width: 640px) and (max-width: 768px) {
    .project-spotlights .project-spotlight.tex .tex-stat {
      padding-top: 60px; }
      .project-spotlights .project-spotlight.tex .tex-stat:after {
        font-size: 110px;
        left: -24px; } }
  @media screen and (max-width: 639px) {
    .project-spotlights .project-spotlight.tex {
      background-size: 40% auto;
      padding-bottom: 22vw;
      background-position: bottom -81px right -23px; }
      .project-spotlights .project-spotlight.tex .project-spotlight-cell-padding:last-of-type {
        padding: 7vw 4% 3% 4% !important; }
      .project-spotlights .project-spotlight.tex .hero {
        background-position: 30% -80px; }
        .project-spotlights .project-spotlight.tex .hero.parallaxed {
          background-position: 30% 0px; }
        .project-spotlights .project-spotlight.tex .hero .description {
          text-align: center;
          padding-left: 0; }
          .project-spotlights .project-spotlight.tex .hero .description .client-name:after {
            left: -50%; }
      .project-spotlights .project-spotlight.tex .impact-container {
        float: none;
        margin: 0 auto;
        max-width: 300px;
        padding: 20px 0 0; }
        .project-spotlights .project-spotlight.tex .impact-container .impact-item img {
          margin: 0 auto; }
      .project-spotlights .project-spotlight.tex .tex-hero-tablet {
        position: relative;
        max-width: none;
        right: auto;
        bottom: -20px;
        padding-top: 52%;
        margin-bottom: 32%;
        transition: bottom 800ms linear; }
        .project-spotlights .project-spotlight.tex .tex-hero-tablet.animate {
          bottom: 0;
          right: auto; }
        .project-spotlights .project-spotlight.tex .tex-hero-tablet img {
          position: absolute;
          bottom: -57%; }
      .project-spotlights .project-spotlight.tex .tex-stat {
        margin: 0 auto;
        max-width: 240px; } }

.project-spotlights .project-spotlight.westjet {
  background-repeat: no-repeat;
  background-position: bottom 30px right;
  padding-bottom: 130px; }
  .project-spotlights .project-spotlight.westjet .grid-image-cell {
    background-position: top center; }
  .project-spotlights .project-spotlight.westjet .westjet-watch {
    bottom: -64px;
    position: absolute;
    transform: translate(50%, 0);
    transition: right 800ms linear;
    right: 45%; }
    .project-spotlights .project-spotlight.westjet .westjet-watch.animate {
      right: 50%; }
  .project-spotlights .project-spotlight.westjet .westjet-phone {
    margin-left: -20px;
    transition: margin-left 800ms linear; }
    .project-spotlights .project-spotlight.westjet .westjet-phone.animate {
      margin-left: 0; }
  .project-spotlights .project-spotlight.westjet .plane-graphic {
    position: absolute;
    top: 32%;
    left: 44%;
    z-index: 2; }
    .project-spotlights .project-spotlight.westjet .plane-graphic .cloud-1 {
      position: absolute;
      bottom: -30px;
      left: 0%; }
      .project-spotlights .project-spotlight.westjet .plane-graphic .cloud-1.parallaxed {
        left: -21%; }
    .project-spotlights .project-spotlight.westjet .plane-graphic .cloud-2 {
      position: absolute;
      bottom: 47px;
      left: 53%;
      transform: scaleX(-1); }
      .project-spotlights .project-spotlight.westjet .plane-graphic .cloud-2.parallaxed {
        left: 20%; }
    .project-spotlights .project-spotlight.westjet .plane-graphic.parallaxed {
      left: 52%; }
  .project-spotlights .project-spotlight.westjet .westjet-phone-container {
    margin-top: -50px;
    position: relative;
    text-align: center; }
  .project-spotlights .project-spotlight.westjet .award {
    background-repeat: no-repeat;
    min-height: 74px;
    padding: 5px 27px 0;
    width: 205px;
    text-align: center;
    color: #999999;
    font-size: 15px;
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin: 30px auto 0; }
    .project-spotlights .project-spotlight.westjet .award strong {
      display: block; }
  .project-spotlights .project-spotlight.westjet .impact-container {
    padding-bottom: 60px;
    perspective-origin: 75% 50%;
    float: right;
    width: 100%; }
    .project-spotlights .project-spotlight.westjet .impact-container .impact-item {
      float: left;
      transform-origin: 50% 50%; }
      .project-spotlights .project-spotlight.westjet .impact-container .impact-item.ranking {
        margin-right: 15%;
        max-width: 47%; }
      .project-spotlights .project-spotlight.westjet .impact-container .impact-item.users {
        transition-delay: 100ms;
        max-width: 37%; }
      .project-spotlights .project-spotlight.westjet .impact-container .impact-item img {
        margin: 0 0 0 auto; }
  .project-spotlights .project-spotlight.westjet blockquote {
    max-width: 436px;
    margin-bottom: 70px; }
    .project-spotlights .project-spotlight.westjet blockquote:before {
      color: #1A3E6F; }
    .project-spotlights .project-spotlight.westjet blockquote p {
      color: #1A3E6F; }
      .project-spotlights .project-spotlight.westjet blockquote p .start-quote:before {
        color: #1A3E6F; }
      .project-spotlights .project-spotlight.westjet blockquote p .end-quote:after {
        color: #1A3E6F; }
  @media screen and (max-width: 1024px) {
    .project-spotlights .project-spotlight.westjet .project-spotlight-cell-banner-container {
      width: 100%;
      overflow-x: hidden;
      height: 100%;
      position: absolute; }
    .project-spotlights .project-spotlight.westjet .project-spotlight-cell-banner {
      min-height: 160px;
      width: auto;
      max-width: 135%;
      transform: translate(-50%, 0);
      left: 50%; } }
  @media screen and (max-width: 940px) {
    .project-spotlights .project-spotlight.westjet .impact-container .impact-item span {
      font-size: 12px; } }
  @media screen and (max-width: 850px) {
    .project-spotlights .project-spotlight.westjet .impact-container .impact-item span {
      font-size: 11px; } }
  @media screen and (min-width: 640px) and (max-width: 768px) {
    .project-spotlights .project-spotlight.westjet .project-spotlight-cell-padding {
      padding-bottom: 9% !important; } }
  @media screen and (max-width: 639px) {
    .project-spotlights .project-spotlight.westjet {
      background-size: 50% auto;
      padding-bottom: 37vw; }
      .project-spotlights .project-spotlight.westjet .cell-2 {
        background-position: bottom center;
        padding: 9% 0 !important;
        min-height: 241px;
        box-sizing: content-box; }
      .project-spotlights .project-spotlight.westjet .westjet-watch {
        left: auto;
        right: 7%;
        transform: translate(0, -88%);
        z-index: 1;
        max-width: 36%; }
        .project-spotlights .project-spotlight.westjet .westjet-watch.animate {
          right: 11%; }
      .project-spotlights .project-spotlight.westjet .westjet-phone-container {
        padding: 30px 30px 10px;
        margin-top: 0;
        text-align: left; }
        .project-spotlights .project-spotlight.westjet .westjet-phone-container img {
          position: absolute;
          transform: translate(0, -100%);
          left: 10%;
          max-width: 60%; }
      .project-spotlights .project-spotlight.westjet .plane-graphic {
        display: none; }
      .project-spotlights .project-spotlight.westjet blockquote {
        margin-bottom: 0; }
      .project-spotlights .project-spotlight.westjet .impact-container {
        float: none;
        text-align: center; }
        .project-spotlights .project-spotlight.westjet .impact-container .impact-item {
          display: inline-block;
          float: none;
          max-width: 45%; } }

.project-spotlights .project-spotlight.varo {
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-position: bottom -10px right -10px;
  overflow: hidden; }
  .project-spotlights .project-spotlight.varo .hero {
    background-position: center -80px;
    background-size: auto 115%; }
    @media screen and (min-width: 1835px) {
      .project-spotlights .project-spotlight.varo .hero {
        background-size: 100% 115%; } }
    .project-spotlights .project-spotlight.varo .hero.parallaxed {
      background-position: center 0px; }
  .project-spotlights .project-spotlight.varo .impact-container {
    padding-bottom: 60px;
    perspective-origin: 75% 50%; }
    .project-spotlights .project-spotlight.varo .impact-container .impact-item {
      color: white;
      float: right;
      max-width: 46%;
      transform-origin: 75% 50%; }
      .project-spotlights .project-spotlight.varo .impact-container .impact-item.ui {
        margin-right: 8%; }
      .project-spotlights .project-spotlight.varo .impact-container .impact-item.bots {
        transition-delay: 100ms; }
      .project-spotlights .project-spotlight.varo .impact-container .impact-item img {
        margin: 0 0 0 auto; }
      .project-spotlights .project-spotlight.varo .impact-container .impact-item span {
        width: 97%; }
  .project-spotlights .project-spotlight.varo blockquote {
    max-width: 340px;
    float: right; }
    .project-spotlights .project-spotlight.varo blockquote:before {
      color: #6F3AE5;
      font-size: 30px; }
    .project-spotlights .project-spotlight.varo blockquote p {
      font-size: 34px;
      color: #6F3AE5; }
      .project-spotlights .project-spotlight.varo blockquote p .start-quote:before {
        color: #6F3AE5; }
      .project-spotlights .project-spotlight.varo blockquote p .end-quote:after {
        color: #6F3AE5;
        font-size: 30px; }
  .project-spotlights .project-spotlight.varo .varo-phones {
    position: absolute;
    max-width: 50%;
    width: 45%;
    bottom: -200px; }
    .project-spotlights .project-spotlight.varo .varo-phones .varo-iphone-container {
      float: right;
      max-width: 50%;
      text-align: right;
      position: relative;
      margin-top: -100px; }
      .project-spotlights .project-spotlight.varo .varo-phones .varo-iphone-container .varo-iphone {
        max-width: 100%; }
      .project-spotlights .project-spotlight.varo .varo-phones .varo-iphone-container .varo-notification {
        bottom: 85%;
        left: 50%;
        position: absolute;
        transform: translate(0, 0);
        max-width: 0%;
        transition: max-width 200ms ease-out; }
        .project-spotlights .project-spotlight.varo .varo-phones .varo-iphone-container .varo-notification.animate {
          max-width: 72%; }
    .project-spotlights .project-spotlight.varo .varo-phones .varo-pixel-container {
      float: right;
      max-width: 50%;
      text-align: right;
      position: relative;
      margin-right: 53px; }
      .project-spotlights .project-spotlight.varo .varo-phones .varo-pixel-container .varo-pixel {
        max-width: 100%; }
      .project-spotlights .project-spotlight.varo .varo-phones .varo-pixel-container .varo-card {
        position: absolute;
        top: 44%;
        left: 45px;
        max-width: 120%;
        transform-origin: bottom left;
        transform: rotate(-11deg);
        transition: transform 800ms ease-out; }
        .project-spotlights .project-spotlight.varo .varo-phones .varo-pixel-container .varo-card.animate {
          transform: rotate(0deg); }
    @media screen and (max-width: 1035px) {
      .project-spotlights .project-spotlight.varo .varo-phones {
        bottom: -30px; }
        .project-spotlights .project-spotlight.varo .varo-phones .varo-iphone-container {
          max-width: 48%; }
          .project-spotlights .project-spotlight.varo .varo-phones .varo-iphone-container .varo-iphone {
            max-width: 100%; }
        .project-spotlights .project-spotlight.varo .varo-phones .varo-pixel-container {
          float: left;
          max-width: 48%;
          margin-left: 3%;
          margin-right: auto; }
          .project-spotlights .project-spotlight.varo .varo-phones .varo-pixel-container .varo-pixel {
            max-width: 100%; } }
  .project-spotlights .project-spotlight.varo .varo-screens {
    position: relative;
    float: left;
    max-width: 100%;
    width: 100%;
    padding-top: 30px; }
    .project-spotlights .project-spotlight.varo .varo-screens .varo-screen-2 {
      left: 50%;
      position: relative;
      transform: translate(-50%, 0) !important;
      z-index: 2;
      max-width: 70%; }
    .project-spotlights .project-spotlight.varo .varo-screens .varo-screen-1 {
      position: absolute;
      right: 60%;
      bottom: 0;
      max-width: 55%; }
      .project-spotlights .project-spotlight.varo .varo-screens .varo-screen-1.parallaxed {
        bottom: 28%; }
    .project-spotlights .project-spotlight.varo .varo-screens .varo-screen-3 {
      position: absolute;
      left: 60%;
      top: 0;
      max-width: 55%; }
      .project-spotlights .project-spotlight.varo .varo-screens .varo-screen-3.parallaxed {
        top: 35%; }
    @media screen and (min-width: 1200px) {
      .project-spotlights .project-spotlight.varo .varo-screens {
        width: 65%; } }
  @media screen and (min-width: 1035px) {
    .project-spotlights .project-spotlight.varo .project-spotlight-cell-padding {
      padding-top: 233px !important; } }
  @media screen and (max-width: 1024px) {
    .project-spotlights .project-spotlight.varo .varo-screens {
      width: 77%;
      float: right;
      margin-right: 10%; }
    .project-spotlights .project-spotlight.varo .varo-phones {
      width: 49%; } }
  @media screen and (max-width: 850px) {
    .project-spotlights .project-spotlight.varo .impact-container .impact-item img {
      max-width: 65%; }
    .project-spotlights .project-spotlight.varo .impact-container .impact-item.ui img {
      max-width: 50%; } }
  @media screen and (max-width: 639px) {
    .project-spotlights .project-spotlight.varo {
      background-size: 38% auto;
      padding-bottom: 37vw; }
      .project-spotlights .project-spotlight.varo .hero {
        background-position: 30% -80px; }
        .project-spotlights .project-spotlight.varo .hero.parallaxed {
          background-position: 30% 0px; }
      .project-spotlights .project-spotlight.varo .varo-phones {
        position: relative;
        width: 85%;
        margin: 50px auto 0;
        max-width: 440px;
        bottom: 0; }
        .project-spotlights .project-spotlight.varo .varo-phones .varo-iphone-container {
          margin: 0; }
        .project-spotlights .project-spotlight.varo .varo-phones .varo-pixel-container {
          margin: 50px auto 0; }
      .project-spotlights .project-spotlight.varo .varo-screens {
        display: none; }
      .project-spotlights .project-spotlight.varo .impact-container .impact-item img {
        margin: 0 auto; } }

.project-spotlights .project-spotlight.chata {
  padding-bottom: 130px; }
  .project-spotlights .project-spotlight.chata .cell-4 {
    vertical-align: top; }
  .project-spotlights .project-spotlight.chata .grid-image-cell {
    background-position: top center; }
  .project-spotlights .project-spotlight.chata .chata-iphone {
    position: absolute;
    bottom: -80px;
    right: 20%;
    transition: margin-right 1000ms ease-out;
    margin-right: -30px;
    width: 187px; }
    .project-spotlights .project-spotlight.chata .chata-iphone.animate {
      margin-right: 0; }
  .project-spotlights .project-spotlight.chata blockquote {
    max-width: 490px; }
    .project-spotlights .project-spotlight.chata blockquote:before {
      color: #485B76; }
    .project-spotlights .project-spotlight.chata blockquote p {
      font-size: 28px;
      color: #485B76;
      line-height: 1.3;
      position: relative; }
      .project-spotlights .project-spotlight.chata blockquote p .start-quote:before {
        color: #485B76; }
      .project-spotlights .project-spotlight.chata blockquote p .end-quote:after {
        color: #485B76; }
  .project-spotlights .project-spotlight.chata .impact-container .impact-item {
    float: left;
    max-width: 46%; }
    .project-spotlights .project-spotlight.chata .impact-container .impact-item.language {
      margin-left: 8%;
      transition-delay: 100ms; }
      .project-spotlights .project-spotlight.chata .impact-container .impact-item.language img {
        margin-top: -4px !important; }
    .project-spotlights .project-spotlight.chata .impact-container .impact-item img {
      margin: 0 auto 0 0; }
  .project-spotlights .project-spotlight.chata .chata-laptop {
    margin: 130px auto 0;
    position: relative;
    text-align: center;
    display: inline-block; }
    .project-spotlights .project-spotlight.chata .chata-laptop .chata-laptop-image {
      width: 522px; }
    .project-spotlights .project-spotlight.chata .chata-laptop .chata-conversation {
      position: absolute;
      bottom: 77%;
      right: 0;
      transform: scale(0);
      transition: transform 300ms ease-out;
      transform-origin: bottom center;
      max-width: 50%; }
      .project-spotlights .project-spotlight.chata .chata-laptop .chata-conversation.animate {
        transform: scale(1); }
  @media screen and (max-width: 1024px) {
    .project-spotlights .project-spotlight.chata .project-spotlight-cell-banner-container {
      width: 100%;
      overflow-x: hidden;
      height: 100%;
      position: absolute; }
    .project-spotlights .project-spotlight.chata .project-spotlight-cell-banner {
      min-height: 160px;
      width: auto;
      max-width: 135%;
      transform: translate(-50%, 0);
      left: 50%; }
    .project-spotlights .project-spotlight.chata .chata-iphone {
      right: 6%; }
    .project-spotlights .project-spotlight.chata .chata-laptop {
      margin-top: 13vw; }
    .project-spotlights .project-spotlight.chata .project-spotlight-cell-padding.cell-4 {
      padding: 14% 8% !important; }
    .project-spotlights .project-spotlight.chata .grid-image-cell {
      background-position: top left -40px; } }
  @media screen and (max-width: 850px) {
    .project-spotlights .project-spotlight.chata .impact-container .impact-item img {
      max-width: 65%; }
    .project-spotlights .project-spotlight.chata .impact-container .impact-item.learning img {
      max-width: 50%; } }
  @media screen and (max-width: 639px) {
    .project-spotlights .project-spotlight.chata {
      padding-bottom: 10vw; }
      .project-spotlights .project-spotlight.chata .cell-1 {
        padding-bottom: 6% !important; }
      .project-spotlights .project-spotlight.chata .cell-2 {
        background-position: top center;
        min-height: 422px; }
      .project-spotlights .project-spotlight.chata .cell-3 {
        display: none !important; }
      .project-spotlights .project-spotlight.chata .project-spotlight-cell-padding.cell-4 {
        padding: 20% 8% 10% !important; }
      .project-spotlights .project-spotlight.chata .impact-container .impact-item img {
        margin: 0 auto; } }
  @media screen and (max-width: 540px) {
    .project-spotlights .project-spotlight.chata .project-spotlight-cell-padding.cell-4 {
      padding: 30% 8% 10% !important; } }

.project-spotlights .project-spotlight.missions {
  background-repeat: no-repeat;
  overflow: hidden;
  padding-bottom: 100px; }
  .project-spotlights .project-spotlight.missions > .row {
    display: table;
    width: 100%;
    position: relative;
    table-layout: fixed; }
    .project-spotlights .project-spotlight.missions > .row > .columns {
      padding: 0;
      display: table-cell;
      float: none;
      position: relative; }
  .project-spotlights .project-spotlight.missions .cell-4 {
    position: relative; }
  .project-spotlights .project-spotlight.missions .hero {
    background-position: center -80px;
    background-size: auto 135%; }
    @media screen and (min-width: 1835px) {
      .project-spotlights .project-spotlight.missions .hero {
        background-size: 100% auto; } }
    .project-spotlights .project-spotlight.missions .hero.parallaxed {
      background-position: center 0px; }
  .project-spotlights .project-spotlight.missions .missions-phone {
    z-index: 100;
    position: absolute;
    bottom: -75px;
    right: 10%;
    transition: margin-right 1000ms ease-out;
    margin-right: 30px;
    width: 187px; }
    .project-spotlights .project-spotlight.missions .missions-phone.animate {
      margin-right: 0; }
  .project-spotlights .project-spotlight.missions .missions-screen-desktop {
    width: 594px; }
    @media screen and (min-width: 1835px) {
      .project-spotlights .project-spotlight.missions .missions-screen-desktop {
        width: 694px; } }
  .project-spotlights .project-spotlight.missions .missions-laptop-image {
    position: relative;
    top: 130px;
    width: 523px; }
  .project-spotlights .project-spotlight.missions .missions-screens {
    bottom: 0;
    width: 50%;
    position: absolute;
    text-align: right; }
  .project-spotlights .project-spotlight.missions blockquote:before {
    color: #3F7388; }
  .project-spotlights .project-spotlight.missions blockquote p {
    color: #3F7388; }
    .project-spotlights .project-spotlight.missions blockquote p .start-quote:before {
      color: #3F7388; }
    .project-spotlights .project-spotlight.missions blockquote p .end-quote:after {
      color: #3F7388; }
  .project-spotlights .project-spotlight.missions .impact-container {
    padding-bottom: 60px;
    perspective-origin: 75% 50%; }
    .project-spotlights .project-spotlight.missions .impact-container .impact-item {
      color: white;
      float: right;
      width: 37%;
      transform-origin: 75% 50%; }
      .project-spotlights .project-spotlight.missions .impact-container .impact-item.slack {
        transition-delay: 100ms;
        padding-top: 22px; }
      .project-spotlights .project-spotlight.missions .impact-container .impact-item.funlabs {
        float: left; }
      .project-spotlights .project-spotlight.missions .impact-container .impact-item img {
        margin: 0 0 0 auto; }
      .project-spotlights .project-spotlight.missions .impact-container .impact-item span {
        width: 97%; }
        .project-spotlights .project-spotlight.missions .impact-container .impact-item span a {
          color: #fff; }
  @media screen and (max-width: 1024px) {
    .project-spotlights .project-spotlight.missions .project-spotlight-cell-banner-container {
      width: 100%;
      overflow-x: hidden;
      height: 100%;
      position: absolute; }
    .project-spotlights .project-spotlight.missions .project-spotlight-cell-banner {
      min-height: 160px;
      width: auto;
      max-width: 135%;
      transform: translate(-50%, 0);
      left: 50%; } }
  @media screen and (min-width: 640px) and (max-width: 768px) {
    .project-spotlights .project-spotlight.missions .missions-laptop-image {
      top: 100px; }
    .project-spotlights .project-spotlight.missions .impact-container {
      padding-right: 0; }
      .project-spotlights .project-spotlight.missions .impact-container .impact-item {
        width: 50%; }
    .project-spotlights .project-spotlight.missions .missions-screen-desktop {
      max-width: 169%;
      position: absolute;
      right: 0;
      bottom: 0; } }
  @media screen and (max-width: 639px) {
    .project-spotlights .project-spotlight.missions {
      padding-bottom: 10vw; }
      .project-spotlights .project-spotlight.missions .hero {
        background-position: 60% -80px; }
        .project-spotlights .project-spotlight.missions .hero.parallaxed {
          background-position: 60% 0px; }
      .project-spotlights .project-spotlight.missions .missions-screens {
        margin-left: 0;
        position: relative;
        width: 100%; }
      .project-spotlights .project-spotlight.missions .cell-3 {
        padding: 20% 8% 10% !important; }
      .project-spotlights .project-spotlight.missions .cell-4 {
        display: none !important; }
      .project-spotlights .project-spotlight.missions .missions-phone {
        right: 12%;
        position: relative;
        bottom: 0;
        margin-bottom: -75px;
        margin-right: -30px;
        max-width: 41%; }
        .project-spotlights .project-spotlight.missions .missions-phone.animate {
          margin-right: 0; }
      .project-spotlights .project-spotlight.missions .missions-screen-desktop {
        position: absolute;
        bottom: 0;
        left: 0; }
      .project-spotlights .project-spotlight.missions .impact-container {
        float: none;
        text-align: center;
        padding-right: 0; }
        .project-spotlights .project-spotlight.missions .impact-container .impact-item {
          display: inline-block;
          float: none;
          width: 50%; } }

.spinner {
  height: 40px;
  width: 40px;
  border: 4px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  position: relative;
  -webkit-animation: spinneranim 1s infinite linear;
  animation: spinneranim 1s infinite linear; }

.spinner:before {
  content: '';
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  top: -4px;
  left: 14px; }

@-webkit-keyframes spinneranim {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinneranim {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

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

.slack-promo {
  background: #8CBCD8;
  padding: 16px;
  text-align: center;
  margin: 0 auto; }
  .slack-promo .logo-image {
    margin: 0 auto; }
    .slack-promo .logo-image img {
      height: 32px; }
  .slack-promo .message {
    color: #000000;
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 18px;
    margin: 15px auto;
    max-width: 345px;
    min-width: 250px; }
  .slack-promo .separator {
    width: 1px;
    height: 40px;
    background: #000000;
    display: none; }
  .slack-promo .cta-button {
    border: 2px solid #333333;
    background: transparent;
    color: #000000 !important;
    font-size: 16px;
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    white-space: nowrap; }

@media screen and (min-width: 640px) {
  .slack-promo .logo-image {
    max-width: none;
    margin: 0; }
  .slack-promo .cta-button:hover, .slack-promo .cta-button:focus {
    background: rgba(255, 255, 255, 0.3); } }

@media screen and (min-width: 769px) {
  .slack-promo > div {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .slack-promo .message {
    max-width: 440px;
    margin: 0 2%;
    font-size: calc(14px + (19 - 14)*(100vw - 768px)/(1200 - 768)); } }
  @media screen and (min-width: 769px) and (min-width: 1200px) {
    .slack-promo .message {
      font-size: 19px; } }

@media screen and (min-width: 930px) {
  .slack-promo .message {
    margin: 0;
    max-width: none; }
  .slack-promo .separator {
    display: block; } }

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

.testimonials {
  text-align: center;
  padding-top: 0px;
  font-size: 24px; }
  .testimonials h3 {
    font-size: 24px; }
  .testimonials.animate ul li {
    opacity: 1; }
  .testimonials ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 12px 0 -10px 0; }
    .testimonials ul li {
      opacity: 0;
      padding-bottom: 10px;
      padding-top: 10px;
      transition-property: opacity;
      transition-duration: 300ms;
      transition-timing-function: linear;
      width: 100%; }
      .testimonials ul li .block {
        background-color: #f8f8f8;
        color: #555555;
        display: flex;
        flex-direction: column;
        padding: 0 36px 20px;
        text-align: center;
        transition: all 200ms ease-in-out; }
        .testimonials ul li .block .logo {
          align-content: center;
          display: flex;
          height: 88px;
          justify-content: center; }
          .testimonials ul li .block .logo img {
            margin: auto; }
      .testimonials ul li p {
        font-size: 14px;
        line-height: 1.714;
        margin-bottom: 0; }
        .testimonials ul li p .quote {
          font-size: 34px;
          line-height: 16px;
          vertical-align: -12px; }
      .testimonials ul li .author {
        font-family: "geomanist-book";
        margin-bottom: 5px;
        margin-top: 18px; }
        .testimonials ul li .author::before {
          content: "\2014";
          padding-right: 5px; }
      .testimonials ul li small {
        font-family: "geomanist-book";
        font-size: 10px;
        font-style: italic; }
      .testimonials ul li.goforth .block .logo img {
        max-height: 40px; }
      .testimonials ul li.texas-oncourse .block .logo img {
        max-height: 37px; }
      .testimonials ul li.trilogy .block .logo img {
        max-height: 45px; }
      .testimonials ul li.slack .block .logo img {
        max-height: 67px; }
      .testimonials ul li.xinja .block .logo img {
        max-height: 47px; }
      .testimonials ul li.level-capital .block .logo img {
        max-height: 59px; }
      .testimonials ul li.varo .block .logo img {
        max-height: 34px; }
      .testimonials ul li.wetransfer .block .logo img {
        max-height: 41px; }
      .testimonials ul li.grief-steps .block .logo img {
        max-height: 50px; }
      .testimonials ul li.providence .block .logo img {
        max-height: 33px; }
      .testimonials ul li.island-health .block .logo img {
        max-height: 49px; }
      .testimonials ul li.westjet .block .logo img {
        max-height: 34px; }
      .testimonials ul li.art-van .block .logo img {
        max-height: 49px; }
      .testimonials ul li.jiffy-lube .block .logo img {
        max-height: 48px; }
  @media print, screen and (min-width: 40em) {
    .testimonials ul {
      margin-bottom: -15px; }
      .testimonials ul li {
        padding-bottom: 15px;
        padding-top: 15px;
        width: 48%; }
        .testimonials ul li .block {
          padding: 0 48px 24px; }
          .testimonials ul li .block .logo {
            height: 105px; }
        .testimonials ul li p {
          font-size: 16.7px;
          line-height: 1.775; }
        .testimonials ul li .author {
          margin-bottom: 7px;
          margin-top: 20px; }
        .testimonials ul li small {
          font-size: 12px; } }
  @media (min-width: 768px) {
    .testimonials h3 {
      font-size: 34px; }
    .testimonials ul {
      margin-top: 33px; }
      .testimonials ul li p {
        font-size: 16px; } }
  @media print, screen and (min-width: 64em) {
    .testimonials ul li {
      width: 31%; } }

:root {
  --viewportmod: 0; }

.tiled-modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999999;
  transition: transform 0s linear 2s;
  transform: translateY(-100%) translateZ(0);
  visibility: hidden; }
  .tiled-modal.video {
    visibility: visible; }
    .tiled-modal.video .close-modal {
      position: absolute;
      top: -42px;
      right: -4px;
      z-index: 1; }
    .tiled-modal.video .modal-content {
      display: flex;
      height: 100%;
      justify-content: center;
      align-items: center;
      padding: 50px 20px; }
      .tiled-modal.video .modal-content .video-container {
        position: relative;
        width: calc(16/9 * (100vh - 100px));
        max-width: 100%;
        max-height: 100%;
        height: 0;
        padding-top: 100%; }
        .tiled-modal.video .modal-content .video-container iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
  .tiled-modal:before {
    content: "";
    height: 0;
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    left: calc(50% - 1px);
    top: 0;
    width: var(--viewportmod);
    transition: height .5s ease;
    transition-delay: 0.5s; }
  .tiled-modal .bg-tile {
    position: absolute;
    left: 0;
    width: 10%;
    height: 0;
    background-color: rgba(255, 255, 255, 0.95);
    transition: height .5s ease; }
    .tiled-modal .bg-tile:nth-child(0) {
      left: calc(-1 * 10%);
      transition-delay: calc(-0.05s + 0.3s); }
    .tiled-modal .bg-tile:nth-child(1) {
      left: calc(0 * 10%);
      transition-delay: calc(0s + 0.3s); }
    .tiled-modal .bg-tile:nth-child(2) {
      left: calc(1 * 10%);
      transition-delay: calc(0.05s + 0.3s); }
    .tiled-modal .bg-tile:nth-child(3) {
      left: calc(2 * 10%);
      transition-delay: calc(0.1s + 0.3s); }
    .tiled-modal .bg-tile:nth-child(4) {
      left: calc(3 * 10%);
      transition-delay: calc(0.15s + 0.3s); }
    .tiled-modal .bg-tile:nth-child(5) {
      left: calc(4 * 10%);
      transition-delay: calc(0.2s + 0.3s); }
    .tiled-modal .bg-tile:nth-child(6) {
      left: calc(5 * 10%);
      transition-delay: calc(0.25s + 0.3s); }
    .tiled-modal .bg-tile:nth-child(7) {
      left: calc(6 * 10%);
      transition-delay: calc(0.3s + 0.3s); }
    .tiled-modal .bg-tile:nth-child(8) {
      left: calc(7 * 10%);
      transition-delay: calc(0.35s + 0.3s); }
    .tiled-modal .bg-tile:nth-child(9) {
      left: calc(8 * 10%);
      transition-delay: calc(0.4s + 0.3s); }
    .tiled-modal .bg-tile:nth-child(10) {
      left: calc(9 * 10%);
      transition-delay: calc(0.45s + 0.3s); }
  .tiled-modal .modal-content {
    opacity: 0;
    transition: opacity 400ms ease 0s, transform 800ms ease 0s;
    transform: translateY(-10px) translateZ(0); }
  .tiled-modal.ready {
    visibility: visible; }
  .tiled-modal.open {
    transition: transform 0s linear 0s;
    transform: translateY(0px) translateZ(0); }
    .tiled-modal.open .modal-content {
      transition: opacity 500ms ease 0.6s, transform 800ms ease 0.6s;
      transform: translateY(0px) translateZ(0);
      opacity: 1; }
    .tiled-modal.open:before {
      height: 100%;
      transition-delay: 0.2s; }
    .tiled-modal.open .bg-tile {
      height: 100%; }
      .tiled-modal.open .bg-tile:nth-child(0) {
        transition-delay: -0.05s; }
      .tiled-modal.open .bg-tile:nth-child(1) {
        transition-delay: 0s; }
      .tiled-modal.open .bg-tile:nth-child(2) {
        transition-delay: 0.05s; }
      .tiled-modal.open .bg-tile:nth-child(3) {
        transition-delay: 0.1s; }
      .tiled-modal.open .bg-tile:nth-child(4) {
        transition-delay: 0.15s; }
      .tiled-modal.open .bg-tile:nth-child(5) {
        transition-delay: 0.2s; }
      .tiled-modal.open .bg-tile:nth-child(6) {
        transition-delay: 0.25s; }
      .tiled-modal.open .bg-tile:nth-child(7) {
        transition-delay: 0.3s; }
      .tiled-modal.open .bg-tile:nth-child(8) {
        transition-delay: 0.35s; }
      .tiled-modal.open .bg-tile:nth-child(9) {
        transition-delay: 0.4s; }
      .tiled-modal.open .bg-tile:nth-child(10) {
        transition-delay: 0.45s; }
  .tiled-modal .close-modal {
    display: block;
    padding: 5px; }
    .tiled-modal .close-modal svg {
      fill: #242E40;
      width: 23px;
      height: 23px;
      transition: transform 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 500ms linear;
      transform: rotate(0deg); }

@media screen and (min-width: 640px) {
  .tiled-modal.video .modal-content .video-container {
    padding-top: 0;
    height: 100%; }
  .tiled-modal .close-modal:hover svg {
    transform: rotate(180deg);
    fill: #DE0008; }
  .tiled-modal .close-modal:focus {
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.5); } }

.top-hero {
  background-image: url("/assets/images/top-hero-pattern.png"), linear-gradient(to bottom, #8293ae, #242e40);
  background-repeat: no-repeat, no-repeat;
  background-size: cover, auto;
  background-position: left 50% top 0px, center top;
  background-origin: border-box;
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
  align-items: center;
  display: flex;
  height: 48vw;
  justify-content: flex-start;
  max-height: 600px;
  min-height: 320px; }
  .top-hero > .row {
    margin-top: 60px;
    width: 100%; }
    @media screen and (min-width: 1100px) {
      .top-hero > .row {
        margin-top: 25px; } }
  .top-hero.anchored-bottom {
    background-position: left 50% bottom 0px, center top; }
  .top-hero.overflow {
    overflow: visible; }
  .top-hero h1 {
    text-transform: uppercase;
    max-width: 370px;
    margin: 0 auto;
    line-height: 1;
    letter-spacing: 1.7px; }
  .top-hero .headline-subtext {
    font-size: 24px;
    font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .top-hero .hero-lockup {
    width: 80%; }
    .top-hero .hero-lockup h2 {
      color: white;
      font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      text-transform: uppercase;
      font-size: calc(14px + (22 - 14)*(100vw - 640px)/(1024 - 640)); }
      @media screen and (min-width: 1024px) {
        .top-hero .hero-lockup h2 {
          font-size: 22px; } }
      @media screen and (max-width: 640px) {
        .top-hero .hero-lockup h2 {
          font-size: 14px; } }
    .top-hero .hero-lockup h1 {
      color: white;
      font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      text-transform: none;
      margin: 0;
      max-width: 624px;
      line-height: 1.2;
      font-size: calc(24px + (48 - 24)*(100vw - 640px)/(1024 - 640)); }
      @media screen and (min-width: 1024px) {
        .top-hero .hero-lockup h1 {
          font-size: 48px; } }
      @media screen and (max-width: 640px) {
        .top-hero .hero-lockup h1 {
          font-size: 24px; } }
    .top-hero .hero-lockup.left {
      text-align: left; }
    .top-hero .hero-lockup.center {
      text-align: center;
      width: 100%; }
      .top-hero .hero-lockup.center h1 {
        max-width: none; }

@media screen and (max-width: 768px) {
  .top-hero h1 {
    font-size: 32px; }
  .top-hero .headline-subtext {
    font-size: 18px; } }

.work-partners {
  overflow: hidden; }
  .work-partners .clients {
    clear: both;
    max-width: 1024px;
    min-height: 534px;
    margin: 0 auto;
    position: relative;
    background: #242E40;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 30px 0; }
    .work-partners .clients > .row {
      display: flex; }
    @media screen and (min-width: 40em) {
      .work-partners .clients .colspan-bottom {
        margin-top: 84px; }
      .work-partners .clients .colspan-top {
        margin-bottom: 108px;
        margin-top: 22px; } }
    .work-partners .clients .middle-row .columns {
      align-self: center;
      flex: 1 1 auto; }
    @media screen and (max-width: 39.9375em) {
      .work-partners .clients .middle-row {
        display: block;
        margin: 40px 0; } }
    .work-partners .clients .client-logo {
      align-self: center;
      text-align: center;
      opacity: 0;
      transition-property: opacity;
      transition-duration: 300ms;
      transition-timing-function: linear; }
      .work-partners .clients .client-logo.delay-1 {
        transition-delay: 0ms; }
      .work-partners .clients .client-logo.delay-2 {
        transition-delay: 100ms; }
      .work-partners .clients .client-logo.delay-3 {
        transition-delay: 200ms; }
      .work-partners .clients .client-logo.delay-4 {
        transition-delay: 300ms; }
      .work-partners .clients .client-logo.delay-5 {
        transition-delay: 400ms; }
      .work-partners .clients .client-logo.delay-6 {
        transition-delay: 500ms; }
      .work-partners .clients .client-logo.delay-7 {
        transition-delay: 600ms; }
      .work-partners .clients .client-logo.delay-8 {
        transition-delay: 700ms; }
      .work-partners .clients .client-logo.delay-9 {
        transition-delay: 800ms; }
      .work-partners .clients .client-logo.delay-10 {
        transition-delay: 900ms; }
      .work-partners .clients .client-logo.delay-11 {
        transition-delay: 1000ms; }
      .work-partners .clients .client-logo.delay-12 {
        transition-delay: 1100ms; }
      .work-partners .clients .client-logo.delay-13 {
        transition-delay: 1200ms; }
      .work-partners .clients .client-logo.delay-14 {
        transition-delay: 1300ms; }
      .work-partners .clients .client-logo.delay-15 {
        transition-delay: 1400ms; }
      .work-partners .clients .client-logo.delay-16 {
        transition-delay: 1500ms; }
    .work-partners .clients.animate .client-logo {
      opacity: 1; }
    .work-partners .clients .clients-context {
      text-align: center;
      margin: 98px 0; }
      .work-partners .clients .clients-context h2 {
        line-height: 1;
        color: #fff;
        position: relative;
        margin-bottom: 45px;
        font-size: 24px; }
        .work-partners .clients .clients-context h2:after {
          content: "";
          display: block;
          width: 39%;
          height: 3px;
          background: rgba(255, 255, 255, 0.1);
          bottom: -25px;
          position: absolute;
          left: 50%;
          transform: translate(-50%, 0); }
      .work-partners .clients .clients-context .headline-subtext {
        font-size: 18px;
        margin-top: 12px;
        color: #fff; }
      @media screen and (max-width: 39.9375em) {
        .work-partners .clients .clients-context {
          margin: 40px 0; }
          .work-partners .clients .clients-context h2 {
            font-size: 18px;
            max-width: 78%;
            margin-left: auto;
            margin-right: auto; }
          .work-partners .clients .clients-context .headline-subtext {
            font-size: 14px;
            max-width: 75%;
            margin-left: auto;
            margin-right: auto; } }
    .work-partners .clients .client-logo img {
      max-width: 100%; }
      @media screen and (max-width: 39.9375em) {
        .work-partners .clients .client-logo img.mobile-max-75 {
          max-width: 75%; }
        .work-partners .clients .client-logo img.mobile-max-50 {
          max-width: 50%; } }
    .work-partners .clients .red-illustration-topleft {
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(-26%, -78%);
      z-index: -1;
      max-width: 72%; }
    .work-partners .clients .red-illustration-bottomright {
      position: absolute;
      bottom: 0;
      right: 0;
      transform: translate(72%, 87%);
      z-index: -1;
      max-width: 55%; }

@media screen and (max-width: 1024px) {
  .work-partners .headline {
    max-width: 56%; }
  .work-partners .clients .red-illustration-topleft {
    transform: translate(0, -78%); }
  .work-partners .clients .red-illustration-bottomright {
    transform: translate(31%, 90%); } }

@media screen and (max-width: 940px) {
  .work-partners .headline {
    padding: 11vw 0; }
    .work-partners .headline:first-child {
      float: right;
      text-align: right;
      padding-right: 6%;
      max-width: 74%; }
    .work-partners .headline:last-child {
      float: left;
      text-align: left;
      padding-left: 6%;
      max-width: 68%; } }

@media screen and (max-width: 768px) {
  .work-partners .clients .red-illustration-topleft {
    transform: translate(0, -78%); }
  .work-partners .clients .red-illustration-bottomright {
    transform: translate(23%, 108%); } }

@media screen and (max-width: 639px) {
  .work-partners .headline:first-child, .work-partners .headline:last-child {
    float: none;
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 90%; } }

@media screen and (max-width: 540px) {
  .work-partners .headline h2 {
    font-size: 24px; }
  .work-partners .headline .headline-subtext {
    font-size: 18px; } }

.learn-more-callout {
  padding: 30px 0;
  margin-top: 32px;
  width: 100%;
  background-image: url("/assets/images/expertise/git-background.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
  background-color: #0f0e2c;
  position: relative;
  color: white;
  overflow: hidden; }
  .learn-more-callout .column, .learn-more-callout .columns {
    display: flex;
    align-items: center;
    justify-content: space-around; }
  .learn-more-callout .img-container {
    height: calc(124px + (196 - 124)*(100vw - 320px)/(900 - 320));
    width: calc(104px + (165 - 104)*(100vw - 320px)/(900 - 320));
    position: absolute;
    bottom: -18px;
    right: calc(15px + (40 - 15)*(100vw - 320px)/(900 - 320)); }
    .learn-more-callout .img-container img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .learn-more-callout .content {
    display: block;
    flex-grow: 1; }
    .learn-more-callout .content h2 {
      font-size: 12px;
      margin-bottom: 0; }
    .learn-more-callout .content h3 {
      font-family: "geomanist-bold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      letter-spacing: 1.2px;
      font-size: calc(32px + (48 - 32)*(100vw - 320px)/(900 - 320));
      text-transform: uppercase; }
    .learn-more-callout .content a {
      font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      text-decoration: none;
      color: white;
      padding: 8px 16px;
      border: 2px solid white;
      border-radius: 3px;
      height: fit-content;
      width: fit-content;
      margin-left: 0px;
      margin-top: 16px;
      font-size: 14px;
      display: flex;
      align-items: center;
      transition: background 200ms linear; }
      .learn-more-callout .content a svg {
        width: 14px;
        fill: white;
        margin-left: 10px; }
      .learn-more-callout .content a:hover {
        background: rgba(255, 255, 255, 0.15); }

@media screen and (min-width: 640px) {
  .learn-more-callout {
    margin-top: 96px;
    background-size: auto; }
    .learn-more-callout .content h2 {
      font-size: 16px; } }

@media screen and (min-width: 900px) {
  .learn-more-callout {
    padding: 0;
    overflow: visible;
    background-size: 100% auto; }
    .learn-more-callout > .row > .column, .learn-more-callout > .row > .columns {
      position: relative;
      padding: 27px 0 20px; }
    .learn-more-callout .heading {
      text-align: center; }
    .learn-more-callout .img-container {
      height: 196px;
      width: 165px;
      right: 0;
      left: 5%;
      bottom: 0;
      overflow: hidden; }
      .learn-more-callout .img-container img {
        position: relative;
        bottom: -24px; }
    .learn-more-callout .content {
      display: flex;
      justify-content: space-around;
      margin-left: 25%;
      align-items: center; }
      .learn-more-callout .content h3 {
        font-size: 48px; }
      .learn-more-callout .content a {
        margin-left: -20px;
        margin-top: 0;
        font-size: 18px; }
        .learn-more-callout .content a svg {
          width: 18px; } }

.page-wrapper.case-study-page.tex .hero-element {
  max-height: 260px;
  max-width: 118%; }

.page-wrapper.case-study-page.tex .top-hero .hero-lockup {
  max-width: 65vw; }

.page-wrapper.case-study-page.tex .tex-brain {
  bottom: 10px;
  width: 122px; }

.page-wrapper.case-study-page.tex .brain-triangle {
  opacity: 0;
  right: 0;
  z-index: 10; }

.page-wrapper.case-study-page.tex .right-graphic.animate .brain-triangle {
  -webkit-animation: fadeinout 3s linear forwards infinite;
  animation: fadeinout 3s linear forwards infinite; }

.page-wrapper.case-study-page.tex .right-graphic.animate .brain-triangle-1 {
  animation-delay: 2.3s; }

.page-wrapper.case-study-page.tex .right-graphic.animate .brain-triangle-2 {
  animation-delay: 3.6s; }

.page-wrapper.case-study-page.tex .right-graphic.animate .brain-triangle-3 {
  animation-delay: 2.9s; }

.page-wrapper.case-study-page.tex .right-graphic.animate .brain-triangle-4 {
  animation-delay: 5s; }

.page-wrapper.case-study-page.tex .right-graphic.animate .brain-triangle-5 {
  animation-delay: 4.2s; }

@-webkit-keyframes fadeinout {
  50% {
    opacity: 1; } }

@keyframes fadeinout {
  50% {
    opacity: 1; } }

.page-wrapper.case-study-page.tex .case-study-stats-container .img-1 .graphic:after {
  background: #39b69e; }

.page-wrapper.case-study-page.tex .case-study-stats-container .img-2 .graphic:after {
  background: #6d5c8f; }

.page-wrapper.case-study-page.tex .case-study-stats-container .img-3 .graphic:after {
  background: #ec8b2f; }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.tex .hero-element {
    bottom: -14%;
    max-height: 300px;
    max-width: 110%; }
  .page-wrapper.case-study-page.tex .top-hero .hero-lockup {
    max-width: 47vw; } }

@media screen and (min-width: 768px) {
  .page-wrapper.case-study-page.tex .hero-element {
    max-height: 295px;
    max-width: 50%;
    right: -20%; }
    .page-wrapper.case-study-page.tex .hero-element.animate {
      right: -3.6%; }
  .page-wrapper.case-study-page.tex .top-hero .hero-lockup {
    max-width: 53vw; }
  .page-wrapper.case-study-page.tex .tex-brain {
    bottom: -10px;
    width: 288px; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.tex .hero-element {
    bottom: -16%;
    max-height: 385px;
    max-width: 48%; }
    .page-wrapper.case-study-page.tex .hero-element.animate {
      right: -3.7%; }
  .page-wrapper.case-study-page.tex .top-hero .hero-lockup {
    max-width: 50vw; }
  .page-wrapper.case-study-page.tex .tex-brain {
    bottom: 350px;
    width: 244px; }
  .page-wrapper.case-study-page.tex .case-study-stats-container .graphic img {
    max-height: 93px; } }

@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .page-wrapper.case-study-page.tex .hero-element {
    bottom: -13%;
    max-height: 468px;
    max-width: 50%; }
  .page-wrapper.case-study-page.tex .top-hero .hero-lockup {
    max-width: 43vw; } }

@media screen and (min-width: 1440px) {
  .page-wrapper.case-study-page.tex .hero-element {
    bottom: -15%;
    max-height: 525px;
    max-width: 55%; }
    .page-wrapper.case-study-page.tex .hero-element.animate {
      right: -3.7%; }
  .page-wrapper.case-study-page.tex .top-hero .hero-lockup {
    max-width: 40vw; }
  .page-wrapper.case-study-page.tex .tex-brain {
    bottom: 535px;
    width: 370px; }
  .page-wrapper.case-study-page.tex .case-study-stats-container .graphic img {
    max-height: 98px; } }

@media screen and (min-width: 1441px) {
  .page-wrapper.case-study-page.tex .hero-element {
    max-width: none; } }

.page-wrapper.case-study-page.discover-entrepreneurship .top-hero .hero-lockup {
  max-width: 58vw; }

.page-wrapper.case-study-page.discover-entrepreneurship .hero-element {
  max-width: 104%; }
  .page-wrapper.case-study-page.discover-entrepreneurship .hero-element.animate {
    right: -10%; }

.page-wrapper.case-study-page.discover-entrepreneurship .right-graphic {
  bottom: -20px;
  width: 100px; }

.page-wrapper.case-study-page.discover-entrepreneurship .case-study-stats-container .img-1 .graphic:after {
  background: #0DBCD3; }

.page-wrapper.case-study-page.discover-entrepreneurship .case-study-stats-container .img-2 .graphic:after {
  background: #ADD76E; }

.page-wrapper.case-study-page.discover-entrepreneurship .case-study-stats-container .img-3 .graphic:after {
  background: #CE1B1B; }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.discover-entrepreneurship .hero-element {
    bottom: -13%;
    max-height: 265px;
    max-width: 110%; }
    .page-wrapper.case-study-page.discover-entrepreneurship .hero-element.animate {
      right: -5%; }
  .page-wrapper.case-study-page.discover-entrepreneurship .top-hero .hero-lockup {
    max-width: 55vw; } }

@media (min-width: 768px) {
  .page-wrapper.case-study-page.discover-entrepreneurship .hero-element {
    max-height: 350px; }
  .page-wrapper.case-study-page.discover-entrepreneurship .right-graphic {
    bottom: -50px;
    width: 250px; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.discover-entrepreneurship .hero-element {
    max-height: 380px; }
    .page-wrapper.case-study-page.discover-entrepreneurship .hero-element.animate {
      right: -5%; }
  .page-wrapper.case-study-page.discover-entrepreneurship .right-graphic {
    bottom: auto; } }

@media (min-width: 1300px) {
  .page-wrapper.case-study-page.discover-entrepreneurship .hero-element {
    bottom: -16%;
    max-height: 470px; }
    .page-wrapper.case-study-page.discover-entrepreneurship .hero-element.animate {
      right: -5%; } }

@media (min-width: 1440px) {
  .page-wrapper.case-study-page.discover-entrepreneurship .hero-element {
    bottom: -28%;
    max-height: 540px; }
    .page-wrapper.case-study-page.discover-entrepreneurship .hero-element.animate {
      right: -7%; }
  .page-wrapper.case-study-page.discover-entrepreneurship .top-hero .hero-lockup {
    max-width: 43vw; }
  .page-wrapper.case-study-page.discover-entrepreneurship .right-graphic {
    width: 300px; } }

@media (min-width: 1600px) {
  .page-wrapper.case-study-page.discover-entrepreneurship .hero-element {
    right: -5%; }
    .page-wrapper.case-study-page.discover-entrepreneurship .hero-element.animate {
      right: -5%; }
  .page-wrapper.case-study-page.discover-entrepreneurship .top-hero .hero-lockup {
    max-width: 39vw; } }

.page-wrapper.case-study-page.middle-galaxy .hero-element {
  max-height: 290px; }
  .page-wrapper.case-study-page.middle-galaxy .hero-element.animate {
    right: -29px; }

.page-wrapper.case-study-page.middle-galaxy .stars-bg {
  background-image: url("/assets/images/case-studies/middle-galaxy/middle-galaxy-stars-bg.jpg");
  background-size: contain; }

.page-wrapper.case-study-page.middle-galaxy .digital-solution > .row {
  margin-top: -20px;
  position: relative;
  z-index: 2; }

.page-wrapper.case-study-page.middle-galaxy .case-study-stats-container .img-1 .graphic:after {
  background: #AC7280; }

.page-wrapper.case-study-page.middle-galaxy .case-study-stats-container .img-2 .graphic:after {
  background: #294D5F; }

.page-wrapper.case-study-page.middle-galaxy .case-study-stats-container .img-3 .graphic:after {
  background: #FA7402; }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.middle-galaxy .hero-element {
    max-height: 300px; }
  .page-wrapper.case-study-page.middle-galaxy .digital-solution > .row {
    margin-top: -50px; } }

@media (min-width: 768px) {
  .page-wrapper.case-study-page.middle-galaxy .right-graphic {
    bottom: -50px;
    width: 250px; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.middle-galaxy .hero-element {
    bottom: -24%;
    max-height: 400px; }
    .page-wrapper.case-study-page.middle-galaxy .hero-element.animate {
      right: -45px; }
  .page-wrapper.case-study-page.middle-galaxy .digital-solution > .row {
    margin-top: -80px; } }

@media (min-width: 1200px) {
  .page-wrapper.case-study-page.middle-galaxy .hero-element {
    max-height: 470px; } }

@media (min-width: 1400px) {
  .page-wrapper.case-study-page.middle-galaxy .hero-element {
    bottom: -29.5%;
    max-height: 576px; }
    .page-wrapper.case-study-page.middle-galaxy .hero-element.animate {
      right: -65px; }
  .page-wrapper.case-study-page.middle-galaxy .digital-solution > .row {
    margin-top: -120px; } }

@media (min-width: 1600px) {
  .page-wrapper.case-study-page.middle-galaxy .hero-element {
    right: -20%; } }

.page-wrapper.case-study-page.farmers-2050 .top-hero .hero-lockup {
  width: 78vw; }

.page-wrapper.case-study-page.farmers-2050 .hero-element {
  bottom: -10%;
  max-width: 66vw; }
  .page-wrapper.case-study-page.farmers-2050 .hero-element.animate {
    right: -1.5%; }

.page-wrapper.case-study-page.farmers-2050 .case-study-content .intro {
  margin-top: 45px; }

.page-wrapper.case-study-page.farmers-2050 .right-graphic {
  bottom: 1%;
  max-width: 488px;
  width: 40vw; }

.page-wrapper.case-study-page.farmers-2050 .case-study-stats-container .graphic:after {
  background-color: #0675BD; }

.page-wrapper.case-study-page.farmers-2050 .case-study-stats-container .graphic img {
  max-height: 66px; }

.page-wrapper.case-study-page.farmers-2050 .case-study-stats-container .img-2 .graphic img {
  max-height: 60px; }

.page-wrapper.case-study-page.farmers-2050 .footer-graphic {
  max-height: 100px; }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.farmers-2050 .hero-element {
    bottom: -13%;
    max-height: 265px;
    max-width: 110%; }
    .page-wrapper.case-study-page.farmers-2050 .hero-element.animate {
      right: -5%; }
  .page-wrapper.case-study-page.farmers-2050 .top-hero .hero-lockup {
    max-width: 55vw; }
  .page-wrapper.case-study-page.farmers-2050 .footer-graphic {
    max-height: 125px; } }

@media (min-width: 768px) {
  .page-wrapper.case-study-page.farmers-2050 .hero-element {
    max-height: 350px; }
  .page-wrapper.case-study-page.farmers-2050 .right-graphic {
    bottom: -1%;
    width: 32.5vw; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.farmers-2050 .hero-element {
    max-height: 380px; }
    .page-wrapper.case-study-page.farmers-2050 .hero-element.animate {
      right: -5%; }
  .page-wrapper.case-study-page.farmers-2050 .right-graphic {
    bottom: 31%;
    width: 27vw; } }

@media (min-width: 1300px) {
  .page-wrapper.case-study-page.farmers-2050 .hero-element {
    bottom: -16%;
    max-height: 470px; }
    .page-wrapper.case-study-page.farmers-2050 .hero-element.animate {
      right: -5%; } }

@media (min-width: 1440px) {
  .page-wrapper.case-study-page.farmers-2050 .hero-element {
    bottom: -23%;
    max-height: 540px; }
    .page-wrapper.case-study-page.farmers-2050 .hero-element.animate {
      right: -7%; }
  .page-wrapper.case-study-page.farmers-2050 .top-hero .hero-lockup {
    max-width: 43vw; }
  .page-wrapper.case-study-page.farmers-2050 .right-graphic {
    width: 34vw; } }

@media (min-width: 1600px) {
  .page-wrapper.case-study-page.farmers-2050 .hero-element {
    right: -5%; }
    .page-wrapper.case-study-page.farmers-2050 .hero-element.animate {
      right: -5%; }
  .page-wrapper.case-study-page.farmers-2050 .top-hero .hero-lockup {
    max-width: 39vw; } }

.page-wrapper.case-study-page.varo .top-hero .hero-lockup h1 {
  max-width: none; }

.page-wrapper.case-study-page.varo .hero-element {
  bottom: -12%;
  max-height: 563px;
  width: 45vw; }
  .page-wrapper.case-study-page.varo .hero-element.animate {
    right: 2%; }

.page-wrapper.case-study-page.varo .top-hero .hero-lockup {
  max-width: 80vw;
  width: 100%; }

.page-wrapper.case-study-page.varo .case-study-content .intro {
  margin-top: 75px; }

.page-wrapper.case-study-page.varo .right-graphic {
  bottom: -3%;
  max-width: 374px;
  width: 37vw; }
  .page-wrapper.case-study-page.varo .right-graphic.animate {
    right: -3%; }

@-webkit-keyframes fadeinout {
  50% {
    opacity: 1; } }

@keyframes fadeinout {
  50% {
    opacity: 1; } }

.page-wrapper.case-study-page.varo .case-study-stats-container .graphic:after {
  background: #655BA4;
  margin-left: 5px;
  margin-top: 0;
  width: 40px; }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.varo .hero-element {
    bottom: -21%;
    width: 36vw; }
    .page-wrapper.case-study-page.varo .hero-element.animate {
      right: 1%; }
  .page-wrapper.case-study-page.varo .top-hero .hero-lockup {
    max-width: 56vw; }
  .page-wrapper.case-study-page.varo .right-graphic {
    bottom: -3%;
    width: 38vw; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.varo .hero-element {
    bottom: -24%;
    width: 29vw; }
    .page-wrapper.case-study-page.varo .hero-element.animate {
      right: 3%; }
  .page-wrapper.case-study-page.varo .top-hero .hero-lockup {
    max-width: 53vw; }
  .page-wrapper.case-study-page.varo .case-study-stats-container .graphic img {
    max-height: 93px; }
  .page-wrapper.case-study-page.varo .right-graphic {
    bottom: 22%;
    width: 27vw; }
    .page-wrapper.case-study-page.varo .right-graphic.animate {
      right: -1%; } }

@media screen and (min-width: 1440px) {
  .page-wrapper.case-study-page.varo .hero-element {
    bottom: -31%;
    width: unset; }
    .page-wrapper.case-study-page.varo .hero-element.animate {
      right: 3.5%; }
  .page-wrapper.case-study-page.varo .top-hero .hero-lockup {
    max-width: 49vw; }
  .page-wrapper.case-study-page.varo .right-graphic {
    bottom: 20%;
    width: 100%; }
    .page-wrapper.case-study-page.varo .right-graphic.animate {
      right: 1%; }
  .page-wrapper.case-study-page.varo .case-study-stats-container .img-1 .graphic img {
    max-height: 80px; }
  .page-wrapper.case-study-page.varo .case-study-stats-container .img-2 .graphic img {
    max-height: 82px; }
  .page-wrapper.case-study-page.varo .case-study-stats-container .img-3 .graphic img {
    max-height: 81px; } }

.page-wrapper.case-study-page.xinja .top-hero .hero-lockup {
  width: 80vw; }

.page-wrapper.case-study-page.xinja .hero-element {
  bottom: -16%;
  max-height: 629px;
  max-width: 531px;
  width: 56vw; }
  .page-wrapper.case-study-page.xinja .hero-element.animate {
    right: 3%; }

.page-wrapper.case-study-page.xinja .right-graphic {
  bottom: -1%;
  max-width: 407px;
  width: 26vw; }
  .page-wrapper.case-study-page.xinja .right-graphic.animate {
    right: 0; }

.page-wrapper.case-study-page.xinja .case-study-stats-container .graphic:after {
  background: #18395c;
  background: linear-gradient(90deg, #18395c 0%, #e41970 100%); }

.page-wrapper.case-study-page.xinja .case-study-stats-container .graphic img {
  max-height: 74px; }

@media (min-width: 426px) {
  .page-wrapper.case-study-page.xinja .hero-element {
    bottom: -21%;
    width: 47vw; }
  .page-wrapper.case-study-page.xinja .top-hero .hero-lockup {
    width: 69vw; } }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.xinja .hero-element {
    bottom: -17%;
    width: 37vw; }
    .page-wrapper.case-study-page.xinja .hero-element.animate {
      right: 2%; }
  .page-wrapper.case-study-page.xinja .top-hero .hero-lockup {
    width: 50vw; }
  .page-wrapper.case-study-page.xinja .right-graphic {
    bottom: -2%;
    width: 28vw; }
  .page-wrapper.case-study-page.xinja .case-study-stats-container .graphic img {
    max-height: 78px; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.xinja .hero-element {
    bottom: -27%;
    width: 38vw; }
  .page-wrapper.case-study-page.xinja .top-hero .hero-lockup {
    width: 54vw; }
  .page-wrapper.case-study-page.xinja .right-graphic {
    bottom: 30%;
    width: 22vw; }
  .page-wrapper.case-study-page.xinja .case-study-stats-container .graphic img {
    max-height: 84px; } }

@media (min-width: 1300px) {
  .page-wrapper.case-study-page.xinja .hero-element {
    bottom: -29%;
    width: 40vw; }
  .page-wrapper.case-study-page.xinja .top-hero .hero-lockup {
    width: 43vw; } }

@media (min-width: 1440px) {
  .page-wrapper.case-study-page.xinja .hero-element {
    bottom: -31%;
    width: unset; }
    .page-wrapper.case-study-page.xinja .hero-element.animate {
      right: 2%; }
  .page-wrapper.case-study-page.xinja .top-hero .hero-lockup {
    max-width: 43vw; }
  .page-wrapper.case-study-page.xinja .right-graphic {
    bottom: 28%;
    width: 29vw; }
  .page-wrapper.case-study-page.xinja .case-study-stats-container .graphic img {
    max-height: 94px; } }

@media (min-width: 1600px) {
  .page-wrapper.case-study-page.xinja .hero-element.animate {
    right: 4%; }
  .page-wrapper.case-study-page.xinja .top-hero .hero-lockup {
    max-width: 39vw; } }

.page-wrapper.case-study-page.booster-buddy .top-hero .hero-lockup h1 {
  max-width: none; }

.page-wrapper.case-study-page.booster-buddy .hero-element {
  bottom: -17.5%;
  min-height: 248px; }
  .page-wrapper.case-study-page.booster-buddy .hero-element.animate {
    right: 0; }

.page-wrapper.case-study-page.booster-buddy .top-hero .hero-lockup {
  max-width: 70vw;
  width: 100%; }

.page-wrapper.case-study-page.booster-buddy .right-graphic {
  bottom: 45px;
  max-width: 419px;
  width: 48vw; }
  .page-wrapper.case-study-page.booster-buddy .right-graphic.animate {
    right: -16%; }

@-webkit-keyframes fadeinout {
  50% {
    opacity: 1; } }

@keyframes fadeinout {
  50% {
    opacity: 1; } }

.page-wrapper.case-study-page.booster-buddy .case-study-stats-container .graphic:after {
  width: 40px; }

.page-wrapper.case-study-page.booster-buddy .case-study-stats-container .img-1 .graphic:after {
  background: #3dd09b;
  background: linear-gradient(90deg, #3dd09b 0%, #43c0f0 100%); }

.page-wrapper.case-study-page.booster-buddy .case-study-stats-container .img-2 .graphic:after {
  background: #f3713e;
  background: linear-gradient(90deg, #f3713e 0%, #ecba49 100%); }

.page-wrapper.case-study-page.booster-buddy .case-study-stats-container .img-3 .graphic:after {
  background: #ff96cc;
  background: linear-gradient(90deg, #ff96cc 0%, #c292f3 100%); }

@media screen and (max-width: 350px) {
  .page-wrapper.case-study-page.booster-buddy .top-hero .hero-lockup {
    max-width: 100vw;
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.booster-buddy .hero-element {
    bottom: -20.5%;
    max-height: 300px; }
    .page-wrapper.case-study-page.booster-buddy .hero-element.animate {
      right: 1%; }
  .page-wrapper.case-study-page.booster-buddy .top-hero .hero-lockup {
    max-width: 56vw; }
  .page-wrapper.case-study-page.booster-buddy .right-graphic {
    bottom: -100px;
    width: 42.5vw; }
    .page-wrapper.case-study-page.booster-buddy .right-graphic.animate {
      right: -3%; } }

@media screen and (min-width: 768px) {
  .page-wrapper.case-study-page.booster-buddy .hero-element {
    max-height: 375px;
    bottom: -26%; }
    .page-wrapper.case-study-page.booster-buddy .hero-element.animate {
      right: 2%; }
  .page-wrapper.case-study-page.booster-buddy .top-hero .hero-lockup {
    max-width: 61vw; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.booster-buddy .hero-element {
    bottom: -29%;
    max-height: 442px;
    max-width: 48%; }
    .page-wrapper.case-study-page.booster-buddy .hero-element.animate {
      right: 3%; }
  .page-wrapper.case-study-page.booster-buddy .top-hero .hero-lockup {
    max-width: 61vw; }
  .page-wrapper.case-study-page.booster-buddy .case-study-stats-container .graphic img {
    max-height: 93px; }
  .page-wrapper.case-study-page.booster-buddy .right-graphic {
    bottom: 255px;
    width: 30vw; }
    .page-wrapper.case-study-page.booster-buddy .right-graphic.animate {
      right: -2.5%; } }

@media screen and (min-width: 320px) and (max-width: 640px) {
  .page-wrapper.case-study-page.booster-buddy .case-study-content .intro {
    margin-top: 55px; }
  .page-wrapper.case-study-page.booster-buddy .page-wrapper.case-study-page .hero-element {
    bottom: -13%; } }

@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .page-wrapper.case-study-page.booster-buddy .hero-element {
    bottom: -29%;
    max-height: 525px; }
  .page-wrapper.case-study-page.booster-buddy .top-hero .hero-lockup {
    max-width: 53vw; }
  .page-wrapper.case-study-page.booster-buddy .right-graphic.animate {
    right: -2%; } }

@media screen and (min-width: 1440px) {
  .page-wrapper.case-study-page.booster-buddy .hero-element {
    bottom: -35%;
    max-height: 642px; }
    .page-wrapper.case-study-page.booster-buddy .hero-element.animate {
      right: 7%; }
  .page-wrapper.case-study-page.booster-buddy .top-hero .hero-lockup {
    max-width: 54vw; }
  .page-wrapper.case-study-page.booster-buddy .right-graphic {
    bottom: 365px;
    width: 29vw; }
  .page-wrapper.case-study-page.booster-buddy .case-study-stats-container .img-1 .graphic img {
    max-height: 80px; }
  .page-wrapper.case-study-page.booster-buddy .case-study-stats-container .img-2 .graphic img {
    max-height: 82px; }
  .page-wrapper.case-study-page.booster-buddy .case-study-stats-container .img-3 .graphic img {
    max-height: 81px; } }

@media screen and (max-width: 350px) {
  .page-wrapper.case-study-page.providence .page-wrapper.case-study-page.providence .top-hero .hero-lockup {
    max-width: 100vw;
    width: 100%; } }

.page-wrapper.case-study-page.providence .hero-element {
  min-height: 224px; }
  .page-wrapper.case-study-page.providence .hero-element.animate {
    right: 0; }

.page-wrapper.case-study-page.providence .top-hero .hero-lockup {
  max-width: 70vw;
  width: 100%; }

.page-wrapper.case-study-page.providence .right-graphic {
  bottom: -20px;
  max-width: 278px;
  width: 21.5vw; }

@-webkit-keyframes fadeinout {
  50% {
    opacity: 1; } }

@keyframes fadeinout {
  50% {
    opacity: 1; } }

.page-wrapper.case-study-page.providence .case-study-stats-container .img-1 .graphic:after {
  background: #0675BD; }

.page-wrapper.case-study-page.providence .case-study-stats-container .img-2 .graphic:after {
  background: #0675BD; }

.page-wrapper.case-study-page.providence .case-study-stats-container .img-3 .graphic:after {
  background: #0675BD; }

.page-wrapper.case-study-page.providence .carousel-container.image .item img {
  max-width: 64.5vw; }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.providence .hero-element {
    bottom: -14%;
    right: 1%;
    max-height: 330px; }
  .page-wrapper.case-study-page.providence .top-hero .hero-lockup {
    max-width: 56vw; }
  .page-wrapper.case-study-page.providence .right-graphic {
    width: 26vw;
    bottom: -50px; }
  .page-wrapper.case-study-page.providence .carousel-container.image .item img {
    max-width: 60.5vw; } }

@media screen and (min-width: 768px) {
  .page-wrapper.case-study-page.providence .hero-element {
    max-height: 375px;
    bottom: -26%; }
    .page-wrapper.case-study-page.providence .hero-element.animate {
      right: 2%; }
  .page-wrapper.case-study-page.providence .top-hero .hero-lockup {
    max-width: 61vw; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.providence .hero-element {
    bottom: -22%;
    max-height: 442px;
    max-width: 48%; }
    .page-wrapper.case-study-page.providence .hero-element.animate {
      right: 2%; }
  .page-wrapper.case-study-page.providence .top-hero .hero-lockup {
    max-width: 61vw; }
  .page-wrapper.case-study-page.providence .case-study-stats-container .graphic img {
    max-height: 93px; }
  .page-wrapper.case-study-page.providence .right-graphic {
    width: 23.5vw;
    bottom: 175px; }
  .page-wrapper.case-study-page.providence .carousel-container.image .item img {
    max-width: 56.5vw; } }

@media screen and (min-width: 320px) and (max-width: 640px) {
  .page-wrapper.case-study-page.providence .case-study-content .intro {
    margin-top: 55px; }
  .page-wrapper.case-study-page.providence .hero-element {
    bottom: -13%; } }

@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .page-wrapper.case-study-page.providence .hero-element {
    bottom: -29%;
    max-height: 525px; }
    .page-wrapper.case-study-page.providence .hero-element.animate {
      right: 3%; }
  .page-wrapper.case-study-page.providence .top-hero .hero-lockup {
    max-width: 53vw; }
  .page-wrapper.case-study-page.providence .right-graphic {
    bottom: 180px; } }

@media screen and (min-width: 1440px) {
  .page-wrapper.case-study-page.providence .hero-element {
    bottom: -30%;
    right: -2%;
    max-height: 591px; }
    .page-wrapper.case-study-page.providence .hero-element.animate {
      right: 4%; }
  .page-wrapper.case-study-page.providence .top-hero .hero-lockup {
    max-width: 44vw; }
  .page-wrapper.case-study-page.providence .right-graphic {
    width: 20vw;
    bottom: 250px; }
  .page-wrapper.case-study-page.providence .case-study-stats-container .graphic img {
    max-height: 98px; } }

@media screen and (min-width: 1441px) {
  .page-wrapper.case-study-page.providence .hero-element {
    max-width: none; } }

.page-wrapper.case-study-page.missions .top-hero .hero-lockup {
  width: 72vw; }
  .page-wrapper.case-study-page.missions .top-hero .hero-lockup h1 {
    max-width: unset; }

.page-wrapper.case-study-page.missions .hero-element {
  bottom: -14%;
  max-width: 50vw; }
  .page-wrapper.case-study-page.missions .hero-element.animate {
    right: 2.5%; }

.page-wrapper.case-study-page.missions .case-study-content .intro {
  margin-top: 45px; }

.page-wrapper.case-study-page.missions .right-graphic {
  bottom: 4%;
  max-width: 346px;
  width: 35vw; }

.page-wrapper.case-study-page.missions .case-study-stats-container .graphic:after {
  background-color: #18395c;
  width: 40px; }

.page-wrapper.case-study-page.missions .case-study-stats-container .graphic img {
  max-height: 66px; }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.missions .hero-element {
    bottom: -18%;
    max-height: 375px;
    max-width: 33vw; }
    .page-wrapper.case-study-page.missions .hero-element.animate {
      right: 3%; }
  .page-wrapper.case-study-page.missions .top-hero .hero-lockup {
    max-width: 50vw; }
  .page-wrapper.case-study-page.missions .right-graphic {
    bottom: -10%;
    width: 32vw; }
  .page-wrapper.case-study-page.missions .case-study-stats-container .graphic img {
    max-height: 82px; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.missions .hero-element {
    bottom: -25.5%;
    max-height: 455px; }
    .page-wrapper.case-study-page.missions .hero-element.animate {
      right: 3.5%; }
  .page-wrapper.case-study-page.missions .right-graphic {
    bottom: 35%;
    width: 24vw; }
  .page-wrapper.case-study-page.missions .case-study-stats-container .graphic img {
    max-height: 97px; } }

@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .page-wrapper.case-study-page.missions .hero-element {
    max-height: 525px; } }

@media (min-width: 1440px) {
  .page-wrapper.case-study-page.missions .hero-element {
    bottom: -29%;
    max-height: 607px; }
    .page-wrapper.case-study-page.missions .hero-element.animate {
      right: 4%; }
  .page-wrapper.case-study-page.missions .top-hero .hero-lockup {
    max-width: 45vw; }
  .page-wrapper.case-study-page.missions .right-graphic {
    width: 25vw; }
  .page-wrapper.case-study-page.missions .case-study-stats-container .graphic img {
    max-height: 113px; } }

@media (min-width: 1600px) {
  .page-wrapper.case-study-page.missions .top-hero .hero-lockup {
    max-width: 42vw; } }

.page-wrapper.case-study-page.alberta-health .top-hero .hero-lockup h1 {
  max-width: none; }

.page-wrapper.case-study-page.alberta-health .hero-element {
  bottom: -17%; }
  .page-wrapper.case-study-page.alberta-health .hero-element.animate {
    right: 5%; }

.page-wrapper.case-study-page.alberta-health .top-hero .hero-lockup {
  max-width: 70vw;
  width: 100%; }

.page-wrapper.case-study-page.alberta-health .right-graphic {
  bottom: 0;
  max-width: 306px;
  width: 34vw; }

@-webkit-keyframes fadeinout {
  50% {
    opacity: 1; } }

@keyframes fadeinout {
  50% {
    opacity: 1; } }

.page-wrapper.case-study-page.alberta-health .case-study-stats-container .graphic:after {
  background: #0675BD;
  width: 40px; }

.page-wrapper.case-study-page.alberta-health .case-study-stats-container .graphic img {
  max-height: 64px; }

@media screen and (min-width: 320px) and (max-width: 640px) {
  .page-wrapper.case-study-page.alberta-health .case-study-content .intro {
    margin-top: 70px; }
  .page-wrapper.case-study-page.alberta-health .page-wrapper.case-study-page .hero-element {
    bottom: -13%; } }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.alberta-health .hero-element {
    bottom: -20.5%;
    max-height: 300px; }
    .page-wrapper.case-study-page.alberta-health .hero-element.animate {
      right: 4%; }
  .page-wrapper.case-study-page.alberta-health .top-hero .hero-lockup {
    max-width: 49vw; }
  .page-wrapper.case-study-page.alberta-health .right-graphic {
    bottom: -3%;
    width: 28vw; }
  .page-wrapper.case-study-page.alberta-health .case-study-stats-container .graphic img {
    max-height: 72px; } }

@media screen and (min-width: 768px) {
  .page-wrapper.case-study-page.alberta-health .hero-element {
    max-height: 375px;
    bottom: -26%; }
  .page-wrapper.case-study-page.alberta-health .top-hero .hero-lockup {
    max-width: 61vw; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.alberta-health .hero-element {
    bottom: -29%;
    max-height: 442px;
    max-width: 48%; }
    .page-wrapper.case-study-page.alberta-health .hero-element.animate {
      right: 3.5%; }
  .page-wrapper.case-study-page.alberta-health .top-hero .hero-lockup {
    max-width: 61vw; }
  .page-wrapper.case-study-page.alberta-health .right-graphic {
    bottom: 31%;
    width: 23vw; }
  .page-wrapper.case-study-page.alberta-health .case-study-stats-container .graphic img {
    max-height: 79px; } }

@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .page-wrapper.case-study-page.alberta-health .hero-element {
    max-height: 525px; }
  .page-wrapper.case-study-page.alberta-health .top-hero .hero-lockup {
    max-width: 53vw; } }

@media screen and (min-width: 1440px) {
  .page-wrapper.case-study-page.alberta-health .hero-element {
    bottom: -33.5%;
    max-height: 584px; }
    .page-wrapper.case-study-page.alberta-health .hero-element.animate {
      right: 4.5%; }
  .page-wrapper.case-study-page.alberta-health .top-hero .hero-lockup {
    max-width: 51vw; }
  .page-wrapper.case-study-page.alberta-health .right-graphic {
    bottom: 28%;
    width: 22vw; }
  .page-wrapper.case-study-page.alberta-health .case-study-stats-container .graphic img {
    max-height: 87px; } }

.page-wrapper.case-study-page.wetransfer .top-hero .hero-lockup {
  width: 78vw; }

.page-wrapper.case-study-page.wetransfer .hero-element {
  bottom: -11.5%;
  max-height: 418px;
  max-width: 278px;
  width: 74vw; }
  .page-wrapper.case-study-page.wetransfer .hero-element.animate {
    right: -2%; }

.page-wrapper.case-study-page.wetransfer .case-study-content .intro {
  margin-top: 45px; }

.page-wrapper.case-study-page.wetransfer .right-graphic {
  bottom: -2%;
  max-width: 374px;
  width: 39vw; }
  .page-wrapper.case-study-page.wetransfer .right-graphic.animate {
    right: -2%; }

.page-wrapper.case-study-page.wetransfer .case-study-stats-container .graphic:after {
  background-color: #906f92; }

.page-wrapper.case-study-page.wetransfer .case-study-stats-container .graphic img {
  max-height: 71px; }

@media (min-width: 426px) {
  .page-wrapper.case-study-page.wetransfer .hero-element {
    bottom: -15.5%;
    max-width: 660px;
    width: 60vw; }
  .page-wrapper.case-study-page.wetransfer .top-hero .hero-lockup {
    width: 58vw; } }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.wetransfer .hero-element {
    bottom: -13%;
    width: 45vw; }
    .page-wrapper.case-study-page.wetransfer .hero-element.animate {
      right: -2%; }
  .page-wrapper.case-study-page.wetransfer .top-hero .hero-lockup {
    width: 50vw; }
  .page-wrapper.case-study-page.wetransfer .right-graphic {
    bottom: -1%;
    width: 35vw; }
    .page-wrapper.case-study-page.wetransfer .right-graphic.animate {
      right: 0; }
  .page-wrapper.case-study-page.wetransfer .case-study-stats-container .graphic img {
    max-height: 78px; } }

@media (min-width: 768px) {
  .page-wrapper.case-study-page.wetransfer .right-graphic {
    bottom: -2%;
    width: 31.5vw; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.wetransfer .hero-element {
    bottom: -18%;
    width: 42vw; }
    .page-wrapper.case-study-page.wetransfer .hero-element.animate {
      right: -1%; }
  .page-wrapper.case-study-page.wetransfer .right-graphic {
    bottom: 21%;
    width: 23vw; }
  .page-wrapper.case-study-page.wetransfer .case-study-stats-container .graphic img {
    max-height: 84px; } }

@media (min-width: 1300px) {
  .page-wrapper.case-study-page.wetransfer .hero-element {
    bottom: -18%;
    width: 41vw; }
    .page-wrapper.case-study-page.wetransfer .hero-element.animate {
      right: -1%; }
  .page-wrapper.case-study-page.wetransfer .top-hero .hero-lockup {
    width: 43vw; } }

@media (min-width: 1440px) {
  .page-wrapper.case-study-page.wetransfer .hero-element {
    bottom: -18%;
    width: unset; }
    .page-wrapper.case-study-page.wetransfer .hero-element.animate {
      right: 0.5%; }
  .page-wrapper.case-study-page.wetransfer .top-hero .hero-lockup {
    max-width: 40vw; }
  .page-wrapper.case-study-page.wetransfer .right-graphic {
    bottom: 25%;
    width: 29vw; }
  .page-wrapper.case-study-page.wetransfer .case-study-stats-container .graphic img {
    max-height: 92px; } }

@media (min-width: 1600px) {
  .page-wrapper.case-study-page.wetransfer .hero-element.animate {
    right: 5%; }
  .page-wrapper.case-study-page.wetransfer .top-hero .hero-lockup {
    max-width: 39vw; } }

.page-wrapper.case-study-page.launch-darkly .top-hero .hero-lockup {
  width: 78vw; }

.page-wrapper.case-study-page.launch-darkly .hero-element {
  bottom: -10.5%;
  max-height: 418px;
  max-width: 261px;
  width: 70vw; }
  .page-wrapper.case-study-page.launch-darkly .hero-element.animate {
    right: -4%; }

.page-wrapper.case-study-page.launch-darkly .case-study-content .intro {
  margin-top: 45px; }

.page-wrapper.case-study-page.launch-darkly .right-graphic {
  bottom: 0;
  max-width: 300px;
  width: 35vw; }
  .page-wrapper.case-study-page.launch-darkly .right-graphic.animate {
    right: -4%; }

.page-wrapper.case-study-page.launch-darkly .case-study-stats-container .graphic:after {
  background-color: #3c4250; }

.page-wrapper.case-study-page.launch-darkly .case-study-stats-container .graphic img {
  max-height: 78px; }

@media (min-width: 426px) {
  .page-wrapper.case-study-page.launch-darkly .hero-element {
    bottom: -11.5%;
    max-width: 655px;
    width: 65vw; }
  .page-wrapper.case-study-page.launch-darkly .top-hero .hero-lockup {
    width: 58vw; } }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.launch-darkly .hero-element {
    bottom: -12%;
    width: 44vw; }
    .page-wrapper.case-study-page.launch-darkly .hero-element.animate {
      right: -2%; }
  .page-wrapper.case-study-page.launch-darkly .top-hero .hero-lockup {
    width: 55vw; }
  .page-wrapper.case-study-page.launch-darkly .right-graphic {
    bottom: -1%;
    width: 33vw; }
    .page-wrapper.case-study-page.launch-darkly .right-graphic.animate {
      right: -1%; }
  .page-wrapper.case-study-page.launch-darkly .case-study-stats-container .graphic img {
    max-height: 82px; } }

@media (min-width: 768px) {
  .page-wrapper.case-study-page.launch-darkly .right-graphic {
    bottom: -2%;
    width: 26.5vw; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.launch-darkly .hero-element {
    bottom: -15%;
    width: 41vw; }
    .page-wrapper.case-study-page.launch-darkly .hero-element.animate {
      right: 1%; }
  .page-wrapper.case-study-page.launch-darkly .top-hero .hero-lockup {
    width: 60vw; }
  .page-wrapper.case-study-page.launch-darkly .right-graphic {
    bottom: 36%;
    width: 20vw; }
    .page-wrapper.case-study-page.launch-darkly .right-graphic.animate {
      right: 1%; }
  .page-wrapper.case-study-page.launch-darkly .case-study-stats-container .graphic img {
    max-height: 90px; } }

@media (min-width: 1300px) {
  .page-wrapper.case-study-page.launch-darkly .hero-element {
    bottom: -14%;
    width: 44vw; }
  .page-wrapper.case-study-page.launch-darkly .top-hero .hero-lockup {
    width: 43vw; }
  .page-wrapper.case-study-page.launch-darkly .right-graphic {
    bottom: 32%; } }

@media (min-width: 1440px) {
  .page-wrapper.case-study-page.launch-darkly .hero-element {
    bottom: -16%;
    width: unset; }
    .page-wrapper.case-study-page.launch-darkly .hero-element.animate {
      right: 0.5%; }
  .page-wrapper.case-study-page.launch-darkly .top-hero .hero-lockup {
    max-width: 43vw; }
  .page-wrapper.case-study-page.launch-darkly .right-graphic {
    bottom: 40%;
    width: 29vw; }
  .page-wrapper.case-study-page.launch-darkly .case-study-stats-container .graphic img {
    max-height: 102px; } }

@media (min-width: 1600px) {
  .page-wrapper.case-study-page.launch-darkly .hero-element.animate {
    right: 5%; }
  .page-wrapper.case-study-page.launch-darkly .top-hero .hero-lockup {
    max-width: 39vw; } }

.page-wrapper.case-study-page.westjet .top-hero .hero-lockup {
  width: 78vw; }

.page-wrapper.case-study-page.westjet .hero-element {
  bottom: -15.5%;
  max-width: 66vw; }
  .page-wrapper.case-study-page.westjet .hero-element.animate {
    right: -0.5%; }

.page-wrapper.case-study-page.westjet .case-study-content .intro {
  margin-top: 45px; }

.page-wrapper.case-study-page.westjet .right-graphic {
  bottom: 8%;
  max-width: 408px;
  width: 39vw; }
  .page-wrapper.case-study-page.westjet .right-graphic.animate {
    right: -5%; }

.page-wrapper.case-study-page.westjet .case-study-stats-container .graphic:after {
  background-color: #00AAA6; }

.page-wrapper.case-study-page.westjet .case-study-stats-container .graphic img {
  max-height: 95px; }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.westjet .hero-element {
    bottom: -22%;
    max-height: 360px; }
    .page-wrapper.case-study-page.westjet .hero-element.animate {
      right: 2%; }
  .page-wrapper.case-study-page.westjet .top-hero .hero-lockup {
    max-width: 55vw; }
  .page-wrapper.case-study-page.westjet .right-graphic {
    bottom: 3%;
    width: 37vw; }
    .page-wrapper.case-study-page.westjet .right-graphic.animate {
      right: -4%; }
  .page-wrapper.case-study-page.westjet .case-study-stats-container .graphic img {
    max-height: 81px; } }

@media (min-width: 768px) {
  .page-wrapper.case-study-page.westjet .right-graphic {
    bottom: 1%;
    width: 32.5vw; }
    .page-wrapper.case-study-page.westjet .right-graphic.animate {
      right: -3%; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.westjet .hero-element {
    bottom: -29%;
    max-height: 473px; }
    .page-wrapper.case-study-page.westjet .hero-element.animate {
      right: 3%; }
  .page-wrapper.case-study-page.westjet .right-graphic {
    bottom: 35%;
    width: 27vw; }
    .page-wrapper.case-study-page.westjet .right-graphic.animate {
      right: -2%; }
  .page-wrapper.case-study-page.westjet .case-study-stats-container .graphic img {
    max-height: 96px; } }

@media (min-width: 1300px) {
  .page-wrapper.case-study-page.westjet .hero-element {
    bottom: -16%;
    max-height: 600px; }
    .page-wrapper.case-study-page.westjet .hero-element.animate {
      right: -5%; } }

@media (min-width: 1440px) {
  .page-wrapper.case-study-page.westjet .hero-element {
    bottom: -31%;
    max-height: 645px; }
    .page-wrapper.case-study-page.westjet .hero-element.animate {
      right: 3.5%; }
  .page-wrapper.case-study-page.westjet .top-hero .hero-lockup {
    max-width: 43vw; }
  .page-wrapper.case-study-page.westjet .right-graphic {
    bottom: 37%;
    width: 29vw; }
  .page-wrapper.case-study-page.westjet .case-study-stats-container .graphic img {
    max-height: 112px; } }

@media (min-width: 1600px) {
  .page-wrapper.case-study-page.westjet .hero-element.animate {
    right: 5%; }
  .page-wrapper.case-study-page.westjet .top-hero .hero-lockup {
    max-width: 39vw; } }

.page-wrapper.case-study-page.arfiti .top-hero .hero-lockup {
  width: 83vw; }

.page-wrapper.case-study-page.arfiti .hero-element {
  bottom: -14%;
  max-height: 577px;
  max-width: 53vw;
  width: 199px; }
  .page-wrapper.case-study-page.arfiti .hero-element.animate {
    right: 4.5%; }

.page-wrapper.case-study-page.arfiti .case-study-content .intro {
  margin-top: 45px; }

.page-wrapper.case-study-page.arfiti .right-graphic {
  bottom: 0%;
  max-width: 334px;
  width: 32vw; }
  .page-wrapper.case-study-page.arfiti .right-graphic.animate {
    right: 4.5%; }

.page-wrapper.case-study-page.arfiti .case-study-stats-container .graphic:after {
  background-color: #00ec7d; }

.page-wrapper.case-study-page.arfiti .case-study-stats-container .graphic img {
  max-height: 74px; }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.arfiti .hero-element {
    bottom: -15%;
    width: 238px; }
    .page-wrapper.case-study-page.arfiti .hero-element.animate {
      right: 3%; }
  .page-wrapper.case-study-page.arfiti .top-hero .hero-lockup {
    max-width: 55vw; }
  .page-wrapper.case-study-page.arfiti .right-graphic {
    width: 25vw; }
    .page-wrapper.case-study-page.arfiti .right-graphic.animate {
      right: 3%; }
  .page-wrapper.case-study-page.arfiti .case-study-stats-container .graphic img {
    max-height: 81px; } }

@media (min-width: 768px) {
  .page-wrapper.case-study-page.arfiti .hero-element {
    bottom: -19.5%;
    width: 328px; }
  .page-wrapper.case-study-page.arfiti .right-graphic {
    bottom: -3%; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.arfiti .hero-element {
    bottom: -26.5%;
    width: 410px; }
    .page-wrapper.case-study-page.arfiti .hero-element.animate {
      right: 3%; }
  .page-wrapper.case-study-page.arfiti .right-graphic {
    bottom: 25%;
    width: 21vw; }
    .page-wrapper.case-study-page.arfiti .right-graphic.animate {
      right: 4%; }
  .page-wrapper.case-study-page.arfiti .case-study-stats-container .graphic img {
    max-height: 96px; } }

@media (min-width: 1300px) {
  .page-wrapper.case-study-page.arfiti .hero-element {
    bottom: -27.5%; }
    .page-wrapper.case-study-page.arfiti .hero-element.animate {
      right: 4%; } }

@media (min-width: 1440px) {
  .page-wrapper.case-study-page.arfiti .hero-element {
    bottom: -29%;
    width: unset; }
    .page-wrapper.case-study-page.arfiti .hero-element.animate {
      right: 4.5%; }
  .page-wrapper.case-study-page.arfiti .top-hero .hero-lockup {
    max-width: 43vw; }
  .page-wrapper.case-study-page.arfiti .right-graphic {
    bottom: 26%;
    width: 23.25vw; }
    .page-wrapper.case-study-page.arfiti .right-graphic.animate {
      right: 5.5%; }
  .page-wrapper.case-study-page.arfiti .case-study-stats-container .graphic img {
    max-height: 99px; } }

@media (min-width: 1600px) {
  .page-wrapper.case-study-page.arfiti .hero-element.animate {
    right: 5%; }
  .page-wrapper.case-study-page.arfiti .top-hero .hero-lockup {
    max-width: 39vw; } }

.page-wrapper.case-study-page.o2-priority .top-hero .hero-lockup {
  width: 78vw; }
  .page-wrapper.case-study-page.o2-priority .top-hero .hero-lockup h1 {
    max-width: 740px; }

.page-wrapper.case-study-page.o2-priority .hero-element {
  bottom: -15.5%;
  max-width: 66vw; }
  .page-wrapper.case-study-page.o2-priority .hero-element.animate {
    right: -0.5%; }

.page-wrapper.case-study-page.o2-priority .case-study-content .intro {
  margin-top: 45px; }

.page-wrapper.case-study-page.o2-priority .right-graphic {
  bottom: 4%;
  max-width: 293px;
  width: 29vw; }
  .page-wrapper.case-study-page.o2-priority .right-graphic.animate {
    right: 4%; }

.page-wrapper.case-study-page.o2-priority .case-study-stats-container .graphic:after {
  background-color: #0E1F7F;
  margin-top: 16px; }

.page-wrapper.case-study-page.o2-priority .case-study-stats-container .graphic img {
  max-height: 65px; }

@media print, screen and (min-width: 40em) {
  .page-wrapper.case-study-page.o2-priority .hero-element {
    bottom: -25%;
    max-height: 360px; }
    .page-wrapper.case-study-page.o2-priority .hero-element.animate {
      right: 1.25%; }
  .page-wrapper.case-study-page.o2-priority .top-hero .hero-lockup {
    max-width: 55vw; }
  .page-wrapper.case-study-page.o2-priority .right-graphic {
    bottom: 3%;
    width: 37vw; }
    .page-wrapper.case-study-page.o2-priority .right-graphic.animate {
      right: -4%; }
  .page-wrapper.case-study-page.o2-priority .case-study-stats-container .graphic img {
    max-height: 81px; } }

@media (min-width: 768px) {
  .page-wrapper.case-study-page.o2-priority .right-graphic {
    bottom: 1%;
    width: 27.5vw; }
    .page-wrapper.case-study-page.o2-priority .right-graphic.animate {
      right: 3%; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.case-study-page.o2-priority .hero-element {
    bottom: -31%;
    max-height: 473px; }
    .page-wrapper.case-study-page.o2-priority .hero-element.animate {
      right: 1.75%; }
  .page-wrapper.case-study-page.o2-priority .right-graphic {
    bottom: 31%;
    width: 22vw; }
    .page-wrapper.case-study-page.o2-priority .right-graphic.animate {
      right: 3%; }
  .page-wrapper.case-study-page.o2-priority .case-study-stats-container .graphic img {
    max-height: 96px; } }

@media (min-width: 1300px) {
  .page-wrapper.case-study-page.o2-priority .hero-element {
    bottom: -16%;
    max-height: 600px; }
    .page-wrapper.case-study-page.o2-priority .hero-element.animate {
      right: -5%; } }

@media (min-width: 1440px) {
  .page-wrapper.case-study-page.o2-priority .hero-element {
    bottom: -35%;
    max-height: 645px; }
    .page-wrapper.case-study-page.o2-priority .hero-element.animate {
      right: 2.5%; }
  .page-wrapper.case-study-page.o2-priority .top-hero .hero-lockup {
    max-width: 53vw; }
  .page-wrapper.case-study-page.o2-priority .right-graphic {
    bottom: 29%;
    width: 20.5vw; }
  .page-wrapper.case-study-page.o2-priority .case-study-stats-container .graphic img {
    max-height: 107px; } }

@media (min-width: 1600px) {
  .page-wrapper.case-study-page.o2-priority .hero-element.animate {
    right: 5%; }
  .page-wrapper.case-study-page.o2-priority .top-hero .hero-lockup {
    max-width: 39vw; } }

.page-wrapper.work-landing {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .page-wrapper.work-landing .work-landing-content {
    margin-top: -10vw;
    position: relative;
    z-index: 1; }
  .page-wrapper.work-landing .industry-nav-container {
    margin-bottom: 50px; }
  .page-wrapper.work-landing h3 {
    color: #242E40;
    font-size: 24px;
    text-align: center; }
  .page-wrapper.work-landing .industry-nav {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px -6px 0; }
    .page-wrapper.work-landing .industry-nav a {
      display: inline-flex;
      text-decoration: none;
      text-transform: uppercase;
      align-items: center;
      text-align: center;
      color: #355480;
      font-size: 14px;
      font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      border: 1px solid #8393AD;
      background: #F2F2F2;
      justify-content: center;
      padding: 13px;
      margin: 6px;
      min-width: 278px;
      position: relative; }
      .page-wrapper.work-landing .industry-nav a span {
        position: relative;
        z-index: 2; }
      .page-wrapper.work-landing .industry-nav a svg {
        width: 20px;
        fill: #355480;
        margin-left: 8px;
        position: relative;
        z-index: 2; }
  .page-wrapper.work-landing .case-study-nav-container {
    padding-bottom: 10vw; }
    .page-wrapper.work-landing .case-study-nav-container .case-study-tile {
      opacity: 1; }
    .page-wrapper.work-landing .case-study-nav-container .case-study-wall {
      margin: 0 auto;
      transition: height 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .page-wrapper.work-landing .filters-container {
    text-align: center;
    margin: 10px 0 30px; }
    .page-wrapper.work-landing .filters-container .case-study-filters-mobile-control {
      border-top: 2px solid #CCCCCC;
      background: white;
      border-radius: 5px;
      border-top: none;
      display: block;
      font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 16px;
      text-transform: uppercase;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); }
      .page-wrapper.work-landing .filters-container .case-study-filters-mobile-control .control-container {
        position: relative; }
      .page-wrapper.work-landing .filters-container .case-study-filters-mobile-control select {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        z-index: 1;
        opacity: 0; }
      .page-wrapper.work-landing .filters-container .case-study-filters-mobile-control .selected-container {
        display: flex;
        align-items: center;
        position: relative;
        padding: 8px 48px 8px 20px;
        z-index: 0; }
        .page-wrapper.work-landing .filters-container .case-study-filters-mobile-control .selected-container:after {
          content: "";
          position: absolute;
          right: 20px;
          top: 50%;
          width: 8px;
          height: 12px;
          background: url(/assets/images/icons/chevron.svg);
          transform: rotate(-90deg) translateY(-50%);
          transform-origin: top center; }
      .page-wrapper.work-landing .filters-container .case-study-filters-mobile-control .selected-container {
        padding-top: 13px;
        padding-bottom: 13px; }
      .page-wrapper.work-landing .filters-container .case-study-filters-mobile-control select {
        text-transform: capitalize; }
    .page-wrapper.work-landing .filters-container .filters-inner {
      display: none;
      margin: 0 auto;
      position: relative; }
      .page-wrapper.work-landing .filters-container .filters-inner .indicator {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        background: #8CBCD8;
        transition: all linear 400ms; }
      .page-wrapper.work-landing .filters-container .filters-inner > div {
        text-transform: uppercase;
        font-size: 13px;
        color: #242E40;
        padding: 5px 1.3vw;
        cursor: pointer; }
        .page-wrapper.work-landing .filters-container .filters-inner > div.active {
          font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
        @media screen and (min-width: 768px) {
          .page-wrapper.work-landing .filters-container .filters-inner > div {
            font-size: calc(13px + (16 - 13)*(100vw - 768px)/(870 - 768)); } }
        @media screen and (min-width: 870px) {
          .page-wrapper.work-landing .filters-container .filters-inner > div {
            font-size: 16px; } }

@media screen and (min-width: 640px) {
  .page-wrapper.work-landing h3 {
    font-size: 29px; }
  .page-wrapper.work-landing .industry-nav-container {
    margin-bottom: 57px; }
  .page-wrapper.work-landing .industry-nav {
    flex-direction: row; }
    .page-wrapper.work-landing .industry-nav a {
      font-size: 15px;
      padding: 20px;
      flex-basis: calc(50% - 12px); } }

@media screen and (max-width: 768px) {
  .page-wrapper.work-landing .industry-nav a svg {
    transition: all linear 200ms; }
  .page-wrapper.work-landing .industry-nav a:active {
    background: #242E40;
    color: #fff; }
    .page-wrapper.work-landing .industry-nav a:active svg {
      fill: #fff; } }

@media screen and (min-width: 769px) {
  .page-wrapper.work-landing .case-study-nav-container {
    padding-bottom: 100px; }
  .page-wrapper.work-landing .industry-nav a:hover {
    animation: industry-nav-font-color 800ms;
    -webkit-animation: industry-nav-font-color 800ms;
    animation-fill-mode: forwards; }
    .page-wrapper.work-landing .industry-nav a:hover svg {
      animation: industry-nav-svg-color 800ms;
      -webkit-animation: industry-nav-svg-color 800ms;
      animation-fill-mode: forwards; }
    .page-wrapper.work-landing .industry-nav a:hover:before {
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      z-index: 0;
      animation: industry-nav-image-slide 4s;
      -webkit-animation: industry-nav-image-slide 4s;
      animation-fill-mode: forwards;
      background-position: center bottom; }
    .page-wrapper.work-landing .industry-nav a:hover:after {
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      z-index: 1;
      animation: industry-nav-hover-reveal 1s;
      -webkit-animation: industry-nav-hover-reveal 1s;
      animation-fill-mode: forwards; }
  .page-wrapper.work-landing .industry-nav a.education:hover:before {
    background-image: url(/assets/images/work/industry-nav-hover-image-education.jpg); }
  .page-wrapper.work-landing .industry-nav a.financial-services:hover:before {
    background-image: url(/assets/images/work/industry-nav-hover-image-financial-services.jpg); }
  .page-wrapper.work-landing .industry-nav a.healthcare:hover:before {
    background-image: url(/assets/images/work/industry-nav-hover-image-healthcare.jpg); }
  .page-wrapper.work-landing .industry-nav a.high-tech:hover:before {
    background-image: url(/assets/images/work/industry-nav-hover-image-high-tech.jpg); }
  .page-wrapper.work-landing .industry-nav a.retail-consumer-goods:hover:before {
    background-image: url(/assets/images/work/industry-nav-hover-image-retail-consumer-goods.jpg); }
  .page-wrapper.work-landing .filters-container .case-study-filters-mobile-control {
    display: none; }
  .page-wrapper.work-landing .filters-container .filters-inner {
    display: inline-flex; } }

@media screen and (min-width: 1024px) {
  .page-wrapper.work-landing h3 {
    font-size: 34px; }
  .page-wrapper.work-landing .industry-nav-container {
    margin-bottom: 65px; }
  .page-wrapper.work-landing .industry-nav a {
    font-size: 16px;
    padding: 28px;
    flex-basis: calc(33.33% - 12px); } }

@keyframes industry-nav-hover-reveal {
  0% {
    background: transparent; }
  8% {
    background: #242E40; }
  100% {
    background: transparent; } }

@-webkit-keyframes industry-nav-hover-reveal /* Safari and Chrome - necessary duplicate */ {
  0% {
    background: transparent; }
  8% {
    background: #242E40; }
  100% {
    background: transparent; } }

@keyframes industry-nav-image-slide {
  0% {
    background-position: center bottom;
    opacity: 0; }
  18% {
    opacity: 1; }
  100% {
    background-position: center top; } }

@-webkit-keyframes industry-nav-image-slide /* Safari and Chrome - necessary duplicate */ {
  0% {
    background-position: center bottom;
    opacity: 0; }
  18% {
    opacity: 1; }
  100% {
    background-position: center top; } }

@keyframes industry-nav-font-color {
  0% {
    color: #355480; }
  100% {
    color: #fff; } }

@-webkit-keyframes industry-nav-font-color /* Safari and Chrome - necessary duplicate */ {
  0% {
    color: #355480; }
  100% {
    color: #fff; } }

@keyframes industry-nav-svg-color {
  0% {
    fill: #355480; }
  100% {
    fill: #fff; } }

@-webkit-keyframes industry-nav-svg-color /* Safari and Chrome - necessary duplicate */ {
  0% {
    fill: #355480; }
  100% {
    fill: #fff; } }

.page-wrapper.expertise-landing .landing-hero {
  background-image: url("/assets/images/expertise/expertise-landing-hero.png");
  background-position: top right -30px;
  background-size: contain;
  background-repeat: no-repeat; }

.page-wrapper.expertise-landing .center {
  text-align: center;
  position: relative;
  margin-bottom: 20px;
  color: #242E40; }
  .page-wrapper.expertise-landing .center .heading {
    width: 87%;
    max-width: 680px;
    margin: 0 auto 40px; }
    .page-wrapper.expertise-landing .center .heading h2 {
      margin-bottom: 15px; }
    .page-wrapper.expertise-landing .center .heading h3 {
      margin-bottom: 10px;
      font-size: calc(24px + (34 - 24)*(100vw - 320px)/(900 - 320)); }
    .page-wrapper.expertise-landing .center .heading p {
      font-size: calc(14px + (18 - 14)*(100vw - 320px)/(900 - 320)); }

.page-wrapper.expertise-landing .quote {
  background-color: #f0f0f0;
  background-image: url("/assets/images/expertise/clouds-westjet.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  height: calc(328px + (544 - 328)*(100vw - 320px)/(900 - 320));
  padding: 25px;
  margin-bottom: 0; }
  .page-wrapper.expertise-landing .quote > div {
    max-width: 770px;
    margin: 0 auto;
    padding-top: calc(23px + (59 - 23)*(100vw - 320px)/(900 - 320)); }
    .page-wrapper.expertise-landing .quote > div h1 {
      font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: calc(16px + (36 - 16)*(100vw - 320px)/(900 - 320));
      color: #242E40;
      line-height: calc(24px + (52 - 24)*(100vw - 320px)/(900 - 320));
      letter-spacing: 0.5px;
      display: flex; }
      .page-wrapper.expertise-landing .quote > div h1 .quotes {
        font-size: calc(42px + (90 - 42)*(100vw - 320px)/(900 - 320));
        line-height: calc(40px + (70 - 40)*(100vw - 320px)/(900 - 320));
        color: #8393AD; }
    .page-wrapper.expertise-landing .quote > div .dash {
      width: 60px;
      border-top: 3px solid #8393AD;
      margin: 14px auto 20px; }
    .page-wrapper.expertise-landing .quote > div p {
      font-family: "geomanist-light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      color: #242E40;
      line-height: 16px;
      margin: 0 auto; }
    .page-wrapper.expertise-landing .quote > div .author {
      font-size: calc(14px + (24 - 14)*(100vw - 320px)/(900 - 320));
      margin-bottom: calc(5px + (10 - 5)*(100vw - 320px)/(900 - 320)); }
    .page-wrapper.expertise-landing .quote > div .author-info {
      font-size: calc(11px + (16 - 11)*(100vw - 320px)/(900 - 320));
      max-width: 250px;
      line-height: calc(16px + (24 - 16)*(100vw - 320px)/(900 - 320)); }

.page-wrapper.expertise-landing .approach {
  margin: 50px auto 0px;
  max-width: 1280px; }
  .page-wrapper.expertise-landing .approach .heading {
    width: 85%; }
  .page-wrapper.expertise-landing .approach .service {
    display: flex;
    align-items: inherit;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 20px 50px; }
    .page-wrapper.expertise-landing .approach .service .images-container {
      margin-bottom: 25px; }
      .page-wrapper.expertise-landing .approach .service .images-container .inner {
        margin: 0 auto;
        height: 0;
        width: 100%;
        max-width: 610px;
        position: relative;
        padding-top: 80%; }
        .page-wrapper.expertise-landing .approach .service .images-container .inner img {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          transition: all 500ms ease-in-out; }
          .page-wrapper.expertise-landing .approach .service .images-container .inner img:nth-child(1) {
            transition-delay: 0ms; }
          .page-wrapper.expertise-landing .approach .service .images-container .inner img:nth-child(2) {
            transition-delay: 500ms; }
          .page-wrapper.expertise-landing .approach .service .images-container .inner img:nth-child(3) {
            transition-delay: 1000ms;
            top: 20px;
            left: 20px; }
        .page-wrapper.expertise-landing .approach .service .images-container .inner.animate img {
          opacity: 1; }
          .page-wrapper.expertise-landing .approach .service .images-container .inner.animate img:nth-child(3) {
            top: 0;
            left: 0; }
    .page-wrapper.expertise-landing .approach .service.Technology .images-container img:nth-child(2) {
      max-height: 90%;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%) !important; }
    .page-wrapper.expertise-landing .approach .service .content {
      text-align: left;
      padding-left: 0;
      display: flex; }
      .page-wrapper.expertise-landing .approach .service .content .dash {
        margin-right: calc(8px + (16 - 8)*(100vw - 320px)/(900 - 320));
        margin-top: 7px;
        border-top: 2px solid #c1272d;
        width: 180px; }
      .page-wrapper.expertise-landing .approach .service .content .eyebrow {
        font-family: "geomanist-medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin-bottom: 16px;
        color: #c1272d;
        font-size: calc(14px + (20 - 14)*(100vw - 320px)/(900 - 320));
        line-height: 18px; }
      .page-wrapper.expertise-landing .approach .service .content h3 {
        font-family: "geomanist-book", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: calc(22px + (30 - 22)*(100vw - 320px)/(900 - 320));
        color: #242E40;
        line-height: 28px;
        max-width: none; }
      .page-wrapper.expertise-landing .approach .service .content p {
        font-family: "geomanist-regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: calc(14px + (18 - 14)*(100vw - 320px)/(900 - 320));
        line-height: 22px;
        color: #555555;
        max-width: none; }

@media screen and (min-width: 640px) {
  .page-wrapper.expertise-landing .landing-hero {
    background-position: top right; }
  .page-wrapper.expertise-landing .strengths {
    margin-bottom: 92px; }
  .page-wrapper.expertise-landing .strengths-grid {
    display: grid;
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(282px, 33fr)); }
  .page-wrapper.expertise-landing .approach .service {
    padding: 50px; } }

@media screen and (min-width: 900px) {
  .page-wrapper.expertise-landing .center .heading h3 {
    font-size: 34px; }
  .page-wrapper.expertise-landing .strengths-grid {
    column-gap: 32px;
    row-gap: 32px; }
  .page-wrapper.expertise-landing .quote {
    height: 544px;
    padding: 50px; }
    .page-wrapper.expertise-landing .quote > div {
      padding-top: 59px; }
      .page-wrapper.expertise-landing .quote > div h1 {
        font-size: 36px;
        line-height: 52px;
        letter-spacing: 1.13px; }
        .page-wrapper.expertise-landing .quote > div h1 .quotes {
          font-size: 90px;
          line-height: 70px; }
      .page-wrapper.expertise-landing .quote > div .dash {
        width: 80px;
        margin: 29px auto 50px; }
      .page-wrapper.expertise-landing .quote > div .author {
        font-size: 24px;
        margin-bottom: 10px; }
      .page-wrapper.expertise-landing .quote > div .author-info {
        font-size: 16px;
        max-width: 300px;
        line-height: 24px; }
  .page-wrapper.expertise-landing .approach .service {
    flex-direction: row;
    align-items: center; }
    .page-wrapper.expertise-landing .approach .service .images-container {
      flex-basis: 610px;
      flex-shrink: 1;
      margin-bottom: 0; }
    .page-wrapper.expertise-landing .approach .service .content {
      padding-left: 40px; }
      .page-wrapper.expertise-landing .approach .service .content .dash {
        margin-right: 16px;
        margin-top: 10px;
        width: 64px; }
      .page-wrapper.expertise-landing .approach .service .content .eyebrow {
        margin-bottom: 33px;
        font-size: 20px;
        line-height: 24px; }
      .page-wrapper.expertise-landing .approach .service .content h3 {
        font-size: 30px;
        line-height: 36px;
        max-width: 380px; }
      .page-wrapper.expertise-landing .approach .service .content p {
        font-size: 18px;
        line-height: 26px;
        max-width: 380px; }
  .page-wrapper.expertise-landing .approach :nth-child(3) {
    flex-direction: row-reverse; }
    .page-wrapper.expertise-landing .approach :nth-child(3) .content {
      padding-left: 0; } }

.page-wrapper.expertise.slack .top-hero {
  background-image: url("/assets/images/expertise/slack-hero.jpg");
  overflow: visible; }

.page-wrapper.expertise.slack .intro {
  padding-bottom: 50px; }
  .page-wrapper.expertise.slack .intro .logos-container .slack-logo {
    width: 110px; }

.page-wrapper.expertise.slack .expertise-stats-container .graphic:after {
  background: #4a154b; }

.page-wrapper.expertise.slack .expertise-breakdown .breakdown-block.block-2 {
  --color-1: #df1f5a;
  --color-2: #f3a4bf; }

.page-wrapper.expertise.slack .expertise-breakdown .inner {
  padding-top: 0px; }

.page-wrapper.expertise.slack .expertise-breakdown .graphics-container .blue {
  position: absolute;
  width: 128px;
  top: 30px;
  left: -50px; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .blue > img {
    transition: opacity 2s linear;
    opacity: 0; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .blue .bars-container {
    position: absolute;
    top: 37px;
    left: 71px;
    opacity: 0.3;
    transform: rotate(-45deg);
    overflow: hidden;
    transform-origin: left center;
    transition: width 800ms ease-out;
    width: 0; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .blue .bars-container img {
      width: 65px;
      max-width: none; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .blue.animate > img {
    opacity: 0.2; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .blue.animate .bars-container {
    transition: width 1500ms cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
    width: 65px; }

.page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow {
  position: absolute;
  width: 143px;
  top: 34%;
  right: -50px;
  transform: rotate(15deg); }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow > img {
    transition: opacity 2s linear;
    opacity: 0; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow .bars-container {
    width: 0;
    position: absolute;
    top: 10px;
    right: 59px;
    opacity: 0.3;
    transform: rotate(30deg);
    overflow: hidden;
    transform-origin: right center;
    transition: width 1s ease-out; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow .bars-container img {
      width: 42px;
      max-width: none;
      float: right; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow.animate > img {
    opacity: 0.5; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow.animate .bars-container {
    transition: width 1500ms cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
    width: 42px; }

.page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red {
  position: absolute;
  width: 137px;
  bottom: -100px;
  left: -73px; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red > img {
    transition: opacity 2s linear;
    opacity: 0; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red .bars-container {
    width: 0;
    position: absolute;
    top: 59px;
    left: 78px;
    opacity: 0.3;
    transform: rotate(-45deg);
    overflow: hidden;
    transform-origin: left center;
    transition: width 1s ease-out; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red .bars-container .red-bar {
      max-width: none;
      width: 79px; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red .bars-container .blue-bar {
      max-width: none;
      width: 49px;
      margin-bottom: 6px; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red.animate > img {
    opacity: 0.2; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red.animate .bars-container {
    transition: width 2000ms cubic-bezier(0.165, 0.84, 0.44, 1) 100ms;
    width: 79px; }

@media screen and (min-width: 640px) {
  .page-wrapper.expertise.slack .intro .logos-container .slack-logo {
    width: 155px; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .blue {
    width: 30%;
    left: auto;
    max-width: 439px;
    right: 78%;
    top: 0; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .blue .bars-container {
      max-width: 225px;
      width: 0;
      top: 32%;
      left: 57%;
      opacity: 0.8;
      height: 6%; }
      .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .blue .bars-container img {
        width: auto;
        max-width: none;
        height: 100%; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .blue.animate .bars-container {
      width: 49%; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow {
    width: 32%;
    right: auto;
    max-width: 495px;
    left: 78%;
    top: 34%; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow > img {
      opacity: 0; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow .bars-container {
      max-width: 143px;
      width: 0;
      top: 11%;
      right: 41%;
      opacity: 0.8;
      height: 4.5%; }
      .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow .bars-container img {
        width: auto;
        max-width: none;
        height: 100%; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow.animate > img {
      opacity: 1; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .yellow.animate .bars-container {
      width: 27%; }
  .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red {
    width: 38%;
    left: calc(-272px + 1vw);
    max-width: 570px;
    bottom: -170px; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red > img {
      opacity: 0; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red .bars-container {
      max-width: 274px;
      width: 0;
      top: 46%;
      left: 67%;
      opacity: 0.8;
      height: 16%; }
      .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red .bars-container .blue-bar {
        width: auto;
        max-width: none;
        height: 31%;
        margin-bottom: 8%; }
      .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red .bars-container .red-bar {
        width: auto;
        max-width: none;
        height: 31%; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red.animate > img {
      opacity: 0.5; }
    .page-wrapper.expertise.slack .expertise-breakdown .graphics-container .red.animate .bars-container {
      width: 47%; } }

@media screen and (min-width: 640px) and (min-width: 900px) {
  .page-wrapper.expertise.slack .expertise-stats-container {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 640px) {
  .page-wrapper.expertise.slack .expertise-stats-container .stats-wrapper .stat {
    flex-basis: 30%; }
    .page-wrapper.expertise.slack .expertise-stats-container .stats-wrapper .stat.img-2 {
      flex-basis: 40%; } }

.page-wrapper.expertise.box .top-hero {
  background-image: url("/assets/images/expertise/box-hero.jpg"); }

.page-wrapper.expertise.box .intro .logos-container .box-logo {
  width: 73px; }

.page-wrapper.expertise.box .expertise-stats-container .graphic:after {
  background-color: #0071f7; }

.page-wrapper.expertise.box .expertise-stats-container .graphic img {
  max-height: 60px; }

.page-wrapper.expertise.box .expertise-breakdown .inner {
  padding-top: 48px; }

.page-wrapper.expertise.box .expertise-breakdown .graphics-container .blue {
  position: absolute;
  width: 143px;
  top: 40px;
  left: -71px; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .blue > img {
    transition: opacity 2s linear;
    opacity: 0; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .blue .bars-container {
    position: absolute;
    top: 35px;
    left: 109px;
    opacity: 0.3;
    transform: rotate(-45deg);
    overflow: hidden;
    transform-origin: left center;
    transition: width 800ms ease-out;
    width: 0; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .blue .bars-container img {
      width: 49px;
      max-width: none; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .blue.animate > img {
    opacity: 0.5; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .blue.animate .bars-container {
    transition: width 1500ms cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
    width: 50px; }

.page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua {
  position: absolute;
  width: 137px;
  top: 37%;
  right: -63px; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua > img {
    transition: opacity 2s linear;
    opacity: 0; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua .bars-container {
    width: 0;
    position: absolute;
    top: -3px;
    right: 78px;
    opacity: 0.3;
    transform: rotate(-45deg);
    overflow: hidden;
    transform-origin: right center;
    transition: width 1s ease-out; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua .bars-container .aqua-bar {
      margin-right: 20%;
      float: right;
      max-width: none;
      width: 49px;
      margin-bottom: 6px; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua .bars-container .blue-bar {
      max-width: none;
      width: 75px;
      float: right; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua.animate > img {
    opacity: 0.5; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua.animate .bars-container {
    transition: width 1500ms cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
    width: 78px; }

.page-wrapper.expertise.box .expertise-breakdown .graphics-container .light-blue {
  position: absolute;
  width: 128px;
  bottom: -66px;
  left: -63px; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .light-blue > img {
    transition: opacity 2s linear;
    opacity: 0; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .light-blue .bars-container {
    width: 0;
    position: absolute;
    top: 37px;
    left: 81px;
    opacity: 0.3;
    transform: rotate(-20deg);
    overflow: hidden;
    transform-origin: left center;
    transition: width 1s ease-out; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .light-blue .bars-container img {
      width: 63px;
      max-width: none; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .light-blue.animate > img {
    opacity: 0.2; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .light-blue.animate .bars-container {
    transition: width 2000ms cubic-bezier(0.165, 0.84, 0.44, 1) 100ms;
    width: 64px; }

@media screen and (min-width: 640px) {
  .page-wrapper.expertise.box .intro .logos-container .box-logo {
    width: 90px; }
  .page-wrapper.expertise.box .expertise-breakdown .inner {
    padding-top: 95px; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .blue {
    left: auto;
    width: 36%;
    max-width: 520px;
    right: 84%; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .blue .bars-container {
      max-width: 153px;
      width: 0;
      top: 24%;
      left: 81%;
      opacity: 0.8;
      height: 4%; }
      .page-wrapper.expertise.box .expertise-breakdown .graphics-container .blue .bars-container img {
        width: auto;
        max-width: none;
        height: 100%; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .blue.animate .bars-container {
      width: 29%; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua {
    width: 45%;
    right: auto;
    max-width: 570px;
    left: 83%; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua > img {
      opacity: 0; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua .bars-container {
      max-width: 268px;
      width: 0;
      top: -4%;
      right: 66%;
      opacity: 0.8;
      height: 15%; }
      .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua .bars-container .aqua-bar {
        width: auto;
        max-width: none;
        height: 33%;
        margin-bottom: 4%;
        margin-right: 9%; }
      .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua .bars-container .blue-bar {
        width: auto;
        max-width: none;
        height: 47%; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .aqua.animate .bars-container {
      width: 42%; }
  .page-wrapper.expertise.box .expertise-breakdown .graphics-container .light-blue {
    width: 42%;
    left: calc(-263px + 2vw);
    max-width: 430px;
    bottom: 8%; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .light-blue > img {
      opacity: 0; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .light-blue .bars-container {
      max-width: 169px;
      width: 0;
      top: 33%;
      left: 66%;
      opacity: 0.8;
      height: 7%; }
      .page-wrapper.expertise.box .expertise-breakdown .graphics-container .light-blue .bars-container img {
        width: auto;
        max-width: none;
        height: 100%; }
    .page-wrapper.expertise.box .expertise-breakdown .graphics-container .light-blue.animate .bars-container {
      width: 45%; }
  .page-wrapper.expertise.box .expertise-stats-container .stats-wrapper .stat {
    flex-basis: 25%; }
    .page-wrapper.expertise.box .expertise-stats-container .stats-wrapper .stat.img-3 {
      flex-basis: 34%; } }

@media print, screen and (min-width: 64em) {
  .page-wrapper.expertise.box .expertise-stats-container .graphic img {
    max-height: 80px; }
  .page-wrapper.expertise.box .expertise-stats-container .stats-wrapper .stat {
    flex-basis: 32%; } }

@media screen and (min-width: 1440px) {
  .page-wrapper.expertise.box .intro .logos-container .box-logo {
    width: 105px; } }

.page-wrapper.expertise.salesforce .top-hero {
  background-image: url("/assets/images/expertise/salesforce-hero.png"); }
  .page-wrapper.expertise.salesforce .top-hero .hero-lockup h1 {
    max-width: 700px; }

.page-wrapper.expertise.salesforce .intro .logos-container .salesforce-logo {
  width: 80px; }

.page-wrapper.expertise.salesforce .expertise-card .card-hero {
  background-repeat: no-repeat, no-repeat;
  background-position: bottom center, top center;
  background-size: cover, cover;
  background-origin: content-box, padding-box; }

.page-wrapper.expertise.salesforce .expertise-card .hero-element {
  position: absolute;
  top: calc(12px + (24 - 12)*(100vw - 320px)/(900 - 320));
  left: calc(12px + (24 - 12)*(100vw - 320px)/(900 - 320)); }

.page-wrapper.expertise.salesforce .expertise-card.ut .card-hero {
  padding-top: calc(calc(24px + (65 - 24)*(100vw - 320px)/(900 - 320)) + calc(12px + (24 - 12)*(100vw - 320px)/(900 - 320)) + 10px); }

.page-wrapper.expertise.salesforce .expertise-card.ut .hero-element {
  height: calc(24px + (65 - 24)*(100vw - 320px)/(900 - 320)); }

.page-wrapper.expertise.salesforce .expertise-card.trilogy .card-hero {
  padding-top: calc(calc(24px + (56 - 24)*(100vw - 320px)/(900 - 320)) + calc(12px + (24 - 12)*(100vw - 320px)/(900 - 320)) + 10px); }

.page-wrapper.expertise.salesforce .expertise-card.trilogy .hero-element {
  height: calc(24px + (56 - 24)*(100vw - 320px)/(900 - 320)); }

.page-wrapper.expertise.salesforce .expertise-card.sprinklr .card-hero {
  padding-top: calc(calc(18px + (42 - 18)*(100vw - 320px)/(900 - 320)) + calc(12px + (24 - 12)*(100vw - 320px)/(900 - 320)) + 10px); }

.page-wrapper.expertise.salesforce .expertise-card.sprinklr .hero-element {
  height: calc(18px + (42 - 18)*(100vw - 320px)/(900 - 320)); }

.page-wrapper.expertise.salesforce .expertise-card.level .card-hero {
  padding-top: calc(calc(18px + (29 - 18)*(100vw - 320px)/(900 - 320)) + calc(12px + (24 - 12)*(100vw - 320px)/(900 - 320)) + 10px); }

.page-wrapper.expertise.salesforce .expertise-card.level .hero-element {
  height: calc(18px + (29 - 18)*(100vw - 320px)/(900 - 320)); }

.page-wrapper.expertise.salesforce .expertise-stats-container .graphic:after {
  border-radius: 4px;
  background-color: #7fd0ef; }

.page-wrapper.expertise.salesforce .expertise-stats-container .graphic img {
  max-height: 80px; }

.page-wrapper.expertise.salesforce .expertise-breakdown .inner {
  padding-top: 48px; }

.page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container > div {
  position: absolute; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container > div > img {
    transition: opacity 2s linear;
    opacity: 0; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container > div > .bars-container {
    position: absolute;
    overflow: hidden;
    width: 0; }

.page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .lightblue {
  width: 104px;
  left: -25px;
  text-align: left;
  transform: rotate(60deg);
  top: 0; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .lightblue .bars-container {
    top: 23%;
    left: 65%;
    transform: rotate(-45deg);
    transform-origin: left center;
    transition: width 800ms ease-out;
    opacity: 0.6; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .lightblue .bars-container img {
      width: 40px;
      max-width: none; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .lightblue.animate > img {
    opacity: 0.3; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .lightblue.animate .bars-container {
    transition: width 1500ms cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
    width: 40px; }

.page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .aqua {
  width: 127px;
  right: -56px;
  top: 33%;
  text-align: right;
  transform: rotate(90deg); }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .aqua .bars-container {
    top: 43%;
    right: 48%;
    transform: rotate(-45deg);
    transform-origin: center right;
    opacity: 0.6; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .aqua .bars-container img {
      width: 36px;
      max-width: none;
      float: right; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .aqua.animate > img {
    opacity: 0.5; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .aqua.animate .bars-container {
    transition: width 1500ms cubic-bezier(0.165, 0.84, 0.44, 1) 800ms;
    width: 36px; }

.page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue {
  width: 122px;
  left: -67px;
  bottom: -4%;
  text-align: left;
  transform: rotate(45deg); }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue .bars-container {
    top: 44%;
    left: 78%;
    transform: rotate(-90deg);
    transform-origin: left center;
    transition: width 1s ease-out;
    opacity: 0.6; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue .bars-container .light-blue-bar {
      width: 36px;
      max-width: none;
      margin-bottom: 3px;
      margin-left: 21%; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue .bars-container .dark-blue-bar {
      max-width: none;
      width: 58px; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue.animate > img {
    opacity: 0.5; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue.animate .bars-container {
    transition: width 2000ms cubic-bezier(0.165, 0.84, 0.44, 1) 100ms;
    width: 58px; }

@media screen and (min-width: 640px) {
  .page-wrapper.expertise.salesforce .expertise-card .card-hero {
    height: 368px; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .inner {
    padding-top: 95px; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .lightblue {
    width: 28%;
    left: auto;
    max-width: 439px;
    right: 85%; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .lightblue > img {
      opacity: 0; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .lightblue .bars-container {
      max-width: 250px;
      width: 0;
      opacity: 1;
      height: 6%;
      top: 29%;
      left: 55%; }
      .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .lightblue .bars-container img {
        width: auto;
        max-width: none;
        height: 100%; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .lightblue.animate > img {
      opacity: 1; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .lightblue.animate .bars-container {
      width: 50%; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .aqua {
    width: 31%;
    right: auto;
    max-width: 495px;
    left: 80%;
    top: 33%; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .aqua > img {
      opacity: 0; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .aqua .bars-container {
      width: 0;
      height: 5%;
      top: 39%;
      right: 49%;
      max-width: 143px;
      opacity: 1; }
      .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .aqua .bars-container img {
        width: auto;
        max-width: none;
        height: 100%; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .aqua.animate > img {
      opacity: 1; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .aqua.animate .bars-container {
      width: 41%; }
  .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue {
    width: 34%;
    left: calc(-244px + 1vw);
    max-width: 570px;
    bottom: 0; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue > img {
      opacity: 0; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue .bars-container {
      width: 0;
      height: 16%;
      opacity: 1;
      max-width: 268px;
      top: 53%; }
      .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue .bars-container .light-blue-bar {
        width: auto;
        max-width: none;
        height: 31%;
        margin-bottom: 5%; }
      .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue .bars-container .dark-blue-bar {
        width: auto;
        max-width: none;
        height: 48%; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue.animate > img {
      opacity: 0.5; }
    .page-wrapper.expertise.salesforce .expertise-breakdown .graphics-container .blue.animate .bars-container {
      width: 51%; } }

@media screen and (min-width: 900px) {
  .page-wrapper.expertise.salesforce .intro .logos-container .salesforce-logo {
    width: 100px; }
  .page-wrapper.expertise.salesforce .expertise-card .hero-element {
    left: 24px;
    top: 24px; }
  .page-wrapper.expertise.salesforce .expertise-card.ut .hero-element {
    height: 65px; }
  .page-wrapper.expertise.salesforce .expertise-card.trilogy .hero-element {
    height: 56px; }
  .page-wrapper.expertise.salesforce .expertise-card.sprinklr .hero-element {
    height: 42px; }
  .page-wrapper.expertise.salesforce .expertise-card.level .hero-element {
    height: 29px; }
  .page-wrapper.expertise.salesforce .expertise-stats-container .graphic img {
    max-height: 120px; } }

.page-wrapper.expertise.mobile .top-hero {
  background-image: url("/assets/images/expertise/mobile/mobile-hero.png");
  overflow: visible; }
  .page-wrapper.expertise.mobile .top-hero .hero-lockup h1 {
    max-width: 760px; }

.page-wrapper.expertise.mobile .intro {
  padding-bottom: 50px;
  padding-top: 50px; }
  .page-wrapper.expertise.mobile .intro h2 {
    max-width: 600px; }

.page-wrapper.expertise.mobile .expertise-stats-container {
  margin-bottom: 95px; }
  .page-wrapper.expertise.mobile .expertise-stats-container .graphic:after {
    background: #4a154b; }

.page-wrapper.expertise.mobile .expertise-breakdown .breakdown-block.block-1 {
  --color-1: #4a154b;
  --color-2: #d2b4d3; }

.page-wrapper.expertise.mobile .expertise-breakdown .inner {
  padding-top: 0px; }

.page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .right {
  position: absolute;
  width: 128px;
  top: -50px;
  left: 87%; }
  .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .right > img {
    transition: opacity 2s linear;
    opacity: 0; }
  .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .right.animate > img {
    opacity: 0.3; }

.page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .left {
  position: absolute;
  width: 128px;
  top: 66%;
  right: 90%; }
  .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .left > img {
    transition: opacity 2s linear;
    opacity: 0; }
  .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .left.animate > img {
    opacity: 0.3; }

.page-wrapper.expertise.mobile .learn-more-callout .heading {
  max-width: 83%; }

@media screen and (min-width: 640px) {
  .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .right {
    width: 30%;
    left: 87%;
    max-width: 330px;
    top: -100px; }
    .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .right > img {
      transition: opacity 2s linear, transform 2s linear;
      opacity: 0;
      transform: translateX(40px); }
    .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .right.animate > img {
      opacity: 1;
      transform: translateX(0px); }
  .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .left {
    width: 30%;
    right: 90%;
    max-width: 260px; }
    .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .left > img {
      transition: opacity 2s linear, transform 2s linear;
      opacity: 0;
      transform: translateX(-40px); }
    .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .left.animate > img {
      opacity: 1;
      transform: translateX(0px); } }

@media screen and (min-width: 640px) and (min-width: 900px) {
  .page-wrapper.expertise.mobile .expertise-stats-container {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 640px) {
  .page-wrapper.expertise.mobile .expertise-stats-container .stats-wrapper .stat {
    flex-basis: 30%; }
    .page-wrapper.expertise.mobile .expertise-stats-container .stats-wrapper .stat.img-2 {
      flex-basis: 40%; }
      .page-wrapper.expertise.mobile .expertise-stats-container .stats-wrapper .stat.img-2 p {
        max-width: 320px; }
    .page-wrapper.expertise.mobile .expertise-stats-container .stats-wrapper .stat img {
      max-height: 105px; } }

@media screen and (min-width: 900px) {
  .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .left {
    top: 55%; }
  .page-wrapper.expertise.mobile .learn-more-callout .heading {
    max-width: none; }
    .page-wrapper.expertise.mobile .learn-more-callout .heading h3 {
      font-size: 29px; } }

@media screen and (min-width: 1300px) {
  .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .right {
    left: 80%; }
  .page-wrapper.expertise.mobile .expertise-breakdown .graphics-container .left {
    right: 84%; } }