@import url("https://fonts.googleapis.com/css?family=Roboto:300i"); /* for quote */ .hero {
  background: url(/img/accent-3.png) no-repeat 64px 100%;
  background-size: 355px 282px;
  padding: 104px 0;
} .hero .container {
    text-align: center;
    max-width: 890px;
    margin-left: auto;
    margin-right: auto;
  } .hero .container:before {
    content: '';
    display: table;
  } .hero .container:after {
    content: '';
    display: table;
    clear: both;
  } .hero h1 {
    background: white;
    position: relative;
    padding: 8px 0;
    text-align: left;
  } .hero h1:after {
      content: "";
      position: absolute;
      width: calc(70vw - 128px);
      height: 100%;
      left: 10vw;
      top: -64px;
      padding: 64px;
      border: 8px solid #CDD3D8;
      z-index: -1;
      max-width: 750px;
    } .hero .intro {
    color: #6A6A6A;
    background: white;
    margin-left: calc(60% - 200px);
    max-width: 330px;
    padding: 0 8px;
    padding-top: 10px;
    margin-top: 50px;
    text-align: left;
    line-height: 24px;
  } @media (max-width: 480px) { .hero .intro {
      margin-left: 5px
  }
    } .hero .intro p {
      margin: 0;
    } .hero .text-link {
    display: table;
  } .hero .text-link:first-child {
      margin-top: 16px;
    } .hero .text-link.numbered {
      padding-left: 26px;
      text-indent: -26px;
    } .hero .text-link.numbered .numbering {
        color: #9B9B9B;
      } .customers .hero {
    padding-top: 168px;
    background: none;
  } .customers .mooseheads {
    display: block;
    width: 100%;
    overflow: hidden;
  } .customers .mooseheads .row-1 {
      background: url(/img/customers/logos-row-1.jpg) repeat 0 0;
      animation: carousel 120s linear infinite;
      width: calc(2666px * 2);
    } .customers .mooseheads .row-2 {
      background: url(/img/customers/logos-row-2.jpg) repeat 0 0;
      animation: carousel 120s linear infinite reverse;
      width: calc(3111px * 2);
    } .customers .mooseheads .row-3 {
      background: url(/img/customers/logos-row-3.jpg) repeat 0 0;
      animation: carousel 120s linear infinite;
      width: calc(3093px * 2);
    } .customers .mooseheads [class^="row"] {
      height: 46px;
      margin: 0 0 40px 0;
      background-size: auto 46px;
    } .customers .quote {
    text-align: center;
    margin: 0 auto calc(64px + 31px) auto;
    background: white;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);
    position: relative;
  } @media (max-width: 768px) { .customers .quote {
      margin: 0 auto calc(64px + 31px) auto
  }
    } .customers .quote:not(.no-link) {
      width: calc(99.9% * 2/3 - (30px - 30px * 2/3));
    } .customers .quote:not(.no-link):nth-child(1n) {
      float: left;
      margin-right: 30px;
      clear: none;
    } .customers .quote:not(.no-link):last-child {
      margin-right: 0;
    } .customers .quote:not(.no-link):nth-child(1n) {
      margin-right: 0;
      float: right;
    } .customers .quote:not(.no-link):nth-child(1n + 1) {
      clear: both;
    } .customers .quote:not(.no-link):nth-child(odd) {
        margin-left: 0 !important;
        margin-right: 30px !important;
      } .customers .quote:not(.no-link):nth-child(even) {
        margin-left: calc(99.9% * (-1/3 * -1) - (30px - 30px * (-1/3 * -1)) + 30px) !important;
      } .customers .quote:not(.no-link):before,
      .customers .quote:not(.no-link):after {
        content: "";
        position: absolute;
        z-index: -1;
      } .customers .quote:not(.no-link):first-child {
        margin-top: 104px;
      } .customers .quote:not(.no-link):nth-child(4n-2):before {
          width: 372px;
          height: 290px;
          background: url(/img/accent-5.png) no-repeat 0 0;
          background-size: 372px 290px;
          top: -213px;
          right: 105px;
        } .customers .quote:not(.no-link):nth-child(4n-2):after {
          width: 192px;
          height: 180px;
          background: url(/img/accent-2.png) no-repeat 0 0;
          background-size: 192px 180px;
          bottom: -2px;
          left: calc(-50% - 69px);
        } .customers .quote:not(.no-link):nth-child(4n-1):before {
          width: 192px;
          height: 180px;
          background: url(/img/accent-2-flipped.png) no-repeat 0 0;
          background-size: 192px 180px;
          top: calc(50% - (180px / 2));
          right: -50%;
        } .customers .quote:not(.no-link):nth-child(4n):before {
          width: 419px;
          height: 282px;
          background: url(/img/accent-6.png) no-repeat 0 0;
          background-size: 419px 282px;
          top: -104px;
          left: -194px;
        } .customers .quote:not(.no-link):nth-child(4n):after {
          width: 372px;
          height: 290px;
          background: url(/img/accent-5.png) no-repeat 0 0;
          background-size: 372px 290px;
          bottom: -145px;
          right: -184px;
        } @media (max-width: 768px) {
      .customers .quote:not(.no-link),
      .customers .quote:not(.no-link):nth-child(even),
      .customers .quote:not(.no-link):nth-child(odd) {
        width: auto;
        margin-left: 5px !important;
        margin-right: 5px !important;
      }

      .customers .quote::before,
      .customers .quote::after {
        display: none;
      }
    } .customers .quote.no-link {
      width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
      margin-bottom: 30px;
    } .customers .quote.no-link:nth-child(1n) {
      float: left;
      margin-right: 30px;
      clear: none;
    } .customers .quote.no-link:last-child {
      margin-right: 0;
    } .customers .quote.no-link:nth-child(2n) {
      margin-right: 0;
      float: right;
    } .customers .quote.no-link:nth-child(2n + 1) {
      clear: both;
    } .customers .quote blockquote {
      font-weight: 300;
      font-style: italic;
      color: #6A6A6A;
      font-size: 24px;
      line-height: 40px;
      letter-spacing: -0.2px;
      margin: 0 auto;
      padding: 40px 40px 59px 40px;
      box-sizing: border-box;
    } @media (max-width: 768px) { .customers .quote blockquote {
        font-size: 20px;
        padding: 24px 24px 59px 24px
    }
      } .customers .quote cite {
      display: block;
      width: 100%;
      margin-top: 29px;
    } .customers .quote cite img {
        height: 40px;
        width: auto;
        filter: grayscale(1);
        opacity: 0.8;
      } .customers .quote .btn-secondary {
      position: absolute;
      left: calc(50% - (216px / 2));
      margin-top: -31px;
    } .customers .bottom-cta:before {
    content: '';
    display: table;
  } .customers .bottom-cta:after {
    content: '';
    display: table;
    clear: both;
  }