@charset "UTF-8";
/* Breakpoints */
/* Media Queries */
/* Background Sizing for IE */
/* Placeholder Text for Inputs */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, .home .feature_overview .sdk_badge p, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* Global Styles */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent; }

@media (max-width: 1100px) {
  html {
    font-size: 87.5%; } }

@media (max-width: 650px) {
  html {
    font-size: 75%; } }

html, body {
  color: #000000;
  font-family: 'opensans', helvetica, arial, sans-serif;
  min-width: 100%;
  height: 100%; }
  @media (max-width: 650px) {
    html, body {
      -webkit-text-size-adjust: none; } }

ul, li {
  margin: 0;
  padding: 0; }

::selection {
  background-color: tint(#FF8300, 60); }

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

sup {
  vertical-align: super;
  font-size: 2rem; }

button {
  border: none;
  outline: none;
  cursor: pointer; }

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

.cf:after {
  clear: both; }

.divider_horiz {
  display: block;
  width: 100%;
  height: 0.125rem;
  background: #D5D654; }

.mac_alone {
  display: block;
  position: relative;
  margin-top: 3.75rem;
  width: 100%;
  height: auto;
  max-width: 88.8125rem;
  background: url(/images/macbook.png) no-repeat 0 0;
  background-size: 100%; }
  @media (max-width: 650px) {
    .mac_alone {
      background: none; } }
  .mac_alone span {
    display: block;
    margin: 0 auto;
    padding: 4.5% 7% 7%;
    width: 76.25%; }
    @media (max-width: 650px) {
      .mac_alone span {
        width: 100%; } }

.feature_loupes.first {
  padding: 0 1.25rem;
  margin-left: -2.1875rem; }

.feature_loupes.last {
  padding: 0 1.25rem;
  margin-right: -2.1875rem; }

@media (max-width: 1100px) {
  .feature_loupes.first, .feature_loupes.last {
    padding: 0;
    margin-left: 0;
    margin-right: 0; } }

.feature_loupes p {
  font-size: 1rem;
  margin: 1.875rem auto 0; }
  @media (max-width: 1100px) {
    .feature_loupes p {
      font-size: 1.25rem; } }

.feature_loupes .button, .feature_loupes .home .feature_overview .actions .secondary, .home .feature_overview .actions .feature_loupes .secondary {
  margin-top: 1.25rem; }

.feature_loupes.large .outerloupe {
  width: 21.25rem; }

.feature_loupes.large p {
  max-width: 70%; }
  @media (max-width: 650px) {
    .feature_loupes.large p {
      max-width: 100%; } }

.feature_loupes.large .button, .feature_loupes.large .home .feature_overview .actions .secondary, .home .feature_overview .actions .feature_loupes.large .secondary {
  margin-top: 1.875rem; }

.outerloupe {
  display: block;
  position: relative;
  margin: 0 auto 4.375rem;
  padding: 0.625rem;
  width: 16.25rem;
  max-width: 90%;
  border-radius: 100%;
  box-shadow: 0.625rem 0.625rem 3.125rem rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.1) inset; }

.loupe img {
  display: block;
  position: relative;
  margin: 0 auto;
  border-radius: 100%; }

.content.getstarted_cta .button, .content.getstarted_cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .content.getstarted_cta .secondary {
  margin: 6.25rem auto 0; }
  @media (max-width: 650px) {
    .content.getstarted_cta .button, .content.getstarted_cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .content.getstarted_cta .secondary {
      margin: 3.125rem auto 0; } }

/* Appmaker & SDKs Common Styles */
.sdks .circle, .appmaker .circle {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 3.125rem;
  background-color: #FF8300;
  /*fallback*/
  background: linear-gradient(to left, #ff9c33, #FF8300);
  margin: auto;
  position: relative;
  top: -16.5625rem; }
  @media (max-width: 1600px) {
    .sdks .circle, .appmaker .circle {
      top: -11.25rem; } }
  @media (max-width: 1100px) {
    .sdks .circle, .appmaker .circle {
      top: -9.75rem; } }
  @media (max-width: 650px) {
    .sdks .circle, .appmaker .circle {
      top: -7.5rem; } }

.sdks .number, .appmaker .number {
  display: block;
  font-size: 4rem;
  font-weight: 700;
  color: #fff;
  margin: auto;
  position: relative;
  top: 1rem;
  max-width: 3.25rem; }
  .sdks .number img, .appmaker .number img {
    width: 2.8125rem;
    height: 2.6875rem;
    transform: translate3d(0, 0, 0); }

/* Morph Button: Default Styles */
.morph-button {
  position: relative; }
  .morph-button > button {
    overflow: hidden; }
  .morph-button.open > button {
    pointer-events: none; }
  .morph-button.open .morph-content {
    pointer-events: auto; }

.morph-content {
  pointer-events: none; }

/* Common styles for overlay and modal type (fixed morph) */
.morph-button-fixed > button {
  z-index: 1000;
  transition: opacity 0.1s 0.5s !important; }

.morph-button-fixed.open > button {
  opacity: 0 !important;
  transition: opacity 0.1s; }

.morph-button-fixed.open .morph-content {
  opacity: 1; }
  .morph-button-fixed.open .morph-content > div {
    visibility: visible;
    height: auto;
    opacity: 1;
    transition: opacity 0.3s 0.5s; }

.morph-button-fixed.active .morph-content {
  z-index: 1900; }

.morph-button-fixed .morph-content {
  position: fixed;
  z-index: 900;
  opacity: 0;
  transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; }
  .morph-button-fixed .morph-content > div {
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s; }

/* Transitions for overlay button */
.morph-button-overlay .morph-content {
  transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; }

.morph-button-overlay.open .morph-content {
  transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; }

/* Morph Button Style: Overlay */
.morph-button-overlay .morph-content {
  overflow: hidden; }

/* Let's add some nice easing for all cases */
.morph-button .morph-content,
.morph-button.open .morph-content {
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

/* Helper classes */
.noscroll {
  overflow: hidden; }

.morph-button-overlay.scroll .morph-content {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

/** General Table Styles **/
#t1 {
  margin: 8rem 0;
  width: 100%;
  max-width: 1000px;
  color: #2e7cbe;
  background-color: #fff;
  border: 1px solid #DFE1E5;
  box-shadow: 0 1px 0 #DFE1E5; }
  @media (max-width: 1100px) {
    #t1 {
      margin: 1.375rem 0; } }
  @media (max-width: 650px) {
    #t1 h4 {
      font-size: 1rem; } }
  #t1 tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03); }
    #t1 tr.category {
      background-color: #f1f3f6;
      color: #646569;
      font-weight: bold;
      z-index: 10; }
    #t1 tr:hover td {
      background: #f1f3f6 !important; }
  #t1 th {
    height: 5rem;
    vertical-align: middle;
    box-shadow: -0.9375rem 0 0.9375rem -0.9375rem rgba(0, 0, 0, 0.35) inset; }
    #t1 th:first-child {
      box-shadow: -1px 0 rgba(0, 0, 0, 0.05) inset; }
  #t1 td, #t1 tr {
    height: 2.8125rem;
    vertical-align: middle; }
  #t1 td {
    width: 30%;
    box-shadow: -0.9375rem 0 0.9375rem -0.9375rem rgba(0, 0, 0, 0.35) inset; }
    #t1 td:first-child {
      width: 40%;
      text-align: right;
      padding-right: 1.875rem;
      box-shadow: -1px 0 rgba(0, 0, 0, 0.05) inset; }
      @media (max-width: 650px) {
        #t1 td:first-child {
          padding-right: 0.625rem; } }
    #t1 td img {
      transform: translate3d(0, 0, 0); }
      @media (max-width: 650px) {
        #t1 td img {
          max-width: 1rem; } }

/* Bottom CTA Background */
.bottom_cta {
  padding: 8.75rem 0;
  background-color: #FF8300;
  /*fallback */
  background-image: linear-gradient(to left, #ff9c33, #FF8300); }
  @media (max-width: 650px) {
    .bottom_cta {
      padding: 4.375rem 0; } }

/* TypeForm Styles */
.typeform-open #typeform-overlay {
  background: rgba(57, 75, 86, 0.9);
  opacity: 1 !important; }

#typeform-wrapper.popup {
  left: 50% !important;
  padding: 1rem;
  margin-left: -25%;
  width: 50% !important;
  background-color: #2e7cbe;
  border-radius: 0.9375rem !important;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2);
  box-sizing: border-box; }
  @media (max-width: 1100px) {
    #typeform-wrapper.popup {
      margin-left: -35%;
      width: 70% !important; } }
  @media (max-width: 650px) {
    #typeform-wrapper.popup {
      margin-left: -48%;
      width: 96% !important; } }
  #typeform-wrapper.popup.show {
    display: block;
    left: 50% !important;
    margin-left: -25%;
    width: 50% !important; }
    @media (max-width: 1100px) {
      #typeform-wrapper.popup.show {
        margin-left: -35%;
        width: 70% !important; } }
    @media (max-width: 650px) {
      #typeform-wrapper.popup.show {
        margin-left: -48%;
        width: 96% !important; } }
  #typeform-wrapper.popup img {
    top: 1.25rem !important;
    right: 1.25rem !important; }

/* Pager */
.pager.outlined a {
  border: 1px solid #EBEEF2; }
  .pager.outlined a:first-child {
    border-right: none; }
    @media (max-width: 650px) {
      .pager.outlined a:first-child {
        border-right: 1px solid #EBEEF2; } }
    @media (max-width: 650px) {
      .pager.outlined a:first-child h6, .pager.outlined a:first-child .home .feature_overview .sdk_badge p, .home .feature_overview .sdk_badge .pager.outlined a:first-child p, .pager.outlined a:first-child h5 {
        padding-right: 2.375rem; } }
  @media (max-width: 650px) {
    .pager.outlined a:last-child {
      margin-top: -1px; } }
  @media (max-width: 650px) {
    .pager.outlined a:last-child h6, .pager.outlined a:last-child .home .feature_overview .sdk_badge p, .home .feature_overview .sdk_badge .pager.outlined a:last-child p, .pager.outlined a:last-child h5 {
      padding-left: 2.375rem; } }

.pager.large a {
  height: 8.75rem;
  padding-top: 2.5rem; }

.pager.large h6, .pager.large .home .feature_overview .sdk_badge p, .home .feature_overview .sdk_badge .pager.large p {
  padding-bottom: .75rem; }

.pager.large .leftarrow {
  float: left;
  margin: 1.25rem 0 0 3rem; }

.pager.large .rightarrow {
  float: right;
  margin: 1.25rem 3rem 0 0; }

.pager a {
  height: 6.25rem;
  padding-top: 1.5rem; }

.pager h6, .pager .home .feature_overview .sdk_badge p, .home .feature_overview .sdk_badge .pager p {
  padding-bottom: .5rem; }

@media (max-width: 1100px) {
  .pager h5 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; } }

@media (max-width: 650px) {
  .pager h5 {
    max-width: 15.625rem; } }

.pager .leftarrow {
  float: left;
  margin: 1rem 0 0 1.25rem; }

.pager .rightarrow {
  float: right;
  margin: 1rem 1.25rem 0 0; }

.pager img {
  width: 50%; }

/* Turn off skrollr transitions for mobile */
@media (max-width: 1100px) {
  .motrans_off {
    transform: translate(0, 0) !important; } }

/* Remove animations */
.anim_off {
  animation: none 0 ease 0 1 normal none running !important; }

/* MORPH BUTTON OVERLAYS */
.morph-button-fixed,
.morph-button-fixed .morph-content {
  width: 10.65rem;
  height: 2.875rem; }

.morph-button {
  margin: 0 auto; }

.morph-button-overlay .morph-content {
  background-color: #fff; }

.morph-button-overlay.open .morph-content {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important; }

.morph-button-overlay .glowing_dot {
  position: absolute;
  top: 18rem;
  left: 18%; }

.morph-content .icon-close {
  display: block;
  padding: 0.625rem;
  position: fixed;
  top: 1.875rem;
  right: 1.875rem;
  width: 18px;
  /*don't scale with rems */
  height: 17px;
  /*don't scale with rems */
  background-color: #2e7cbe;
  /* IE9 & below */
  background-image: linear-gradient(to left, #10a2ff, #0077c3);
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  cursor: pointer;
  opacity: 1;
  z-index: 1000;
  transition: all 200ms ease;
  transform: translate3d(0, 0, 0); }

.morph-content .icon-close:active {
  opacity: 0.50;
  top: 2rem; }

.morph-content .feature_icon {
  margin-top: 3.75rem !important;
  text-align: center; }

.morph-content h2 {
  display: block;
  margin-top: 3.75rem;
  text-align: center; }

.morph-content .iphone_overview {
  display: block;
  margin-top: 5rem;
  padding: 7.4% 39.9% 34% 8%;
  background: url(/images/iphone_large.png) no-repeat 0 0;
  background-size: 80% auto; }
  @media (max-width: 650px) {
    .morph-content .iphone_overview {
      display: none; } }
  .morph-content .iphone_overview .ss {
    position: relative;
    top: 0;
    left: 0; }

.morph-content .overview_description {
  margin-top: 2rem;
  text-align: left; }

.morph-content .highlights {
  margin-bottom: 3.75rem;
  text-align: left; }
  .morph-content .highlights h4 {
    margin-top: 3.75rem; }
  .morph-content .highlights ul {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 1.875rem; }
    .morph-content .highlights ul li {
      display: block;
      margin-top: 1.25rem;
      line-height: 1.5;
      clear: both; }
      @media (max-width: 650px) {
        .morph-content .highlights ul li {
          font-size: 1.25rem; } }

@keyframes pulse {
  0% {
    transform: scale(0.05);
    opacity: 1; }
  30% {
    transform: scale(0.5);
    opacity: 1; }
  60% {
    transform: scale(1);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.glowing_dot {
  display: none;
  z-index: 1;
  position: relative;
  width: 6.25rem;
  height: 6.25rem;
  top: 17.5rem;
  left: 33.4%;
  transition: opacity 300ms ease; }
  @media (max-width: 1100px) {
    .glowing_dot {
      position: absolute; } }
  .glowing_dot.visible {
    display: block; }
  .glowing_dot .dot {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.625rem 0 0 -0.625rem;
    width: 0.75rem;
    height: 0.75rem;
    background-color: #157dfb;
    border: 0.25rem solid #fff;
    border-radius: 100%; }
  .glowing_dot .halo {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 6.25rem;
    height: 6.25rem;
    background-color: rgba(21, 125, 251, 0.3);
    border-radius: 100%;
    animation: pulse 2.5s linear 0s infinite; }

/* Foundation 5 Grid */
.row, .column, .columns {
  box-sizing: border-box; }

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

.left {
  float: left !important; }

.right {
  float: right !important; }

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

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

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

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

.row .row {
  width: auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none; }

.row .row:before, .row .row:after {
  content: " ";
  display: table; }

.row .row:after {
  clear: both; }

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none; }

.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table; }

.row .row.collapse:after {
  clear: both; }

.column,
.columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .small-1 {
    width: 8.33333%; }
  .small-2 {
    width: 16.66667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.33333%; }
  .small-5 {
    width: 41.66667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.33333%; }
  .small-8 {
    width: 66.66667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.33333%; }
  .small-11 {
    width: 91.66667%; }
  .small-12 {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0% !important; }
  .small-offset-1 {
    margin-left: 8.33333% !important; }
  .small-offset-2 {
    margin-left: 16.66667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.33333% !important; }
  .small-offset-5 {
    margin-left: 41.66667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.33333% !important; }
  .small-offset-8 {
    margin-left: 66.66667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.33333% !important; }
  .small-offset-11 {
    margin-left: 91.66667% !important; }
  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; } }

@media only screen and (min-width: 650px) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0% !important; }
  .medium-offset-1 {
    margin-left: 8.33333% !important; }
  .medium-offset-2 {
    margin-left: 16.66667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.33333% !important; }
  .medium-offset-5 {
    margin-left: 41.66667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.33333% !important; }
  .medium-offset-8 {
    margin-left: 66.66667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.33333% !important; }
  .medium-offset-11 {
    margin-left: 91.66667% !important; }
  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

@media only screen and (min-width: 1100px) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .large-1 {
    width: 8.33333%; }
  .large-2 {
    width: 16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.33333%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-11 {
    width: 91.66667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0% !important; }
  .large-offset-1 {
    margin-left: 8.33333% !important; }
  .large-offset-2 {
    margin-left: 16.66667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.33333% !important; }
  .large-offset-5 {
    margin-left: 41.66667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.33333% !important; }
  .large-offset-8 {
    margin-left: 66.66667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.33333% !important; }
  .large-offset-11 {
    margin-left: 91.66667% !important; }
  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

/* Buttons */
.button:before, .home .feature_overview .actions .secondary:before, .home .feature_overview .actions .secondary:active:before, .button:after, .home .feature_overview .actions .secondary:after, .home .feature_overview .actions .secondary:active:after {
  color: #fff; }

/* Button Styles */
.button, .home .feature_overview .actions .secondary, .home .feature_overview .actions .secondary:active {
  display: inline-block;
  position: relative;
  font-family: 'montserrat', helvetica, arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: .09rem;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 0.25rem; }
  @media (max-width: 650px) {
    .button, .home .feature_overview .actions .secondary, .home .feature_overview .actions .secondary:active {
      font-size: .9rem; } }

/* Blue */
.button.primary, .home .feature_overview .actions .primary.secondary {
  color: #fff;
  padding: 1rem 2rem 0.875rem;
  background-color: #2e7cbe;
  /* IE9 & below */
  background-image: linear-gradient(to left, #10a2ff, #0077c3);
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.3);
  transition: all 200ms ease; }

.no-touch .button.primary:hover, .no-touch .home .feature_overview .actions .primary.secondary:hover, .home .feature_overview .actions .no-touch .primary.secondary:hover {
  background-color: #296fa9;
  /* IE9 & below */
  background-image: linear-gradient(to left, #0096f6, #0067a9);
  opacity: 1; }

.button.primary:active, .home .feature_overview .actions .primary.secondary:active, .no-touch .button.primary:active, .no-touch .home .feature_overview .actions .primary.secondary:active, .home .feature_overview .actions .no-touch .primary.secondary:active {
  transform: translateY(0.125rem);
  background-color: #296fa9;
  /* IE9 & below */
  background-image: linear-gradient(to left, #0096f6, #0067a9);
  box-shadow: 0 0 0 transparent;
  opacity: 1; }

/* Outline */
.button.secondary, .home .feature_overview .actions .secondary, .home .feature_overview .actions .secondary:active {
  color: #2e7cbe;
  padding: 0.9375rem 1.45rem 0.8125rem;
  border: 1px solid #2e7cbe;
  background: transparent;
  box-shadow: 0 0 0 0 transparent;
  transition: all 200ms ease; }

.no-touch .button.secondary:hover, .no-touch .home .feature_overview .actions .secondary:hover, .home .feature_overview .actions .no-touch .secondary:hover {
  color: #1f5480;
  border: 1px solid #1f5480;
  background: rgba(255, 255, 255, 0.1);
  opacity: 1; }

.button.secondary:active, .home .feature_overview .actions .secondary:active, .no-touch .button.secondary:active, .no-touch .home .feature_overview .actions .secondary:active, .home .feature_overview .actions .no-touch .secondary:active {
  transform: translateY(0.125rem);
  color: #1f5480;
  border: 1px solid #1f5480;
  background: rgba(255, 255, 255, 0.1);
  opacity: 1; }

.button.secondary.white, .home .feature_overview .actions .secondary.white {
  color: #fff;
  border: 1px solid #fff; }

.no-touch .button.secondary.white:hover, .no-touch .home .feature_overview .actions .secondary.white:hover, .home .feature_overview .actions .no-touch .secondary.white:hover {
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.9); }

.button.secondary.white:active, .home .feature_overview .actions .secondary.white:active, .no-touch .button.secondary.white:active, .no-touch .home .feature_overview .actions .secondary.white:active, .home .feature_overview .actions .no-touch .secondary.white:active {
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.9); }

/* Small */
.small.button, .home .feature_overview .actions .secondary, .home .feature_overview .actions .secondary:active {
  padding: 0.75rem 1.25rem 0.625rem;
  font-size: 0.6875rem;
  line-height: 1rem;
  letter-spacing: .03rem; }
  @media (max-width: 650px) {
    .small.button, .home .feature_overview .actions .secondary, .home .feature_overview .actions .secondary:active {
      font-size: .9rem; } }

/* Large CTA */
.large.button, .home .feature_overview .actions .large.secondary {
  padding: 3rem 12rem;
  font-size: 2rem;
  border-width: .2rem !important; }
  @media (max-width: 1100px) {
    .large.button, .home .feature_overview .actions .large.secondary {
      padding: 2rem 6rem;
      font-size: 1.5rem; } }
  @media (max-width: 650px) {
    .large.button, .home .feature_overview .actions .large.secondary {
      padding: 1.5rem 4rem;
      font-size: 1.375rem; } }

/* Fonts */
@font-face {
  font-family: 'opensans';
  src: url("../fonts/OpenSans-Light.eot");
  src: local("☺"), url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light.woff") format("woff"), url("../fonts/OpenSans-Light.ttf") format("truetype"), url("../fonts/OpenSans-Light.svg#opensans") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'opensans';
  src: url("../fonts/OpenSans-Regular.eot");
  src: local("☺"), url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.svg#opensans") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'opensans';
  src: url("../fonts/OpenSans-Italic.eot");
  src: local("☺"), url("../fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic.woff") format("woff"), url("../fonts/OpenSans-Italic.ttf") format("truetype"), url("../fonts/OpenSans-Italic.svg#opensans") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'opensans';
  src: url("../fonts/OpenSans-Bold.eot");
  src: local("☺"), url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#opensans") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'opensans';
  src: url("../fonts/OpenSans-BoldItalic.eot");
  src: local("☺"), url("../fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic.woff") format("woff"), url("../fonts/OpenSans-BoldItalic.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic.svg#opensans") format("svg");
  font-weight: bold;
  font-style: italic; }

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

/* Typography */
h1 {
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.1rem;
  color: #2e7cbe; }
  @media (max-width: 650px) {
    h1 {
      font-size: 3rem; } }

h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.15;
  color: #2e7cbe; }
  h2.white {
    color: #fff; }

h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.15;
  color: #2e7cbe; }

h4 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2rem;
  color: #2e7cbe; }

h5 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2rem;
  color: #2e7cbe; }

h6, .home .feature_overview .sdk_badge p {
  font-family: 'montserrat', helvetica, arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2rem;
  letter-spacing: .05rem;
  text-transform: uppercase;
  color: #2e7cbe; }
  @media (max-width: 650px) {
    h6, .home .feature_overview .sdk_badge p {
      font-size: 1rem;
      line-height: 1.5rem; } }

h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, .home .feature_overview .sdk_badge p.white {
  color: #fff; }

h1.thin, h1 .thin, h2.thin, h2 .thin, h3.thin, h3 .thin {
  font-weight: 100; }

h4.thin, h4 .thin, h5.thin, h5 .thin, h6.thin, .home .feature_overview .sdk_badge p.thin, h6 .thin, .home .feature_overview .sdk_badge p .thin {
  font-weight: 400; }

p {
  line-height: 1.75rem;
  color: inherit;
  font-size: 1.125rem; }
  @media (max-width: 650px) {
    p {
      font-size: 1.25rem; } }
  p.white {
    color: #fff; }
  p.rule {
    padding-top: 1.875rem;
    text-align: left; }
    @media (max-width: 1100px) {
      p.rule {
        margin-top: 1.875rem; } }
    p.rule:before {
      display: block;
      position: relative;
      top: -1.875rem;
      left: 0;
      width: 32.5%;
      height: 1px;
      background-color: #C3C5C8;
      content: ''; }
      @media (max-width: 1100px) {
        p.rule:before {
          display: none; } }
  p strong {
    font-weight: bold; }

a {
  font-size: 1em;
  line-height: 1;
  color: #2e7cbe;
  text-decoration: none;
  transition: opacity 200ms ease; }

a:before, a:after {
  transition: opacity 200ms ease; }

p a {
  font-weight: bold; }

.lead {
  font-size: 1.35rem; }

mark {
  background-color: #ffdab3; }

blockquote {
  border: solid 0.0625rem #EBEEF2;
  border-left: 0.625rem solid #EBEEF2;
  color: #646569;
  line-height: 1.75rem;
  margin: .5rem 0.625rem;
  padding: 1.25rem; }

blockquote p {
  display: inline; }

ul.list {
  margin: 0.75em 0;
  padding: 0 1em;
  list-style-type: disc; }

ol.list {
  margin: 0.75em 0;
  padding: 0 1em;
  list-style-type: decimal; }

/* Header */
header {
  position: relative; }
  @media (max-width: 650px) {
    header.show_nav {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(to left, rgba(16, 162, 255, 0.95), rgba(0, 119, 195, 0.95));
      overflow: auto;
      z-index: 1000; } }
  header.show_nav .burger {
    top: -3.125rem;
    right: 1.875rem; }
    header.show_nav .burger .top {
      top: 0.6875rem;
      transform: rotate(45deg); }
    header.show_nav .burger .middle {
      opacity: 0; }
    header.show_nav .burger .bottom {
      top: -0.6875rem;
      transform: rotate(-45deg); }
  @media (max-width: 650px) {
    header.show_nav h1.logo {
      margin-top: 3.125rem;
      left: 0.9375rem; } }
  @media (max-width: 650px) {
    header.show_nav nav {
      display: block;
      position: relative;
      transform: translateX(0); } }
  header h1.logo {
    float: left;
    position: relative;
    transition: all 200ms ease; }
  header .button, header .home .feature_overview .actions .secondary, .home .feature_overview .actions header .secondary, header .home .feature_overview .actions .secondary:active, .home .feature_overview .actions header .secondary:active {
    float: right;
    margin-top: 1.625rem; }
    @media (max-width: 650px) {
      header .button, header .home .feature_overview .actions .secondary, .home .feature_overview .actions header .secondary, header .home .feature_overview .actions .secondary:active, .home .feature_overview .actions header .secondary:active {
        display: none; } }
  header .burger {
    display: none;
    transition: all 200ms ease; }
    @media (max-width: 650px) {
      header .burger {
        display: block;
        position: absolute;
        top: -3.375rem;
        right: 1rem;
        cursor: pointer; } }
    header .burger:active {
      opacity: 0.3; }
    header .burger .top, header .burger .middle, header .burger .bottom {
      display: block;
      position: relative;
      width: 2.25rem;
      height: 0.25rem;
      margin-bottom: 0.4375rem;
      background: #fff;
      transition: all 200ms ease; }
  header nav {
    float: right;
    margin-top: 2.25rem;
    font-family: 'montserrat', helvetica, arial, sans-serif; }
    @media (max-width: 650px) {
      header nav {
        display: none;
        position: absolute;
        float: none;
        margin-top: 3.75rem;
        transform: translateX(100rem);
        transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms; } }
    header nav > a {
      margin-right: 1.25rem;
      padding: 0.3125rem 0;
      font-size: 0.6875rem;
      text-transform: uppercase;
      letter-spacing: .05rem;
      color: #fff;
      transition: all 200ms ease; }
      @media (max-width: 1100px) {
        header nav > a {
          margin-right: 0.9375rem; } }
      @media (max-width: 650px) {
        header nav > a {
          display: block;
          margin: 0 auto;
          padding: 1.25rem 0;
          font-size: 2rem; } }
      header nav > a:active {
        opacity: 0.50; }
      header nav > a.current {
        border-bottom: 1px solid #fff; }
        @media (max-width: 650px) {
          header nav > a.current {
            border: none; } }
      header nav > a:last-child {
        display: none; }
        @media (max-width: 650px) {
          header nav > a:last-child {
            display: block; } }

.no-touch header nav > a:hover, .no-touch header nav > a:active {
  opacity: 0.50; }

.no-touch header .burger:hover {
  opacity: 0.7; }

footer {
  background-color: #2e7cbe;
  /*fallback*/
  background-image: linear-gradient(to left, #10a2ff, #0077c3);
  padding: 1.125rem 0;
  text-align: center; }
  footer .logo {
    float: left;
    position: relative;
    width: 8.875rem;
    height: 5.375rem; }
    @media (max-width: 650px) {
      footer .logo {
        float: none;
        display: block;
        margin: 0 auto; } }
  footer nav {
    float: right;
    margin-top: 2rem;
    text-align: right; }
    @media (max-width: 650px) {
      footer nav {
        float: none;
        display: inline-block;
        margin: 3.125rem auto 0;
        width: auto;
        text-align: center; } }
    footer nav a {
      float: left;
      position: relative;
      padding: 0 0.9375rem;
      color: #fff;
      transition: all 200ms ease; }
      footer nav a:active {
        opacity: 0.50; }
      footer nav a:first-of-type {
        padding-left: 0; }
      footer nav a:last-of-type {
        padding-right: 0; }
        footer nav a:last-of-type:after {
          display: none; }
      footer nav a:after {
        position: absolute;
        right: -0.1875rem;
        content: '|'; }

.no-touch footer nav a:hover, .no-touch footer nav a:active {
  opacity: 0.50; }

/* Layout */
.container {
  position: relative;
  width: 100%;
  /*    overflow-x: hidden;*/ }

.grid-item {
  background-color: blue;
  position: relative;
  margin: 0 auto;
  top: 160px; }

.main {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: visible; }

.content {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 62.5rem; }
  @media (max-width: 1100px) {
    .content {
      padding: 0 1.875rem; } }

section {
  position: relative;
  min-height: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center; }
  section.one {
    position: relative;
    padding-top: 3.125rem;
    z-index: 1; }
    @media (max-width: 1600px) {
      section.one {
        background-size: cover; } }
    section.one.no_text {
      height: 50rem; }
      @media (max-width: 1600px) {
        section.one.no_text {
          background-size: 100% auto;
          height: 37.5rem; } }
      @media (max-width: 1100px) {
        section.one.no_text {
          height: 25rem; } }
      @media (max-width: 650px) {
        section.one.no_text {
          height: 31.25rem;
          background-size: auto 31.25rem; } }
    section.one.xshort {
      height: 30rem; }
      @media (max-width: 1600px) {
        section.one.xshort {
          height: 42.1875rem; } }
      @media (max-width: 650px) {
        section.one.xshort {
          height: 31.25rem; } }
    section.one.short {
      height: 50rem; }
      @media (max-width: 1600px) {
        section.one.short {
          height: 42.1875rem; } }
      @media (max-width: 650px) {
        section.one.short {
          height: 31.25rem; } }
    section.one.medium {
      height: 59.375rem; }
      @media (max-width: 1600px) {
        section.one.medium {
          height: 53rem; } }
      @media (max-width: 1100px) {
        section.one.medium {
          height: 56rem; } }
      @media (max-width: 650px) {
        section.one.medium {
          height: 59.375rem; } }
    section.one.tall {
      height: 59.375rem; }
      @media (max-width: 650px) {
        section.one.tall {
          height: 52rem; } }
    @media (max-width: 650px) {
      section.one.show_nav {
        z-index: 10000; } }
    section.one h1.headline {
      position: relative;
      margin: 4.125rem auto 0; }
    section.one p {
      position: relative;
      margin: 2.5rem auto 0; }
    section.one .cta {
      position: relative;
      margin: 4.375rem auto 0; }
      @media (max-width: 650px) {
        section.one .cta {
          margin-top: 3.125rem; } }
      section.one .cta .button.primary, section.one .cta .home .feature_overview .actions .primary.secondary, .home .feature_overview .actions section.one .cta .primary.secondary {
        margin-right: 1.875rem; }
        @media (max-width: 650px) {
          section.one .cta .button.primary, section.one .cta .home .feature_overview .actions .primary.secondary, .home .feature_overview .actions section.one .cta .primary.secondary {
            margin-right: 0.625rem; } }
      @media (max-width: 650px) {
        section.one .cta .button, section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions section.one .cta .secondary {
          padding-left: 1.25rem;
          padding-right: 1.25rem; } }
  section.two {
    z-index: 2; }
  section.three {
    z-index: 3; }
  section.four {
    z-index: 4; }
  section.five {
    z-index: 5; }
  section.six {
    z-index: 6; }
  section.seven {
    z-index: 7; }
  section.eight {
    z-index: 8; }
  section.nine {
    z-index: 9; }
  section.ten {
    z-index: 10; }
  section.diag:before {
    display: block;
    position: absolute;
    top: -15.625rem;
    width: 120%;
    height: 31.25rem;
    content: '';
    transform: rotate(-9deg);
    z-index: -1; }
    @media (max-width: 1600px) {
      section.diag:before {
        top: -9.375rem; } }
    @media (max-width: 1100px) {
      section.diag:before {
        top: -7.5rem; } }
    @media (max-width: 650px) {
      section.diag:before {
        top: -5rem; } }
  section.diag.white, section.diag.white:before {
    background-color: #fff; }
  section.diag.gradient {
    background: #2e7cbe;
    /*fallback*/
    background-image: linear-gradient(to left, #10a2ff, #0077c3); }
    section.diag.gradient.gradient:before {
      background-image: linear-gradient(279deg, #2aacff, #0077c3); }
  section.fixed {
    background-attachment: fixed; }
    @media (max-width: 1100px) {
      section.fixed {
        background-attachment: initial; } }

.home section.one {
  background-image: url("/images/hero_home_bg_large.jpg"); }
  @media (max-width: 650px) {
    .home section.one {
      background-image: url("/images/hero_home_bg_small.jpg"); } }

@media (max-width: 650px) {
  .home section.two.diag:before {
    height: 18.75rem; } }

.home section.two .demo {
  margin-top: -20.625rem; }
  @media (max-width: 1100px) {
    .home section.two .demo {
      margin-top: -15.625rem; } }
  @media (max-width: 650px) {
    .home section.two .demo {
      margin-top: -11.25rem; } }
  @media (max-width: 1100px) {
    .home section.two .demo #canvas_output {
      display: none; } }
  .home section.two .demo #video, .home section.two .demo #buffer {
    display: none; }
  .home section.two .demo > img {
    display: block; }
    @media (max-width: 1100px) {
      .home section.two .demo > img {
        display: block; } }

.home section.two .beacon_bug {
  position: absolute;
  left: 0;
  bottom: -7rem; }
  .home section.two .beacon_bug > img {
    display: block;
    position: relative;
    left: 0.3125rem;
    margin: 0 auto;
    height: 18.125rem; }
    @media (max-width: 650px) {
      .home section.two .beacon_bug > img {
        height: 11.75rem; } }
  .home section.two .beacon_bug .callout {
    display: block;
    position: relative;
    top: -1.25rem;
    padding: 0.9375rem 3.125rem 0.9375rem 1.25rem;
    background-color: #2e7cbe;
    border-radius: 0.375rem;
    z-index: 100;
    transition: all 200ms;
    /*animation: beacon_callout 2.5s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0s infinite;*/
    /*Freaking out Chrome*/ }
    @media (max-width: 650px) {
      .home section.two .beacon_bug .callout {
        top: -0.625rem; } }
    .home section.two .beacon_bug .callout:active {
      background-color: #296fa9; }
      .home section.two .beacon_bug .callout:active:after {
        border-bottom: 0.625rem solid #296fa9; }
    .home section.two .beacon_bug .callout:after {
      position: absolute;
      top: -1.125rem;
      left: 50%;
      margin-left: -0.375rem;
      width: 0.0625rem;
      height: 0.0625rem;
      border-bottom: 0.625rem solid #2e7cbe;
      border-left: 0.625rem solid transparent;
      border-right: 0.625rem solid transparent;
      border-top: 0.625rem solid transparent;
      content: '';
      transition: all 200ms; }
    .home section.two .beacon_bug .callout p {
      position: relative;
      margin: 0 auto;
      color: #fff;
      line-height: 1.25; }
    .home section.two .beacon_bug .callout img {
      position: absolute;
      margin-top: -0.5625rem;
      top: 50%;
      right: 1.25rem;
      width: 0.5625rem;
      height: 1.125rem; }

.home section.two ul.brands {
  display: table;
  margin: 7.625rem 0;
  width: 100%; }
  @media (max-width: 1100px) {
    .home section.two ul.brands {
      margin: 2.5rem auto 0; } }
  @media (max-width: 650px) {
    .home section.two ul.brands {
      margin: 1.875rem auto; } }
  @media (max-width: 1100px) {
    .home section.two ul.brands.first {
      margin-top: 7.5rem; } }
  @media (max-width: 650px) {
    .home section.two ul.brands.first {
      margin-top: 8.125rem; } }
  .home section.two ul.brands.last {
    margin-top: 8.525rem; }
    @media (max-width: 1100px) {
      .home section.two ul.brands.last {
        margin: 2.5rem auto 5rem; } }
    @media (max-width: 650px) {
      .home section.two ul.brands.last {
        margin: 1.875rem auto 3.75rem; } }
  .home section.two ul.brands li {
    display: table-cell;
    padding: 0 0.9375rem;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: center; }
    @media (max-width: 1100px) {
      .home section.two ul.brands li {
        width: 33.3333%; } }
    .home section.two ul.brands li img {
      position: relative;
      margin: 0 auto; }
    .home section.two ul.brands li.mta img {
      width: 6.9375rem; }
    .home section.two ul.brands li.amnh img {
      width: 5.75rem;
      height: 2.9375rem; }
    .home section.two ul.brands li.bch img {
      width: 6.625rem;
      height: 4.625rem; }
    .home section.two ul.brands li.levis img {
      width: 4.6875rem;
      height: 3rem; }
    .home section.two ul.brands li.nfm img {
      width: 9.9375rem;
      height: 2.875rem; }
      @media (max-width: 650px) {
        .home section.two ul.brands li.nfm img {
          width: 100%;
          height: auto;
          max-width: 9.9375rem;
          max-height: 2.875rem; } }
    .home section.two ul.brands li.oia img {
      width: 11.375rem;
      height: 2.875rem; }
      @media (max-width: 650px) {
        .home section.two ul.brands li.oia img {
          width: 100%;
          height: auto;
          max-width: 11.375rem;
          max-height: 2.875rem; } }

.home section.three {
  background-image: url(/images/bg_navigation.jpg);
  background-position: right center;
  background-color: #f4f8fc;
  background-size: 68.8125rem 57.3125rem; }
  .home section.three.under {
    z-index: 6; }
  .home section.three .feature_overview {
    z-index: 30; }

.home section.four {
  background-color: #fff; }
  .home section.four .feature_overview {
    z-index: 30; }
  @media (max-width: 1100px) {
    .home section.four .large_halos {
      display: none; } }
  .home section.four .large_halos .front, .home section.four .large_halos .back {
    display: block;
    position: absolute;
    background: rgba(46, 124, 190, 0.1);
    border-radius: 100%; }
  .home section.four .large_halos .front {
    top: 7.125rem;
    right: -2.375rem;
    width: 25rem;
    height: 25rem; }
  .home section.four .large_halos .back {
    top: 4rem;
    right: -5.5rem;
    width: 31.25rem;
    height: 31.25rem; }

.home section.five {
  /*            background-image: url(/images/bg_zones.jpg); */
  background-position: right center;
  background-color: #f4f8fc;
  background-size: 68.8125rem 57.3125rem; }
  @media (max-width: 1600px) {
    .home section.five {
      background-position: 28rem center; } }
  @media (max-width: 1100px) {
    .home section.five {
      background-image: none; } }
  .home section.five .feature_overview {
    z-index: 30; }

.home section.six {
  background-color: #fff; }
  .home section.six .headline {
    text-align: left; }

.home section.seven {
  background-color: #2e7cbe;
  /*fallback */
  background-image: linear-gradient(to left, #10a2ff, #0077c3); }
  .home section.seven .feature_loupes {
    margin-top: 6.25rem; }

.home section.eight {
  background-color: #fff; }
  .home section.eight .testimonials {
    border: 1px solid #EBEEF2; }
    .home section.eight .testimonials > a {
      padding: 3.75rem 0 0;
      border-right: 1px solid #EBEEF2; }
      .home section.eight .testimonials > a:active > img, .home section.eight .testimonials > a:active p {
        transform: translateY(-0.625rem);
        opacity: 0.50; }
      .home section.eight .testimonials > a:active span {
        opacity: 1; }
      .home section.eight .testimonials > a:last-of-type {
        border-right: none; }
      @media (max-width: 1100px) {
        .home section.eight .testimonials > a:nth-of-type(even) {
          border-right: none; } }
      @media (max-width: 650px) {
        .home section.eight .testimonials > a:nth-of-type(odd) {
          border-right: none;
          border-bottom: 1px solid #EBEEF2; } }
      @media (max-width: 1100px) {
        .home section.eight .testimonials > a:nth-of-type(1), .home section.eight .testimonials > a:nth-of-type(2) {
          border-bottom: 1px solid #EBEEF2; } }
      .home section.eight .testimonials > a.large-3 {
        height: 15.625rem; }
      .home section.eight .testimonials > a > img, .home section.eight .testimonials > a p {
        max-width: 80%;
        margin: 0 auto;
        text-align: center;
        transition: all 400ms ease; }
      .home section.eight .testimonials > a > img {
        max-height: 1.25rem; }
      .home section.eight .testimonials > a p {
        position: absolute;
        top: 7.8125rem;
        left: 50%;
        margin-left: -40%;
        width: 80%;
        font-size: 0.875rem;
        color: #000000; }
        @media (max-width: 1100px) {
          .home section.eight .testimonials > a p {
            font-size: 1.25rem; } }
      .home section.eight .testimonials > a span {
        opacity: 0;
        position: absolute;
        bottom: 0.9375rem;
        right: 0.9375rem;
        width: 1.4375rem;
        height: 1.375rem;
        transition: all 400ms ease; }
        @media (max-width: 1100px) {
          .home section.eight .testimonials > a span {
            opacity: 1; } }
    .home section.eight .testimonials > div {
      border-right: none; }
      @media (max-width: 650px) {
        .home section.eight .testimonials > div {
          border-bottom: none !important; } }
      .home section.eight .testimonials > div .tab_content {
        display: block;
        position: relative;
        padding: 3.75rem 0;
        border-top: 1px solid #EBEEF2; }
        .home section.eight .testimonials > div .tab_content li {
          padding: 0 2.5rem; }
      .home section.eight .testimonials > div hr {
        display: block;
        margin: 1.875rem auto 0;
        width: 6.25rem;
        height: 1px;
        background-color: #EBEEF2;
        border: none; }
      .home section.eight .testimonials > div .source {
        position: relative;
        top: 0;
        left: 0;
        margin: 1.25rem auto 0;
        font-size: 0.875rem;
        text-align: center;
        color: #C3C5C8; }
        @media (max-width: 1100px) {
          .home section.eight .testimonials > div .source {
            font-size: 1.25rem; } }

.home section.three, .home section.four, .home section.five, .home section.six, .home section.seven, .home section.nine {
  padding: 8.75rem 0; }
  @media (max-width: 650px) {
    .home section.three, .home section.four, .home section.five, .home section.six, .home section.seven, .home section.nine {
      padding: 4.375rem 0; } }

.home section.three, .home section.four, .home section.five {
  z-index: auto; }

.home section.six, .home section.seven, .home section.eight, .home section.nine {
  z-index: 25; }

.home nav.filler {
  position: relative;
  height: 4.5rem;
  width: 100%;
  z-index: 100;
  transition: opacity 400ms ease; }
  @media (max-width: 1100px) {
    .home nav.filler {
      display: none; } }
  .home nav.filler.invisible {
    display: none; }
  .home nav.filler.transparent {
    opacity: 0; }

.home nav.features {
  position: relative;
  min-width: 100%;
  font-family: 'montserrat', helvetica, arial, sans-serif;
  background-color: #2e7cbe;
  /*fallback*/
  background-image: linear-gradient(to left, #10a2ff, #0077c3);
  z-index: 100;
  transition: opacity 400ms ease;
  transform: translate3d(0, 0, 0); }
  @media (max-width: 1100px) {
    .home nav.features {
      display: none; } }
  .home nav.features.sticky {
    position: fixed;
    top: 0; }
  .home nav.features.invisible {
    display: none; }
  .home nav.features.transparent {
    opacity: 0; }
  .home nav.features a {
    float: left;
    position: relative;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #fff;
    padding: 1.875rem 0;
    margin-right: 3.75rem;
    transition: all 200ms ease; }
    @media (max-width: 1100px) {
      .home nav.features a {
        margin-right: 1.25rem; } }
    .home nav.features a:active {
      opacity: 0.50; }
    .home nav.features a.current:before {
      display: block;
      position: absolute;
      bottom: 1.25rem;
      width: 100%;
      height: 1px;
      background-color: #fff;
      content: ''; }
    .home nav.features a.top_arrow {
      margin-right: 0; }
      .home nav.features a.top_arrow img {
        max-width: 1.125rem;
        max-height: 0.5625rem; }

.home .iphone_large {
  display: none;
  position: absolute;
  top: 6.25rem;
  right: -5rem;
  width: 62.5rem;
  height: 45.0625rem;
  background: url(/images/iphone_large.png) no-repeat top right;
  background-size: 25.8125rem auto;
  transform: translate3d(0, 0, 0); }
  @media (max-width: 1100px) {
    .home .iphone_large {
      display: block;
      top: 0;
      right: -2.5rem; } }
  @media (max-width: 650px) {
    .home .iphone_large {
      display: none; } }
  .home .iphone_large.sticky {
    position: fixed;
    top: 12.5rem;
    left: 50%;
    right: auto;
    margin-left: -26.25rem;
    z-index: 20; }
    @media (max-width: 1100px) {
      .home .iphone_large.sticky {
        position: absolute;
        top: 0;
        right: -2.5rem;
        left: auto;
        margin-left: 0; } }
  .home .iphone_large.invisible {
    z-index: 6; }
  .home .iphone_large > span {
    display: block;
    position: relative;
    top: 2.225rem;
    right: -39.3rem;
    width: 16.8375rem;
    height: auto; }
    .home .iphone_large > span .ss {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity 300ms ease; }
      @media (max-width: 1100px) {
        .home .iphone_large > span .ss.one {
          opacity: 1; } }
      .home .iphone_large > span .ss.visible {
        opacity: 1;
        /* Hide screenshots on first iPhone for mobile */ }
        @media (max-width: 1100px) {
          .home .iphone_large > span .ss.visible {
            opacity: 0; } }
        .home .iphone_large > span .ss.visible.one {
          opacity: 1; }
    .home .iphone_large > span .border {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      max-width: 100%; }
      .home .iphone_large > span .border img {
        position: relative;
        opacity: 0; }

.home #home_feature_navigation .iphone_large {
  display: block; }
  @media (max-width: 650px) {
    .home #home_feature_navigation .iphone_large {
      display: none; } }

.home .feature_icon {
  margin-top: 1.5625rem; }
  @media (max-width: 650px) {
    .home .feature_icon {
      margin-top: 0; } }
  @media (max-width: 650px) {
    .home .feature_icon img {
      max-width: 4.6875rem; } }

.home .feature_overview {
  position: relative;
  text-align: left;
  padding-right: 6.25rem; }
  @media (max-width: 1100px) {
    .home .feature_overview {
      padding-right: 3.75rem; } }
  @media (max-width: 650px) {
    .home .feature_overview {
      padding-right: 0;
      margin-top: 2.5rem; } }
  .home .feature_overview .sdk_badge img {
    float: left;
    margin-top: 0.25rem;
    width: 0.75rem;
    height: 0.5625rem; }
  .home .feature_overview .sdk_badge p {
    float: left;
    margin-left: 0.625rem;
    color: #9FD4C9; }
  .home .feature_overview h2 {
    clear: both; }
  .home .feature_overview > p {
    margin-top: 1.5625rem; }
  .home .feature_overview ul {
    margin-top: 2.5rem; }
    .home .feature_overview ul li {
      display: block;
      margin-top: 1.25rem;
      clear: both;
      overflow: auto; }
      .home .feature_overview ul li img {
        float: left;
        width: 3.125rem;
        height: 3.125rem;
        margin-right: 0.625rem; }
      .home .feature_overview ul li p {
        margin: 0.625rem 0 0 0; }
  .home .feature_overview .actions {
    text-align: left;
    margin-top: 3.75rem; }
    .home .feature_overview .actions .secondary, .home .feature_overview .actions .secondary:active {
      float: left;
      padding-left: 0;
      font-weight: bold;
      border: none; }
      @media (max-width: 1100px) {
        .home .feature_overview .actions .secondary, .home .feature_overview .actions .secondary:active {
          display: block;
          float: none;
          margin-top: 1.875rem; } }

.home .morph-button-fixed,
.home .morph-button-fixed .morph-content {
  width: 11.5rem;
  height: 2.375rem; }

.home .morph-button {
  float: left;
  margin-right: 1.75rem; }
  @media (max-width: 1100px) {
    .home .morph-button {
      display: inline-block;
      float: none; } }

.home .morph-button-overlay .morph-content {
  background-color: #2e7cbe;
  /*fallback*/
  background-image: linear-gradient(to left, #10a2ff, #0077c3); }
  .home .morph-button-overlay .morph-content h2, .home .morph-button-overlay .morph-content h4, .home .morph-button-overlay .morph-content p, .home .morph-button-overlay .morph-content ul {
    color: #fff; }
  .home .morph-button-overlay .morph-content ul {
    border-top: 1px solid #fff; }

.home .morph-content .icon-close {
  padding: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: 0 0 0 transparent; }

.no-touch .home .feature_overview .actions .secondary:hover, .no-touch .home .feature_overview .actions .secondary:active {
  border: none; }

.no-touch .home section.eight .testimonials > a:hover > img, .no-touch .home section.eight .testimonials > a:hover p, .no-touch .home section.eight .testimonials > a:active > img, .no-touch .home section.eight .testimonials > a:active p {
  transform: translateY(-0.625rem);
  opacity: 0.50; }

.no-touch .home section.eight .testimonials > a:hover span, .no-touch .home section.eight .testimonials > a:active span {
  opacity: 1; }

.no-touch .home .morph-content .icon-close:hover {
  opacity: 0.50; }

.no-touch .home .morph-content .icon-close:active {
  top: 2rem; }

.no-touch .home nav.features a:hover, .no-touch .home nav.features a:active {
  opacity: 0.50; }

.no-touch .home section.two .beacon_bug a.callout:hover, .no-touch .home section.two .beacon_bug a.callout:active {
  background-color: #296fa9; }
  .no-touch .home section.two .beacon_bug a.callout:hover:after, .no-touch .home section.two .beacon_bug a.callout:active:after {
    border-bottom: 0.625rem solid #296fa9; }

@keyframes beacon_callout {
  0% {
    transform: translateY(-0.3125rem); }
  50% {
    transform: translateY(0.3125rem); }
  100% {
    transform: translateY(-0.3125rem); } }

/* HOMEPAGE VID - IE10 & IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .home section.two .demo #canvas_output {
    display: block; }
  .home section.two .demo > img {
    display: block; } }

.appmaker .iphone, .appmaker .android {
  display: block;
  margin-top: 13.125rem;
  padding: 25% 11% 25% 11.5%;
  background: url(/images/iphone_small@2x.png) no-repeat center;
  background-size: contain; }
  @media (max-width: 650px) {
    .appmaker .iphone, .appmaker .android {
      margin-top: 2.375rem; } }
  .appmaker .iphone .ss, .appmaker .android .ss {
    position: relative;
    top: 0;
    left: 0; }

.appmaker .android {
  padding: 13% 8% 12% 9.5%;
  background: url(/images/android_small.png) no-repeat center;
  background-size: contain; }

.appmaker .mac {
  display: block;
  position: relative;
  width: 60rem;
  height: auto;
  background: url(/images/macbook.png) no-repeat 0 0;
  background-size: 100%; }
  @media (max-width: 650px) {
    .appmaker .mac {
      width: auto; } }
  .appmaker .mac span {
    display: block;
    margin: 0 auto;
    padding: 4.5% 12% 7%;
    width: 76.25%; }

.appmaker .feature_shots, .appmaker .feature_blurb {
  margin-top: 8.375rem; }
  @media (max-width: 1100px) {
    .appmaker .feature_shots, .appmaker .feature_blurb {
      margin-top: 4rem; } }
  @media (max-width: 650px) {
    .appmaker .feature_shots, .appmaker .feature_blurb {
      margin-top: 2rem; } }
  @media (max-width: 1100px) {
    .appmaker .feature_shots h2, .appmaker .feature_blurb h2 {
      margin-top: 8.375rem; } }
  @media (max-width: 650px) {
    .appmaker .feature_shots h2, .appmaker .feature_blurb h2 {
      margin-top: 4rem; } }

.appmaker .store_buttons {
  display: inline-block;
  margin: 0 auto;
  text-align: center; }
  @media (max-width: 1100px) {
    .appmaker .store_buttons {
      width: 60%; } }
  @media (max-width: 650px) {
    .appmaker .store_buttons {
      width: auto; } }
  .appmaker .store_buttons .storebutton {
    position: relative;
    float: left;
    width: 8.75rem;
    margin: 1.875rem 0.6875rem 0 0;
    transition: all 200ms;
    transform: translate3d(0, 0, 0); }
    @media (max-width: 1100px) {
      .appmaker .store_buttons .storebutton {
        float: none;
        display: block;
        width: 100%; } }
    @media (max-width: 650px) {
      .appmaker .store_buttons .storebutton {
        float: left;
        width: 8.75rem; } }
    .appmaker .store_buttons .storebutton:active {
      transform: translateY(0.125rem);
      opacity: 0.7; }

.appmaker section.one {
  background-image: url("/images/hero_appmaker_bg_large.jpg"); }
  @media (max-width: 650px) {
    .appmaker section.one {
      background-image: url("/images/hero_appmaker_bg_small.jpg"); } }
  @media (max-width: 650px) {
    .appmaker section.one .cta .button, .appmaker section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .appmaker section.one .cta .secondary {
      float: none;
      display: block;
      margin: 0 auto 2.5rem; } }

.appmaker section.two {
  padding: 0 0 27rem 0; }
  @media (max-width: 1600px) {
    .appmaker section.two {
      padding: 0 0 22.75rem 0; } }
  @media (max-width: 1100px) {
    .appmaker section.two {
      padding: 0 0 18.75rem 0; } }
  @media (max-width: 650px) {
    .appmaker section.two {
      padding: 0 0 18.75rem 0; } }
  .appmaker section.two .marg_top {
    margin-top: 4.375rem; }

.appmaker section.three .columns {
  text-align: left; }
  @media (max-width: 1100px) {
    .appmaker section.three .columns {
      text-align: center; } }

@media (max-width: 1100px) {
  .appmaker section.three h1 {
    margin-bottom: 8.375rem; } }

@media (max-width: 650px) {
  .appmaker section.three h1 {
    margin-bottom: 4rem; } }

.appmaker section.four .columns {
  text-align: right; }
  @media (max-width: 1100px) {
    .appmaker section.four .columns {
      text-align: center; } }

.appmaker section.five .columns {
  text-align: left; }
  @media (max-width: 1100px) {
    .appmaker section.five .columns {
      text-align: center; } }

.appmaker section.four, .appmaker section.five {
  padding-top: 10rem; }
  @media (max-width: 1100px) {
    .appmaker section.four, .appmaker section.five {
      padding-top: 1rem; } }
  @media (max-width: 650px) {
    .appmaker section.four, .appmaker section.five {
      padding-top: 0.25rem; } }

.appmaker section.three, .appmaker section.four, .appmaker section.five {
  padding-bottom: 30rem; }
  @media (max-width: 1600px) {
    .appmaker section.three, .appmaker section.four, .appmaker section.five {
      padding-bottom: 25rem; } }
  @media (max-width: 1100px) {
    .appmaker section.three, .appmaker section.four, .appmaker section.five {
      padding-bottom: 15.625rem; } }
  @media (max-width: 650px) {
    .appmaker section.three, .appmaker section.four, .appmaker section.five {
      padding-bottom: 13.75rem; } }
  .appmaker section.three p, .appmaker section.four p, .appmaker section.five p {
    margin-top: 1.875rem; }
  .appmaker section.three .button, .appmaker section.three .home .feature_overview .actions .secondary, .home .feature_overview .actions .appmaker section.three .secondary, .appmaker section.four .button, .appmaker section.four .home .feature_overview .actions .secondary, .home .feature_overview .actions .appmaker section.four .secondary, .appmaker section.five .button, .appmaker section.five .home .feature_overview .actions .secondary, .home .feature_overview .actions .appmaker section.five .secondary {
    margin-top: 1.25rem; }

.appmaker section.six {
  padding: 0 0 15rem 0; }
  @media (max-width: 1600px) {
    .appmaker section.six {
      padding: 0 0 13.75rem 0; } }
  @media (max-width: 1100px) {
    .appmaker section.six {
      padding: 0 0 18.75rem 0; } }
  @media (max-width: 650px) {
    .appmaker section.six {
      padding: 0 0 10.75rem 0; } }
  .appmaker section.six .columns {
    margin-top: 4.375rem; }

.appmaker section.seven {
  background-color: #f4f8fc;
  padding: 0 0 6.875rem 0; }
  .appmaker section.seven .circle {
    top: -3.25rem; }
    @media (max-width: 1100px) {
      .appmaker section.seven .circle {
        top: -3.375rem; } }
    @media (max-width: 650px) {
      .appmaker section.seven .circle {
        top: -3.25rem; } }
  .appmaker section.seven .columns {
    margin-top: 1.375rem; }
  .appmaker section.seven p {
    font-size: 1rem;
    margin-top: 1.875rem;
    text-align: left; }
    @media (max-width: 650px) {
      .appmaker section.seven p {
        font-size: 1.25rem; } }
  .appmaker section.seven .headline {
    text-align: left; }
  .appmaker section.seven #t1 tr th:nth-child(2) {
    background-color: #2e7cbe;
    box-shadow: 0 0 0 transparent; }
    .appmaker section.seven #t1 tr th:nth-child(2) h4 {
      color: #fff; }
  .appmaker section.seven #t1 tr td:nth-child(2) {
    background-color: #f7f9fa;
    box-shadow: 0 0 0 transparent; }
  .appmaker section.seven #t1 tr th:first-child, .appmaker section.seven #t1 tr td:first-child {
    box-shadow: -0.9375rem 0 0.9375rem -0.9375rem rgba(0, 0, 0, 0.35) inset; }
  .appmaker section.seven #t1 tr th:last-child, .appmaker section.seven #t1 tr td:last-child {
    box-shadow: 0.9375rem 0 0.9375rem -0.9375rem rgba(0, 0, 0, 0.35) inset; }
  .appmaker section.seven #t1 tr.category td:nth-child(2) {
    background: transparent; }

.no-touch .appmaker .store_buttons .storebutton:hover, .no-touch .appmaker .store_buttons .storebutton:active {
  opacity: 0.7; }

.no-touch .appmaker .store_buttons .storebutton:active {
  transform: translateY(0.125rem); }

.sdks section.one {
  background-image: url("/images/hero_sdk_bg_large.jpg"); }
  @media (max-width: 650px) {
    .sdks section.one {
      background-image: url("/images/hero_sdk_bg_small.jpg"); } }

@media (max-width: 650px) {
  .sdks section.one .cta .button, .sdks section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .sdks section.one .cta .secondary {
    float: none;
    display: block;
    margin: 0 auto 2.5rem; } }

.sdks section.two {
  padding: 0 0 10rem 0; }
  @media (max-width: 1600px) {
    .sdks section.two {
      padding: 0 0 10rem 0; } }
  @media (max-width: 1100px) {
    .sdks section.two {
      padding: 0 0 12.75rem 0; } }
  @media (max-width: 650px) {
    .sdks section.two {
      padding: 0 0 12.75rem 0; } }
  .sdks section.two .marg_top {
    margin-top: 4.375rem; }

.sdks section.three {
  background-color: #f4f8fc;
  padding: 8rem 0; }
  @media (max-width: 1100px) {
    .sdks section.three {
      padding: 7.75rem 0; } }
  @media (max-width: 650px) {
    .sdks section.three {
      padding: 13.75rem 0; } }
  .sdks section.three .headline {
    text-align: left; }
  .sdks section.three .button, .sdks section.three .home .feature_overview .actions .secondary, .home .feature_overview .actions .sdks section.three .secondary {
    margin-top: 1.25rem; }

.sdks section.four {
  padding: 0 0 15rem 0; }
  @media (max-width: 1600px) {
    .sdks section.four {
      padding: 0 0 15rem 0; } }
  @media (max-width: 1100px) {
    .sdks section.four {
      padding: 0 0 12.75rem 0; } }
  @media (max-width: 650px) {
    .sdks section.four {
      padding: 0 0 12.75rem 0; } }
  .sdks section.four .content {
    margin-top: 12.75rem; }
  .sdks section.four .columns {
    margin-top: 6.375rem; }
  .sdks section.four .icon {
    padding-bottom: 3rem;
    width: 20%;
    margin: 0 auto; }
  .sdks section.four p {
    font-size: 1rem;
    margin-top: 1.875rem; }
    @media (max-width: 650px) {
      .sdks section.four p {
        font-size: 1.25rem; } }
  .sdks section.four .button, .sdks section.four .home .feature_overview .actions .secondary, .home .feature_overview .actions .sdks section.four .secondary {
    margin-top: 1.25rem; }

.sdks section.seven {
  background-color: #f4f8fc;
  padding: 0 0 6.875rem 0; }
  .sdks section.seven .circle {
    top: -3.25rem; }
    @media (max-width: 1100px) {
      .sdks section.seven .circle {
        top: -3.375rem; } }
    @media (max-width: 650px) {
      .sdks section.seven .circle {
        top: -3.25rem; } }
  .sdks section.seven .columns {
    margin-top: 1.375rem; }
  .sdks section.seven p {
    font-size: 1rem;
    margin-top: 1.875rem;
    text-align: left; }
    @media (max-width: 650px) {
      .sdks section.seven p {
        font-size: 1.25rem; } }
  .sdks section.seven .headline {
    text-align: left; }
  .sdks section.seven #t1 tr th:last-child {
    background-color: #2e7cbe;
    box-shadow: 0 0 0 transparent; }
    .sdks section.seven #t1 tr th:last-child h4 {
      color: #fff; }
  .sdks section.seven #t1 tr td:last-child {
    background-color: #f7f9fa;
    box-shadow: 0 0 0 transparent; }
  .sdks section.seven #t1 tr.category td:last-child {
    background: transparent; }

.news section.one {
  background-image: url("/images/hero_news_bg_large.jpg"); }
  @media (max-width: 650px) {
    .news section.one {
      background-image: url("/images/hero_news_bg_small.jpg"); } }

@media (max-width: 1100px) {
  .news section.two .content {
    padding: 0 2.8125rem;
    border: none; } }

@media (max-width: 650px) {
  .news section.two .content {
    border: none; } }

.news section.two .news_table {
  display: table;
  margin-top: -20.625rem;
  margin-bottom: 29.375rem; }
  @media (max-width: 650px) {
    .news section.two .news_table {
      margin: 0; } }
  .news section.two .news_table .news_posts {
    display: table-cell;
    position: relative;
    top: 20.625rem;
    width: 66.666667%; }
    @media (max-width: 650px) {
      .news section.two .news_table .news_posts {
        display: block;
        top: 0;
        width: 100%; } }
  .news section.two .news_table .media_links {
    display: table-cell;
    position: relative;
    width: 33.333333%; }
    @media (max-width: 650px) {
      .news section.two .news_table .media_links {
        display: block;
        margin: 3.75rem 0;
        width: 100%;
        border: 1px solid #EBEEF2; } }

.news .post {
  padding: 5.625rem 1.875rem 1.875rem 0;
  background: #fff;
  border-bottom: 1px solid #EBEEF2; }
  @media (max-width: 650px) {
    .news .post {
      padding-right: 0; } }
  .news .post:first-of-type {
    padding-top: 0;
    margin-top: -5rem; }
    @media (max-width: 1600px) {
      .news .post:first-of-type {
        margin-top: 0;
        padding-top: 2.5rem; } }
  .news .post:last-of-type {
    border-bottom: none; }

.news .pagination {
  display: block;
  position: relative;
  right: 3px;
  width: 150%;
  padding: 1.25rem 0;
  margin: -1px auto 0;
  text-align: center;
  background-color: #fff;
  border: 1px solid #EBEEF2;
  box-shadow: 0 1px #EBEEF2;
  z-index: 10; }
  @media (max-width: 650px) {
    .news .pagination {
      width: 100%;
      border-right: 1px solid #EBEEF2;
      box-shadow: 0 0 0 transparent; } }
  .news .pagination em {
    font-weight: bold; }
  .news .pagination em, .news .pagination a {
    display: inline-block;
    padding: 0.625rem; }

.news .pager {
  position: relative;
  margin-top: -1px;
  width: 150%;
  background-color: #fff;
  box-shadow: 0 1px #EBEEF2;
  z-index: 10; }
  @media (max-width: 650px) {
    .news .pager {
      width: 100%;
      box-shadow: 0 0 0 transparent; } }

.post {
  text-align: left; }
  @media (max-width: 650px) {
    .post {
      border-right: none; } }
  .post ul {
    list-style: disc;
    margin: 3rem;
    color: #646569;
    line-height: 1.75rem; }
    @media (max-width: 650px) {
      .post ul {
        margin: 1.7rem; } }
    .post ul li {
      margin-bottom: 1.1em; }
  .post ol {
    list-style: decimal;
    margin: 3rem;
    color: #646569;
    line-height: 1.75rem; }
    @media (max-width: 650px) {
      .post ol {
        margin: 1.7rem; } }
    .post ol li {
      margin-bottom: 1.1em; }
  .post strong {
    font-weight: bold; }
  .post em {
    font-style: italic; }
  .post .post_info {
    display: block;
    margin-top: 0.625rem;
    font-size: 0.75rem;
    font-family: 'montserrat', helvetica, arial, sans-serif;
    text-transform: uppercase;
    color: #C3C5C8; }
    @media (max-width: 650px) {
      .post .post_info {
        font-size: 1rem; } }
  .post h5 {
    display: block;
    margin: 1.25rem 0;
    line-height: 1.25; }
    @media (max-width: 650px) {
      .post h5 {
        font-size: 1.5rem;
        line-height: 1.75rem; } }
  .post img {
    display: block;
    margin: 1.25rem auto;
    max-height: 31.25rem;
    text-align: center; }
  .post p {
    margin-bottom: 1.875rem;
    font-size: 1rem;
    overflow: auto; }
    @media (max-width: 650px) {
      .post p {
        font-size: 1.25rem; } }

.media_header {
  position: relative;
  width: 100%;
  height: 6.875rem;
  margin-left: -2px;
  padding: 2.5rem 0 3.125rem;
  background-color: #f7f9fa;
  border: 1px solid #EBEEF2;
  border-bottom: none;
  text-align: center; }
  @media (max-width: 650px) {
    .media_header {
      margin: 0;
      border: none; } }
  .media_header img {
    width: 3.1875rem;
    height: 3.1875rem; }
  .media_header h4 {
    margin-top: 1.875rem; }

.media_coverage {
  display: block;
  position: absolute;
  margin-left: -2px;
  width: 100%;
  height: calc(100% + 6.85rem);
  background-color: #f7f9fa;
  border: 1px solid #EBEEF2;
  border-top: none;
  text-align: left;
  overflow: auto; }
  @media (max-width: 650px) {
    .media_coverage {
      position: relative;
      margin: 0;
      height: 37.5rem;
      border: none;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; } }
  .media_coverage ul {
    margin-bottom: 7.5rem; }
    @media (max-width: 650px) {
      .media_coverage ul {
        margin-bottom: 0; } }
    .media_coverage ul li a {
      display: block;
      position: relative;
      overflow: auto;
      padding: 2.5rem 1.875rem;
      border-top: 1px solid #EBEEF2; }
      .media_coverage ul li a:active > div, .media_coverage ul li a:active p {
        transform: translateY(-0.625rem);
        opacity: 0.50; }
      .media_coverage ul li a:active span {
        opacity: 1; }
      .media_coverage ul li a p {
        font-size: 1rem;
        line-height: 1.2;
        transition: all 400ms ease; }
        @media (max-width: 650px) {
          .media_coverage ul li a p {
            font-size: 1.25rem; } }
      .media_coverage ul li a > div {
        float: left;
        margin-top: 1.875rem;
        font-size: 0.75rem;
        font-family: 'montserrat', helvetica, arial, sans-serif;
        text-transform: uppercase;
        color: #C3C5C8;
        transition: all 400ms ease; }
        @media (max-width: 650px) {
          .media_coverage ul li a > div {
            font-size: 1rem; } }
      .media_coverage ul li a span {
        position: absolute;
        right: 1.25rem;
        bottom: 1.25rem;
        width: 1.4375rem;
        height: 1.375rem;
        opacity: 0;
        transition: all 400ms ease; }
        @media (max-width: 1100px) {
          .media_coverage ul li a span {
            opacity: 1; } }

.no-touch .media_coverage ul li a:hover > div, .no-touch .media_coverage ul li a:hover p, .no-touch .media_coverage ul li a:active > div, .no-touch .media_coverage ul li a:active p {
  opacity: 0.50;
  transform: translateY(-0.625rem); }

.no-touch .media_coverage ul li a:hover span, .no-touch .media_coverage ul li a:active span {
  opacity: 1; }

html[data-useragent*='MSIE 10.0'] .media_coverage {
  height: 62.5rem; }
  @media (max-width: 650px) {
    html[data-useragent*='MSIE 10.0'] .media_coverage {
      height: 37.5rem; } }

.case_studies section.one {
  background-image: url("/images/hero_casestudies_bg_large.jpg"); }
  @media (max-width: 650px) {
    .case_studies section.one {
      background-image: url("/images/hero_casestudies_bg_small.jpg"); } }

@media (max-width: 650px) {
  .case_studies section.one .cta .button, .case_studies section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .case_studies section.one .cta .secondary {
    float: none;
    display: block;
    margin: 0 auto 2.5rem;
    max-width: 60%; } }

.case_studies section.two {
  padding: 0 0 10rem 0; }
  .case_studies section.two .button, .case_studies section.two .home .feature_overview .actions .secondary, .home .feature_overview .actions .case_studies section.two .secondary {
    margin: 10px; }
  .case_studies section.two p {
    font-size: 1rem;
    margin-top: 1.875rem; }
    @media (max-width: 650px) {
      .case_studies section.two p {
        font-size: 1.25rem; } }
  .case_studies section.two .row {
    text-align: center;
    margin-top: 2rem; }
  .case_studies section.two li {
    display: inline-block;
    padding: 0.75rem; }

.case_studies section.three {
  background-color: #f4f8fc;
  padding: 10rem 0 10rem 0; }
  .case_studies section.three .button, .case_studies section.three .home .feature_overview .actions .secondary, .home .feature_overview .actions .case_studies section.three .secondary {
    margin: 10px; }
  .case_studies section.three p {
    font-size: 1rem;
    margin-top: 1.875rem; }
    @media (max-width: 650px) {
      .case_studies section.three p {
        font-size: 1.25rem; } }
  .case_studies section.three .row {
    text-align: center;
    margin-top: 2rem; }
  .case_studies section.three li {
    display: inline-block;
    padding: 0.75rem; }

.case_studies section.four {
  padding: 10rem 0 10rem 0; }
  .case_studies section.four .button, .case_studies section.four .home .feature_overview .actions .secondary, .home .feature_overview .actions .case_studies section.four .secondary {
    margin: 10px; }
  .case_studies section.four p {
    font-size: 1rem;
    margin-top: 1.875rem; }
    @media (max-width: 650px) {
      .case_studies section.four p {
        font-size: 1.25rem; } }
  .case_studies section.four .row {
    text-align: center;
    margin-top: 2rem; }
  .case_studies section.four li {
    display: inline-block;
    padding: 0.75rem; }

.case_studies section.five {
  background-color: #f4f8fc;
  padding: 10rem 0 10rem 0; }
  .case_studies section.five p {
    font-size: 1rem;
    margin-top: 1.875rem; }
    @media (max-width: 650px) {
      .case_studies section.five p {
        font-size: 1.25rem; } }
  .case_studies section.five .row {
    text-align: center;
    margin-top: 2rem; }
  .case_studies section.five li {
    display: inline-block;
    padding: 0.75rem; }

.rio section.one {
  background-image: url("/images/rio_hero_bg_large.jpg"); }
  @media (max-width: 650px) {
    .rio section.one {
      background-image: url("/images/rio_hero_bg_large.jpg"); } }
  @media (max-width: 650px) {
    .rio section.one.no_text {
      background-size: cover; } }
  @media (max-width: 650px) {
    .rio section.one .cta .button, .rio section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .rio section.one .cta .secondary {
      float: none;
      display: block;
      margin: 0 auto 2.5rem;
      max-width: 60%; } }

.rio section.two {
  text-align: left; }
  .rio section.two.diag:before {
    display: block;
    position: absolute;
    top: -11rem;
    left: -3rem;
    width: 120%;
    height: 31.25rem;
    content: '';
    transform: rotate(9deg);
    z-index: -1; }
    @media (max-width: 1600px) {
      .rio section.two.diag:before {
        top: -9.375rem; } }
    @media (max-width: 1100px) {
      .rio section.two.diag:before {
        top: -7.5rem; } }
    @media (max-width: 650px) {
      .rio section.two.diag:before {
        top: -5rem; } }
  .rio section.two .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .rio section.two .content {
        top: -8rem; } }
  .rio section.two .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .rio section.two .headline {
        padding: 5rem 0 1rem 0; } }
  .rio section.two .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .rio section.two p {
    padding: 0 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .rio section.two p {
        font-size: 1.25rem; } }
  .rio section.two .iphone {
    position: absolute;
    display: block;
    height: 43.75rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -5rem;
    left: 8rem;
    overflow: auto;
    z-index: 10; }
    @media (max-width: 1100px) {
      .rio section.two .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .rio section.two .iphone span {
      display: block;
      margin: 2.1rem 0 0 2.4rem;
      height: auto;
      width: 64.95%; }
      @media (max-width: 1100px) {
        .rio section.two .iphone span {
          margin: 28% 13; } }
  .rio section.two .caption {
    width: 85%;
    margin-top: 5rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem; }
    @media (max-width: 650px) {
      .rio section.two .caption {
        font-size: 1rem; } }

.rio section.three {
  text-align: left;
  padding: 2rem 0 0 0; }
  .rio section.three .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .rio section.three .content {
        top: -8rem; } }
  .rio section.three .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .rio section.three .headline {
        padding: 5rem 0 1rem 0; } }
  .rio section.three .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .rio section.three p {
    padding: 0rem 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .rio section.three p {
        font-size: 1.25rem; } }
  .rio section.three .quote {
    max-width: 21.875rem;
    font-style: italic;
    font-weight: thin;
    padding-top: 2rem; }
    @media (max-width: 650px) {
      .rio section.three .quote {
        display: none; } }
  .rio section.three .iphone {
    position: absolute;
    display: block;
    height: 41.875rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -1rem;
    left: 0rem;
    overflow: hidden;
    z-index: 10; }
    @media (max-width: 1100px) {
      .rio section.three .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .rio section.three .iphone span {
      display: block;
      margin: 6.5rem 0 0 3rem;
      height: auto;
      width: 60.25%; }
      @media (max-width: 1100px) {
        .rio section.three .iphone span {
          margin: 28% 13; } }
  .rio section.three .caption {
    width: 85%;
    margin-top: 7rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem;
    padding: 0 0 4rem 0; }
    @media (max-width: 650px) {
      .rio section.three .caption {
        font-size: 1rem; } }

.rio section.four .spread {
  background-image: url(/images/rio_hero_bg_large.jpg);
  background-position: top center;
  background-repeat: none;
  background-attachment: fixed;
  background-size: cover;
  padding: 15rem 0;
  margin-top: -3rem; }
  @media (max-width: 1100px) {
    .rio section.four .spread {
      margin-top: -3rem;
      background-attachment: initial; } }

@media (max-width: 650px) {
  .rio section.four h1 {
    margin: -10rem 0; } }

.cntower section.one {
  background-image: url("/images/cntower_bg_hero_large.jpg"); }
  @media (max-width: 650px) {
    .cntower section.one {
      background-image: url("/images/cntower_bg_hero_large.jpg"); } }
  @media (max-width: 650px) {
    .cntower section.one.no_text {
      background-size: cover; } }
  @media (max-width: 650px) {
    .cntower section.one .cta .button, .cntower section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .cntower section.one .cta .secondary {
      float: none;
      display: block;
      margin: 0 auto 2.5rem;
      max-width: 60%; } }

.cntower section.two {
  text-align: left; }
  .cntower section.two.diag:before {
    display: block;
    position: absolute;
    top: -11rem;
    left: -3rem;
    width: 120%;
    height: 31.25rem;
    content: '';
    transform: rotate(9deg);
    z-index: -1; }
    @media (max-width: 1600px) {
      .cntower section.two.diag:before {
        top: -9.375rem; } }
    @media (max-width: 1100px) {
      .cntower section.two.diag:before {
        top: -7.5rem; } }
    @media (max-width: 650px) {
      .cntower section.two.diag:before {
        top: -5rem; } }
  .cntower section.two .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .cntower section.two .content {
        top: -8rem; } }
  .cntower section.two .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .cntower section.two .headline {
        padding: 5rem 0 1rem 0; } }
  .cntower section.two .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .cntower section.two p {
    padding: 0 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .cntower section.two p {
        font-size: 1.25rem; } }
  .cntower section.two .iphone {
    position: absolute;
    display: block;
    height: 43.75rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -5rem;
    left: 8rem;
    overflow: auto;
    z-index: 10; }
    @media (max-width: 1100px) {
      .cntower section.two .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .cntower section.two .iphone span {
      display: block;
      margin: 2.1rem 0 0 2.4rem;
      height: auto;
      width: 64.95%; }
      @media (max-width: 1100px) {
        .cntower section.two .iphone span {
          margin: 28% 13; } }
  .cntower section.two .caption {
    width: 85%;
    margin-top: 5rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem; }
    @media (max-width: 650px) {
      .cntower section.two .caption {
        font-size: 1rem; } }

.cntower section.three {
  text-align: left;
  padding: 2rem 0 0 0; }
  .cntower section.three .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .cntower section.three .content {
        top: -8rem; } }
  .cntower section.three .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .cntower section.three .headline {
        padding: 5rem 0 1rem 0; } }
  .cntower section.three .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .cntower section.three p {
    padding: 0rem 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .cntower section.three p {
        font-size: 1.25rem; } }
  .cntower section.three .quote {
    max-width: 21.875rem;
    font-style: italic;
    font-weight: thin;
    padding-top: 2rem; }
    @media (max-width: 650px) {
      .cntower section.three .quote {
        display: none; } }
  .cntower section.three .iphone {
    position: absolute;
    display: block;
    height: 41.875rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -1rem;
    left: 0rem;
    overflow: hidden;
    z-index: 10; }
    @media (max-width: 1100px) {
      .cntower section.three .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .cntower section.three .iphone span {
      display: block;
      margin: 6.5rem 0 0 3rem;
      height: auto;
      width: 60.25%; }
      @media (max-width: 1100px) {
        .cntower section.three .iphone span {
          margin: 28% 13; } }
  .cntower section.three .caption {
    width: 85%;
    margin-top: 7rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem;
    padding: 0 0 4rem 0; }
    @media (max-width: 650px) {
      .cntower section.three .caption {
        font-size: 1rem; } }

.cntower section.four .spread {
  background-image: url(/images/cntower_bg_quote_large.jpg);
  background-position: top center;
  background-repeat: none;
  background-attachment: fixed;
  background-size: cover;
  padding: 15rem 0;
  margin-top: -3rem; }
  @media (max-width: 1100px) {
    .cntower section.four .spread {
      margin-top: -3rem;
      background-attachment: initial; } }

@media (max-width: 650px) {
  .cntower section.four h1 {
    margin: -10rem 0; } }

.amnh section.one {
  background-image: url("/images/amnh_hero_bg.jpg"); }
  @media (max-width: 650px) {
    .amnh section.one {
      background-image: url("/images/amnh_hero_bg.jpg"); } }
  @media (max-width: 650px) {
    .amnh section.one.no_text {
      background-size: cover; } }
  @media (max-width: 650px) {
    .amnh section.one .cta .button, .amnh section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .amnh section.one .cta .secondary {
      float: none;
      display: block;
      margin: 0 auto 2.5rem;
      max-width: 60%; } }

.amnh section.two {
  text-align: left; }
  .amnh section.two.diag:before {
    display: block;
    position: absolute;
    top: -11rem;
    left: -3rem;
    width: 120%;
    height: 31.25rem;
    content: '';
    transform: rotate(9deg);
    z-index: -1; }
    @media (max-width: 1600px) {
      .amnh section.two.diag:before {
        top: -9.375rem; } }
    @media (max-width: 1100px) {
      .amnh section.two.diag:before {
        top: -7.5rem; } }
    @media (max-width: 650px) {
      .amnh section.two.diag:before {
        top: -5rem; } }
  .amnh section.two .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .amnh section.two .content {
        top: -8rem; } }
  .amnh section.two .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .amnh section.two .headline {
        padding: 5rem 0 1rem 0; } }
  .amnh section.two .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .amnh section.two p {
    padding: 0 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .amnh section.two p {
        font-size: 1.25rem; } }
  .amnh section.two .iphone {
    position: absolute;
    display: block;
    height: 43.75rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -5rem;
    left: 8rem;
    overflow: auto;
    z-index: 10; }
    @media (max-width: 1100px) {
      .amnh section.two .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .amnh section.two .iphone span {
      display: block;
      margin: 2.1rem 0 0 2.4rem;
      height: auto;
      width: 64.95%; }
      @media (max-width: 1100px) {
        .amnh section.two .iphone span {
          margin: 28% 13; } }
  .amnh section.two .caption {
    width: 85%;
    margin-top: 5rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem; }
    @media (max-width: 650px) {
      .amnh section.two .caption {
        font-size: 1rem; } }

.amnh section.three {
  text-align: left;
  padding: 2rem 0 0 0; }
  .amnh section.three .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .amnh section.three .content {
        top: -8rem; } }
  .amnh section.three .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .amnh section.three .headline {
        padding: 5rem 0 1rem 0; } }
  .amnh section.three .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .amnh section.three p {
    padding: 0rem 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .amnh section.three p {
        font-size: 1.25rem; } }
  .amnh section.three .quote {
    max-width: 21.875rem;
    font-style: italic;
    font-weight: thin;
    padding-top: 2rem; }
    @media (max-width: 650px) {
      .amnh section.three .quote {
        display: none; } }
  .amnh section.three .iphone {
    position: absolute;
    display: block;
    height: 41.875rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -1rem;
    left: 0rem;
    overflow: hidden;
    z-index: 10; }
    @media (max-width: 1100px) {
      .amnh section.three .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .amnh section.three .iphone span {
      display: block;
      margin: 6.5rem 0 0 3rem;
      height: auto;
      width: 60.25%; }
      @media (max-width: 1100px) {
        .amnh section.three .iphone span {
          margin: 28% 13; } }
  .amnh section.three .caption {
    width: 85%;
    margin-top: 7rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem;
    padding: 0 0 4rem 0; }
    @media (max-width: 650px) {
      .amnh section.three .caption {
        font-size: 1rem; } }

.amnh section.four .spread {
  background-image: url(/images/amnh_hero_bg.jpg);
  background-position: top center;
  background-repeat: none;
  background-attachment: fixed;
  background-size: cover;
  padding: 15rem 0;
  margin-top: -3rem; }
  @media (max-width: 1100px) {
    .amnh section.four .spread {
      margin-top: -3rem;
      background-attachment: initial; } }

@media (max-width: 650px) {
  .amnh section.four h1 {
    margin: -10rem 0; } }

.levis section.one {
  background-image: url("/images/levis_hero_bg_large.jpg"); }
  @media (max-width: 650px) {
    .levis section.one {
      background-image: url("/images/levis_hero_bg_small.jpg"); } }
  @media (max-width: 650px) {
    .levis section.one.no_text {
      background-size: cover; } }
  @media (max-width: 650px) {
    .levis section.one .cta .button, .levis section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .levis section.one .cta .secondary {
      float: none;
      display: block;
      margin: 0 auto 2.5rem;
      max-width: 60%; } }

.levis section.two {
  text-align: left; }
  .levis section.two.diag:before {
    display: block;
    position: absolute;
    top: -11rem;
    left: -3rem;
    width: 120%;
    height: 31.25rem;
    content: '';
    transform: rotate(9deg);
    z-index: -1; }
    @media (max-width: 1600px) {
      .levis section.two.diag:before {
        top: -9.375rem; } }
    @media (max-width: 1100px) {
      .levis section.two.diag:before {
        top: -7.5rem; } }
    @media (max-width: 650px) {
      .levis section.two.diag:before {
        top: -5rem; } }
  .levis section.two .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .levis section.two .content {
        top: -8rem; } }
  .levis section.two .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .levis section.two .headline {
        padding: 5rem 0 1rem 0; } }
  .levis section.two .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .levis section.two p {
    padding: 0 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .levis section.two p {
        font-size: 1.25rem; } }
  .levis section.two .iphone {
    position: absolute;
    display: block;
    height: 43.75rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -5rem;
    left: 8rem;
    overflow: auto;
    z-index: 10; }
    @media (max-width: 1100px) {
      .levis section.two .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .levis section.two .iphone span {
      display: block;
      margin: 2.1rem 0 0 2.4rem;
      height: auto;
      width: 64.95%; }
      @media (max-width: 1100px) {
        .levis section.two .iphone span {
          margin: 28% 13; } }
  .levis section.two .caption {
    width: 85%;
    margin-top: 5rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem; }
    @media (max-width: 650px) {
      .levis section.two .caption {
        font-size: 1rem; } }

.levis section.three {
  text-align: left;
  padding: 2rem 0 0 0; }
  .levis section.three .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .levis section.three .content {
        top: -8rem; } }
  .levis section.three .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .levis section.three .headline {
        padding: 5rem 0 1rem 0; } }
  .levis section.three .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .levis section.three p {
    padding: 0rem 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .levis section.three p {
        font-size: 1.25rem; } }
  .levis section.three .quote {
    max-width: 21.875rem;
    font-style: italic;
    font-weight: thin;
    padding-top: 2rem; }
    @media (max-width: 650px) {
      .levis section.three .quote {
        display: none; } }
  .levis section.three .iphone {
    position: absolute;
    display: block;
    height: 41.875rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -1rem;
    left: 0rem;
    overflow: hidden;
    z-index: 10; }
    @media (max-width: 1100px) {
      .levis section.three .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .levis section.three .iphone span {
      display: block;
      margin: 6.5rem 0 0 3rem;
      height: auto;
      width: 60.25%; }
      @media (max-width: 1100px) {
        .levis section.three .iphone span {
          margin: 28% 13; } }
  .levis section.three .caption {
    width: 85%;
    margin-top: 7rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem;
    padding: 0 0 4rem 0; }
    @media (max-width: 650px) {
      .levis section.three .caption {
        font-size: 1rem; } }

.levis section.four .spread {
  background-image: url(/images/levis_quote_bg_large.jpg);
  background-position: top center;
  background-repeat: none;
  background-attachment: fixed;
  background-size: cover;
  padding: 15rem 0;
  margin-top: -3rem; }
  @media (max-width: 1100px) {
    .levis section.four .spread {
      margin-top: -3rem;
      background-attachment: initial; } }

@media (max-width: 650px) {
  .levis section.four h1 {
    margin: -10rem 0; } }

.login {
  display: none;
  background: rgba(57, 75, 86, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1000000000; }
  .login.show {
    display: block; }
  .login.in .login_wrapper {
    top: 0;
    opacity: 1; }
    @media (max-width: 650px) {
      .login.in .login_wrapper {
        top: 2%; } }
  .login .login_wrapper {
    display: block;
    position: absolute;
    top: 4rem;
    opacity: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 28.125rem;
    max-width: 28.125rem;
    height: 90%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1); }
    @media (max-width: 650px) {
      .login .login_wrapper {
        width: 100%;
        height: 98%; } }
  .login .login_modal {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 28.125rem;
    height: 34.375rem;
    background-color: #2e7cbe;
    /*fallback*/
    background-image: linear-gradient(to left, #10a2ff, #0077c3);
    border-radius: 0.9375rem;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2); }
    @media (max-width: 650px) {
      .login .login_modal {
        width: 96%; } }
  .login .login_close {
    padding: 1.25rem 1.25rem 0 0;
    float: right;
    width: 1.25rem;
    transition: all 200ms ease; }
    .login .login_close:active {
      opacity: 0.50;
      transform: translateY(0.125rem); }
  .login .login_logo {
    width: 65%;
    max-width: 17.875rem;
    margin: 0 auto;
    padding-top: 4rem; }
  .login .login_form {
    margin-top: 4rem; }
    .login .login_form label {
      display: none;
      margin: 0.625rem auto;
      width: 20.175rem;
      font-size: 16px;
      color: #fff; }
    .login .login_form input {
      width: 20.175rem;
      height: 2.5rem;
      border-radius: 0.25rem;
      margin: .5rem 0;
      font-size: 16px;
      color: #2e7cbe;
      outline: 0;
      border: none;
      padding-left: 0.85rem; }
  .login .login_button {
    margin-top: 5rem;
    width: 21rem;
    padding-left: 0;
    padding-right: 0; }
  .login .login_links {
    padding: 2rem 0; }
  .login .login_links a {
    color: #fff;
    margin: 0 0.625rem; }

.no-touch .login .login_close:hover {
  opacity: 0.50; }

.no-touch .login .login_close:active {
  opacity: 0.50;
  transform: translateY(0.125rem); }

.stanford section.one {
  background-image: url("/images/stanfordhealth_bg_hero.jpg"); }
  @media (max-width: 650px) {
    .stanford section.one {
      background-image: url("/images/stanfordhealth_bg_hero.jpg"); } }
  @media (max-width: 650px) {
    .stanford section.one.no_text {
      background-size: cover; } }
  @media (max-width: 650px) {
    .stanford section.one .cta .button, .stanford section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .stanford section.one .cta .secondary {
      float: none;
      display: block;
      margin: 0 auto 2.5rem;
      max-width: 60%; } }

.stanford section.two {
  text-align: left; }
  .stanford section.two.diag:before {
    display: block;
    position: absolute;
    top: -11rem;
    left: -3rem;
    width: 120%;
    height: 31.25rem;
    content: '';
    transform: rotate(9deg);
    z-index: -1; }
    @media (max-width: 1600px) {
      .stanford section.two.diag:before {
        top: -9.375rem; } }
    @media (max-width: 1100px) {
      .stanford section.two.diag:before {
        top: -7.5rem; } }
    @media (max-width: 650px) {
      .stanford section.two.diag:before {
        top: -5rem; } }
  .stanford section.two .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .stanford section.two .content {
        top: -8rem; } }
  .stanford section.two .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .stanford section.two .headline {
        padding: 5rem 0 1rem 0; } }
  .stanford section.two .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .stanford section.two p {
    padding: 0 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .stanford section.two p {
        font-size: 1.25rem; } }
  .stanford section.two .iphone {
    position: absolute;
    display: block;
    height: 43.75rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -5rem;
    left: 8rem;
    overflow: auto;
    z-index: 10; }
    @media (max-width: 1100px) {
      .stanford section.two .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .stanford section.two .iphone span {
      display: block;
      margin: 6.5rem 0 0 3rem;
      height: auto;
      width: 60.25%; }
      @media (max-width: 1100px) {
        .stanford section.two .iphone span {
          margin: 28% 13; } }
  .stanford section.two .caption {
    width: 85%;
    margin-top: 7rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem; }
    @media (max-width: 650px) {
      .stanford section.two .caption {
        font-size: 1rem; } }

.stanford section.three {
  text-align: left;
  padding: 2rem 0 0 0; }
  .stanford section.three .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .stanford section.three .content {
        top: -8rem; } }
  .stanford section.three .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .stanford section.three .headline {
        padding: 5rem 0 1rem 0; } }
  .stanford section.three .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .stanford section.three p {
    padding: 0rem 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .stanford section.three p {
        font-size: 1.25rem; } }
  .stanford section.three .quote {
    max-width: 21.875rem;
    font-style: italic;
    font-weight: thin;
    padding-top: 2rem; }
    @media (max-width: 650px) {
      .stanford section.three .quote {
        display: none; } }
  .stanford section.three .iphone {
    position: absolute;
    display: block;
    height: 41.875rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -1rem;
    left: 0rem;
    overflow: hidden;
    z-index: 10; }
    @media (max-width: 1100px) {
      .stanford section.three .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .stanford section.three .iphone span {
      display: block;
      margin: 6.5rem 0 0 3rem;
      height: auto;
      width: 60.25%; }
      @media (max-width: 1100px) {
        .stanford section.three .iphone span {
          margin: 28% 13; } }
  .stanford section.three .caption {
    width: 85%;
    margin-top: 7rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem;
    padding: 0 0 4rem 0; }
    @media (max-width: 650px) {
      .stanford section.three .caption {
        font-size: 1rem; } }

.stanford section.four .spread {
  background-image: url(/images/rio_hero_bg_large.jpg);
  background-position: top center;
  background-repeat: none;
  background-attachment: fixed;
  background-size: cover;
  padding: 15rem 0;
  margin-top: -3rem; }
  @media (max-width: 1100px) {
    .stanford section.four .spread {
      margin-top: -3rem;
      background-attachment: initial; } }

@media (max-width: 650px) {
  .stanford section.four h1 {
    margin: -10rem 0; } }

.discover section.one {
  background-image: url("/images/discover_bg_hero.jpg"); }
  @media (max-width: 650px) {
    .discover section.one {
      background-image: url("/images/discover_bg_hero.jpg"); } }
  @media (max-width: 650px) {
    .discover section.one.no_text {
      background-size: cover; } }
  @media (max-width: 650px) {
    .discover section.one .cta .button, .discover section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .discover section.one .cta .secondary {
      float: none;
      display: block;
      margin: 0 auto 2.5rem;
      max-width: 60%; } }

.discover section.two {
  text-align: left; }
  .discover section.two.diag:before {
    display: block;
    position: absolute;
    top: -11rem;
    left: -3rem;
    width: 120%;
    height: 31.25rem;
    content: '';
    transform: rotate(9deg);
    z-index: -1; }
    @media (max-width: 1600px) {
      .discover section.two.diag:before {
        top: -9.375rem; } }
    @media (max-width: 1100px) {
      .discover section.two.diag:before {
        top: -7.5rem; } }
    @media (max-width: 650px) {
      .discover section.two.diag:before {
        top: -5rem; } }
  .discover section.two .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .discover section.two .content {
        top: -8rem; } }
  .discover section.two .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .discover section.two .headline {
        padding: 5rem 0 1rem 0; } }
  .discover section.two .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .discover section.two p {
    padding: 0 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .discover section.two p {
        font-size: 1.25rem; } }
  .discover section.two .iphone {
    position: absolute;
    display: block;
    height: 43.75rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -5rem;
    left: 8rem;
    overflow: auto;
    z-index: 10; }
    @media (max-width: 1100px) {
      .discover section.two .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .discover section.two .iphone span {
      display: block;
      margin: 2.1rem 0 0 2.4rem;
      height: auto;
      width: 64.95%; }
      @media (max-width: 1100px) {
        .discover section.two .iphone span {
          margin: 28% 13; } }
  .discover section.two .caption {
    width: 85%;
    margin-top: 5rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem; }
    @media (max-width: 650px) {
      .discover section.two .caption {
        font-size: 1rem; } }

.discover section.three {
  text-align: left;
  padding: 2rem 0 0 0; }
  .discover section.three .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .discover section.three .content {
        top: -8rem; } }
  .discover section.three .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .discover section.three .headline {
        padding: 5rem 0 1rem 0; } }
  .discover section.three .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .discover section.three p {
    padding: 0rem 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .discover section.three p {
        font-size: 1.25rem; } }
  .discover section.three .quote {
    max-width: 21.875rem;
    font-style: italic;
    font-weight: thin;
    padding-top: 2rem; }
    @media (max-width: 650px) {
      .discover section.three .quote {
        display: none; } }
  .discover section.three .iphone {
    position: absolute;
    display: block;
    height: 41.875rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -1rem;
    left: 0rem;
    overflow: hidden;
    z-index: 10; }
    @media (max-width: 1100px) {
      .discover section.three .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .discover section.three .iphone span {
      display: block;
      margin: 6.5rem 0 0 3rem;
      height: auto;
      width: 60.25%; }
      @media (max-width: 1100px) {
        .discover section.three .iphone span {
          margin: 28% 13; } }
  .discover section.three .caption {
    width: 85%;
    margin-top: 7rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem;
    padding: 0 0 4rem 0; }
    @media (max-width: 650px) {
      .discover section.three .caption {
        font-size: 1rem; } }

.discover section.four .spread {
  background-image: url(/images/rio_hero_bg_large.jpg);
  background-position: top center;
  background-repeat: none;
  background-attachment: fixed;
  background-size: cover;
  padding: 15rem 0;
  margin-top: -3rem; }
  @media (max-width: 1100px) {
    .discover section.four .spread {
      margin-top: -3rem;
      background-attachment: initial; } }

@media (max-width: 650px) {
  .discover section.four h1 {
    margin: -10rem 0; } }

.jobs section.one {
  background-color: #2e7cbe;
  /*fallback*/
  background-image: linear-gradient(to left, #10a2ff, #0077c3);
  padding-bottom: 3.125rem; }
  @media (max-width: 650px) {
    .jobs section.one .cta .button, .jobs section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .jobs section.one .cta .secondary {
      float: none;
      display: block;
      margin: 0 auto 2.5rem; } }

.jobs section.two {
  background-color: #f4f8fc;
  padding: 5rem 0; }
  .jobs section.two .jobcopy {
    margin: 0 auto; }
  .jobs section.two p {
    color: #2e7cbe; }

.jobs section.three {
  margin: 0 auto; }
  .jobs section.three .jobdept > h6, .jobs section.three .home .feature_overview .sdk_badge .jobdept > p, .home .feature_overview .sdk_badge .jobs section.three .jobdept > p {
    text-align: left;
    margin-bottom: 3rem;
    text-transform: uppercase;
    color: #C3C5C8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .jobs section.three .joblisting {
    padding-top: 8rem;
    padding-bottom: 8rem;
    border-bottom: 1px solid #f4f8fc; }
  .jobs section.three .joblisting .row {
    margin-bottom: 5rem; }
  .jobs section.three .jobintro {
    text-align: left; }
    .jobs section.three .jobintro h3 {
      padding-bottom: .5rem; }
    .jobs section.three .jobintro .blue {
      color: #2e7cbe;
      font-weight: bold; }
  .jobs section.three .jobbuttons {
    text-align: right; }
    @media (max-width: 650px) {
      .jobs section.three .jobbuttons {
        text-align: left;
        margin-top: 2rem; } }
    .jobs section.three .jobbuttons .button.details, .jobs section.three .jobbuttons .home .feature_overview .actions .details.secondary, .home .feature_overview .actions .jobs section.three .jobbuttons .details.secondary {
      margin-right: 1.25rem; }
      @media (max-width: 650px) {
        .jobs section.three .jobbuttons .button.details, .jobs section.three .jobbuttons .home .feature_overview .actions .details.secondary, .home .feature_overview .actions .jobs section.three .jobbuttons .details.secondary {
          margin-bottom: 1.25rem; } }
    .jobs section.three .jobbuttons .columns {
      padding-bottom: .75rem; }
  .jobs section.three .jobdesc {
    max-height: 0;
    max-width: 46.875rem;
    overflow: hidden;
    clear: both;
    transition: max-height 0.5s; }
    .jobs section.three .jobdesc.show {
      padding-bottom: 5rem;
      max-height: 187.5rem;
      overflow: auto; }
      @media (max-width: 650px) {
        .jobs section.three .jobdesc.show {
          max-height: 375rem; } }
    .jobs section.three .jobdesc h4 {
      margin-top: 2rem;
      margin-bottom: 1.5rem;
      text-align: left; }
    .jobs section.three .jobdesc p {
      padding-bottom: 1.5rem; }
    .jobs section.three .jobdesc ul {
      list-style-type: disc;
      padding-left: 2rem; }
      .jobs section.three .jobdesc ul li {
        margin-bottom: 1rem;
        text-align: left;
        line-height: 1.75rem; }
        @media (max-width: 650px) {
          .jobs section.three .jobdesc ul li {
            font-size: 1.25rem; } }
  .jobs section.three p {
    text-align: left; }

.bostonchildrens section.one {
  background-image: url("/images/bch_hero_bg_large.jpg"); }
  @media (max-width: 650px) {
    .bostonchildrens section.one {
      background-image: url("/images/bch_hero_bg_small.jpg"); } }
  @media (max-width: 650px) {
    .bostonchildrens section.one .cta .button, .bostonchildrens section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .bostonchildrens section.one .cta .secondary {
      float: none;
      display: block;
      margin: 0 auto 2.5rem;
      max-width: 60%; } }

.bostonchildrens section.two {
  text-align: left; }
  .bostonchildrens section.two.diag:before {
    display: block;
    position: absolute;
    top: -11rem;
    left: -3rem;
    width: 120%;
    height: 31.25rem;
    content: '';
    transform: rotate(9deg);
    z-index: -1; }
    @media (max-width: 1600px) {
      .bostonchildrens section.two.diag:before {
        top: -9.375rem; } }
    @media (max-width: 1100px) {
      .bostonchildrens section.two.diag:before {
        top: -7.5rem; } }
    @media (max-width: 650px) {
      .bostonchildrens section.two.diag:before {
        top: -5rem; } }
  .bostonchildrens section.two .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .bostonchildrens section.two .content {
        top: -8rem; } }
  .bostonchildrens section.two .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .bostonchildrens section.two .headline {
        padding: 5rem 0 1rem 0; } }
  .bostonchildrens section.two .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .bostonchildrens section.two p {
    padding: 0 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .bostonchildrens section.two p {
        font-size: 1.25rem; } }
  .bostonchildrens section.two .iphone {
    position: absolute;
    display: block;
    height: 41.875rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -5rem;
    left: 8rem;
    overflow: auto;
    z-index: 10; }
    @media (max-width: 1100px) {
      .bostonchildrens section.two .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .bostonchildrens section.two .iphone span {
      display: block;
      margin: 6.5rem 0 0 3rem;
      height: auto;
      width: 60.25%; }
      @media (max-width: 1100px) {
        .bostonchildrens section.two .iphone span {
          margin: 28% 13; } }
  .bostonchildrens section.two .caption {
    width: 85%;
    margin-top: 7rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem; }
    @media (max-width: 650px) {
      .bostonchildrens section.two .caption {
        font-size: 1rem; } }

.bostonchildrens section.three {
  text-align: left;
  padding: 2rem 0 0 0; }
  .bostonchildrens section.three .quote {
    max-width: 350px;
    font-style: italic;
    font-weight: thin;
    padding-top: 9rem; }
    @media (max-width: 650px) {
      .bostonchildrens section.three .quote {
        display: none; } }
  .bostonchildrens section.three .content {
    top: -12rem; }
    @media (max-width: 1100px) {
      .bostonchildrens section.three .content {
        top: -8rem; } }
  .bostonchildrens section.three .headline {
    padding: 0 0 1rem 0; }
    @media (max-width: 650px) {
      .bostonchildrens section.three .headline {
        padding: 5rem 0 1rem 0; } }
  .bostonchildrens section.three .subhead {
    padding: 0 0 3rem 0;
    line-height: 1.75rem; }
  .bostonchildrens section.three p {
    padding: 0rem 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .bostonchildrens section.three p {
        font-size: 1.25rem; } }
  .bostonchildrens section.three .iphone {
    position: absolute;
    display: block;
    height: 41.875rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -1rem;
    left: 0rem;
    overflow: hidden;
    z-index: 10; }
    @media (max-width: 1100px) {
      .bostonchildrens section.three .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .bostonchildrens section.three .iphone span {
      display: block;
      margin: 6.5rem 0 0 3rem;
      height: auto;
      width: 60.25%; }
      @media (max-width: 1100px) {
        .bostonchildrens section.three .iphone span {
          margin: 28% 13; } }
  .bostonchildrens section.three .caption {
    width: 85%;
    margin-top: 7rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem;
    padding: 0 0 4rem 0; }
    @media (max-width: 650px) {
      .bostonchildrens section.three .caption {
        font-size: 1rem; } }

.bostonchildrens section.blurb .spread {
  background-position: top center;
  background-repeat: none;
  background-attachment: fixed;
  background-size: cover;
  padding: 15rem 0;
  margin-top: -3rem; }
  @media (max-width: 1100px) {
    .bostonchildrens section.blurb .spread {
      margin-top: -3rem;
      background-attachment: initial; } }

@media (max-width: 650px) {
  .bostonchildrens section.blurb h1 {
    margin: -10rem 0; } }

.bostonchildrens section.b01 .spread {
  background-image: url(/images/bch_quote_bg_large.jpg); }

.bostonchildrens section.b02 .spread {
  background-image: url(/images/bch_quote2_bg_large.jpg); }

.bostonchildrens section.cscopy {
  text-align: left; }
  .bostonchildrens section.cscopy p {
    padding: 0 0 3rem 0;
    font-size: 1rem; }
    @media (max-width: 650px) {
      .bostonchildrens section.cscopy p {
        font-size: 1.25rem; } }
  .bostonchildrens section.cscopy h4 {
    line-height: 2rem;
    padding-bottom: 3rem; }

.bostonchildrens section.leftcol .quote {
  text-align: right;
  max-width: 21.875rem;
  font-style: italic;
  font-weight: thin;
  padding: 25rem 0 0 5.625rem; }
  @media (max-width: 650px) {
    .bostonchildrens section.leftcol .quote {
      display: none; } }

.bostonchildrens section.leftcol .iphone {
  position: absolute;
  display: block;
  height: 41.875rem;
  width: 23.375rem;
  background-image: url("/images/iphone_large.png");
  background-repeat: no-repeat;
  background-size: 100%;
  top: 5rem;
  left: 8rem;
  overflow: auto;
  z-index: 10; }
  @media (max-width: 1100px) {
    .bostonchildrens section.leftcol .iphone {
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      top: 0rem;
      left: 1rem; } }
  .bostonchildrens section.leftcol .iphone span {
    display: block;
    margin: 6.5rem 0 0 3rem;
    height: auto;
    width: 60.25%; }
    @media (max-width: 1100px) {
      .bostonchildrens section.leftcol .iphone span {
        margin: 28% 13; } }

.bostonchildrens section.leftcol .caption {
  width: 85%;
  margin-top: 7rem;
  text-align: center;
  font-size: .85rem;
  font-weight: 100;
  font-style: italic;
  line-height: 1rem; }
  @media (max-width: 650px) {
    .bostonchildrens section.leftcol .caption {
      font-size: 1rem; } }

.bostonchildrens section.leftcol .copy {
  margin-top: 6rem; }

.bostonchildrens section.rightcol {
  padding-top: 3rem; }
  .bostonchildrens section.rightcol .quote {
    max-width: 21.875rem;
    font-style: italic;
    font-weight: thin;
    padding-top: 9rem; }
    @media (max-width: 650px) {
      .bostonchildrens section.rightcol .quote {
        display: none; } }
  .bostonchildrens section.rightcol .iphone {
    position: absolute;
    display: block;
    height: 41.875rem;
    width: 23.375rem;
    background-image: url("/images/iphone_large.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -1rem;
    left: 0rem;
    overflow: hidden;
    z-index: 10; }
    @media (max-width: 1100px) {
      .bostonchildrens section.rightcol .iphone {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        top: 0rem;
        left: 1rem; } }
    .bostonchildrens section.rightcol .iphone span {
      display: block;
      margin: 6.5rem 0 0 3rem;
      height: auto;
      width: 60.25%; }
      @media (max-width: 1100px) {
        .bostonchildrens section.rightcol .iphone span {
          margin: 28% 13; } }
  .bostonchildrens section.rightcol .caption {
    width: 85%;
    margin-top: 7rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1rem;
    padding: 0 0 4rem 0; }
    @media (max-width: 650px) {
      .bostonchildrens section.rightcol .caption {
        font-size: 1rem; } }

.bostonchildrens section.centercol {
  padding: 4rem 0 8rem 0; }

.bostonchildrens section.lastcol {
  padding-bottom: 5rem; }

.partners section.one {
  background-image: url("/images/hero_partners_bg_large.jpg"); }
  @media (max-width: 650px) {
    .partners section.one {
      background-image: url("/images/hero_partners_bg_small.jpg");
      height: 35.25rem; } }

@media (max-width: 650px) {
  .partners section.one .cta .button, .partners section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .partners section.one .cta .secondary {
    float: none;
    display: block;
    margin: 0 auto 2.5rem;
    max-width: 60%; } }

.partners section.two {
  padding: 0 0 10rem 0; }
  .partners section.two p {
    font-size: 1rem;
    margin-top: .875rem; }
    @media (max-width: 1100px) {
      .partners section.two p {
        font-size: 1.25rem; } }
  .partners section.two .row {
    text-align: center;
    margin-top: 2rem; }
  .partners section.two li {
    display: inline-block;
    padding: 0.75rem; }
  @media (max-width: 650px) {
    .partners section.two h2 {
      font-size: 2.5rem; } }
  .partners section.two h3 {
    margin-bottom: 45px; }
  .partners section.two .feat-part {
    margin-top: 5rem; }
    .partners section.two .feat-part .robinvideo {
      border: solid 1px #EBEEF2;
      background-image: linear-gradient(white, rgba(240, 246, 251, 0.65));
      -webkit-box-shadow: 0 8px 6px -6px #cccccc;
      -moz-box-shadow: 0 8px 6px -6px #cccccc;
      box-shadow: 0 8px 6px -6px #cccccc;
      -webkit-transition: all 400ms ease-out;
      -moz-transition: all 400ms ease-out;
      transition: all 400ms ease-out; }
      .partners section.two .feat-part .robinvideo img {
        max-height: 8rem;
        margin: 5rem auto; }
      .partners section.two .feat-part .robinvideo:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        opacity: 0.50; }
      .partners section.two .feat-part .robinvideo:focus {
        outline: 0; }
    .partners section.two .feat-part img {
      max-height: 18rem; }
    .partners section.two .feat-part .large-5 > a {
      margin: 0 auto 25px auto;
      max-width: 90%;
      display: block;
      height: 18rem; }
    .partners section.two .feat-part p, .partners section.two .feat-part h4 {
      text-align: left; }
    .partners section.two .feat-part h4 {
      line-height: 1.7rem; }
    @media (max-width: 650px) {
      .partners section.two .feat-part div:nth-child(2) {
        margin-top: 4rem; } }
    .partners section.two .feat-part .actions {
      text-align: left;
      margin-top: 2.75rem; }
  .partners section.two .testimonials {
    border: 1px solid #EBEEF2;
    margin-bottom: 85px; }
    .partners section.two .testimonials > a {
      padding: 3.75rem 0 0;
      border-right: 1px solid #EBEEF2; }
      .partners section.two .testimonials > a:active > img, .partners section.two .testimonials > a:active p, .partners section.two .testimonials > a:hover > img, .partners section.two .testimonials > a:hover p {
        transform: translateY(-0.625rem);
        opacity: 0.50; }
      .partners section.two .testimonials > a:active span, .partners section.two .testimonials > a:hover span {
        opacity: 1; }
      .partners section.two .testimonials > a:nth-child(3n+3) {
        border-right: none; }
      .partners section.two .testimonials > a:nth-child(8) {
        border-top: 1px solid #EBEEF2;
        border-right: none; }
        @media (max-width: 650px) {
          .partners section.two .testimonials > a:nth-child(8) {
            border-top: none; } }
      .partners section.two .testimonials > a:nth-child(7) {
        border-top: 1px solid #EBEEF2; }
        @media (max-width: 1100px) {
          .partners section.two .testimonials > a:nth-child(7) {
            border-right: none;
            border-bottom: none; } }
      .partners section.two .testimonials > a:nth-child(-n+3) {
        border-bottom: 1px solid #EBEEF2; }
      @media (max-width: 1100px) {
        .partners section.two .testimonials > a:nth-of-type(even) {
          border-right: none; } }
      @media (max-width: 1100px) {
        .partners section.two .testimonials > a:nth-of-type(odd) {
          border-right: 1px solid #EBEEF2; } }
      @media (max-width: 650px) {
        .partners section.two .testimonials > a:nth-of-type(odd) {
          border-right: none;
          border-bottom: 1px solid #EBEEF2; } }
      @media (max-width: 1100px) {
        .partners section.two .testimonials > a:nth-of-type(1), .partners section.two .testimonials > a:nth-of-type(2), .partners section.two .testimonials > a:nth-child(4) {
          border-bottom: 1px solid #EBEEF2; } }
      .partners section.two .testimonials > a.large-4 {
        height: 20.625rem; }
        @media (max-width: 1100px) {
          .partners section.two .testimonials > a.large-4 {
            min-height: 25.625rem; } }
        @media (max-width: 650px) {
          .partners section.two .testimonials > a.large-4 {
            min-height: 20.625rem; } }
      .partners section.two .testimonials > a.large-6 {
        height: 18.625rem; }
        @media (max-width: 1100px) {
          .partners section.two .testimonials > a.large-6 {
            min-height: 25.625rem; } }
        @media (max-width: 650px) {
          .partners section.two .testimonials > a.large-6 {
            min-height: 24.625rem; } }
      .partners section.two .testimonials > a > img, .partners section.two .testimonials > a p {
        max-width: 80%;
        margin: 0 auto;
        text-align: center;
        transition: all 400ms ease; }
      .partners section.two .testimonials > a > img {
        max-height: 4rem; }
      .partners section.two .testimonials > a p {
        position: absolute;
        top: 7.8125rem;
        left: 50%;
        text-align: left;
        margin-left: -37%;
        width: 80%;
        font-size: 0.875rem;
        color: #000000; }
        @media (max-width: 1100px) {
          .partners section.two .testimonials > a p {
            font-size: 1.25rem; } }
      .partners section.two .testimonials > a span {
        opacity: 0;
        position: absolute;
        bottom: 0.9375rem;
        right: 0.9375rem;
        width: 1.4375rem;
        height: 1.375rem;
        transition: all 400ms ease; }
        @media (max-width: 1100px) {
          .partners section.two .testimonials > a span {
            opacity: 1; } }
    .partners section.two .testimonials > div {
      border-right: none; }
      @media (max-width: 650px) {
        .partners section.two .testimonials > div {
          border-bottom: none !important; } }
      .partners section.two .testimonials > div .tab_content {
        display: block;
        position: relative;
        padding: 3.75rem 0;
        border-top: 1px solid #EBEEF2; }
        .partners section.two .testimonials > div .tab_content li {
          padding: 0 2.5rem; }
      .partners section.two .testimonials > div hr {
        display: block;
        margin: 1.875rem auto 0;
        width: 6.25rem;
        height: 1px;
        background-color: #EBEEF2;
        border: none; }
      .partners section.two .testimonials > div .source {
        position: relative;
        top: 0;
        left: 0;
        margin: 1.25rem auto 0;
        font-size: 0.875rem;
        text-align: center;
        color: #C3C5C8; }
        @media (max-width: 1100px) {
          .partners section.two .testimonials > div .source {
            font-size: 1.25rem; } }

.partners section.three {
  background-color: #f4f8fc;
  padding: 10rem 0 10rem 0; }
  .partners section.three p {
    font-size: 1rem;
    margin-top: 1.875rem; }
    @media (max-width: 650px) {
      .partners section.three p {
        font-size: 1.25rem; } }
  .partners section.three .row {
    text-align: center;
    margin-top: 2rem; }
  .partners section.three li {
    display: inline-block;
    padding: 0.75rem; }

.partners section.four {
  padding: 10rem 0 10rem 0; }
  .partners section.four p {
    font-size: 1rem;
    margin-top: 1.875rem; }
    @media (max-width: 650px) {
      .partners section.four p {
        font-size: 1.25rem; } }
  .partners section.four .row {
    text-align: center;
    margin-top: 2rem; }
  .partners section.four li {
    display: inline-block;
    padding: 0.75rem; }

.partners section.five {
  background-color: #f4f8fc;
  padding: 10rem 0 10rem 0; }
  .partners section.five p {
    font-size: 1rem;
    margin-top: 1.875rem; }
    @media (max-width: 650px) {
      .partners section.five p {
        font-size: 1.25rem; } }
  .partners section.five .row {
    text-align: center;
    margin-top: 2rem; }
  .partners section.five li {
    display: inline-block;
    padding: 0.75rem; }

.oops section.one {
  background-image: url("/images/hero_404_bg_large.jpg"); }
  @media (max-width: 650px) {
    .oops section.one {
      background-image: url("/images/hero_404_bg_small.jpg"); } }
  .oops section.one .img404 {
    padding-top: 5rem; }
    @media (max-width: 650px) {
      .oops section.one .img404 {
        max-width: 50%;
        padding-top: 2rem; } }
  .oops section.one h2 {
    color: #fff;
    padding-top: 2.5rem; }
  .oops section.one p {
    margin: 0; }
  .oops section.one .blurb {
    color: #fff;
    padding-top: 2.5rem; }
  .oops section.one .cta {
    margin: 0;
    padding-top: 3rem;
    clear: both; }
    @media (max-width: 650px) {
      .oops section.one .cta {
        padding-top: 2rem; } }
    .oops section.one .cta .button, .oops section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .oops section.one .cta .secondary {
      margin-left: 1rem;
      margin-right: 1rem; }
      @media (max-width: 650px) {
        .oops section.one .cta .button, .oops section.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .oops section.one .cta .secondary {
          margin: 0 auto 2rem; } }
  .oops section.one .textcta {
    padding-top: 1rem; }
    @media (max-width: 650px) {
      .oops section.one .textcta {
        padding-top: 0; } }
  .oops section.one .textcta a {
    font-size: 12px;
    text-decoration: underline;
    color: #fff; }

.no-touch .appmaker .store_buttons .storebutton:hover, .no-touch .appmaker .store_buttons .storebutton:active {
  opacity: 0.7; }

.no-touch .appmaker .store_buttons .storebutton:active {
  transform: translateY(0.125rem); }

.use_cases .btn {
  border-radius: 40px;
  padding: 5px 15px;
  background-color: transparent;
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin: 10px; }

.use_cases .active {
  background-color: white;
  color: #2e7cbe; }

.use_cases .filters {
  margin-top: 3rem; }

.use_cases .row .pill {
  font-size: 18px;
  padding: 8px 15px;
  color: #2e7cbe;
  font-weight: bold;
  border-radius: 40px;
  margin: 15px 15px 15px 0px;
  display: inline-block;
  position: relative;
  background-color: white;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05); }

.use_cases .row.one {
  background-image: url("/images/usecases_bg_large.jpg"); }
  @media (max-width: 650px) {
    .use_cases .row.one {
      background-image: url("/images/usecases_bg_large.jpg"); } }

@media (max-width: 650px) {
  .use_cases .row.one .cta .button, .use_cases .row.one .cta .home .feature_overview .actions .secondary, .home .feature_overview .actions .use_cases .row.one .cta .secondary {
    float: none;
    display: block;
    margin: 0 auto 2.5rem;
    max-width: 60%; } }

.use_cases .row.two {
  text-align: left;
  padding: 8rem 0 8rem 0;
  border-bottom: 1px solid #EBEEF2; }
  @media (max-width: 650px) {
    .use_cases .row.two .medium-4 {
      margin-top: 1.5rem;
      text-align: center; } }
  .use_cases .row.two p {
    font-size: 1rem;
    margin-top: 1.875rem;
    margin-bottom: 1.855rem; }
    @media (max-width: 650px) {
      .use_cases .row.two p {
        font-size: 1.25rem; } }
  .use_cases .row.two .row {
    text-align: center;
    margin-top: 2rem; }
  .use_cases .row.two a {
    margin-right: 15px; }
    @media (max-width: 650px) {
      .use_cases .row.two a {
        margin-bottom: 2rem; } }
  .use_cases .row.two li {
    display: inline-block;
    padding: 1rem 1rem 1rem 0; }
    @media (max-width: 650px) {
      .use_cases .row.two li {
        display: none; } }
    .use_cases .row.two li h6, .use_cases .row.two li .home .feature_overview .sdk_badge p, .home .feature_overview .sdk_badge .use_cases .row.two li p {
      color: #C3C5C8; }

.use_cases .row.three {
  text-align: left;
  padding: 10rem 0 10rem 0;
  background-color: #f4f8fc; }
  @media (max-width: 650px) {
    .use_cases .row.three .medium-8 {
      margin-top: 1.5rem; } }
  @media (max-width: 650px) {
    .use_cases .row.three .medium-4 {
      margin-top: 1.5rem;
      text-align: center; } }
  .use_cases .row.three p {
    font-size: 1rem;
    margin-top: 1.875rem;
    margin-bottom: 1.855rem; }
    @media (max-width: 650px) {
      .use_cases .row.three p {
        font-size: 1.25rem; } }
  .use_cases .row.three .row {
    text-align: center;
    margin-top: 2rem; }
  .use_cases .row.three a {
    margin-right: 15px; }
    @media (max-width: 650px) {
      .use_cases .row.three a {
        margin-bottom: 2rem; } }
  .use_cases .row.three li {
    display: inline-block;
    padding: 1rem 1rem 1rem 0; }
    @media (max-width: 650px) {
      .use_cases .row.three li {
        display: none; } }
    .use_cases .row.three li h6, .use_cases .row.three li .home .feature_overview .sdk_badge p, .home .feature_overview .sdk_badge .use_cases .row.three li p {
      color: #C3C5C8; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background-image: linear-gradient(to left, rgba(16, 162, 255, 0.95), rgba(0, 119, 195, 0.95));
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 48px;
  font-family: Arial, Baskerville, monospace;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  transition: all 400ms ease-out; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -80px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }