/* compiled by scssphp v0.1.10 on Tue, 26 May 2020 17:59:29 -0400 (0.894s) */

@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,100,200,300,500,600,700,800,900);
@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal; }
/* = Variables = */
/* Media Query Color Coding */
.group:before, .group:after {
  content: '';
  display: table; }
  .group:after {
    clear: both; }

.clearfix {
  overflow: hidden; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 4.5em;
  padding-right: 4.5em;
  position: relative;
  max-width: 76.5em; }
  .container:before, .container:after {
    content: '';
    display: table; }
  .container:after {
    clear: both; }

.columns {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .columns > * {
    display: table-cell;
    vertical-align: top; }
  .columns > hr {
    display: table-cell;
    width: 60px;
    margin: 0;
    padding: 0;
    border: none; }
  .columns.fluid {
    table-layout: auto;
    width: 100%; }
    .columns.fluid .fixed-cell {
      width: 1%;
      white-space: nowrap; }
/* = Base = */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a, abbr, address, article, aside, audio, b, blockquote, body, canvas, cite, code, dd, div, dl, dt, em, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, html, hr, i, iframe, img, label, li, nav, object, ol, p, pre, section, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

article, aside, audio, canvas, footer, header, nav, section, video {
  display: block; }

html {
  color: #444;
  font-family: "Work Sans", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 1.875;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  position: relative; }

body {
  min-width: 320px;
  position: relative;
  z-index: 25; }

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

img {
  max-width: 100%;
  vertical-align: middle;
  display: block;
  height: auto; }
/*
 ::-moz-selection {
 text-shadow: none;
 }
 ::selection {
 text-shadow: none;
 }
 */
b, strong {
  font-weight: 700; }

i, em {
  font-style: italic; }

hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 0;
  margin: 2em auto 3em;
  width: 100%; }

a {
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  color: #1164a9;
  text-decoration: none;
  outline: none; }
  a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
    color: inherit;
    cursor: auto;
    white-space: nowrap; }
/* == Typography == */
h1, h2, h3, h4, h5 {
  margin: 0 0 0.5em 0;
  line-height: 1.1;
  padding: 0;
  font-family: "Work Sans", Arial, sans-serif; }
  h1 a, h2 a, h3 a, h4 a, h5 a {
    color: inherit; }

h1 {
  font-size: 6em;
  font-weight: 300;
  color: #e53e30; }
  h1 strong {
    font-weight: 700; }

h2 {
  font-weight: 300;
  font-size: 4.5em; }

h3 {
  font-size: 1.6em;
  font-weight: 400; }

h4 {
  font-size: 1.2em;
  font-weight: 700; }

p {
  margin: 0 0 1.8em 0;
  padding: 0; }
  p a {
    font-weight: 700; }

.mobile_only, .print_only {
  display: none; }

ul, ul > li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

ul > li, ol > li {
  position: relative;
  margin-bottom: 0.75em;
  line-height: 1.25; }

ul > li:before {
  content: '●';
  position: absolute;
  left: -1em;
  top: -0.05em;
  display: block; }
  ul > li ul {
    margin-top: 0.7em; }
    ul > li ul > li:before {
      font-size: 0.85em;
      top: 0.09em; }

ol, ul {
  padding-left: 2em;
  margin: 0 0 1.6em 0; }

dt {
  font-weight: bold;
  padding-left: 0.5em; }

dd {
  padding-left: 2em; }

sup, sub {
  font-size: 80%; }

sup {
  vertical-align: top; }

sub {
  vertical-align: bottom; }

/* = Forms = */

button, input, select, textarea {
  font-size: 100%; }

form .checkboxes, form .file, form .password, form .radios, form .reset, form .select, form .submit, form .text, form .textarea {
  margin-bottom: 1.5em; }

label {
  cursor: pointer;
  display: block; }

:-moz-placeholder {
  /* Firefox 18- */ }

::-moz-placeholder {
  /* Firefox 19+ */ }

input[type="password"], input[type="text"], textarea {
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  border: 2px solid #ccc;
  display: block;
  margin: 0 0 1em;
  padding: 0.5em 1em;
  width: 100%;
  line-height: 1.2;
  font-family: "Work Sans", Arial, sans-serif; }
  select {
    margin-bottom: 0; }

textarea {
  height: 10em;
  overflow: auto;
  resize: vertical; }

.radio, .checkbox {
  font-weight: normal; }

input[type="checkbox"], input[type="radio"] {
  padding: 0; }

input[type="file"] {
  display: block; }

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

button, input[type="button"], input[type="reset"], input[type="submit"] {
  display: inline-block;
  line-height: 1;
  background: none;
  border: solid 3px #1164a9;
  color: #1164a9;
  padding: 0.4em 1em;
  font-family: "Work Sans", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 700; }
  button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    cursor: pointer;
    background: #1164a9;
    color: #fff; }
  button.disabled, input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] {
    cursor: default; }

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

.text label {
  text-transform: uppercase;
  font-weight: 500; }

table {
  margin: 2em 0 2em 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse; }
  table th, table td {
    text-align: left;
    padding: 0.5em 1em;
    font-size: 1em; }
  table th {
    font-size: 1.1em;
    font-weight: 700; }

#responsive-tester {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10000;
  padding: 5px;
  width: auto;
  background-color: #999;
  color: #555;
  font-size: 0.6em;
  line-height: 1;
  opacity: 0.5;
  display: block; }
/* = Messaging = */
.success {
  border-radius: 4px;
  margin-bottom: 1.5em;
  padding: 1em 3.25em;
  position: relative;
  background: #086834;
  color: #fff; }
  .success a {
    text-decoration: underline; }
  .success::before {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: '\f00c';
    content: "";
    display: block;
    font-size: 20px;
    height: 25px;
    left: 1em;
    position: absolute;
    top: 1.2em;
    width: 25px; }
  .success::before {
    content: "\f00c"; }

.error {
  border-radius: 4px;
  margin-bottom: 1.5em;
  padding: 1em 3.25em;
  position: relative;
  background: #e53e30;
  color: #fff; }
  .error a {
    text-decoration: underline; }
  .error::before {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: '\f00c';
    content: "";
    display: block;
    font-size: 20px;
    height: 25px;
    left: 1em;
    position: absolute;
    top: 1.2em;
    width: 25px; }
  .error::before {
    content: "\f12a"; }

.info {
  border-radius: 4px;
  margin-bottom: 1.5em;
  padding: 1em 3.25em;
  position: relative;
  background: #087d80; }
  .info a {
    text-decoration: underline; }
  .info::before {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: '\f00c';
    content: "";
    display: block;
    font-size: 20px;
    height: 25px;
    left: 1em;
    position: absolute;
    top: 1.2em;
    width: 25px; }
  .info::before {
    content: "\f129"; }
/* = Defaults = */
body {
  font-size: 0.8vw; }

.button a {
  display: inline-block;
  border-radius: 900px;
  border: solid 2px #fff;
  color: #fff;
  font-weight: 700;
  font-size: 1.5em;
  padding: 0.3em 1.2em 0.3em 1em; }
  .button a:after, .button a:before {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    content: '';
    display: inline-block;
    width: 2em;
    height: 1em;
    margin-left: 0.5em;
    vertical-align: middle;
    position: relative;
    top: -0.1em;
    left: 0;
    background: url(/img/assets/arrow-white-right.png) no-repeat right center /contain; }
  .button a:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-position: left center;
    display: none;
    right: 10px;
    left: auto; }
  .button a:hover:after {
    left: 10px; }
    .button a:hover:before {
      right: 20px; }
  .button.for-light a {
    border-color: #1164a9;
    color: #1164a9; }
  .button.for-light a:after, .button.for-light a:before {
    background-image: url(/img/assets/arrow-aqua-right.png); }
  .button.for-dark a {
    border-color: #fff;
    color: #fff; }
  .button.for-dark a:after, .button.for-dark a:before {
    background-image: url(/img/assets/arrow-white-right.png); }
  .button.red a {
    border-color: #e53e30;
    color: #e53e30; }
  .button.red a:after, .button.red a:before {
    background-image: url(/img/assets/arrow-red-right.png); }
  .button.return a {
    padding: 0.3em 1.2em 0.3em 1em; }
    .button.return a:after {
      display: none; }
    .button.return a:before {
      display: inline-block; }
  .button.small a {
    font-size: 1.1em; }

.mobile-only {
  display: none; }
/* == Header == */
.branding {
  padding: 2.97em; }
  .branding h1 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .branding svg {
    width: 21em; }
  .branding svg * {
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s; }

.white-logo .branding svg * {
  fill: #fff; }
  .white-logo .branding svg #greens *, .white-logo .branding svg #type * {
    opacity: 0.75; }
  .white-logo .branding svg #teal * {
    opacity: 0.5; }
  .white-logo .branding svg #blue * {
    opacity: 0.25; }

.blocker {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 800;
  background-color: #043738;
  opacity: 0.4;
  position: fixed;
  display: none; }

#header {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: fixed;
  text-align: center;
  top: 0;
  left: 50%;
  right: auto;
  z-index: 900;
  font-size: 1em; }
  #header #primary-nav {
    z-index: 1500;
    position: relative;
    padding-bottom: 2em;
    display: block;
    font-size: 0em; }
  #header #primary-nav a {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    font-size: 2em;
    position: relative;
    padding: 0.1em 0; }
    #header #primary-nav a span {
      position: relative;
      z-index: 950; }
    #header #primary-nav a:before {
      -webkit-transition: all 250ms ease 0s;
      transition: all 250ms ease 0s;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 100%;
      bottom: 0;
      left: 100%;
      border-radius: 900px;
      opacity: 0;
      z-index: 900;
      border: solid 2px rgba(0, 0, 0, .1); }
    #header #primary-nav a:hover:before {
      opacity: 1;
      left: -0.7em;
      right: -0.7em; }
  #header #primary-nav .home a strong {
    color: #611f12;
    font-size: 1.7em;
    font-weight: 500; }
    #header #primary-nav .home a:before {
      display: none; }
    #header #primary-nav .home a:after {
      -webkit-transition: all 250ms ease 0s;
      transition: all 250ms ease 0s;
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      content: '\f015';
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      display: block;
      position: absolute;
      right: -3em;
      top: 50%;
      font-size: 0.8em;
      color: rgba(0, 0, 0, .4);
      opacity: 0; }
    #header #primary-nav .home a:hover:after {
      right: -1.5em;
      opacity: 1; }
  #header #primary-nav .client-login {
    padding-top: 1em; }
    #header #primary-nav .client-login a {
      display: inline-block;
      font-size: 0.9em;
      font-weight: 700;
      padding: 0.5em 1.2em;
      border-radius: 50px;
      background-color: rgba(0, 0, 0, .15);
      color: #621e10; }
    #header #primary-nav .client-login a:before {
      display: none; }
    #header #primary-nav .client-login a:hover {
      background-color: #fff;
      color: #e53e30; }
  #header .menu-toggle {
    display: block;
    z-index: 1500;
    position: relative;
    width: 3em;
    height: 3em;
    margin: 1em auto 2em;
    outline: none; }
  #header .menu-toggle:after {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    display: block;
    position: absolute;
    text-align: center;
    color: #8e2c17;
    top: 60%;
    left: 0;
    right: 0;
    opacity: 0;
    content: 'menu'; }
  #header .menu-toggle:hover:after {
    opacity: 1;
    top: 90%; }
  #header .menu-toggle strong {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  #header .menu-toggle span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    #header .menu-toggle span:before, #header .menu-toggle span:after {
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 250ms ease 0s;
      transition: all 250ms ease 0s;
      content: '';
      display: block;
      width: 6px;
      height: 6px;
      position: absolute;
      border-radius: 900px;
      background-color: #fff; }
    #header .menu-toggle span.dot:before {
      left: 50%;
      top: 50%; }
    #header .menu-toggle span.dot:after {
      display: none; }
    #header .menu-toggle span.dots.left:before, #header .menu-toggle span.dots.left:after {
      left: 25%;
      top: 25%; }
      #header .menu-toggle span.dots.left:after {
        top: 75%; }
    #header .menu-toggle span.dots.right:before, #header .menu-toggle span.dots.right:after {
      left: 75%;
      top: 25%; }
      #header .menu-toggle span.dots.right:after {
        top: 75%; }
    #header .menu-toggle span.dots.outer-left:before {
      top: 25%;
      left: 50%; }
      #header .menu-toggle span.dots.outer-left:after {
        top: 50%;
        left: 25%; }
    #header .menu-toggle span.dots.outer-right:before {
      top: 50%;
      left: 75%; }
      #header .menu-toggle span.dots.outer-right:after {
        top: 75%;
        left: 50%; }
  #header .nav-background {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 12em;
    height: 12em;
    border-radius: 9000px;
    background-color: #e53e30;
    z-index: 1000; }
  #header ul {
    padding-left: 0;
    list-style: none; }
  #header ul > li:before {
    display: none; }

.menu-showing #header .sphere .menu-toggle {
  margin-top: 2em;
  margin-bottom: 3em; }
  .menu-showing #header .sphere .menu-toggle:after {
    content: 'close';
    top: 110%; }
  .menu-showing #header .sphere .nav-background {
    width: 85em;
    height: 85em; }
  .menu-showing #header .sphere #primary-nav {
    font-size: 1em; }
  .menu-showing #header .sphere #primary-nav .home svg {
    width: 10em;
    margin: 0 auto 0.3em; }
  .menu-showing #header .sphere .menu-toggle span.dots.outer-left:before {
    top: 0%;
    left: 0%; }
    .menu-showing #header .sphere .menu-toggle span.dots.outer-left:after {
      top: 100%;
      left: 0%; }
  .menu-showing #header .sphere .menu-toggle span.dots.outer-right:before {
    top: 0%;
    left: 100%; }
    .menu-showing #header .sphere .menu-toggle span.dots.outer-right:after {
      top: 100%;
      left: 100%; }

#footer {
  background-color: #087d80;
  padding: 4.5em 3em;
  text-align: center;
  color: #fff;
  font-size: 1.2em; }
  #footer .button {
    margin-bottom: 4em; }
  #footer .copyright a {
    color: #fff; }

section.opening {
  padding: 0 4.5em 4em;
  background: url(/img/assets/bg-radial.jpg) no-repeat top left /cover;
  position: relative; }
  section.opening .branding {
    padding-left: 0;
    padding-right: 0; }
  section.opening .intro {
    font-size: 1.5em;
    color: #353226; }
  section.opening span.no-wrap {
    white-space: nowrap; }
/* == Homepage == */
#home.dark-card .branding svg * {
  fill: #fff; }
  #home.dark-card .branding svg #greens *, #home.dark-card .branding svg #type * {
    opacity: 0.75; }
  #home.dark-card .branding svg #teal * {
    opacity: 0.5; }
  #home.dark-card .branding svg #blue * {
    opacity: 0.25; }
  #home .branding {
    position: fixed;
    z-index: 400;
    padding: 3em; }
  #home .cards {
    background-color: #043738; }
  #home section.opening {
    padding: 0; }
  #home .opening, #home .card {
    width: 100%;
    height: 100vh;
    position: relative; }
  #home .opening .hero-slider, #home .card .hero-slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100; }
  #home .opening .hero-slider img, #home .card .hero-slider img {
    display: none; }
  #home .opening .hero-slider:after, #home .card .hero-slider:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/img/homepage/dot-overlay.png) no-repeat center center /cover;
    z-index: 125;
    mix-blend-mode: screen; }
  #home .opening .hero-slider > .slide, #home .card .hero-slider > .slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden; }
  #home .opening .hero-slider > .slide .caption, #home .card .hero-slider > .slide .caption {
    position: absolute;
    bottom: 365px;
    font-size: 1.4em;
    font-weight: 500;
    right: 30px;
    color: #fff;
    text-shadow: 0px 3px 15px rgba(10, 5, 5, .5), 0px 0px 30px rgba(0, 0, 0, .4);
    margin: 0;
    text-align: right; }
  #home .opening .about-companies {
    display: table;
    table-layout: fixed;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 200; }
  #home .opening .about-companies > * {
    display: table-cell;
    vertical-align: top; }
  #home .opening .about-companies > hr {
    display: table-cell;
    width: 60px;
    margin: 0;
    padding: 0;
    border: none; }
  #home .opening .about-companies.fluid {
    table-layout: auto;
    width: 100%; }
  #home .opening .about-companies.fluid .fixed-cell {
    width: 1%;
    white-space: nowrap; }
  #home .opening .about-companies .about-406 {
    width: 33.33%;
    position: relative;
    background-color: rgba(242, 213, 104, .8); }
  #home .opening .about-companies .about-406 .content {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    left: 0;
    right: 0;
    position: absolute;
    padding: 0 4em;
    z-index: 300;
    text-align: center; }
  #home .opening .about-companies .about-406 h2 {
    font-size: 2.75em;
    color: #071e18;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1em; }
  #home .opening .about-companies .about-406:before {
    content: '';
    display: block;
    background: -moz-linear-gradient(top, rgba(239, 210, 101, 0) 0%, rgba(239, 210, 101, 0) 1%, #efd265 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(239, 210, 101, 0) 0%, rgba(239, 210, 101, 0) 1%, #efd265 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(239, 210, 101, 0) 0%, rgba(239, 210, 101, 0) 1%, #efd265 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00efd265', endColorstr='#efd265',GradientType=0);
    /* IE6-9 */
    position: absolute;
    bottom: 0;
    top: 45%;
    left: 0;
    right: 0;
    z-index: 150; }
  #home .opening .about-companies .company-slider {
    width: 66.66%;
    position: relative; }
  #home .opening .about-companies .company-slider .logo-slider {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 12em;
    height: 12em;
    line-height: 12em;
    border-radius: 900px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 25px 25px rgba(0, 5, 10, .2);
    z-index: 300; }
    #home .opening .about-companies .company-slider .logo-slider .logo {
      width: 100%;
      height: 100%;
      position: relative; }
    #home .opening .about-companies .company-slider .logo-slider img {
      width: 80%;
      display: inline-block;
      vertical-align: middle; }
    #home .opening .about-companies .company-slider .logo-slider .slick-arrow {
      -webkit-transition: all 250ms ease 0s;
      transition: all 250ms ease 0s;
      position: absolute;
      top: 65%;
      border: solid 2px #066d70;
      border-radius: 900px;
      width: 2em;
      height: 2em;
      overflow: hidden;
      color: rgba(0, 0, 0, 0);
      padding: 0;
      margin: 0;
      background: url(/img/assets/arrow-sm-left.png) no-repeat center center transparent;
      background-size: auto 0.9em; }
      #home .opening .about-companies .company-slider .logo-slider .slick-arrow.slick-prev {
        left: -3em; }
      #home .opening .about-companies .company-slider .logo-slider .slick-arrow.slick-next {
        right: -3em;
        background-image: url(/img/assets/arrow-sm-right.png); }
      #home .opening .about-companies .company-slider .logo-slider .slick-arrow:hover {
        border-color: #023e3c; }
  #home .opening .about-companies .company-slider .details {
    background-color: #087d80;
    left: 0;
    right: 50%;
    text-align: center;
    padding: 7.25em 0 0;
    font-size: 0.8rem;
    position: relative; }
    #home .opening .about-companies .company-slider .details .content {
      padding-left: 4.5em;
      padding-right: 4.5em; }
      #home .opening .about-companies .company-slider .details .content h4 {
        padding: 0.5em 0.7em;
        line-height: 1;
        display: inline-block;
        font-size: 0.9em;
        background-color: #f2d568;
        color: #086834;
        margin: 0 0 0.3em;
        text-transform: uppercase; }
      #home .opening .about-companies .company-slider .details .content h3 {
        font-size: 1.5em;
        font-weight: 300;
        line-height: 1.2;
        color: #fff; }
        #home .opening .about-companies .company-slider .details .content h3:after {
          -webkit-transition: all 250ms ease 0s;
          transition: all 250ms ease 0s;
          content: '';
          display: block;
          margin: 0.5em auto 0;
          width: 2em;
          height: 0.9em;
          position: relative;
          left: -0.2em;
          background: url(/img/assets/arrow-green-right.png) no-repeat right center /contain; }
  #home .opening .about-companies .company-slider .content-slider ul.slick-dots {
    padding-left: 0;
    list-style: none;
    text-align: center;
    margin-top: 1em; }
    #home .opening .about-companies .company-slider .content-slider ul.slick-dots > li:before {
      display: none; }
    #home .opening .about-companies .company-slider .content-slider ul.slick-dots li {
      display: inline-block;
      padding: 0.5em;
      margin: 0; }
      #home .opening .about-companies .company-slider .content-slider ul.slick-dots li button {
        font-size: 1em;
        border: none;
        padding: 0;
        background-color: #076668;
        width: 0.5em;
        height: 0.5em;
        border-radius: 900px;
        position: relative;
        color: rgba(0, 0, 0, 0); }
        #home .opening .about-companies .company-slider .content-slider ul.slick-dots li button:after {
          content: '';
          display: block;
          position: absolute;
          top: -0.5em;
          right: -0.5em;
          bottom: -0.5em;
          left: -0.5em;
          border: solid 1px #023e3c;
          border-radius: 900px;
          opacity: 0; }
      #home .opening .about-companies .company-slider .content-slider ul.slick-dots li.slick-active button {
        background-color: #f2d568; }
        #home .opening .about-companies .company-slider .content-slider ul.slick-dots li.slick-active button:after {
          opacity: 1; }
  #home .opening .about-companies .company-slider .photo-slider {
    background-color: #e53e30; }
    #home .opening .about-companies .company-slider .photo-slider .photo {
      width: 100%;
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat; }
    #home .opening .about-companies .company-slider .photo-slider .photo img {
      display: block;
      width: auto;
      max-height: 350px;
      opacity: 0; }
  #home .how-we-think .content {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 50%;
    left: 0;
    background: url(/img/assets/bg-light-radial.jpg) no-repeat center center #ebe7d2;
    background-size: cover; }
  #home .how-we-think .content .position {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 8em 3em 0; }
  #home .how-we-think .content .position p {
    width: 45%;
    float: left;
    line-height: 1.4;
    margin-bottom: 2em;
    clear: left;
    color: #1e2929;
    font-size: 15px; }
    #home .how-we-think .content .position p strong {
      font-weight: 700;
      color: #e53e30; }
    #home .how-we-think .content .position p:nth-child(even) {
      float: right;
      clear: right; }
  #home .how-we-think .photo {
    position: absolute;
    top: 50%;
    right: 50%;
    bottom: 0;
    left: 0;
    background: url(/img/homepage/team.jpg) no-repeat top center /cover; }
  #home .how-we-think .photo img {
    display: none; }
  #home .how-we-think .photo a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block; }
  #home .how-we-think .photo a:before {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(8, 125, 128, .5);
    opacity: 0;
    z-index: 100; }
  #home .how-we-think .photo a span {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 30%;
    left: 50%;
    text-align: center;
    width: 100%;
    opacity: 0;
    font-size: 3em;
    padding: 0 1.5em;
    color: #fff;
    z-index: 150;
    line-height: 1.2;
    text-shadow: 0px 4px 10px #043738; }
  #home .how-we-think .photo a:hover:before {
    opacity: 1; }
    #home .how-we-think .photo a:hover span {
      top: 50%;
      opacity: 1; }
  #home .how-we-think .cta {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    background: url(/img/assets/bg-baseballs.jpg) no-repeat center center #087d80;
    background-size: cover;
    text-align: center; }
  #home .how-we-think .cta h2 {
    color: #f2d568;
    font-size: 3.5em; }
  #home .how-we-think .cta .position {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 4.5em; }
  #home .how-we-think .cta .position a p {
    color: #fff;
    font-size: 1.05em;
    padding: 0 1.5em; }
  #home .portfolio {
    background: url(/img/assets/bg-dark-blue.jpg) no-repeat center center /cover; }
  #home .portfolio .field {
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-perspective: 100px;
    perspective: 100px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 150; }
  #home .portfolio .field .portfolio-company {
    height: 20em;
    left: 50%;
    margin-left: -10em;
    margin-top: -10em;
    top: 50%;
    width: 20em;
    position: absolute; }
  #home .portfolio .field .portfolio-company:after {
    display: none; }
  #home .portfolio .field .portfolio-company.acquired .front .acquired {
    bottom: -3em;
    font-size: 1.2em;
    top: auto; }
    #home .portfolio .field .portfolio-company.acquired .front:after {
      background-color: #f2d568;
      border-radius: 900px;
      bottom: -0.75em;
      content: '';
      display: block;
      left: -0.75em;
      position: absolute;
      right: -0.75em;
      top: -0.75em;
      z-index: 50; }
  #home .portfolio .field .portfolio-company .front {
    z-index: 320; }
  #home .portfolio .field .portfolio-company .back a {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 100%; }
    #home .portfolio .field .portfolio-company .back a h2 {
      margin: 0 0 0.7em;
      padding: 0 1em; }
    #home .portfolio .field .portfolio-company .back a h3 {
      font-size: 1em;
      font-weight: 500;
      padding: 0 1em; }
    #home .portfolio .field .portfolio-company .back a .arrow {
      background: url(/img/assets/arrow-white-right.png) no-repeat center center /contain;
      display: block;
      height: 2em;
      margin: 1em auto 0;
      width: 2.5em; }
  #home .portfolio nav {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    bottom: 3em;
    left: 50%;
    border-radius: 900px;
    padding: 7px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 300;
    white-space: nowrap; }
  #home .portfolio nav ul {
    margin: 0;
    padding: 0; }
  #home .portfolio nav li {
    border-radius: 900px;
    border: solid 2px rgba(242, 213, 104, 0);
    color: #59a0a2;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 700;
    padding: 0.3em 1.5em;
    position: relative;
    margin-bottom: 0;
    line-height: inherit; }
  #home .portfolio nav li:before {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    content: '';
    display: block;
    position: absolute;
    top: -9px;
    right: 15%;
    left: 15%;
    height: 1px;
    opacity: 0;
    background: -moz-linear-gradient(left, rgba(242, 213, 104, 0) 0%, #f2d568 50%, rgba(242, 213, 104, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(242, 213, 104, 0) 0%, #f2d568 50%, rgba(242, 213, 104, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(242, 213, 104, 0) 0%, #f2d568 50%, rgba(242, 213, 104, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f2d568', endColorstr='#00f2d568',GradientType=1);
    /* IE6-9 */ }
  #home .portfolio nav li.active {
    color: #fff;
    border-color: #f2d568; }
    #home .portfolio nav li.active:before {
      opacity: 1; }
  #home .portfolio nav li:hover {
    color: #fff; }
    #home .portfolio nav li:hover:before {
      opacity: 0.5; }
  #home .portfolio nav li.full_portfolio {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: block;
    position: absolute;
    top: -40px;
    left: 50%;
    padding: 0;
    border: none;
    font-size: 0.9em;
    color: #1164a9;
    border-radius: 0; }
    #home .portfolio nav li.full_portfolio a {
      color: #59a0a2;
      border-bottom: solid 2px #f2d568; }
    #home .portfolio nav li.full_portfolio a:hover {
      color: #fff; }
    #home .portfolio nav li.full_portfolio:before {
      display: none; }
  #home .portfolio .mobile-only {
    padding: 7em 3em;
    text-align: center; }
  #home .portfolio .mobile-only h2 {
    font-size: 2em;
    color: rgba(255, 255, 255, .7);
    margin: 0 0 1.5em; }
  #home .portfolio .mobile-only h2 strong {
    font-weight: 700;
    color: #fff; }
  #home .get-in-touch .content {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    background: url(/img/assets/bg-map.jpg) no-repeat center center /cover;
    padding: 15em 3em 3em 3em; }
  #home .get-in-touch .content h2 {
    font-size: 4.25em;
    color: #f2d568;
    margin-bottom: 1.8em; }
  #home .get-in-touch .content p {
    font-size: 2.25em;
    line-height: 2;
    font-weight: 400;
    color: #fff; }
  #home .get-in-touch .content p a {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    position: relative; }
    #home .get-in-touch .content p a:after {
      content: '';
      position: absolute;
      bottom: 0.3em;
      left: 0;
      right: 0;
      height: 4px;
      background: #f2d568;
      opacity: 0.25; }
    #home .get-in-touch .content p a.phone:after {
      display: none; }
  #home .get-in-touch .content p.copyright {
    position: absolute;
    bottom: 0;
    font-size: 1.2em;
    left: 2.5em; }
    #home .get-in-touch .content p.copyright a:after {
      height: 3px; }
  #home .get-in-touch .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50%;
    left: 50%;
    background: url(/img/homepage/team-contact.jpg) no-repeat center center /cover; }
  #home .get-in-touch .photo a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block; }
  #home .get-in-touch .photo a:before {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(8, 125, 128, .5);
    opacity: 0;
    z-index: 100; }
  #home .get-in-touch .photo a span {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 30%;
    left: 50%;
    text-align: center;
    width: 100%;
    opacity: 0;
    font-size: 3em;
    padding: 0 1.5em;
    color: #fff;
    z-index: 150;
    text-shadow: 0px 4px 10px #043738; }
  #home .get-in-touch .photo a:hover:before {
    opacity: 1; }
    #home .get-in-touch .photo a:hover span {
      top: 50%;
      opacity: 1; }
  #home .get-in-touch .location {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    background: url(/img/homepage/location.jpg) no-repeat center center /cover; }
  #home .get-in-touch .location:after {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/img/homepage/location-hover.jpg) no-repeat center center /cover;
    opacity: 0;
    z-index: 100; }
  #home .get-in-touch .location .position {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(242, 213, 104, .8);
    padding: 3.3em 3em 3.3em;
    z-index: 150;
    margin-top: -0.5em; }
  #home .get-in-touch .location .position a {
    color: #19231a;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1.5em; }
  #home .get-in-touch .location:hover:after {
    opacity: 1; }
  #home section#footer {
    display: none; }
/* == Ball "Card" Style Flips == */
.ios-browser div.portfolio-company:after {
  display: none; }

div.portfolio-company {
  position: relative;
  background: none !important;
  z-index: 100;
  color: #fff;
  text-align: center; }
  div.portfolio-company a {
    color: #47eff4; }
  div.portfolio-company:before {
    -webkit-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    content: '';
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: url(/img/assets/light-effect.png) no-repeat center center /cover;
    z-index: 500;
    opacity: 0; }
  div.portfolio-company:after {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    content: '';
    display: block;
    position: absolute;
    top: 3em;
    right: 3em;
    bottom: 3em;
    left: 3em;
    z-index: 150;
    background: -moz-radial-gradient(center, ellipse cover, #000 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #000 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000',GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border-radius: 900px; }
  div.portfolio-company .flip {
    -webkit-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    -webkit-transform: perspective(1000px);
    -ms-transform: perspective(1000px);
    transform: perspective(1000px);
    transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 200; }
  div.portfolio-company .flip .front, div.portfolio-company .flip .back {
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 300; }
  div.portfolio-company .flip .back {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  div.portfolio-company.acquired .front {
    background-color: #fff;
    border-radius: 900px;
    border: solid 9px #f2d568; }
  div.portfolio-company.acquired .front .position {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%; }
  div.portfolio-company.acquired .front .logo {
    position: relative;
    background: none;
    border-radius: 0;
    margin-bottom: 1em; }
  div.portfolio-company.acquired .front .logo img {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 55%; }
  div.portfolio-company.acquired .front h2 {
    color: #e1b613;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em; }
  div.portfolio-company.acquired .front .acquired-logo img {
    width: 33%;
    margin: 0 auto; }
  div.portfolio-company span.acquired {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    top: -0.2em;
    left: 50%;
    background-color: #f2d568;
    color: #086834;
    font-size: 1em;
    border-radius: 2px;
    line-height: 1;
    padding: 0.7em 1em;
    text-transform: uppercase;
    z-index: 300;
    display: block;
    font-weight: 700;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, .1);
    display: none; }
  div.portfolio-company .social {
    -webkit-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
    -webkit-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
    position: absolute;
    bottom: 0em;
    right: 0em;
    left: 0em;
    text-align: center;
    opacity: 0; }
  div.portfolio-company .social a {
    display: inline-block;
    border-radius: 900px;
    background-color: #021f20;
    width: 50px;
    height: 50px;
    margin: 0 10px;
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
    bottom: -30px;
    color: #f2d568; }
  div.portfolio-company .social a:hover {
    background-color: #f2d568;
    color: #021f20; }
  div.portfolio-company .social a:first-child, div.portfolio-company .social a:last-child {
    bottom: -15px; }
  div.portfolio-company .social a.website:before, div.portfolio-company .social a.twitter:before, div.portfolio-company .social a.linkedin:before {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: '\f0c1';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 50px;
    display: block;
    text-indent: 0; }
  div.portfolio-company .social a.twitter:before {
    content: '\f099'; }
  div.portfolio-company .social a.linkedin:before {
    content: '\f0e1'; }
  div.portfolio-company .front .logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: 900px;
    background-color: #fff;
    z-index: 300; }
  div.portfolio-company .front .logo span.alternate {
    text-align: center;
    color: black;
    display: inline-block;
    line-height: 220px;
    font-size: 35px; }
  div.portfolio-company .front .logo img {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    width: 75%;
    height: auto;
    top: 50%;
    left: 50%; }
  div.portfolio-company .back {
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    box-shadow: inset 4px 4px 10px #f2d568;
    background: #087d80;
    border-radius: 900px; }
  div.portfolio-company .back h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #052c35;
    font-weight: 300;
    margin: 50px auto 20px;
    padding: 0;
    word-spacing: 900px; }
  div.portfolio-company .back .case-study, div.portfolio-company .back .visit-website {
    display: inline-block;
    padding: 0.3em 1em;
    color: #fff;
    font-weight: 700;
    border: solid 2px #fff;
    margin: 0 auto 20px;
    border-radius: 900px;
    font-size: 16px; }
  div.portfolio-company .back .case-study:hover, div.portfolio-company .back .visit-website:hover {
    background-color: #fff;
    color: #1164a9; }
  div.portfolio-company .back .acquired-logo {
    width: 40%;
    margin: 0 auto;
    background-color: #fff;
    padding: 0.2em;
    border-radius: 3px; }
  div.portfolio-company:hover:before {
    -webkit-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    top: -5px;
    right: -5px; }
  div.portfolio-company:hover:after {
    -webkit-transform: translate(3em, 3em);
    -ms-transform: translate(3em, 3em);
    transform: translate(3em, 3em);
    top: 0em;
    right: 0em;
    bottom: 0em;
    left: 0em; }
  div.portfolio-company:hover .flip .social {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
  div.portfolio-company:hover .flip .back {
    box-shadow: inset -1px 1px 0px #f2d568;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  div.portfolio-company:hover .flip .front {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  div.portfolio-company:hover:not(.acquired) .back {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  div.portfolio-company:hover:not(.acquired) .front {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg); }
/* == Portfolio List Page == */
#portfolio {
  background: url(/img/assets/bg-dark-blue.jpg) no-repeat center center fixed;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%; }
  #portfolio .branding svg * {
    fill: #fff; }
  #portfolio .branding svg #greens *, #portfolio .branding svg #type * {
    opacity: 0.75; }
  #portfolio .branding svg #teal * {
    opacity: 0.5; }
  #portfolio .branding svg #blue * {
    opacity: 0.25; }
  #portfolio footer.primary p.portfolio {
    display: none; }
  #portfolio section.opening {
    background: rgba(0, 0, 0, .4); }
  #portfolio section.opening:before, #portfolio section.opening:after {
    content: '';
    display: table; }
  #portfolio section.opening:after {
    clear: both; }
  #portfolio section.opening h1 {
    font-size: 4em;
    width: 47.5%;
    float: left;
    text-align: right; }
  #portfolio section.opening h1 strong {
    color: #fff;
    font-weight: 700; }
  #portfolio section.opening p.intro {
    color: #fff;
    width: 47.5%;
    padding-right: 10%;
    float: right;
    padding-top: 7em; }
  #portfolio .portfolio-container h3 {
    color: #f2d568;
    text-align: center;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    font-size: 2em;
    padding-top: 2em; }
  #portfolio #portfolio-list {
    background: none !important;
    padding: 0 0 7em; }
  #portfolio #portfolio-list .filtered {
    -webkit-transition: all 2s ease-in-out 0s;
    transition: all 2s ease-in-out 0s; }
  #portfolio #portfolio-list .filtered:first-of-type {
    padding-bottom: 0em;
    margin-bottom: 0em;
    opacity: 1; }
  #portfolio #portfolio-list .filters {
    text-align: center;
    color: #087d80;
    display: block;
    margin: 0 auto 5em;
    position: relative;
    padding-bottom: 2em; }
  #portfolio #portfolio-list .filters:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1em;
    left: 30%;
    right: 30%;
    height: 3px;
    background-color: #000;
    opacity: 0.5;
    border-radius: 900px; }
  #portfolio #portfolio-list .filters dt {
    display: none !important; }
  #portfolio #portfolio-list .filters dd {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    font-size: 1.1em;
    font-weight: 700;
    margin: 0;
    padding: 0.5em 1.5em;
    color: #59a0a2;
    border-radius: 900px;
    border: solid 2px rgba(0, 0, 0, 0);
    text-transform: capitalize; }
  #portfolio #portfolio-list .filters dd:hover, #portfolio #portfolio-list .filters dd.active {
    color: #fff;
    border: solid 2px #f2d568; }
/* == Case Study Detail == */
#case_study_detail section.opening {
  background: url(/img/assets/bg-radial.jpg) no-repeat top center #dbd4b6;
  background-size: cover;
  position: relative;
  padding-bottom: 0; }
  #case_study_detail .backgrounder-team {
    width: 54%;
    float: left; }
  #case_study_detail .backgrounder h1 {
    margin: 0 0 0.1em; }
  #case_study_detail .backgrounder h2 {
    color: #a1966b;
    font-size: 1.5em;
    font-weight: 400;
    margin-bottom: 1em; }
  #case_study_detail .backgrounder ul.links {
    padding-left: 0;
    list-style: none;
    margin: 0 0 2em; }
  #case_study_detail .backgrounder ul.links > li:before {
    display: none; }
  #case_study_detail .backgrounder ul.links li {
    display: inline-block;
    padding-right: 2em; }
  #case_study_detail .backgrounder ul.links li a {
    display: block;
    font-weight: 700;
    font-size: 1.25em; }
    #case_study_detail .backgrounder ul.links li a:before {
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      content: '\f0c1';
      display: inline-block;
      color: #a1966b;
      padding-right: 0.4em; }
  #case_study_detail .backgrounder ul.links li.website a:before {
    content: '\f0c1'; }
  #case_study_detail .backgrounder ul.links li.twitter a:before {
    content: '\f099'; }
  #case_study_detail .backgrounder ul.links li.linkedin a:before {
    content: '\f0e1'; }
  #case_study_detail .backgrounder ul.links li.facebook a:before {
    content: '\f09a'; }
  #case_study_detail .backgrounder p {
    font-size: 1.25em;
    color: #555; }
  #case_study_detail .backgrounder p.excerpt {
    margin: 0 0 0.5em; }
  #case_study_detail .backgrounder p.keep-reading {
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    margin-bottom: 3em;
    outline: none;
    text-indent: 0;
    overflow: hidden; }
  #case_study_detail .backgrounder .content.expanded p.excerpt {
    margin: 0 0 1.5em; }
  #case_study_detail .backgrounder .content.expanded p.keep-reading {
    display: none; }
  #case_study_detail .testimonial.before-team {
    display: none; }
  #case_study_detail .team {
    margin-top: -7.5em;
    position: relative;
    top: 7.5em;
    margin-right: -15em; }
  #case_study_detail .team:before, #case_study_detail .team:after {
    content: '';
    display: table; }
  #case_study_detail .team:after {
    clear: both; }
  #case_study_detail .team > div {
    width: 15em;
    height: 15em;
    float: left;
    position: relative;
    z-index: 200; }
  #case_study_detail .team > div.company {
    border-radius: 900px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    margin-left: -1.5em; }
  #case_study_detail .team > div.company img {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%; }
  #case_study_detail .team > div.partner-plus {
    border-radius: 900px;
    background-color: rgba(229, 62, 48, .2);
    z-index: 150;
    margin: 0 -5em; }
  #case_study_detail .team > div.partner-plus:before {
    content: '';
    display: block;
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    bottom: 1.5em;
    left: 1.5em;
    background: #e53e30;
    opacity: 0.5;
    border-radius: 900px; }
  #case_study_detail .team > div.partner-plus:after {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '+';
    font-size: 3em;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 2em;
    display: block;
    position: absolute;
    z-index: 300;
    width: 2em;
    height: 2em;
    border-radius: 900px;
    background-color: #e53e30;
    top: 50%;
    left: 50%; }
  #case_study_detail .team > div.title {
    border-radius: 900px;
    z-index: 175;
    margin-right: -4em;
    background-color: #1164a9; }
  #case_study_detail .team > div.title a {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 2em;
    line-height: 1;
    display: block;
    width: 100%;
    font-weight: 400;
    padding: 0 1.5em; }
  #case_study_detail .team > div.member {
    margin-left: -1.5em; }
  #case_study_detail .team > div.member .photo {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 900px;
    z-index: 100; }
    #case_study_detail .team > div.member .photo img {
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      width: 100%;
      height: auto;
      top: 50%;
      left: 50%; }
  #case_study_detail .team > div.member a:hover .hover {
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    opacity: 1; }
  #case_study_detail .team > div.member .hover {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);
    opacity: 0;
    z-index: 200;
    font-size: 1em;
    position: absolute;
    top: -1em;
    left: 50%;
    text-align: center;
    background-color: #fff;
    padding: 0.75em 1em;
    border-radius: 3px;
    width: 100%;
    line-height: 1; }
    #case_study_detail .team > div.member .hover strong {
      display: block;
      margin-bottom: 0.5em; }
  #case_study_detail .testimonial {
    width: 41.33%;
    float: right;
    visibility: hidden; }
  #case_study_detail .testimonial.cloned {
    visibility: visible;
    position: absolute;
    bottom: 0;
    right: 0; }
  #case_study_detail .testimonial .blockquote {
    background-color: #087d80;
    padding: 3.5em 3em;
    width: 61.3%;
    position: relative; }
  #case_study_detail .testimonial .blockquote .quote {
    color: #fff;
    font-weight: 500;
    line-height: 1.5;
    font-size: 1.5em; }
  #case_study_detail .testimonial .blockquote .quote strong {
    display: inline-block;
    background-color: #f2d568;
    color: #086834; }
  #case_study_detail .testimonial .blockquote .quote:after {
    content: '”';
    color: #086834; }
  #case_study_detail .testimonial .blockquote .cite {
    color: #fff;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: 3em; }
  #case_study_detail .testimonial .blockquote .cite strong {
    text-transform: uppercase;
    color: #f2d568;
    font-weight: 400;
    display: block;
    font-size: 1.5em; }
  #case_study_detail .testimonial .blockquote:before {
    background: url(/img/assets/testimonial-quote.png) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    top: 1.5em;
    left: -3.2em;
    width: 6.4em;
    height: 4.85em; }
  #case_study_detail .testimonial .portrait {
    position: relative;
    overflow: hidden; }
  #case_study_detail .testimonial .portrait img {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
    left: 50%;
    z-index: 100;
    max-width: none; }
  #case_study_detail .testimonial .portrait:after {
    background: url(/img/assets/testimonial-overlay.png) no-repeat bottom center;
    background-size: 100% auto;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200; }
  #case_study_detail .company-video {
    background: url(/img/assets/partnership-texture.jpg) no-repeat center center /cover;
    position: relative;
    overflow: hidden; }
  #case_study_detail .company-video .content {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 22.5em;
    z-index: 20; }
  #case_study_detail .company-video .content h3 {
    font-size: 1.5em;
    color: #f2d568;
    text-transform: uppercase;
    margin-bottom: 0.7em;
    position: relative; }
  #case_study_detail .company-video .content h3:before, #case_study_detail .company-video .content h3:after {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: '';
    display: block;
    position: absolute;
    left: -1.325em; }
  #case_study_detail .company-video .content h3:before {
    width: 0.5em;
    height: 0.5em;
    background-color: #f2d568;
    border-radius: 900px;
    top: 0.3em; }
  #case_study_detail .company-video .content h3:after {
    width: 0.1em;
    background: #f2d568;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #f2d568 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff 0%, #f2d568 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff 0%, #f2d568 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2d568',GradientType=0);
    /* IE6-9 */
    bottom: 0.5em;
    height: 40em; }
  #case_study_detail .company-video .content h2 {
    font-size: 3em;
    color: #fff;
    font-weight: 900; }
  #case_study_detail .company-video:after {
    content: '';
    display: block;
    padding-bottom: 56%; }
  #case_study_detail .company-video .responsive-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    overflow: hidden; }
  #case_study_detail .company-video .responsive-video video {
    width: 100%;
    height: 100%; }
  #case_study_detail .partnership {
    position: relative; }
  #case_study_detail .partnership .attributes {
    position: absolute;
    top: 8em;
    left: 4.5em;
    width: 13.5em; }
  #case_study_detail .partnership .attributes p {
    font-size: 1.25em;
    color: #7f785c;
    line-height: 1.2; }
  #case_study_detail .partnership .attributes strong {
    display: block;
    color: #087d80; }
  #case_study_detail .partnership .content {
    padding: 7.5em 22.5em 5em; }
  #case_study_detail .partnership .content > p, #case_study_detail .partnership .content > ul, #case_study_detail .partnership .content > ol, #case_study_detail .partnership .content > blockquote {
    text-align: justify; }
  #case_study_detail .partnership .content h2 {
    font-size: 3em;
    font-weight: 500; }
  #case_study_detail .partnership .content p, #case_study_detail .partnership .content li {
    font-size: 1.25em;
    line-height: 1.8; }
  #case_study_detail .partnership .content li {
    line-height: 1.5; }
  #case_study_detail .partnership .content .justified-right {
    width: 35.7%;
    margin: 2.4em -14.4em 2.4em 3.6em;
    float: right; }
  #case_study_detail .partnership .content .justified-left {
    width: 35.7%;
    margin: 2.4em 3.6em 2.4em -14.4em;
    float: left; }
  #case_study_detail .photos {
    height: 36em;
    cursor: ew-resize; }
  #case_study_detail .photos div {
    height: 100%; }
  #case_study_detail .photos div img {
    height: 100%;
    width: auto; }
  #case_study_detail .stats {
    background: #e6dfc4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e6dfc4 0%, #fff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e6dfc4 0%, #fff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e6dfc4 0%, #fff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6dfc4', endColorstr='#ffffff',GradientType=0);
    /* IE6-9 */
    padding: 6em 0;
    text-align: center;
    overflow: hidden; }
  #case_study_detail .stats > div {
    display: inline-block;
    vertical-align: top;
    width: 11em;
    padding: 0;
    margin: 0 1.5em;
    font-size: 1.5em;
    color: #e53e30;
    font-weight: 500;
    line-height: 1.5;
    position: relative; }
  #case_study_detail .stats > div:after {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    display: block;
    position: absolute;
    top: 38%;
    left: 50%;
    width: 21em;
    height: 21em;
    z-index: 100;
    background: url(/img/assets/ball-shadow.png) no-repeat center center /cover; }
  #case_study_detail .stats strong {
    border-radius: 900px;
    background-color: #e53e30;
    position: relative;
    display: block;
    z-index: 200;
    margin-bottom: 1em; }
  #case_study_detail .stats strong span {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 2.7em;
    color: #fff; }
  #case_study_detail .stats strong:before {
    content: '';
    display: block;
    padding-bottom: 100%; }
  #case_study_detail .additional-background {
    -webkit-transition: top 1s ease-out 0s;
    transition: top 1s ease-out 0s;
    display: none;
    font-size: 1.1em;
    padding-bottom: 0em;
    position: relative;
    top: 0; }

body.android-browser .responsive-video, body.ios-browser .responsive-video {
  display: none; }

body.keep-reading#case_study_detail p.keep-reading {
  opacity: 0.2;
  text-indent: -500px; }
  body.keep-reading#case_study_detail .additional-background {
    top: -3em; }

.unstyled-content {
  padding: 3em 4.5em; }
/* == Approach == */
/* == Team == */
#team .opening {
  padding: 0 4.5em 10em;
  background: url(/img/assets/bg-radial.jpg) no-repeat top left /cover;
  position: relative; }
  #team .opening:before, #team .opening:after {
    content: '';
    display: table; }
  #team .opening:after {
    clear: both; }
  #team .opening .branding {
    padding-left: 0;
    padding-right: 0; }
  #team .opening h1 {
    font-weight: 300;
    font-size: 3em;
    color: #087d80;
    width: 60%;
    float: left;
    margin-bottom: 0em; }
  #team .opening h1 strong {
    display: block;
    color: #e53e30;
    font-weight: 700;
    font-size: 1.1em;
    margin-top: 0.7em; }
  #team .opening .intro {
    font-size: 1.2em;
    width: 30%;
    float: right;
    position: absolute;
    bottom: 0;
    right: 2.7em;
    margin-bottom: 8em;
    color: #353226; }
  #team .team-members {
    padding-left: 0;
    list-style: none;
    margin: -5em 0 0;
    padding: 0;
    text-align: center;
    background-color: #fff; }
  #team .team-members > li:before {
    display: none; }
  #team .team-members:before, #team .team-members:after {
    content: '';
    display: table; }
  #team .team-members:after {
    clear: both; }
  #team .team-members li {
    width: 25%;
    display: inline-block;
    color: #fff;
    padding-bottom: 2em;
    line-height: 1.875;
    text-align: center;
    margin: 0 2% 2em;
    vertical-align: top; }
  #team .team-members li a.member-photo {
    position: relative;
    display: block;
    margin-bottom: 1.5em; }
  #team .team-members li a.member-photo span.overflow {
    position: relative;
    border-radius: 900px;
    overflow: hidden;
    display: block;
    box-shadow: 30px 20px 60px rgba(83, 78, 60, .5); }
    #team .team-members li a.member-photo span.overflow:before {
      content: '';
      display: block;
      padding-bottom: 100%;
      background: -moz-linear-gradient(-45deg, rgba(229, 62, 48, 0) 0%, rgba(229, 62, 48, 0) 50%, #e53e30 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg, rgba(229, 62, 48, 0) 0%, rgba(229, 62, 48, 0) 50%, #e53e30 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg, rgba(229, 62, 48, 0) 0%, rgba(229, 62, 48, 0) 50%, #e53e30 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e53e30', endColorstr='#e53e30',GradientType=1);
      /* IE6-9 fallback on horizontal gradient */
      position: relative;
      z-index: 100; }
    #team .team-members li a.member-photo span.overflow:after {
      display: block;
      position: absolute;
      content: '';
      background: -moz-linear-gradient(top, rgba(229, 62, 48, 0) 0%, #e53e30 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(229, 62, 48, 0) 0%, #e53e30 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(229, 62, 48, 0) 0%, #e53e30 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e53e30', endColorstr='#e53e30',GradientType=0);
      /* IE6-9 */
      top: 60%;
      width: 100%;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 100; }
  #team .team-members li a.member-photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }
  #team .team-members li a.member-photo h2 {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    color: #fff;
    margin-bottom: 0.5em;
    font-size: 3em;
    position: absolute;
    text-align: left;
    bottom: 0.5em;
    left: 50%;
    line-height: 1;
    word-spacing: 999px;
    z-index: 200;
    font-weight: 500; }
    #team .team-members li a.member-photo h2:after {
      -webkit-transition: all 250ms ease 0s;
      transition: all 250ms ease 0s;
      opacity: 0;
      content: '';
      display: block;
      bottom: -0.4em;
      width: 0.7em;
      height: 0.1em;
      left: 0.1em;
      position: absolute;
      background-color: #fff; }
  #team .team-members li h3 {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    font-size: 1.3em;
    font-weight: 400;
    margin-bottom: 1.5em;
    padding-left: 50.5%;
    text-align: left;
    color: #1164a9;
    position: relative;
    z-index: 200;
    top: -3em;
    opacity: 0; }
  #team .team-members li:hover a.member-photo h2 {
    bottom: 0.2em; }
    #team .team-members li:hover a.member-photo h2:after {
      opacity: 1; }
  #team .team-members li:hover h3 {
    top: 0;
    opacity: 1; }
  #team .team-members li p.button {
    font-size: 0.8em; }

#team_bio .branding {
  z-index: 300;
  position: relative; }
  #team_bio section.opening {
    padding-bottom: 8em;
    position: relative;
    overflow: hidden;
    background: #fff; }
  #team_bio section.opening:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30%;
    z-index: 100;
    background: -moz-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0);
    /* IE6-9 */ }
  #team_bio section.opening .bio-photo {
    -webkit-transition: all 1.5s ease-out 0s;
    transition: all 1.5s ease-out 0s;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    position: relative;
    z-index: 150;
    margin: 0 auto;
    width: 25%;
    border-radius: 900px;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(102, 94, 64, .3); }
  #team_bio section.opening .bio-photo img {
    width: 100%;
    z-index: 150; }
  #team_bio section.opening .bio-photo img.candid {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    z-index: 175;
    opacity: 0; }
  #team_bio section.opening .bio-photo img.alt_candid {
    display: none; }
  #team_bio section.opening .bio-photo:hover img.candid {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
  #team_bio section.opening .name-title {
    position: relative;
    z-index: 200;
    text-align: center; }
  #team_bio section.opening .name-title h1, #team_bio section.opening .name-title h2 {
    -webkit-transition: all 1.5s ease-out 0s;
    transition: all 1.5s ease-out 0s;
    background-color: #e53e30;
    border-radius: 900px;
    padding: 0.2em 0.7em;
    color: #fff;
    display: inline-block;
    line-height: 1;
    font-weight: 500;
    margin: 0;
    position: relative;
    left: 0em;
    font-size: 4em;
    opacity: 0; }
  #team_bio section.opening .name-title h1:before, #team_bio section.opening .name-title h2:before, #team_bio section.opening .name-title h1:after, #team_bio section.opening .name-title h2:after {
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
    content: '';
    display: block;
    position: absolute;
    border: solid 3px #1164a9;
    top: 0;
    bottom: 0;
    width: 5em;
    right: 100%;
    border-radius: 900px; }
  #team_bio section.opening .name-title h1:after, #team_bio section.opening .name-title h2:after {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
    right: -110%;
    border-color: #e53e30; }
  #team_bio section.opening .name-title h2 {
    background-color: #1164a9;
    font-size: 2em;
    font-weight: 300;
    padding: 0.3em 1em;
    left: auto;
    right: 0em; }
  #team_bio section.opening .name-title h2:before {
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0);
    border-color: #1164a9;
    right: auto;
    right: -100%; }
  #team_bio section.opening .name-title h2:after {
    width: 100%;
    right: 110%;
    left: auto;
    border-color: #e53e30; }
  #team_bio section.opening .q-a-overlay {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    left: 0;
    overflow: hidden;
    z-index: 80;
    font-size: 3em;
    line-height: 1;
    text-align: justify; }
  #team_bio section.opening .q-a-overlay ul {
    padding-left: 0;
    list-style: none; }
  #team_bio section.opening .q-a-overlay ul > li:before {
    display: none; }
  #team_bio section.opening .q-a-overlay ul li {
    display: inline; }
  #team_bio section.opening .q-a-overlay h3, #team_bio section.opening .q-a-overlay p {
    color: #f0efe8;
    display: inline;
    font-size: 1em;
    text-transform: uppercase; }
  #team_bio section.opening .q-a-overlay h3 {
    font-weight: 300; }
  #team_bio section.opening .q-a-overlay p {
    font-weight: 700; }
  #team_bio .bio {
    background-color: #f2d568;
    position: relative; }
  #team_bio .bio .description {
    font-size: 1.2em;
    padding: 4.5em;
    color: #1e1e1e; }
  #team_bio .bio .description p:first-child {
    font-size: 1.5em;
    color: #086834; }
  #team_bio .bio .description p.button {
    margin-top: 4em; }
  #team_bio .q-a-full {
    background-color: #0e2d46;
    color: #fff;
    padding: 6.5em 4.5em 0; }
  #team_bio .q-a-full ul:before, #team_bio .q-a-full ul:after {
    content: '';
    display: table; }
  #team_bio .q-a-full ul:after {
    clear: both; }
  #team_bio .q-a-full ul li {
    width: 45%; }
  #team_bio .q-a-full ul li:nth-child(odd) {
    float: left;
    clear: left; }
  #team_bio .q-a-full ul li:nth-child(even) {
    float: right;
    clear: right; }
  #team_bio .q-a-full h3 {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 400;
    color: #a1966b; }
  #team_bio .q-a-full p {
    font-size: 1.2em;
    font-weight: 400;
    margin-bottom: 3em; }
  #team_bio .q-a-full ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 10em; }
  #team_bio .q-a-full ul > li:before {
    display: none; }
  #team_bio section.companies {
    background: url(/img/assets/bg-dark-blue.jpg) no-repeat center center /cover;
    padding: 4em 3em; }
  #team_bio section.companies h2.title {
    color: #f2d568;
    text-align: center; }
  #team_bio .member-portfolio-list {
    position: relative;
    z-index: 50;
    margin: 0 auto;
    text-align: center; }
  #team_bio .member-portfolio-list:before, #team_bio .member-portfolio-list:after {
    content: '';
    display: table; }
  #team_bio .member-portfolio-list:after {
    clear: both; }
  #team_bio .member-portfolio-list div.portfolio-company {
    width: 250px;
    height: 250px;
    margin: 30px;
    display: inline-block; }
  #team_bio.page_ready section.opening .bio-photo {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    box-shadow: -25px -25px 30px rgba(102, 94, 64, .3); }
  #team_bio.page_ready section.opening .name-title h1 {
    left: -2em;
    opacity: 1; }
  #team_bio.page_ready section.opening .name-title h2 {
    right: -3em;
    opacity: 1; }

#approach section.opening h1 {
  font-weight: 300;
  font-size: 5.5em;
  color: #087d80;
  padding: 1em 0; }
  #approach section.opening h1 strong {
    display: block;
    color: #e53e30;
    font-weight: 700;
    font-size: 1.2em; }
  #approach .intro-aside {
    background: #881c13;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #881c13 0%, #e53e30 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #881c13 0%, #e53e30 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #881c13 0%, #e53e30 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#881c13', endColorstr='#e53e30',GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    position: relative; }
  #approach .intro-aside p {
    color: #fff;
    padding: 7em 2em;
    text-align: center;
    width: 100%;
    font-weight: 300;
    font-size: 2em;
    margin: 0 auto;
    max-width: 29em; }
  #approach .intro-aside p strong {
    color: #fff; }
  #approach .different {
    background: url(/img/assets/fenway-soft.jpg) no-repeat center center /cover;
    position: relative; }
  #approach .different h2 {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    left: auto;
    width: 100%;
    padding: 0 1em;
    color: #fff;
    margin: 0; }
  #approach .different-vc .content {
    padding: 3em 8em 3em; }
  #approach .different-vc .content p {
    font-size: 1.2em;
    position: relative;
    padding: 2.5em 0 0 7em;
    margin: 0 0 3em; }
  #approach .different-vc .content p span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2em;
    height: 2em;
    line-height: 1.9em;
    border-radius: 900px;
    overflow: hidden;
    text-align: center;
    border: solid 2px #087d80;
    color: #087d80;
    font-weight: 200;
    font-size: 3em; }
  #approach .different-vc .content p strong {
    color: #e53e30;
    display: block;
    font-size: 1.5em;
    line-height: 1.2;
    margin-bottom: 0.3em; }
  #approach .different-vc .graphic {
    width: 33.3%; }
  #approach .different-vc .early-matters {
    background: url(/img/approach/trajectory.jpg) no-repeat right center;
    background-size: auto 90%; }
  #approach .different-vc .operational-nimble {
    background: url(/img/approach/swing.jpg) no-repeat 8% 50% /contain; }
  #approach .different-vc .verticals-firm {
    background: url(/img/approach/sweet.jpg) no-repeat right center /contain; }
  #approach .different-vc .verticals-firm .content {
    padding-bottom: 8em; }
  #approach .look-for {
    padding: 4.5em 4.5em 1em;
    background-color: #dcd8c9;
    background: url(/img/approach/sand.jpg) no-repeat top left /cover; }
  #approach .look-for .columns > div {
    background-color: #fff;
    padding: 3em; }
  #approach .look-for .columns > div p {
    font-size: 1.2em; }
  #approach .look-for .header {
    background: #881c13;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #881c13 0%, #e53e30 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #881c13 0%, #e53e30 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #881c13 0%, #e53e30 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#881c13', endColorstr='#e53e30',GradientType=1);
    /* IE6-9 fallback on horizontal gradient */ }
  #approach .look-for .header h2 {
    color: #fff; }
  #approach .look-for .bottomline > div {
    padding: 3em;
    background: none; }
  #approach .look-for .bottomline > div.content {
    width: 66.6%; }
  #approach .look-for .bottomline > div.content h3 {
    color: #e53e30; }
  #approach .look-for .bottomline > div.content p {
    font-size: 1.5em;
    color: #1e1e1e; }
  #approach .look-for h3 {
    color: #087d80;
    font-weight: 500;
    font-size: 2.5em; }
  #approach .look-for ul {
    padding-left: 0;
    list-style: none; }
  #approach .look-for ul > li:before {
    display: none; }
  #approach .look-for ul li {
    display: inline-block;
    margin: 0; }
  #approach .look-for ul a {
    display: block;
    margin: 0 0.7em 1em 0;
    border-radius: 900px;
    padding: 0.75em 1.4em;
    color: #fff;
    font-weight: 500;
    font-size: 1.1em;
    background-color: #1164a9; }
  #approach .partner-benefit {
    background-color: #bfb79a; }
  #approach .partner-benefit .columns {
    background: #087d80;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #087d80 0%, #085658 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #087d80 0%, #085658 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #087d80 0%, #085658 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#087d80', endColorstr='#085658',GradientType=1);
    /* IE6-9 fallback on horizontal gradient */ }
  #approach .partner-benefit .header {
    padding: 20em 3em 0;
    background: url(/img/assets/team-gray.jpg) no-repeat center center /cover; }
  #approach .partner-benefit .header h2 {
    font-weight: 300;
    color: #ccc;
    margin: 0 0 2.5em; }
  #approach .partner-benefit .header h2 strong {
    color: #fff;
    display: block; }
  #approach .partner-benefit .header h3 {
    text-transform: uppercase;
    font-weight: 500;
    color: #f2d568;
    margin: 0;
    padding-bottom: 1em; }
  #approach .partner-benefit .heading {
    background-color: #f2d568;
    padding: 5em 3em;
    color: #2b2b2b; }
  #approach .partner-benefit .heading h4 {
    font-size: 2.25em;
    font-weight: 300;
    color: rgba(8, 104, 52, .7);
    margin-bottom: 0.7em; }
  #approach .partner-benefit .heading h4 strong {
    font-weight: 700;
    color: #086834;
    display: block;
    font-size: 1.5em;
    margin-bottom: 0.3em; }
  #approach .partner-benefit .quotes {
    padding: 15em 3em 0; }
  #approach .partner-benefit .quotes .blockquote {
    margin-bottom: 6em;
    font-size: 1.25em; }
  #approach .partner-benefit .quotes .quote {
    font-weight: 500;
    color: #fff;
    position: relative; }
  #approach .partner-benefit .quotes .quote strong {
    background-color: #f2d568;
    color: #086834;
    display: inline-block;
    padding: 0 0.25em; }
  #approach .partner-benefit .quotes .quote span {
    display: inline-block;
    line-height: 10px;
    font-size: 3em;
    color: #065028;
    font-weight: 700;
    font-family: "Georgia", "Times", serif; }
    #approach .partner-benefit .quotes .quote span.opening {
      position: absolute;
      display: block;
      width: 3em;
      text-align: right;
      right: 100%;
      top: 0; }
    #approach .partner-benefit .quotes .quote span.closing {
      font-size: 1.5em; }
  #approach .partner-benefit .quotes .cite {
    color: #fff;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: 3em; }
  #approach .partner-benefit .quotes .cite strong {
    text-transform: uppercase;
    color: #f2d568;
    font-weight: 400;
    display: block;
    font-size: 1.5em;
    margin-top: 1em; }
/* == About == */
#about .intro-name-logo .williams-liam .content {
  padding: 4em 17em 3em 4em;
  background: url(/img/about/sand.jpg) no-repeat top left /cover; }
  #about .intro-name-logo .williams-liam .content h2 {
    color: #087d80;
    font-size: 4em;
    margin-bottom: 0.7em; }
  #about .intro-name-logo .williams-liam .content h2 strong {
    font-weight: 700; }
  #about .intro-name-logo .williams-liam .content p {
    font-size: 1.8em;
    color: #1e1e1e; }
  #about .intro-name-logo .graphic-quote, #about .intro-name-logo .maria-content {
    position: relative;
    background: url(/img/about/liam-quote-bg.jpg) no-repeat center center /cover;
    padding: 4em 7em 3em 15em; }
  #about .intro-name-logo .graphic-quote .card, #about .intro-name-logo .maria-content .card {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    top: -2em;
    left: -3em;
    z-index: 500;
    width: 27em; }
  #about .intro-name-logo .graphic-quote .card img, #about .intro-name-logo .maria-content .card img {
    width: 100%; }
  #about .intro-name-logo .maria-content {
    background: url(/img/about/maria-quote-bg.jpg) no-repeat center center /cover;
    padding: 4em 15em 3em 4em; }
  #about .intro-name-logo .liam-quote img, #about .intro-name-logo .maria-quote img {
    width: 20em;
    display: inline-block;
    margin: 0 -1em 1em 0; }
  #about .intro-name-logo .liam-quote p, #about .intro-name-logo .maria-quote p {
    color: #fff;
    font-size: 1.5em;
    font-weight: 500; }
  #about .intro-name-logo .liam-quote p.cite, #about .intro-name-logo .maria-quote p.cite {
    font-size: 1.3em;
    line-height: 1.5;
    font-weight: 300;
    color: rgba(255, 255, 255, .7); }
    #about .intro-name-logo .liam-quote p.cite strong, #about .intro-name-logo .maria-quote p.cite strong {
      display: block;
      color: #f2d568;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 1.2em; }
  #about .intro-name-logo .maria-quote img {
    margin: 0 0 1em -1em; }
  #about .intro-name-logo .maria-quote p {
    text-align: left;
    font-size: 1.8em;
    font-weight: 400; }
  #about .intro-name-logo .logo .logo-graphic {
    padding: 4em 0 4em 4em;
    background: #fff;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #fff 0%, #eee6d9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #fff 0%, #eee6d9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #fff 0%, #eee6d9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eee6d9',GradientType=1);
    /* IE6-9 fallback on horizontal gradient */ }
  #about .intro-name-logo .logo .logo-graphic .logo-mark {
    margin: 0;
    float: left; }
    #about .intro-name-logo .logo .logo-graphic .logo-mark svg {
      height: 30em;
      width: auto; }
    #about .intro-name-logo .logo .logo-graphic .logo-mark svg #blue {
      -webkit-transition: opacity 1s ease-out 0s;
      transition: opacity 1s ease-out 0s;
      opacity: 0; }
    #about .intro-name-logo .logo .logo-graphic .logo-mark svg #teal {
      -webkit-transition: opacity 1s ease-out 0.5s;
      transition: opacity 1s ease-out 0.5s;
      opacity: 0; }
    #about .intro-name-logo .logo .logo-graphic .logo-mark svg #greens {
      -webkit-transition: opacity 1s ease-out 0.7s;
      transition: opacity 1s ease-out 0.7s;
      opacity: 0; }
    #about .intro-name-logo .logo .logo-graphic .logo-mark svg #reds {
      -webkit-transition: opacity 1s ease-out 1s;
      transition: opacity 1s ease-out 1s;
      opacity: 0; }
  #about .intro-name-logo .logo .logo-graphic .bat {
    width: auto;
    height: 31.5em;
    float: right; }
    #about .intro-name-logo .logo .logo-graphic .bat img {
      height: 100%;
      width: auto; }
  #about .intro-name-logo .logo .logo-graphic .pullquote {
    font-size: 1.5em;
    font-weight: 500;
    padding-right: 2em;
    padding-top: 3em; }
    #about .intro-name-logo .logo .logo-graphic .pullquote strong {
      font-size: 1.75em;
      color: #d04021;
      font-weight: 700;
      display: block; }
  #about .intro-name-logo .logo .logo-graphic.on-screen .logo-mark svg #blue, #about .intro-name-logo .logo .logo-graphic.on-screen .logo-mark svg #teal, #about .intro-name-logo .logo .logo-graphic.on-screen .logo-mark svg #greens, #about .intro-name-logo .logo .logo-graphic.on-screen .logo-mark svg #reds {
    opacity: 1; }
  #about .team-overview {
    overflow: hidden; }
  #about .team-overview .team-header {
    position: relative;
    background: url(/img/about/team.jpg) no-repeat center center /cover;
    background-attachment: fixed;
    padding: 17em 0 20em;
    z-index: 100; }
  #about .team-overview .team-header h2 {
    color: #1164a9;
    text-align: center;
    font-size: 6em;
    font-weight: 500; }
  #about .team-overview .content {
    margin: -6em auto 2em;
    max-width: 80em;
    position: relative;
    z-index: 200; }
  #about .team-overview .content .pair {
    position: relative;
    margin-bottom: 10em; }
  #about .team-overview .content .pair:before, #about .team-overview .content .pair:after {
    content: '';
    display: table; }
  #about .team-overview .content .pair:after {
    clear: both; }
  #about .team-overview .content .pair p {
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    font-size: 1.6em;
    color: #1164a9;
    padding: 1.7em 2em;
    border: solid 4px #1164a9;
    box-shadow: 10px 10px 0px #1164a9;
    background-color: #fff;
    margin: 0;
    width: 60%;
    opacity: 0; }
    #about .team-overview .content .pair p .button {
      margin: 2em 0 0.6em;
      display: block; }
    #about .team-overview .content .pair p a {
      font-size: 0.8em; }
  #about .team-overview .content .pair div.image {
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    width: 35%;
    position: absolute;
    top: 10px;
    bottom: -10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    box-shadow: -10px -10px 0px #1164a9; }
    #about .team-overview .content .pair div.image:before {
      -webkit-transition: all 1s ease-out 0.7s;
      transition: all 1s ease-out 0.7s;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #1164a9;
      opacity: 1; }
  #about .team-overview .content .pair:nth-child(even) {
    right: -5em; }
    #about .team-overview .content .pair:nth-child(even) p {
      -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
      transform: translate(50%, 0);
      float: right; }
    #about .team-overview .content .pair:nth-child(even) div.image {
      left: 0;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
  #about .team-overview .content .pair:nth-child(odd) {
    left: -5em; }
    #about .team-overview .content .pair:nth-child(odd) p {
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      float: left; }
    #about .team-overview .content .pair:nth-child(odd) div.image {
      right: 0;
      -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
      transform: translate(50%, 0); }
  #about .team-overview .content .pair.on-screen div.image {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
    #about .team-overview .content .pair.on-screen div.image:before {
      opacity: 0; }
    #about .team-overview .content .pair.on-screen:nth-child(even) p, #about .team-overview .content .pair.on-screen:nth-child(odd) p {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      opacity: 1; }
  #about .stat-cards {
    position: relative;
    background-color: #021f20; }
  @-webkit-keyframes pulse {
    #about .stat-cards 0% {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }

    #about .stat-cards 50% {
      -webkit-transform: scale(0.8, 0.8);
      -ms-transform: scale(0.8, 0.8);
      transform: scale(0.8, 0.8); }

    #about .stat-cards 100% {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); } }
  @keyframes pulse {
    #about .stat-cards 0% {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }

    #about .stat-cards 50% {
      -webkit-transform: scale(0.8, 0.8);
      -ms-transform: scale(0.8, 0.8);
      transform: scale(0.8, 0.8); }

    #about .stat-cards 100% {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); } }
  #about .stat-cards > div {
    width: 100%;
    position: relative;
    height: 100vh;
    background-color: #e53e30;
    color: #fff;
    overflow: hidden; }
  #about .stat-cards > div > h2, #about .stat-cards > div > p {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    font-weight: 300;
    font-size: 4em;
    width: 60%;
    z-index: 400;
    line-height: 1.3; }
  #about .stat-cards > div > h2 strong, #about .stat-cards > div > p strong {
    font-weight: 700; }
  #about .stat-cards > div > h2 {
    font-size: 10em;
    text-transform: uppercase;
    width: 100%; }
  #about .stat-cards > div > p {
    color: rgba(255, 255, 255, .7); }
  #about .stat-cards > div > p strong {
    color: #fff; }
  #about .stat-cards > div > p a {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-top: 1em;
    background: #df2b1c;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 900px;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
    #about .stat-cards > div > p a:hover {
      background: #851a11; }
  #about .stat-cards > div.card-stats {
    background: url(/img/assets/bg-dark-blue.jpg) no-repeat center center /cover; }
  #about .stat-cards > div.card-stats:after {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    display: block;
    position: absolute;
    width: 75%;
    padding-bottom: 75%;
    border-radius: 9900px;
    background-color: #e53e30;
    z-index: 100;
    top: 50%;
    left: 50%; }
  #about .mission {
    height: 100vh;
    width: 100%;
    position: relative;
    background: url(/img/assets/bg-dark-blue.jpg) no-repeat center center /cover; }
  @-webkit-keyframes textureFades {
    #about .mission 0% {
      opacity: 0; }

    #about .mission 50% {
      opacity: 1; }

    #about .mission 100% {
      opacity: 0; } }
  @keyframes textureFades {
    #about .mission 0% {
      opacity: 0; }

    #about .mission 50% {
      opacity: 1; }

    #about .mission 100% {
      opacity: 0; } }
  @-webkit-keyframes textureFadesInverse {
    #about .mission 0% {
      opacity: 1; }

    #about .mission 50% {
      opacity: 0; }

    #about .mission 100% {
      opacity: 1; } }
  @keyframes textureFadesInverse {
    #about .mission 0% {
      opacity: 1; }

    #about .mission 50% {
      opacity: 0; }

    #about .mission 100% {
      opacity: 1; } }
  #about .mission .position {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20; }
  #about .mission h2 {
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    color: #f2d568;
    top: 2em;
    opacity: 0;
    position: relative; }
  #about .mission h2.on-screen {
    top: 0;
    opacity: 1; }
  #about .mission p {
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    font-size: 1.8em;
    color: rgba(255, 255, 255, .6);
    position: relative;
    top: 4em;
    opacity: 0; }
  #about .mission p.on-screen {
    top: 0;
    opacity: 1; }
  #about .mission:before, #about .mission:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: url(/img/about/mission-a.png) no-repeat bottom center;
    background-size: 100% auto;
    -webkit-animation-name: textureFades;
    animation-name: textureFades;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  #about .mission:after {
    background-image: url(/img/about/mission-b.png);
    -webkit-animation-name: textureFadesInverse;
    animation-name: textureFadesInverse; }
  #about .programs {
    padding: 4em; }
  #about .programs h2 {
    color: #087d80; }
  #about .programs p {
    font-size: 1.1em; }
  #about .history {
    padding: 8em 4em;
    background: url(/img/about/history.jpg) no-repeat right center #706a51;
    background-size: auto 100%; }
  #about .history h2 {
    color: #f2d568; }
  #about .history p {
    color: #fff;
    font-size: 1.2em; }

#documents .document-list {
  padding: 4em 4.5em; }
  #documents .document-list > ul {
    padding-left: 0;
    list-style: none; }
  #documents .document-list > ul > li:before {
    display: none; }
  #documents .document-list > ul li {
    margin: 0 0 4em; }
  #documents .document-list > ul li:before, #documents .document-list > ul li:after {
    content: '';
    display: table; }
  #documents .document-list > ul li:after {
    clear: both; }
  #documents .document-list > ul li > a {
    display: block; }
    #documents .document-list > ul li > a:hover h2 {
      color: #087d80; }
    #documents .document-list > ul li > a:hover h3 {
      border-color: #e53e30; }
      #documents .document-list > ul li > a:hover h3:after {
        right: -1px;
        opacity: 1; }
  #documents .document-list > ul li h2 {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    width: 35%;
    float: left;
    font-size: 2em;
    font-weight: 700;
    color: #1164a9;
    padding: 1em 0;
    margin: 0; }
  #documents .document-list > ul li h3 {
    border-bottom: solid 1px #7f785c;
    padding: 0 0 1em;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.3em;
    color: #7f785c;
    position: relative; }
    #documents .document-list > ul li h3:after {
      -webkit-transition: all 250ms ease 0s;
      transition: all 250ms ease 0s;
      content: '';
      display: block;
      position: absolute;
      bottom: -1.5em;
      right: 2em;
      width: 3em;
      height: 3em;
      border-radius: 900px;
      background: url(/img/assets/arrow-white-right.png) no-repeat center center #e53e30;
      background-size: 2em auto;
      opacity: 0; }
  #documents .document-list > ul li p {
    width: 60%;
    float: right;
    font-size: 1.2em;
    color: #444;
    padding-top: 2em; }
  #documents .document-list > ul li span.button {
    display: none; }

#news .filters {
  text-align: center; }
  #news .filters a {
    border: 1px solid #1164a9;
    border-radius: 5px;
    display: inline-block;
    margin: 3px;
    padding: 0 10px; }
  #news .filters a.active, #news .filters a:hover {
    background-color: #1164a9;
    color: #fff; }
  #news .news-list {
    padding: 4em 4.5em; }
  #news .news-list > ul {
    padding-left: 0;
    list-style: none; }
  #news .news-list > ul > li:before {
    display: none; }
  #news .news-list > ul li {
    margin: 0 0 4em; }
  #news .news-list > ul li:before, #news .news-list > ul li:after {
    content: '';
    display: table; }
  #news .news-list > ul li:after {
    clear: both; }
  #news .news-list > ul li > a {
    display: block; }
    #news .news-list > ul li > a:hover h2 {
      color: #087d80; }
    #news .news-list > ul li > a:hover h3 {
      border-color: #e53e30; }
      #news .news-list > ul li > a:hover h3:after {
        right: -1px;
        opacity: 1; }
  #news .news-list > ul li h2 {
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    width: 60%;
    float: left;
    font-size: 2em;
    font-weight: 700;
    color: #1164a9;
    padding: 1em 0;
    margin: 0; }
  #news .news-list > ul li h3 {
    border-bottom: solid 1px #7f785c;
    padding: 0 0 1em;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.3em;
    color: #7f785c;
    position: relative; }
    #news .news-list > ul li h3:after {
      -webkit-transition: all 250ms ease 0s;
      transition: all 250ms ease 0s;
      content: '';
      display: block;
      position: absolute;
      bottom: -1.5em;
      right: 2em;
      width: 3em;
      height: 3em;
      border-radius: 900px;
      background: url(/img/assets/arrow-white-right.png) no-repeat center center #e53e30;
      background-size: 2em auto;
      opacity: 0; }
  #news .news-list > ul li p {
    width: 35%;
    float: right;
    font-size: 1.2em;
    color: #444;
    padding-top: 2em; }
  #news .news-list > ul li span.button {
    display: none; }

#news_item section.opening h1 {
  font-size: 4em; }
  #news_item section.opening h2 {
    text-transform: uppercase;
    font-weight: 400;
    color: #7f785c;
    font-size: 2em; }
  #news_item section.details {
    padding: 4em;
    font-size: 1.1em; }
  #news_item section.details p {
    text-align: justify; }
  #news_item section.details p.button {
    margin-top: 4em; }
  #news_item .entry-content {
    font-size: 1.2em; }
  #news_item .entry-content img {
    margin: 0 0 2em; }
  #news_item .entry-content img.justified_right {
    width: 45%;
    float: right;
    margin: 0 -3em 2em 3em; }
  #news_item .entry-content img.justified_left {
    width: 45%;
    float: left;
    margin: 0 3em 2em -3em; }
  #news_item .entry-content img.justified_center {
    width: 100%; }
  #news_item .entry-content blockquote {
    font-size: 1.2em;
    color: #e53e30;
    border-top: solid 2px #e53e30;
    border-bottom: solid 2px #e53e30;
    padding: 2em 0 0.5em;
    margin: 3em 0; }
  #news_item .entry-content blockquote span {
    font-weight: 500 !important; }

.pagination {
  text-align: center; }
  .pagination ul {
    padding-left: 0;
    list-style: none; }
  .pagination ul > li:before {
    display: none; }
  .pagination ul li {
    display: inline-block;
    vertical-align: middle; }
  .pagination ul li a {
    display: block;
    margin: 0.2em;
    min-width: 2.5em;
    min-height: 2.4em;
    line-height: 2.5em;
    border-radius: 900px;
    color: #fff;
    font-weight: 500;
    background-color: #ddd;
    color: #1164a9;
    text-transform: uppercase; }
  .pagination ul li.current a {
    background-color: #e53e30;
    font-weight: 700;
    font-size: 1.5em;
    color: #fff; }
  .pagination ul li.prev a, .pagination ul li.next a {
    padding: 0 1.5em;
    background-color: #1164a9;
    color: #fff;
    font-weight: 500;
    margin: 0.3em 0.7em; }

#login form .submit {
  text-align: right; }

#legal_and_privacy .legal-content {
  padding: 3em 0; }

#lp_and_portfolio_company_login .login-links {
  padding: 3em 0;
  text-align: center; }
  #lp_and_portfolio_company_login .lp {
    margin-bottom: 1.5em; }
  #lp_and_portfolio_company_login .lp strong {
    display: block;
    color: #1164a9;
    font-size: 0.6em;
    margin-top: 0.5em; }
  #lp_and_portfolio_company_login .company strong {
    font-weight: 500;
    font-style: italic;
    opacity: 0.5;
    margin-top: 0.5em;
    font-size: 0.6em;
    display: block; }
/*
 __  __          _ _          ___                  _
 |  \/  | ___  __| (_) __ _   / _ \ _   _  ___ _ __(_) ___  ___
 | |\/| |/ _ \/ _` | |/ _` | | | | | | | |/ _ \ '__| |/ _ \/ __|
 | |  | |  __/ (_| | | (_| | | |_| | |_| |  __/ |  | |  __/\__ \
 |_|  |_|\___|\__,_|_|\__,_|  \__\_\\__,_|\___|_|  |_|\___||___/
 */
#query-tracker {
  left: -500px;
  position: fixed;
  top: -500px;
  z-index: 0; }
  #query-tracker span {
    display: none;
    height: 20px;
    width: 20px; }
/* ////////// */
@media only screen and (max-width: 1370px) {
  #responsive-tester {
    background-color: #fe0002; }
    #query-tracker span {
      display: none !important; }
      #query-tracker span.mq-red {
        display: block !important; }
    body {
      font-size: 1.2vw; }
    body#home .cards section {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      position: relative !important;
      opacity: 1 !important; }
    #home .opening .hero-slider > .slide .caption, #home .card .hero-slider > .slide .caption {
      bottom: 37%; }
    #home .branding {
      position: absolute; }
      #home .opening, #home .card {
        width: 100%;
        height: auto;
        min-height: 100vh;
        position: relative; }
      #home .opening .hero-slider, #home .card .hero-slider {
        position: relative;
        height: 95vh; }
      #home .opening .about-companies {
        height: auto;
        position: relative; }
        #home .opening .about-companies .columns {
          display: block;
          width: 100%; }
          #home .opening .about-companies .columns > * {
            display: block;
            width: 100%; }
          #home .opening .about-companies .columns > hr {
            display: none; }
          #home .opening .about-companies .columns.fluid .fixed-cell {
            width: 100%;
            white-space: normal; }
        #home .opening .about-companies .about-406 {
          width: 100%;
          float: none;
          height: 33vh;
          margin-top: -33vh; }
        #home .opening .about-companies .company-slider .columns {
          background-color: #087d80; }
          #home .opening .about-companies .company-slider .columns:before, #home .opening .about-companies .company-slider .columns:after {
            content: '';
            display: table; }
          #home .opening .about-companies .company-slider .columns:after {
            clear: both; }
          #home .opening .about-companies .company-slider .details {
            position: relative;
            font-size: 1.2em;
            float: left;
            width: 50%; }
          #home .opening .about-companies .company-slider .photo-slider {
            width: 50%;
            float: right; }
          #home .opening .about-companies .company-slider .photo-slider .photo img {
            width: 100%;
            height: auto;
            max-height: none;
            opacity: 1; }
      #home .how-we-think {
        min-height: 0; }
      #home .how-we-think .responsive-columns {
        display: table;
        table-layout: fixed;
        width: 100%; }
        #home .how-we-think .responsive-columns > * {
          display: table-cell;
          vertical-align: top; }
        #home .how-we-think .responsive-columns > hr {
          display: table-cell;
          width: 60px;
          margin: 0;
          padding: 0;
          border: none; }
        #home .how-we-think .responsive-columns.fluid {
          table-layout: auto;
          width: 100%; }
          #home .how-we-think .responsive-columns.fluid .fixed-cell {
            width: 1%;
            white-space: nowrap; }
      #home .how-we-think .content {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto; }
        #home .how-we-think .content .position {
          -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          transform: translate(0, 0);
          position: relative;
          top: auto;
          left: auto;
          width: auto;
          padding: 3em 3em 1em; }
          #home .how-we-think .content .position a {
            display: block; }
          #home .how-we-think .content .position a:before, #home .how-we-think .content .position a:after {
            content: '';
            display: table; }
          #home .how-we-think .content .position a:after {
            clear: both; }
          #home .how-we-think .content .position p {
            font-size: 1.2em;
            float: none !important;
            width: auto;
            margin: 0 0 2em; }
      #home .how-we-think .photo {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        background: none; }
        #home .how-we-think .photo img {
          display: block; }
      #home .how-we-think .cta {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto; }
        #home .how-we-think .cta .position {
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          position: absolute;
          top: 50%;
          left: 0;
          width: 0;
          right: 0;
          width: 100%; }
          #home .how-we-think .cta .position a p {
            font-size: 0.9em; }
      #home .get-in-touch .content {
        padding-top: 5em; }
        #home .get-in-touch .content h2 {
          margin-bottom: 1em; }
        #home .get-in-touch .content p {
          font-size: 1.75em; }
        #home .get-in-touch .content p.copyright {
          font-size: 1em;
          left: 3.5em; }
    #portfolio div.portfolio-company .social a {
      width: 40px;
      height: 40px;
      bottom: -20px; }
      #portfolio div.portfolio-company .social a:first-child, #portfolio div.portfolio-company .social a:last-child {
        bottom: 0px; }
      #portfolio div.portfolio-company .social a.website:before, #portfolio div.portfolio-company .social a.twitter:before, #portfolio div.portfolio-company .social a.linkedin:before {
        line-height: 40px; }
      #portfolio div.portfolio-company .back h2 {
        font-size: 25px;
        margin: 40px auto 15px;
        padding: 0; }
      #portfolio div.portfolio-company .back .case-study, #portfolio div.portfolio-company .back .visit-website {
        font-size: 14px; }
    #portfolio section.opening p.intro {
      padding-right: 0; }
    #team .team-members li a.member-photo h2 {
      font-size: 2.7em; }
    #team_bio section.opening .bio-photo {
      width: 33%; }
      #team_bio .q-a-full ul li:nth-child(odd), #team_bio .q-a-full ul li:nth-child(even) {
        width: 100%;
        float: none;
        font-size: 0.8em; }
      #team_bio .bio .description {
        padding: 3em; }
      #team_bio .bio .description p:first-child {
        font-size: 1.3em; }
      #team_bio .bio .q-a-full {
        padding: 5em 3em 0; }
      #team_bio .bio .q-a-full p {
        margin-bottom: 1.5em; }
    #case_study_detail .testimonial {
      display: none; }
      #case_study_detail .testimonial.before-team {
        display: block;
        float: none;
        width: 100%;
        visibility: visible;
        margin-bottom: 4em; }
      #case_study_detail .testimonial.before-team .portrait {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover; }
      #case_study_detail .testimonial.before-team .portrait:after {
        background: url(/img/assets/testimonial-overlay-square.png) no-repeat bottom center;
        background-size: 100% auto; }
      #case_study_detail .testimonial.before-team .portrait img {
        display: none; }
      #case_study_detail .team {
        margin-right: -2em; }
      #case_study_detail .partnership .attributes {
        position: relative;
        padding: 4em 12em 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto; }
      #case_study_detail .partnership .attributes:before, #case_study_detail .partnership .attributes:after {
        content: '';
        display: table; }
      #case_study_detail .partnership .attributes:after {
        clear: both; }
      #case_study_detail .partnership .attributes p {
        float: left;
        margin-right: 4em; }
      #case_study_detail .partnership .content {
        padding: 3em 12em 5em; }
      #case_study_detail .partnership .content .justified-right {
        margin-right: -6em; }
      #case_study_detail .partnership .content .justified-left {
        margin-left: -6em; }
      #case_study_detail .backgrounder-team {
        float: none;
        width: 100%; }
      #case_study_detail .company-video .content h2 {
        font-size: 2em; }
      #case_study_detail .stats > div {
        font-size: 1.1em; }
    #approach .intro-aside p strong {
      display: block; }
      #approach .different h2 {
        font-size: 4.2em; }
      #approach .different-vc .content {
        padding: 3em; }
      #approach .different-vc .graphic {
        width: 50; }
      #approach .different-vc .early-matters {
        background: url(/img/approach/trajectory.jpg) no-repeat right center;
        background-size: 50% auto; }
      #approach .different-vc .operational-nimble {
        background: url(/img/approach/swing.jpg) no-repeat bottom left;
        background-size: 35% auto; }
      #approach .different-vc .verticals-firm {
        background: url(/img/approach/sweet.jpg) no-repeat bottom right;
        background-size: 40% auto; }
      #approach .different-vc .verticals-firm .content {
        padding-bottom: 0; }
    #about .williams-liam .content {
      width: 66%;
      padding: 4em 14em 3em 4em; }
      #about .williams-liam .content h2 strong {
        display: block; }
      #about .intro-name-logo .maria-content {
        padding: 4em 8em 4em 4em; }
      #about .intro-name-logo .maria-quote p {
        font-size: 1.4em; }
      #about .intro-name-logo .liam-quote p {
        font-size: 1.2em; }
      #about .intro-name-logo .graphic-quote {
        padding: 4em; }
      #about .intro-name-logo .graphic-quote .card {
        left: -8em;
        top: -2em;
        width: 25em; }
      #about .intro-name-logo .logo .logo-graphic .logo-mark svg {
        height: 20em; }
      #about .intro-name-logo .logo .logo-graphic .bat {
        height: 20.5em; }
      #about .intro-name-logo .logo .logo-graphic .pullquote strong {
        line-height: 1.3;
        margin-bottom: 0.5em; }
      #about .team-overview .content .pair:nth-child(odd), #about .team-overview .content .pair:nth-child(even) {
        left: auto;
        right: auto; }
      #about .stat-cards > div > h2 {
        padding: 0; }
      #about .stat-cards > div p {
        padding: 0; }
      #about .history {
        background-size: 75% auto;
        background-position: bottom right; }
      #about .history .columns .columns {
        display: block;
        width: 100%; }
      #about .history .columns .columns > * {
        display: block;
        width: 100%; }
      #about .history .columns .columns > hr {
        display: none; }
      #about .history .columns .columns.fluid .fixed-cell {
        width: 100%;
        white-space: normal; } }

@media only screen and (max-width: 1050px) {
  #responsive-tester {
    background-color: #3cb54c; }
    #query-tracker span {
      display: none !important; }
      #query-tracker span.mq-green {
        display: block !important; }
    body {
      font-size: 1.5vw; }
    #home .opening .about-companies .company-slider .details {
      font-size: 1em; }
      #home .opening .about-companies .company-slider .details .description {
        padding-left: 2.5em;
        padding-right: 2.5em; }
      #home .how-we-think .cta .position {
        padding-left: 2em;
        padding-right: 2em; }
      #home .portfolio .navigation {
        font-size: 0.8em; }
    #portfolio div.portfolio-company:before {
      display: none; }
      #portfolio div.portfolio-company .social a {
        width: 30px;
        height: 30px;
        bottom: -20px; }
        #portfolio div.portfolio-company .social a:first-child, #portfolio div.portfolio-company .social a:last-child {
          bottom: -5px; }
        #portfolio div.portfolio-company .social a.website:before, #portfolio div.portfolio-company .social a.twitter:before, #portfolio div.portfolio-company .social a.linkedin:before {
          line-height: 30px; }
      #portfolio div.portfolio-company .back h2 {
        font-size: 22px;
        margin: 30px auto 10px;
        padding: 0 15px; }
      #portfolio div.portfolio-company .back .case-study, #portfolio div.portfolio-company .back .visit-website {
        font-size: 12px;
        padding: 0.2em 0.6em; }
    #portfolio section.opening h1 {
      font-size: 3em; }
      #portfolio section.opening p.intro {
        padding-top: 6.4em;
        font-size: 1.3em; }
    #case_study_detail .team {
      font-size: 0.8em; }
      #case_study_detail .company-video .content {
        padding: 0 11.2em; }
      #case_study_detail .company-video .content h2 {
        font-size: 1.75em; }
      #case_study_detail .company-video .content h3 {
        font-size: 1.25em; }
      #case_study_detail .partnership .content {
        padding: 3em 11.2em 5em; }
      #case_study_detail .partnership .content .justified-right {
        margin-right: -5.6em;
        width: 45%; }
      #case_study_detail .partnership .content .justified-left {
        margin-left: -5.6em;
        width: 45%; }
      #case_study_detail .partnership .attributes {
        position: relative;
        padding-left: 11.2em;
        padding-right: 11.2em; }
      #case_study_detail .partnership .attributes:before, #case_study_detail .partnership .attributes:after {
        content: '';
        display: table; }
      #case_study_detail .partnership .attributes:after {
        clear: both; }
      #case_study_detail .stats > div {
        font-size: 0.9em; }
    #team .opening h1 {
      font-size: 2.7em; }
      #team .opening .intro {
        font-size: 1.1em;
        margin-bottom: 9.2em; }
      #team .team-members li {
        margin-bottom: 0; }
      #team .team-members li a.member-photo h2 {
        font-size: 2em; }
      #team .team-members li h3 {
        font-size: 1em; }
    #team_bio .bio .description {
      width: 66%; }
    #approach section.opening h1 {
      padding: 0; }
      #approach .different h2 {
        font-size: 3.5em; }
      #approach .intro-aside p {
        padding: 7em 3em; }
      #approach .look-for .columns {
        display: block;
        width: 100%;
        margin: 0 0 4em; }
      #approach .look-for .columns > * {
        display: block;
        width: 100%; }
      #approach .look-for .columns > hr {
        display: none; }
      #approach .look-for .columns.fluid .fixed-cell {
        width: 100%;
        white-space: normal; }
      #approach .look-for .columns > div {
        padding: 0 2em;
        overflow: hidden; }
        #approach .look-for .columns > div.header {
          padding: 8em 2em 1em; }
        #approach .look-for .columns > div.people-markets {
          padding-top: 3em; }
      #approach .look-for .bottomline > div.content {
        width: auto; }
      #approach .partner-benefit .heading h4 {
        font-size: 1.8em; }
      #approach .partner-benefit .quotes .blockquote {
        font-size: 1em; }
    #about .intro-name-logo .williams-liam {
      display: block;
      width: 100%; }
      #about .intro-name-logo .williams-liam > * {
        display: block;
        width: 100%; }
      #about .intro-name-logo .williams-liam > hr {
        display: none; }
      #about .intro-name-logo .williams-liam.fluid .fixed-cell {
        width: 100%;
        white-space: normal; }
      #about .intro-name-logo .williams-liam .content {
        width: 100%;
        padding: 4em 4em 7em; }
        #about .intro-name-logo .williams-liam .content h2 strong {
          display: inline; }
      #about .intro-name-logo .maria-content {
        padding: 4em; }
      #about .intro-name-logo .maria-content p {
        font-size: 1.3em; }
      #about .intro-name-logo .graphic-quote {
        padding: 4em 4em 4em 20em; }
      #about .intro-name-logo .graphic-quote .card {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        left: -4em;
        top: -9em; }
      #about .intro-name-logo .logo .logo-graphic {
        position: relative; }
      #about .intro-name-logo .logo .logo-graphic .pullquote {
        font-size: 1.3em; }
      #about .intro-name-logo .logo .logo-graphic .bat {
        float: none;
        position: absolute;
        top: 4em;
        right: 0; }
      #about .team-overview .team-header {
        background-attachment: scroll; }
      #about .team-overview .content .pair {
        padding: 0 1.5em; }
      #about .team-overview .content .pair:nth-child(even) .image {
        box-shadow: 10px -10px 0 #1164a9; }
      #about .history {
        padding: 6em 4em 12em; }
      #about .history .columns {
        display: block;
        width: 100%; }
      #about .history .columns > * {
        display: block;
        width: 100%; }
      #about .history .columns > hr {
        display: none; }
      #about .history .columns.fluid .fixed-cell {
        width: 100%;
        white-space: normal; }
      #about .history .columns .prosper {
        padding-right: 55%; } }

@media only screen and (max-width: 900px) {
  #responsive-tester {
    background-color: #003470; }
    #query-tracker span {
      display: none !important; }
      #query-tracker span.mq-blue {
        display: block !important; }
    body {
      font-size: 1.8vw; }
    #header {
      font-size: 0.8em; }
    .branding {
      padding: 2em; }
      .branding svg {
        width: 15em; }
    #home .opening .hero-slider > .slide .caption, #home .card .hero-slider > .slide .caption {
      bottom: 43%; }
    #home .opening .hero-slider {
      height: 80vh;
      min-height: 65vh; }
      #home .opening .about-companies .about-406 h2 {
        margin-bottom: 0.5em;
        font-size: 2.5em; }
        #home .opening .about-companies .about-406 .content {
          -webkit-transform: translate(0, -60%);
          -ms-transform: translate(0, -60%);
          transform: translate(0, -60%); }
      #home .opening .about-companies .company-slider .logo-slider {
        width: 10em;
        height: 10em;
        line-height: 10em; }
      #home .opening .about-companies .company-slider .details {
        padding-top: 6em; }
        #home .opening .about-companies .company-slider .details .content h3 {
          font-size: 1.3em; }
      #home .opening .about-companies .company-slider .content-slider ul.slick-dots {
        margin-bottom: 0; }
      #home .how-we-think .responsive-columns {
        display: block;
        width: 100%; }
        #home .how-we-think .responsive-columns > * {
          display: block;
          width: 100%; }
        #home .how-we-think .responsive-columns > hr {
          display: none; }
        #home .how-we-think .responsive-columns.fluid .fixed-cell {
          width: 100%;
          white-space: normal; }
      #home .how-we-think .cta .position {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
        padding-top: 4em;
        padding-bottom: 4em; }
        #home .how-we-think .cta .position a p {
          font-size: 1.1em; }
      #home .portfolio .navigation {
        font-size: 0.6em; }
      #home .get-in-touch.card {
        min-height: 0; }
      #home .get-in-touch .photo {
        display: none; }
      #home .get-in-touch .content, #home .get-in-touch .location {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: auto; }
      #home .get-in-touch .location:before {
        content: '';
        display: block;
        padding-bottom: 75%; }
      #home .get-in-touch .content {
        padding-bottom: 10em; }
        #home .get-in-touch .content p.copyright {
          position: relative;
          top: auto;
          right: auto;
          bottom: auto;
          left: auto; }
    #portfolio div.portfolio-company .social a {
      bottom: -3px; }
      #portfolio div.portfolio-company .social a:first-child, #portfolio div.portfolio-company .social a:last-child {
        bottom: 20px; }
      #portfolio div.portfolio-company .back h2 {
        font-size: 20px; }
    #portfolio section.opening h1 {
      font-size: 4em;
      text-align: left;
      float: none;
      padding: 0;
      width: auto; }
      #portfolio section.opening p.intro {
        padding-top: 4.75em;
        margin-bottom: 0;
        width: auto;
        float: none;
        padding: 0; }
    #team section.opening {
      padding: 0 2em 6em; }
      #team section.opening h1 {
        float: none;
        width: auto;
        margin: 0 0 1em; }
      #team section.opening .intro {
        position: relative;
        width: auto;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        margin: 0 0 1em;
        float: none; }
      #team .team-members li a.member-photo h2 {
        bottom: 0.2em; }
      #team .team-members li a.member-photo h2:after {
        opacity: 1; }
      #team .team-members li h3 {
        top: 0;
        opacity: 1; }
    #team_bio section.opening {
      padding-bottom: 4em; }
      #team_bio section.opening .bio-photo {
        width: 75%;
        margin-bottom: 4em; }
      #team_bio section.opening .name-title h1, #team_bio section.opening .name-title h2 {
        left: auto !important;
        right: auto !important;
        margin-bottom: 0.5em; }
        #team_bio section.opening .name-title h1:before, #team_bio section.opening .name-title h2:before, #team_bio section.opening .name-title h1:after, #team_bio section.opening .name-title h2:after {
          display: none; }
      #team_bio .bio {
        display: block;
        width: 100%; }
      #team_bio .bio > * {
        display: block;
        width: 100%; }
      #team_bio .bio > hr {
        display: none; }
      #team_bio .bio.fluid .fixed-cell {
        width: 100%;
        white-space: normal; }
      #team_bio .bio .description {
        padding: 3em 2.5em 5em;
        line-height: 1.5;
        width: 100%; }
      #team_bio .q-a-full {
        width: auto;
        position: relative; }
      #team_bio .q-a-full ul {
        margin: 0;
        padding-bottom: 3em; }
      #team_bio .q-a-full ul li:nth-child(odd) {
        float: left;
        clear: left;
        width: 45%; }
        #team_bio .q-a-full ul li:nth-child(even) {
          float: right;
          clear: right;
          width: 45%; }
      #team_bio section.companies {
        padding: 3em; }
      #team_bio section.companies ul li {
        width: 15%; }
    #case_study_detail section.opening {
      padding: 0 3em; }
      #case_study_detail h1 {
        font-size: 5em; }
      #case_study_detail .team {
        margin-right: -2em;
        font-size: 0.65em; }
      #case_study_detail .testimonial .blockquote .quote {
        font-size: 1.2em; }
      #case_study_detail .testimonial .blockquote .cite {
        margin-bottom: 2em; }
      #case_study_detail .testimonial .blockquote:before {
        width: 5em;
        left: -2.5em; }
      #case_study_detail .company-video .content {
        padding: 0 7.5em; }
      #case_study_detail .company-video .content h2 {
        font-size: 1.5em; }
      #case_study_detail .company-video .content h3 {
        font-size: 1em; }
      #case_study_detail .partnership .attributes {
        padding: 3em 7.5em 1em; }
      #case_study_detail .partnership .content {
        padding: 1em 7.5em; }
      #case_study_detail .partnership .content .justified-right {
        margin: 1em -3.5em 1.2em 2em; }
      #case_study_detail .partnership .content .justified-left {
        margin: 1em 2em 1.2em -3.5em; }
      #case_study_detail .photos {
        height: 26em; }
      #case_study_detail .stats {
        padding-bottom: 3em; }
      #case_study_detail .stats > div {
        margin-bottom: 4em; }
    #approach .get-different {
      display: block;
      width: 100%; }
      #approach .get-different > * {
        display: block;
        width: 100%; }
      #approach .get-different > hr {
        display: none; }
      #approach .get-different.fluid .fixed-cell {
        width: 100%;
        white-space: normal; }
      #approach .different h2 {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
        padding: 2.5em 1.2em; }
      #approach .intro-aside p {
        padding: 2em 3em;
        text-align: left;
        max-width: none; }
      #approach .look-for {
        padding: 2em; }
      #approach .different-vc {
        padding-top: 2em; }
      #approach .different-vc .columns {
        display: block;
        width: 100%;
        background: none !important; }
      #approach .different-vc .columns > * {
        display: block;
        width: 100%; }
      #approach .different-vc .columns > hr {
        display: none; }
      #approach .different-vc .columns.fluid .fixed-cell {
        width: 100%;
        white-space: normal; }
      #approach .different-vc .columns .content {
        padding: 0 1em; }
      #approach .different-vc .columns .graphic {
        display: none; }
      #approach .partner-benefit .columns {
        display: block;
        width: 100%; }
      #approach .partner-benefit .columns > * {
        display: block;
        width: 100%; }
      #approach .partner-benefit .columns > hr {
        display: none; }
      #approach .partner-benefit .columns.fluid .fixed-cell {
        width: 100%;
        white-space: normal; }
      #approach .partner-benefit .columns .quotes {
        padding-top: 5em; }
        #approach .partner-benefit .columns .quotes .quote {
          margin-bottom: 1.4em; }
      #approach .partner-benefit .columns .quotes ~ .quotes {
        padding-top: 0; }
      #approach .partner-benefit .heading {
        padding-bottom: 1em; }
      #approach .partner-benefit .quotes {
        padding: 1px 3em; }
      #approach .partner-benefit .quotes .blockquote {
        margin-bottom: 6em; }
    #news section.opening {
      padding-bottom: 2em; }
      #news section.opening h1 {
        font-size: 4em; }
    #about .team-overview .content .pair {
      margin-bottom: 6em;
      padding: 0 4em; }
      #about .team-overview .content .pair:nth-child(odd) p, #about .team-overview .content .pair:nth-child(even) p {
        width: 100%;
        float: none;
        padding-bottom: 4em; }
      #about .team-overview .content .pair:nth-child(odd) div.image, #about .team-overview .content .pair:nth-child(even) div.image {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 66.6%;
        margin-top: -3em;
        margin-left: 4em; }
        #about .team-overview .content .pair:nth-child(odd) div.image:after, #about .team-overview .content .pair:nth-child(even) div.image:after {
          content: '';
          display: block;
          padding-bottom: 75%; }
      #about .team-overview .content .pair:nth-child(even) div.image {
        float: right;
        margin-left: 0;
        margin-right: 4em; }
      #about .stat-cards > div > p {
        font-size: 3em; }
      #about .mission {
        height: auto; }
      #about .mission .position {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
        top: auto;
        left: auto;
        padding: 6em 3em; }
      #about .programs {
        padding: 4em 3em; }
      #about .programs .columns {
        display: block;
        width: 100%; }
      #about .programs .columns > * {
        display: block;
        width: 100%; }
      #about .programs .columns > hr {
        display: none; }
      #about .programs .columns.fluid .fixed-cell {
        width: 100%;
        white-space: normal; } }

@media only screen and (max-width: 700px) {
  #responsive-tester {
    background-color: #440e62; }
    #query-tracker span {
      display: none !important; }
      #query-tracker span.mq-purple {
        display: block !important; }
    body {
      font-size: 2.7vw; }
    #header {
      -webkit-transition: left 0.2s ease-out 0s;
      transition: left 0.2s ease-out 0s;
      left: 85%;
      font-size: 1em; }
    #header #primary-nav .home a strong {
      font-size: 1.2em;
      white-space: nowrap; }
    .menu-showing #header {
      left: 50%; }
    section.opening {
      padding: 0 2em 3em; }
    #home .branding {
      padding: 2em; }
    #home .opening .hero-slider {
      height: 60vh;
      min-height: 60vh; }
    #home .opening .hero-slider > .slide .caption, #home .card .hero-slider > .slide .caption {
      bottom: 1em;
      left: 0;
      right: 0;
      text-align: center;
      font-size: 0.8em; }
    #home .opening .about-companies .about-406 {
      height: auto;
      margin-top: 0;
      background-color: #f2d568; }
      #home .opening .about-companies .about-406 .content {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        padding: 2em 2em 6em;
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto; }
      #home .opening .about-companies .company-slider .details, #home .opening .about-companies .company-slider .photo-slider {
        float: none;
        width: 100%; }
      #home .opening .about-companies .company-slider .content-slider ul.slick-dots {
        margin-bottom: 1.5em; }
    #home .opening .about-companies .about-406 h2 {
      font-size: 2.3em; }
    #home .how-we-think .cta h2 {
      font-size: 3em; }
    #home .how-we-think .cta .position a p {
      font-size: 1.4em;
      padding: 0; }
    #home .how-we-think .cta .position p.button {
      font-size: 0.9em; }
    #home .get-in-touch .location .position a {
      font-size: 1.3em; }
    #home .portfolio {
      min-height: 0; }
      #home .portfolio .field, #home .portfolio nav {
        display: none; }
      #home .portfolio .mobile-only {
        display: block; }
    #portfolio section.opening h1 {
      font-size: 3.5em; }
      #portfolio .portfolio-container h3 {
        font-size: 1.7em; }
    #portfolio div.portfolio-company .social a {
      bottom: -3px; }
      #portfolio div.portfolio-company .social a:first-child, #portfolio div.portfolio-company .social a:last-child {
        bottom: 20px; }
      #portfolio div.portfolio-company .back h2 {
        font-size: 25px;
        margin: 35px auto 20px; }
      #portfolio div.portfolio-company .back .case-study, #portfolio div.portfolio-company .back .visit-website {
        font-size: 16px; }
    #case_study_detail h1 {
      line-height: 1; }
      #case_study_detail .testimonial.before-team {
        margin-bottom: 2em; }
      #case_study_detail .testimonial.before-team .portrait {
        display: none; }
      #case_study_detail .team {
        margin-top: 0;
        top: 0;
        margin-bottom: 3em; }
      #case_study_detail .team > div.partner-plus, #case_study_detail .team > div.company {
        display: none; }
      #case_study_detail .team > div.title {
        margin-right: -2em; }
      #case_study_detail .team > div.member {
        margin-left: -4em; }
      #case_study_detail .partnership .attributes, #case_study_detail .partnership .content {
        padding: 3em 3em 0; }
      #case_study_detail .partnership .content {
        padding: 3em 3em 6em; }
      #case_study_detail .partnership .content > p, #case_study_detail .partnership .content > ul, #case_study_detail .partnership .content > ol, #case_study_detail .partnership .content > blockquote {
        text-align: left; }
      #case_study_detail .partnership .content .justified-right, #case_study_detail .partnership .content .justified-left {
        margin: 1em 0 1.5em 0;
        width: 100%;
        float: none; }
      #case_study_detail .company-video:after {
        display: none; }
      #case_study_detail .company-video .responsive-video {
        display: none; }
      #case_study_detail .company-video .content {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
        top: auto;
        left: auto;
        padding: 5em 3em; }
      #case_study_detail .company-video .content h3:before, #case_study_detail .company-video .content h3:after {
        display: none; }
    #team .team-members {
      margin: -4em 0 0 0; }
      #team .team-members li {
        width: auto;
        display: block;
        margin: 0 2em 2em; }
      #team .team-members li a.member-photo h2 {
        font-size: 3.5em; }
    #team_bio section.opening .name-title h1 {
      font-size: 3em; }
      #team_bio section.opening .bio-photo {
        width: 60%;
        margin-bottom: 2em; }
      #team_bio section.companies {
        padding: 2em; }
      #team_bio section.companies ul li {
        width: 20%; }
    #approach section.opening h1 {
      font-size: 3em;
      padding: 0; }
      #approach .different h2 {
        font-size: 3em;
        padding: 2em 0.8em; }
      #approach .intro-aside p {
        font-size: 1.5em;
        padding: 2em 1.5em; }
      #approach .partner-benefit .header h2 {
        font-size: 3em; }
      #approach .partner-benefit .header h3 {
        font-size: 1.4em; }
    #documents .document-list, #news .document-list, #documents .news-list, #news .news-list {
      padding: 2em 2em 4em; }
      #documents .document-list > ul li h2, #news .document-list > ul li h2, #documents .news-list > ul li h2, #news .news-list > ul li h2, #documents .document-list > ul li p, #news .document-list > ul li p, #documents .news-list > ul li p, #news .news-list > ul li p {
        width: auto;
        float: none; }
      #documents .document-list > ul li h2, #news .document-list > ul li h2, #documents .news-list > ul li h2, #news .news-list > ul li h2 {
        padding-bottom: 0;
        padding-top: 0.5em; }
      #documents .document-list > ul li h3, #news .document-list > ul li h3, #documents .news-list > ul li h3, #news .news-list > ul li h3 {
        margin-bottom: 0; }
      #documents .document-list > ul li p, #news .document-list > ul li p, #documents .news-list > ul li p, #news .news-list > ul li p {
        padding-top: 1em;
        margin-bottom: 1em; }
      #documents .document-list > ul li span.button, #news .document-list > ul li span.button, #documents .news-list > ul li span.button, #news .news-list > ul li span.button {
        display: inline-block;
        font-size: 0.7em; }
    #news_item section.opening h1 {
      font-size: 3em; }
      #news_item section.opening h2 {
        font-size: 1.5em; }
      #news_item section.details {
        padding: 2em; }
      #news_item section.details .container {
        padding: 0; }
      #news_item section.details p {
        text-align: left; }
      #news_item .entry-content {
        font-size: 1em; }
      #news_item .entry-content img.justified_right, #news_item .entry-content img.justified_left {
        width: 100%;
        float: none;
        margin: 0 0 2em; }
    #about .intro-name-logo .williams-liam .content {
      padding: 2em 2em 15em; }
      #about .intro-name-logo .williams-liam .content h2 strong {
        display: block; }
      #about .intro-name-logo .logo {
        display: block;
        width: 100%; }
      #about .intro-name-logo .logo > * {
        display: block;
        width: 100%; }
      #about .intro-name-logo .logo > hr {
        display: none; }
      #about .intro-name-logo .logo.fluid .fixed-cell {
        width: 100%;
        white-space: normal; }
      #about .intro-name-logo .graphic-quote {
        padding: 8em 4em 4em; }
      #about .intro-name-logo .graphic-quote .card {
        top: -20em; }
      #about .history {
        padding: 4em 3em 25em;
        background-size: 120% auto; }
      #about .history .columns .prosper {
        padding-right: 0; }
    .pagination ul li.prev, .pagination ul li.next {
      display: block; }
    #login form .columns {
      display: block;
      width: 100%; }
      #login form .columns > * {
        display: block;
        width: 100%; }
      #login form .columns > hr {
        display: none; }
      #login form .columns.fluid .fixed-cell {
        width: 100%;
        white-space: normal; }
      #login form .submit {
        text-align: center; }
      #login form .submit button {
        display: block; }
    #lp_and_portfolio_company_login section.opening h1 {
      font-size: 4em; }
      #lp_and_portfolio_company_login .login-links h2 {
        font-size: 4em; }
      #lp_and_portfolio_company_login .login-links h2 a {
        color: #1164a9;
        font-weight: 500; }
        #lp_and_portfolio_company_login .login-links h2 a:after {
          content: '';
          display: block;
          width: 1em;
          height: 1em;
          background: url(/img/assets/arrow-aqua-right.png) no-repeat center center /contain;
          margin: 0.2em auto; }
        #lp_and_portfolio_company_login .login-links h2 a strong {
          display: none; }
      #lp_and_portfolio_company_login .login-links h2.company {
        font-size: 1.7em; } }

@media only screen and (max-width: 480px) {
  #responsive-tester {
    background-color: #000; }
    #query-tracker span {
      display: none !important; }
      #query-tracker span.mq-black {
        display: block !important; }
    body {
      font-size: 3.5vw; }
    #footer {
      padding: 2em; }
      #footer .button.portfolio a {
        font-size: 1.2em; }
    #case_study_detail .team > div.partner-plus, #case_study_detail .team > div.company {
      display: block; }
      #case_study_detail .team > div.company {
        margin-left: -1.1em;
        margin-bottom: 2em; }
      #case_study_detail .team > div.member {
        float: none;
        margin: 0 0 -1.5em -1.1em;
        clear: both; }
      #case_study_detail .team > div.member a .hover, #case_study_detail .team > div.member a:hover .hover {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
        opacity: 1;
        text-align: left;
        top: 50%;
        left: 85%;
        width: 145%;
        border-radius: 900px;
        padding: 1.5em 2em;
        font-size: 1.3em; }
    #team .team-members li a.member-photo h2 {
      font-size: 2em; }
    #team_bio section.opening .name-title h1 {
      font-size: 2.5em; }
      #team_bio section.opening .bio-photo {
        width: 80%; }
      #team_bio .bio .description p.button a {
        font-size: 0.9em; }
      #team_bio .bio .q-a-full ul li:nth-child(odd), #team_bio .bio .q-a-full ul li:nth-child(even) {
        float: none;
        width: 100%; }
      #team_bio section.companies ul li {
        width: 35%;
        margin: 0 5% 4em; }
    #approach .intro-aside p strong {
      display: inline; }
      #approach .different-vc .columns .content {
        padding: 0 1em 0 2em; }
      #approach .different-vc .content p {
        font-size: 1.2em;
        margin: 0 0 2em;
        padding: 1.35em 0 0 4em;
        position: relative; }
        #approach .different-vc .content p span {
          font-size: 2em;
          left: -0.4em; }
      #approach .look-for {
        padding: 0; }
      #approach .partner-benefit .header {
        padding: 10em 3em 0; }
        #approach .partner-benefit .header h2 {
          font-size: 2.3em;
          margin-bottom: 1em; }
        #approach .partner-benefit .header h3 {
          padding-bottom: 2em; }
    #news section.opening h1 span.no-wrap {
      white-space: normal; }
    #news_item section.opening h1 {
      font-size: 2em;
      font-weight: 500; }
    #about section.opening h1 {
      font-size: 4em; }
      #about .intro-name-logo .maria-content {
        padding: 3em 2em; }
      #about .intro-name-logo .williams-liam .content h2 {
        font-size: 3em; }
      #about .intro-name-logo .graphic-quote {
        padding: 10em 2em 2em; }
        #about .intro-name-logo .graphic-quote .card {
          width: 100%;
          left: -2em; }
      #about .intro-name-logo .logo .logo-graphic {
        padding: 4em 2em; }
      #about .team-overview .team-header {
        padding: 7em 0 9em;
        background-attachment: scroll;
        background-size: cover; }
      #about .team-overview .content .pair {
        padding: 0 2em; }
      #about .team-overview .content .pair p {
        padding: 1.5em 1.5em 4em;
        font-size: 1.4em; }
      #about .team-overview .content .pair:nth-child(odd) div.image, #about .team-overview .content .pair:nth-child(even) div.image {
        margin-left: 2em;
        margin-right: 2em;
        width: auto;
        float: none; }
      #about .stat-cards > div {
        height: auto; }
      #about .stat-cards > div > h2, #about .stat-cards > div > p {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
        left: auto;
        position: relative;
        top: auto;
        width: 100%;
        padding: 3em 0em;
        margin: 0; }
      #about .stat-cards > div > h2 {
        font-size: 4em; }
      #about .stat-cards > div > p {
        font-size: 2em;
        padding: 2em; } }

@media print {
  /* simulate a small screen for print styles. */
    * {
      background: transparent !important;
      box-shadow: none !important;
      text-shadow: none !important; }
    a, a:visited {
      text-decoration: underline; }
    pre, blockquote, tr, img, h1, h2, h3, h4, h5, h6 {
      page-break-inside: avoid; }
    thead {
      display: table-header-group; }
    p, h2, h3 {
      orphans: 3;
      widows: 3; }
    img {
      page-break-before: auto;
      page-break-after: auto;
      page-break-inside: avoid; }
    .print_only {
      display: block; } }