@charset "UTF-8";
*, *:before, *:after {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box; }

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

html {
  tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none; }

img, iframe, video, audio, object {
  max-width: 100%; }

img, iframe {
  border: 0 none; }

img {
  height: auto;
  display: inline-block;
  vertical-align: middle; }

address {
  font-style: normal; }

svg:not(:root) {
  overflow: hidden; }

a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] {
  cursor: pointer; }

a.disabled, .slides-wrapper.first .slider-nav.prev a.arrow, .slides-wrapper.last .slider-nav.next a.arrow, .aboutcard.team.unfocused:not(.expanded) .title a.arrow, .aboutcard.team.expanded .title a.arrow, button[disabled], input[disabled], textarea[disabled], select[disabled] {
  cursor: default; }

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

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

button, select {
  text-transform: none; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

ul {
  list-style: none; }

nav ul, nav ol {
  list-style: none outside none; }

h1, h2, h3, h4, h5, h6, h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p, ul, ol, dl, table, blockquote, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child {
  margin-bottom: 0; }

.shell {
  max-width: 100%;
  margin: auto;
  padding: 0; }

.indent {
  text-indent: 2em; }

.clear:after {
  content: "";
  line-height: 0;
  display: table;
  clear: both; }

.nowrap {
  white-space: nowrap; }

.notext {
  white-space: nowrap;
  text-indent: 100%;
  text-shadow: none;
  overflow: hidden; }

[hidden], .hidden {
  display: none; }

[hide], .hide, .hidex {
  display: none !important; }

.fade, .transparent {
  opacity: 0; }

[disabled], .disabled, .slides-wrapper.first .slider-nav.prev .arrow, .slides-wrapper.last .slider-nav.next .arrow, .aboutcard.team.unfocused:not(.expanded) .title .arrow, .aboutcard.team.expanded .title .arrow {
  cursor: default; }

.ystroke {
  box-shadow: inset 0 0 0 1px #fff200; }

.youtline {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); }
  .youtline > * {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
  .youtline > * > * {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }
  .youtline > * > * > * {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }

.ico-arrow-right {
  background-image: url("/images/icons/_sprite.png");
  background-position: 19.047619047619047% 95.41284403669725%;
  background-size: 1325% 673.6842105263157%;
  width: 12px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-box {
  background-image: url("/images/icons/_sprite.png");
  background-position: 82.63888888888889% 75.65217391304347%;
  background-size: 1060% 984.6153846153846%;
  width: 15px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-cross {
  background-image: url("/images/icons/_sprite.png");
  background-position: 0% 100%;
  background-size: 662.5% 533.3333333333333%;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-facebook-purple {
  background-image: url("/images/icons/_sprite.png");
  background-position: 63.02521008403361% 0%;
  background-size: 397.5% 320%;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-facebook {
  background-image: url("/images/icons/_sprite.png");
  background-position: 63.02521008403361% 50%;
  background-size: 397.5% 320%;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-instagram-purple {
  background-image: url("/images/icons/_sprite.png");
  background-position: 100% 49.43820224719101%;
  background-size: 397.5% 328.2051282051282%;
  width: 40px;
  height: 39px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-instagram {
  background-image: url("/images/icons/_sprite.png");
  background-position: 100% 0%;
  background-size: 397.5% 320%;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.logo {
  background-position: 0% 0%;
  background-size: contain;
  width: 120px;
  height: auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ico-arrow-right {
    background-image: url("/images/icons/_sprite@2x.png");
    background-position: 18.367346938775512% 96.29629629629629%;
    background-size: 1325% 668.421052631579%;
    width: 12px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
  .ico-box {
    background-image: url("/images/icons/_sprite@2x.png");
    background-position: 82.35294117647058% 75.9825327510917%;
    background-size: 1096.551724137931% 1016%;
    width: 14.5px;
    height: 12.5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
  .ico-cross {
    background-image: url("/images/icons/_sprite@2x.png");
    background-position: 0% 100%;
    background-size: 691.3043478260869% 552.1739130434783%;
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
  .ico-facebook-purple {
    background-image: url("/images/icons/_sprite@2x.png");
    background-position: 63.02521008403361% 0%;
    background-size: 397.5% 317.5%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
  .ico-facebook {
    background-image: url("/images/icons/_sprite@2x.png");
    background-position: 63.02521008403361% 50.57471264367817%;
    background-size: 397.5% 317.5%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
  .ico-instagram-purple {
    background-image: url("/images/icons/_sprite@2x.png");
    background-position: 100% 50%;
    background-size: 397.5% 325.64102564102564%;
    width: 40px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
  .ico-instagram {
    background-image: url("/images/icons/_sprite@2x.png");
    background-position: 100% 0%;
    background-size: 397.5% 317.5%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
  .logo {
    background-position: 20% 0%;
    background-size: 100% 100%;
    width: 110px;
    height: 100px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; } }

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

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

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

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before, .slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

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

.stroke {
  box-shadow: inset 0 0 0 1px rgba(255, 242, 0, 0.4); }

.brfont {
  font-family: brandon-grotesque, sans-serif;
  text-transform: lowercase; }

.uifont {
  font-family: 'Manrope', sans-serif; }

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover; }
  .overlay:before, .overlay:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover; }

@keyframes float {
  0% {
    transform: translateY(-4px); }
  100% {
    transform: translateY(4px); } }

@keyframes floatmin {
  0% {
    transform: translateY(-2px); }
  100% {
    transform: translateY(2px); } }

@keyframes floaty {
  0% {
    transform: translateY(0px) rotate(0deg); }
  10% {
    transform: translateY(2.4px) rotate(-0.3deg); }
  28% {
    transform: translateY(-2.8px) rotate(-0.8deg); }
  45% {
    transform: translateY(3.2px) rotate(-0.1deg); }
  60% {
    transform: translateY(-2.4px) rotate(0.3deg); }
  75% {
    transform: translateY(2.8px) rotate(-0.1deg); }
  90% {
    transform: translateY(-3.6px) rotate(0.6deg); }
  100% {
    transform: translateY(0px) rotate(0deg); } }

@keyframes floatymax {
  0% {
    transform: translateY(0px) rotate(0deg); }
  10% {
    transform: translateY(6px) rotate(-0.25deg); }
  28% {
    transform: translateY(-7px) rotate(-0.6deg); }
  45% {
    transform: translateY(8px) rotate(-0.1deg); }
  60% {
    transform: translateY(-6px) rotate(0.25deg); }
  75% {
    transform: translateY(7px) rotate(-0.1deg); }
  90% {
    transform: translateY(-9px) rotate(0.5deg); }
  100% {
    transform: translateY(0px) rotate(0deg); } }

@keyframes floatymin {
  0% {
    transform: translateY(0px); }
  10% {
    transform: translateY(3px); }
  28% {
    transform: translateY(-3.5px); }
  45% {
    transform: translateY(4px); }
  60% {
    transform: translateY(-3px); }
  75% {
    transform: translateY(3.5px); }
  90% {
    transform: translateY(-4.5px); }
  100% {
    transform: translateY(0px); } }

@keyframes floatyminb {
  0% {
    transform: translateY(0px); }
  10% {
    transform: translateY(1.998px); }
  28% {
    transform: translateY(-2.331px); }
  45% {
    transform: translateY(2.664px); }
  60% {
    transform: translateY(-1.998px); }
  75% {
    transform: translateY(2.331px); }
  90% {
    transform: translateY(-2.997px); }
  100% {
    transform: translateY(0px); } }

@keyframes fade {
  0% {
    opacity: 0.4; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.4; } }

@keyframes cue-fade {
  0% {
    opacity: 0.75; }
  50% {
    opacity: 0.25; }
  100% {
    opacity: 0.75; } }

@keyframes cue-right {
  0% {
    margin-right: 0; }
  50% {
    margin-right: -18px; }
  100% {
    margin-right: 0; } }

@keyframes growin {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes pulse {
  0% {
    opacity: 0;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem; }
  1% {
    opacity: 1;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem; }
  85% {
    opacity: 0;
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem; }
  100% {
    opacity: 0;
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem; } }

@keyframes breathe {
  0% {
    transform: scale(1.025);
    opacity: 0.666; }
  100% {
    transform: scale(1.075);
    opacity: 1; } }

@keyframes breathesolid {
  0% {
    transform: scale(1.025);
    opacity: 0.85; }
  100% {
    transform: scale(1.075);
    opacity: 1; } }

@keyframes breatheb {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }

@keyframes breathef {
  0% {
    transform: scale(1.025); }
  100% {
    transform: scale(1.075); } }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

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

::selection {
  background: rgba(255, 242, 0, 0.35); }

.circ-mask {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }

.scroll-anchor, #scroll-anchor {
  position: absolute;
  z-index: -999;
  width: 0;
  height: 0;
  opacity: 0; }

h1 {
  line-height: 1.5;
  font-size: 5rem;
  margin-bottom: 4rem; }
  @media (max-width: 768px) {
    h1 {
      font-size: 3.5rem;
      margin-bottom: 3.5rem; } }

h2 {
  line-height: 1.5;
  font-size: 4.5rem;
  margin-bottom: 3rem; }
  @media (max-width: 768px) {
    h2 {
      font-size: 3rem;
      margin-bottom: 2.5rem; } }

h3 {
  line-height: 1.5;
  font-size: 3rem;
  margin-bottom: 3rem; }
  @media (max-width: 768px) {
    h3 {
      font-size: 2rem;
      margin-bottom: 2.5rem; } }

h4 {
  line-height: 1.5;
  font-size: 2.5rem;
  margin-bottom: 2.5rem; }
  @media (max-width: 768px) {
    h4 {
      font-size: 1.75rem; } }

h5 {
  line-height: 1.5;
  font-size: 1.3334rem; }
  @media (max-width: 768px) {
    h5 {
      font-size: 1.175rem; } }
  h5.large, section.bridge .statement h5.line, .aboutcard.board.active .tile h5 {
    font-size: 1.75rem; }
    @media (max-width: 768px) {
      h5.large, section.bridge .statement h5.line, .aboutcard.board.active .tile h5 {
        font-size: 1.5rem; } }

h6 {
  line-height: 1.5;
  font-size: 1.16667rem; }
  @media (max-width: 768px) {
    h6 {
      font-size: 1rem; } }
  h6.large, section.bridge .statement h6.line {
    font-size: 1.5rem; }
    @media (max-width: 768px) {
      h6.large, section.bridge .statement h6.line {
        font-size: 1.25rem; } }

h1, h2, h3, h4 {
  font-weight: 300;
  text-transform: lowercase; }

h5, h6 {
  font-weight: 500; }

p {
  line-height: 1.75;
  font-size: 2rem;
  font-weight: 300;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  text-align: left; }
  @media (max-width: 768px) {
    p {
      font-size: 1.5rem;
      margin-bottom: 1.75rem; } }
  p.xsmall {
    font-size: 1.5rem;
    margin-bottom: 1rem; }
  p.small, p.contact_us-form.med {
    font-size: 1.75rem;
    margin-bottom: 1.75rem; }
  p.large, section.bridge .statement p.line, section.slider p, section.sliderh p, section.sliderh.hook p, section.neighbors p, section.bridge.letter p, .story-quote.short p, .aboutcard.team .short.quote p, .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.den p, .story-quote.locale-menu.sea p, .story-quote.locale-menu.den p, section.description p {
    font-size: 2.16667rem;
    margin-bottom: 2rem; }
    @media (max-width: 768px) {
      p.large, section.bridge .statement p.line, section.slider p, section.sliderh p, section.sliderh.hook p, section.neighbors p, section.bridge.letter p, .story-quote.short p, .aboutcard.team .short.quote p, .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.den p, .story-quote.locale-menu.sea p, .story-quote.locale-menu.den p, section.description p {
        font-size: 1.6667rem;
        margin-bottom: 2rem; } }
  p.xlarge, section.bridge p, section.teamcta .h-col p, section.bridge.float.locale p {
    font-size: 2.25rem;
    margin-bottom: 2rem; }
  p.center, .app-showcase.center .phone-wrapper p.phone, .app-showcase.first .phone-wrapper p.phone, .app-showcase.fifth .phone-wrapper p.phone, p.first.app-showcase, p.fifth.app-showcase {
    text-align: center; }

.caps, .arrowh {
  text-transform: uppercase;
  letter-spacing: 0.3em; }

.defcase {
  text-transform: none; }

em {
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.0075em; }

b {
  font-weight: 500; }

strong {
  font-weight: 600; }

h1.light, h2.light, h3.light, h4.light, h5.light, h6.light, p.light, span.light {
  font-weight: 300; }

h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold, p.bold, span.bold {
  font-weight: 600; }

h4.shead {
  position: relative;
  z-index: 5;
  font-size: 2.3334vw;
  font-weight: 300; }
  @media (max-width: 768px) {
    h4.shead {
      font-size: 2rem; } }
  @media (min-width: 1500px) {
    h4.shead {
      font-size: 3rem; } }
  h4.shead em {
    position: relative;
    padding-bottom: 7px;
    font-weight: 500; }
    h4.shead em i {
      position: relative;
      z-index: 1; }
    h4.shead em:after {
      content: '';
      position: absolute;
      z-index: 0;
      bottom: 0;
      left: -3px;
      right: -2px;
      height: 5px;
      border-radius: 2.5px; }
      @media (max-width: 768px) {
        h4.shead em:after {
          height: 4px;
          border-radius: 2px; } }
  h4.shead.dark em {
    font-weight: 400; }
    h4.shead.dark em:after {
      background-image: linear-gradient(to right, #9897e3 0%, #b8c2ff 100%);
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
  h4.shead.light em {
    padding-bottom: 2px;
    font-weight: 500; }
    h4.shead.light em:after {
      left: -3px;
      right: -3px;
      height: 7px;
      border-radius: 3.5px;
      background: rgba(255, 242, 0, 0.7);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
      @media (max-width: 768px) {
        h4.shead.light em:after {
          left: -3px;
          height: 5px;
          border-radius: 2.5px; } }
  h4.shead.slant em {
    perspective: 10em; }
    h4.shead.slant em:after {
      left: -5%;
      width: 300%;
      transform: rotateY(60deg) skew(0deg, 1.25deg);
      transform-origin: 0% 0%; }

.slidehead {
  position: relative;
  width: 100%;
  max-width: 720px;
  min-height: 330px;
  margin-top: 20vh;
  margin-bottom: 1.5vh; }
  @media (max-width: 768px) {
    .slidehead {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      margin-top: 30vh; } }
  .slidehead.top {
    margin-bottom: 0; }
  .slidehead h5.caps, .slidehead h5.arrowh {
    position: relative;
    z-index: 2;
    font-size: 2rem;
    letter-spacing: 0.15em; }
    @media (max-width: 768px) {
      .slidehead h5.caps, .slidehead h5.arrowh {
        font-size: 1.333rem; } }
  .slidehead h2 {
    position: relative;
    z-index: 3;
    margin: 2vh 0 5.5vh;
    line-height: 1.25;
    font-size: 5vw;
    font-weight: 300;
    text-transform: lowercase; }
    @media (min-width: 1500px) {
      .slidehead h2 {
        font-size: 6.25rem; } }
    @media (max-width: 768px) {
      .slidehead h2 {
        font-size: 10vw;
        margin: 0.75vh 0 2.5vh; } }
    .slidehead h2.large, .slidehead section.bridge .statement h2.line, section.bridge .statement .slidehead h2.line {
      font-size: 7vw; }
      @media (min-width: 1500px) {
        .slidehead h2.large, .slidehead section.bridge .statement h2.line, section.bridge .statement .slidehead h2.line {
          font-size: 8.25rem; } }
      @media (max-width: 768px) {
        .slidehead h2.large, .slidehead section.bridge .statement h2.line, section.bridge .statement .slidehead h2.line {
          font-size: 13.333vw;
          margin: 0.75vh 0 2.5vh; } }
  .slidehead .line {
    width: 10rem;
    height: 10px;
    margin: 3.5vh 0 4vh;
    border-radius: 5px;
    background: #a6a4d3;
    opacity: 1; }
    @media (max-width: 768px) {
      .slidehead .line {
        width: 70px;
        height: 8px;
        margin: 2.5vh 0 2.5vh; } }

a {
  color: inherit;
  text-decoration: none;
  user-select: none;
  cursor: pointer;
  transition: all 0.4s 0s; }
  a:before, a:after {
    transition: all 0.4s 0s; }
  a:hover, a:hover:before, a:hover:after {
    text-decoration: none;
    transition: all 0.2s 0s; }

a[href^="tel"] {
  text-decoration: none; }

a.textlink {
  user-select: auto;
  text-decoration: underline;
  opacity: 0.7; }
  a.textlink:hover {
    opacity: 1; }

a.simple {
  font-weight: 400;
  text-decoration: underline; }

a .underline, a .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper a .btn.team, .story-body .links a span, .aboutcard.team .links a.text h5, a .profile-nav .btn.team, .profile-nav a .btn.team, a section.locale-members .profile-nav .btn.profile, section.locale-members .profile-nav a .btn.profile {
  display: inline-block;
  position: relative;
  margin: auto;
  padding: 7px 2px;
  line-height: 1.5;
  opacity: 0.75;
  text-decoration: none;
  transition: all 0.4s; }
  @media (max-width: 768px) {
    a .underline, a .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper a .btn.team, .story-body .links a span, .aboutcard.team .links a.text h5, a .profile-nav .btn.team, .profile-nav a .btn.team, a section.locale-members .profile-nav .btn.profile, section.locale-members .profile-nav a .btn.profile {
      padding: 6px 1.5px; } }
  a .underline:after, a .encourage .encourage-wrapper .btn.team:after, .encourage .encourage-wrapper a .btn.team:after, .story-body .links a span:after, .aboutcard.team .links a.text h5:after, a .profile-nav .btn.team:after, .profile-nav a .btn.team:after, a section.locale-members .profile-nav .btn.profile:after, section.locale-members .profile-nav a .btn.profile:after {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(to right, rgba(152, 151, 227, 0.5) 0%, #b8c2ff 100%);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2);
    opacity: 0.75;
    transition: all 0.4s; }
  a .underline:hover, a .encourage .encourage-wrapper .btn.team:hover, .encourage .encourage-wrapper a .btn.team:hover, .story-body .links a span:hover, .aboutcard.team .links a.text h5:hover, a .profile-nav .btn.team:hover, .profile-nav a .btn.team:hover, a section.locale-members .profile-nav .btn.profile:hover, section.locale-members .profile-nav a .btn.profile:hover {
    opacity: 1;
    transition: all 0.2s; }
    a .underline:hover:after, a .encourage .encourage-wrapper .btn.team:hover:after, .encourage .encourage-wrapper a .btn.team:hover:after, .story-body .links a span:hover:after, .aboutcard.team .links a.text h5:hover:after, a .profile-nav .btn.team:hover:after, .profile-nav a .btn.team:hover:after, a section.locale-members .profile-nav .btn.profile:hover:after, section.locale-members .profile-nav a .btn.profile:hover:after {
      opacity: 1;
      transition: all 0.2s; }

.h-underline, .intro.cover.journal h1.title u, section.intro.cover.bridge.float.locale h1.title u, .jrxframe .step-wrapper .heading h1 u {
  display: inline-block;
  position: relative;
  margin: auto;
  text-decoration: none; }
  .h-underline:after, .intro.cover.journal h1.title u:after, section.intro.cover.bridge.float.locale h1.title u:after, .jrxframe .step-wrapper .heading h1 u:after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -1px;
    left: -6px;
    right: -3px;
    height: 11px;
    border-radius: 5.5px;
    background: linear-gradient(to right, rgba(152, 151, 227, 0.75) 0%, #b8c2ff 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); }
    @media (max-width: 768px) {
      .h-underline:after, .intro.cover.journal h1.title u:after, section.intro.cover.bridge.float.locale h1.title u:after, .jrxframe .step-wrapper .heading h1 u:after {
        bottom: -3px;
        left: -4px;
        right: -2px;
        height: 7px;
        border-radius: 3.5px; } }

.s-input {
  height: 5rem;
  margin: 1.5rem 0;
  padding: 1rem 1.5rem 0;
  border: none;
  border-radius: 5px;
  line-height: 1.667;
  font-size: 1.75rem;
  font-weight: 400;
  color: #fff;
  background: #252946; }
  .s-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
    opacity: 1; }
  @media (max-width: 768px) {
    .s-input {
      font-size: 1.5rem; } }
  .s-input.light {
    color: rgba(0, 0, 0, 0.7);
    background: #e6e6e6; }

.divline, section.bridge .line, section.bridge.letter .line, section.topstats .stat .statline {
  position: relative;
  width: 72px;
  height: 7px;
  border-radius: 3.5px;
  background-color: #000;
  opacity: 0.85; }
  .divline.wht, section.bridge .wht.line, section.topstats .stat .statline {
    background: #fff;
    opacity: 0.5; }
  .divline.purp, section.bridge .purp.line, section.topstats .stat .purp.statline, .aboutcard.team .links.divider .line {
    width: 80px;
    height: 9px;
    border-radius: 4px;
    background-image: linear-gradient(to right, #9897e3, #b8c2ff);
    box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.18);
    opacity: 1; }
  @media (max-width: 768px) {
    .divline, section.bridge .line, section.bridge.letter .line, section.topstats .stat .statline {
      width: 56px;
      height: 6px;
      border-radius: 3px; } }
  .divline.large, section.bridge .large.line, section.bridge .statement .line, section.bridge section.slider p.line, section.slider section.bridge p.line, section.bridge section.sliderh p.line, section.sliderh section.bridge p.line, section.bridge section.neighbors p.line, section.neighbors section.bridge p.line, section.bridge.letter p.line, section.bridge .story-quote.short p.line, .story-quote.short section.bridge p.line, section.bridge .aboutcard.team .short.quote p.line, .aboutcard.team .short.quote section.bridge p.line, section.bridge .aboutcard.team .quote.locale-menu.sea p.line, .aboutcard.team .quote.locale-menu.sea section.bridge p.line, section.bridge .aboutcard.team .quote.locale-menu.den p.line, .aboutcard.team .quote.locale-menu.den section.bridge p.line, section.bridge .story-quote.locale-menu.sea p.line, .story-quote.locale-menu.sea section.bridge p.line, section.bridge .story-quote.locale-menu.den p.line, .story-quote.locale-menu.den section.bridge p.line, section.bridge section.description p.line, section.description section.bridge p.line, section.bridge .aboutcard.board.active .tile h5.line, .aboutcard.board.active .tile section.bridge h5.line, section.slider p.divline, section.slider section.topstats .stat p.statline, section.topstats .stat section.slider p.statline, section.sliderh p.divline, section.sliderh section.topstats .stat p.statline, section.topstats .stat section.sliderh p.statline, section.neighbors p.divline, section.neighbors section.topstats .stat p.statline, section.topstats .stat section.neighbors p.statline, section.bridge.letter p.divline, section.bridge.letter section.topstats .stat p.statline, section.topstats .stat section.bridge.letter p.statline, section.topstats .stat .large.statline, section.topstats .stat .story-quote.short p.statline, .story-quote.short section.topstats .stat p.statline, section.topstats .stat .aboutcard.team .short.quote p.statline, .aboutcard.team .short.quote section.topstats .stat p.statline, section.topstats .stat .aboutcard.team .quote.locale-menu.sea p.statline, .aboutcard.team .quote.locale-menu.sea section.topstats .stat p.statline, section.topstats .stat .aboutcard.team .quote.locale-menu.den p.statline, .aboutcard.team .quote.locale-menu.den section.topstats .stat p.statline, section.topstats .stat .story-quote.locale-menu.sea p.statline, .story-quote.locale-menu.sea section.topstats .stat p.statline, section.topstats .stat .story-quote.locale-menu.den p.statline, .story-quote.locale-menu.den section.topstats .stat p.statline, section.topstats .stat section.description p.statline, section.description section.topstats .stat p.statline, section.topstats .stat .aboutcard.board.active .tile h5.statline, .aboutcard.board.active .tile section.topstats .stat h5.statline, .story-quote.short p.divline, .aboutcard.team .short.quote p.divline, .aboutcard.team .quote.locale-menu.sea p.divline, .aboutcard.team .quote.locale-menu.den p.divline, .story-quote.locale-menu.sea p.divline, .story-quote.locale-menu.den p.divline, section.description p.divline, .aboutcard.board.active .tile h5.divline {
    width: 84px;
    height: 10px;
    border-radius: 5px; }
    @media (max-width: 768px) {
      .divline.large, section.bridge .large.line, section.bridge .statement .line, section.bridge section.slider p.line, section.slider section.bridge p.line, section.bridge section.sliderh p.line, section.sliderh section.bridge p.line, section.bridge section.neighbors p.line, section.neighbors section.bridge p.line, section.bridge.letter p.line, section.bridge .story-quote.short p.line, .story-quote.short section.bridge p.line, section.bridge .aboutcard.team .short.quote p.line, .aboutcard.team .short.quote section.bridge p.line, section.bridge .aboutcard.team .quote.locale-menu.sea p.line, .aboutcard.team .quote.locale-menu.sea section.bridge p.line, section.bridge .aboutcard.team .quote.locale-menu.den p.line, .aboutcard.team .quote.locale-menu.den section.bridge p.line, section.bridge .story-quote.locale-menu.sea p.line, .story-quote.locale-menu.sea section.bridge p.line, section.bridge .story-quote.locale-menu.den p.line, .story-quote.locale-menu.den section.bridge p.line, section.bridge section.description p.line, section.description section.bridge p.line, section.bridge .aboutcard.board.active .tile h5.line, .aboutcard.board.active .tile section.bridge h5.line, section.slider p.divline, section.slider section.topstats .stat p.statline, section.topstats .stat section.slider p.statline, section.sliderh p.divline, section.sliderh section.topstats .stat p.statline, section.topstats .stat section.sliderh p.statline, section.neighbors p.divline, section.neighbors section.topstats .stat p.statline, section.topstats .stat section.neighbors p.statline, section.bridge.letter p.divline, section.bridge.letter section.topstats .stat p.statline, section.topstats .stat section.bridge.letter p.statline, section.topstats .stat .large.statline, section.topstats .stat .story-quote.short p.statline, .story-quote.short section.topstats .stat p.statline, section.topstats .stat .aboutcard.team .short.quote p.statline, .aboutcard.team .short.quote section.topstats .stat p.statline, section.topstats .stat .aboutcard.team .quote.locale-menu.sea p.statline, .aboutcard.team .quote.locale-menu.sea section.topstats .stat p.statline, section.topstats .stat .aboutcard.team .quote.locale-menu.den p.statline, .aboutcard.team .quote.locale-menu.den section.topstats .stat p.statline, section.topstats .stat .story-quote.locale-menu.sea p.statline, .story-quote.locale-menu.sea section.topstats .stat p.statline, section.topstats .stat .story-quote.locale-menu.den p.statline, .story-quote.locale-menu.den section.topstats .stat p.statline, section.topstats .stat section.description p.statline, section.description section.topstats .stat p.statline, section.topstats .stat .aboutcard.board.active .tile h5.statline, .aboutcard.board.active .tile section.topstats .stat h5.statline, .story-quote.short p.divline, .aboutcard.team .short.quote p.divline, .aboutcard.team .quote.locale-menu.sea p.divline, .aboutcard.team .quote.locale-menu.den p.divline, .story-quote.locale-menu.sea p.divline, .story-quote.locale-menu.den p.divline, section.description p.divline, .aboutcard.board.active .tile h5.divline {
        width: 66px;
        height: 8px;
        border-radius: 4px; } }

html {
  height: 100%;
  font-size: 12px; }

body {
  min-width: 320px;
  line-height: 30px;
  font-size: 24px;
  font-family: brandon-grotesque, sans-serif;
  background: #2f365b;
  color: #000; }
  body.no-scroll {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden; }
  body.modal-open {
    height: 100vh;
    overflow-y: hidden; }

.wrapper {
  position: relative;
  min-height: 100vh;
  overflow: hidden; }
  .wrapper.blurred, body.modal-open .wrapper {
    filter: blur(2px); }

.content-wrapper {
  position: relative;
  margin: auto;
  width: 80%;
  max-width: 1280px; }
  @media (max-width: 768px) {
    .content-wrapper {
      width: 92.5%; } }
  .content-wrapper.wide, .content-wrapper.intro.stakeholder.alt.xwide, .content-wrapper.intro.xwide.stories, section.bridge.stories p.content-wrapper.intro.stories, body.fund.runwith section.bridge p.content-wrapper.intro.stories, section.bridge.about p.content-wrapper.intro.stories, .aboutcard.value#val1 .content-wrapper.intro.stories.number, section.bridge.stories p.content-wrapper.intro.stakeholder.alt, section.bridge.stories p.content-wrapper.intro.fund, section.bridge.stories p.content-wrapper.intro.about, .content-wrapper.intro.xwide.fund, body.fund.runwith section.bridge p.content-wrapper.intro.fund, section.bridge.about p.content-wrapper.intro.fund, .aboutcard.value#val1 .content-wrapper.intro.fund.number, body.fund.runwith section.bridge p.content-wrapper.intro.stakeholder.alt, body.fund.runwith section.bridge p.content-wrapper.intro.about, .content-wrapper.intro.xwide.about, section.bridge.about p.content-wrapper.intro.about, .aboutcard.value#val1 .content-wrapper.intro.about.number, section.bridge.about p.content-wrapper.intro.stakeholder.alt, .aboutcard.value#val1 .content-wrapper.intro.stakeholder.alt.number, section.bridge.wide p.content-wrapper, section.aboutmain .content-wrapper, body.appland section.bridge p.content-wrapper {
    width: 85vw;
    max-width: 1280px; }

.flex, .card-wrap, .card-case {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.flexr {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1; }

input::-moz-placeholder {
  color: inherit;
  opacity: 1; }

input:-ms-input-placeholder {
  color: inherit;
  opacity: 1; }

input::placeholder {
  color: #c3c3c3;
  opacity: 1; }

textarea::-webkit-input-placeholder {
  color: #c3c3c3;
  opacity: 1; }

textarea::-moz-placeholder {
  color: #c3c3c3;
  opacity: 1; }

textarea:-ms-input-placeholder {
  color: #c3c3c3;
  opacity: 1; }

textarea::placeholder {
  color: inherit;
  opacity: 1; }

input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }

input.input-underline {
  border: 0;
  border-bottom: 1px solid #6777a4; }

input[type=number].no-spinner::-webkit-inner-spin-button, input[type=number].no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  /* removes default arrow from firefox */
  text-overflow: "";
  /* removes default arrow from firefox */
  border: none; }
  input::-webkit-input-placeholder {
    font-weight: 300;
    color: inherit;
    opacity: 1; }
  input::-moz-placeholder {
    font-weight: 300;
    color: inherit;
    opacity: 1; }
  input:-ms-input-placeholder {
    font-weight: 300;
    color: inherit;
    opacity: 1; }
  input::placeholder {
    font-weight: 300;
    color: inherit;
    opacity: 1; }

.g-recaptcha > div {
  margin: 0 auto; }

.g-recaptcha {
  margin: 20px auto; }

#give .intro-alt .intro-content {
  max-width: unset; }

#give .intro-alt .intro-content h1 {
  font-size: 30px;
  padding-top: 20px; }

.recurring {
  display: flex;
  justify-content: space-between; }

@media (max-width: 480px) {
  .section#donate .shell .section-content {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .section#donate .shell .section-content button {
      margin-top: 20px; }
    .section#donate .shell .section-content input {
      font-size: 24px; }
    .section#donate .shell .section-content .donation-options {
      margin-bottom: 20px; }
      .section#donate .shell .section-content .donation-options #custom-donation-amount {
        width: 100%;
        margin-top: 10px; }
      .section#donate .shell .section-content .donation-options #donation-designation-message {
        width: 75vw; }
      .section#donate .shell .section-content .donation-options .email-input {
        width: 75vw; }
      .section#donate .shell .section-content .donation-options .nonprofit-info {
        width: 90vw; } }

.input-wrap {
  width: 80%;
  margin-top: 2rem; }
  .input-wrap h6.caps, .input-wrap h6.arrowh {
    display: none; }
  .input-wrap input, .input-wrap div.input {
    width: 100%;
    line-height: 5.5rem;
    border-radius: 10px;
    background: #e9e9e9;
    padding-left: 1.5rem;
    font-size: 1.75rem;
    max-height: 66px; }
  .input-wrap iframe {
    max-height: 66px; }

.braintree-input {
  width: 100%;
  line-height: 5.5rem;
  border-radius: 10px;
  background: #e9e9e9;
  padding-left: 1.5rem;
  font-size: 1.75rem; }

.braintree-invalid {
  border-radius: #ff0019;
  color: #ff0019; }

.braintree-valid {
  border-radius: #00cf82;
  color: #00cf82; }

.step-wrap.step1 .input-wrap.error {
  width: 100%;
  text-align: right; }

.input-wrap.error input, .input-message.error input {
  box-shadow: inset 0 0 0 2px #ff0019;
  color: #ff0019; }

.input-wrap.error h6.caps, .input-wrap.error h6.arrowh, .input-message.error h6.caps, .input-message.error h6.arrowh {
  height: 0;
  display: block;
  margin-top: 1rem;
  margin-left: 1.5rem;
  line-height: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #ff0019; }
  @media (max-width: 768px) {
    .input-wrap.error h6.caps, .input-wrap.error h6.arrowh, .input-message.error h6.caps, .input-message.error h6.arrowh {
      width: 100%;
      margin: 1rem auto 1.5rem;
      font-size: 1.4rem;
      text-align: center; } }

.input-wrap.contact {
  display: flex;
  gap: 1.5rem; }
  @media (max-width: 768px) {
    .input-wrap.contact {
      margin-top: 0.25rem; } }

.input-message {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  position: relative; }
  .input-message input {
    width: 100%;
    line-height: 5.5rem;
    border-radius: 3rem;
    background: #7279e8;
    padding: 0 6rem 0 1.5rem;
    font-size: 1.75rem; }
    @media (max-width: 390px) {
      .input-message input::placeholder {
        font-size: 1.25rem; } }
  .input-message .send-message {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    z-index: 2;
    height: 50px;
    width: 50px;
    border: 0;
    border-radius: 50%;
    margin-right: 0.75rem;
    background-color: #a5a4ed; }
  .input-message .send-button {
    width: 40%; }
  .input-message .send-message {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    z-index: 2;
    height: 50px;
    width: 50px;
    border: 0;
    border-radius: 50%;
    margin-right: 0.75rem;
    background-color: #a5a4ed; }
  .input-message .send-button {
    width: 40%; }

.encourage {
  z-index: 7; }
  .encourage .encourage-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem; }
    .encourage .encourage-wrapper .btn.team .icon, .encourage .encourage-wrapper .btn.team .btn.team, .encourage .encourage-wrapper .btn.team .profile-nav .btn.give, .profile-nav .encourage .encourage-wrapper .btn.team .btn.give {
      background-image: url("/images/icons/icon-messages.png"); }
    @media (max-width: 768px) {
      .encourage .encourage-wrapper .btn.team {
        width: 50%;
        margin-left: -2.5%; } }
    .encourage .encourage-wrapper .modal-wrapper.bottom-modal {
      bottom: 8rem; }
      .encourage .encourage-wrapper .modal-wrapper.bottom-modal .encourage-modal-pointer {
        left: 50%; }

[class^="list-"] {
  list-style: none outside none; }

.list-buttons li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2vw;
  text-transform: uppercase; }

.list-buttons li a img {
  width: 28px;
  height: auto; }

.list-buttons li:last-child {
  margin-right: 0; }

.list-buttons-alt li {
  min-width: 215px;
  margin-right: 0;
  display: block;
  width: 100%;
  margin-bottom: 10px; }

.list-buttons-alt a {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 12px; }

.list-buttons-alt .transparent {
  padding: 12px 20px; }

.list-contacts {
  display: block;
  max-width: 100%;
  font-size: 15px;
  font-weight: 300;
  color: #fff;
  white-space: nowrap; }

.list-contacts li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding-right: 7px;
  margin-right: 7px; }

.list-contacts li:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 1px;
  right: -2px;
  bottom: 1px;
  width: 1px;
  background: rgba(255, 255, 255, 0.35); }

.list-contacts li:last-child {
  margin-right: 0;
  padding-right: 0; }

.list-contacts li:last-child:after {
  display: none; }

.list-contacts a {
  text-decoration: none;
  color: #fff; }

.socials ul {
  list-style-type: none; }

.socials li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3rem; }

.socials li:last-child {
  margin-right: 0; }

.socials a {
  transition: opacity .3s; }

.socials a:hover {
  opacity: .6; }

.socials li {
  margin-right: 20px; }

@media (min-width: 769px) {
  .list-buttons li {
    margin-right: 1.5rem; }
  .list-buttons.socials li {
    margin-right: 2.25rem; }
    .list-buttons.socials li:last-of-type {
      margin-right: 0; }
  .list-contacts {
    font-size: 20px; }
  .list-contacts li {
    padding-right: 1rem;
    margin-right: 1rem; }
  .list-contacts li:after {
    top: 1px;
    right: -3px;
    bottom: 1px; } }

.list-contacts-alt {
  font-size: 16px;
  font-weight: 300; }

.list-contacts-alt li {
  margin-bottom: 5px; }

.list-contacts-alt a {
  text-decoration: none;
  color: #fff; }

.list-places {
  font-size: 20px;
  font-weight: 300; }

.list-places li {
  border-bottom: 2px solid #979797; }

.list-places li:last-child {
  border-bottom: 0; }

.list-places a {
  display: block;
  text-decoration: none;
  color: #fff9ee;
  padding: 12px 20px; }

@media (min-width: 1024px) {
  .list-places {
    font-size: 24px; } }

.modal {
  height: 100vh;
  width: 100%; }

.modal-dropdown, .header .modal {
  position: fixed;
  top: 0;
  left: 0;
  right: auto;
  z-index: 100;
  height: 100vh;
  width: 100%;
  text-align: left;
  text-transform: lowercase;
  -webkit-transform: translateY(-110%);
  -ms-transform: translateY(-110%);
  transform: translateY(-110%);
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
  padding-top: 0; }

.modal-dropdown.visible, .header .visible.modal {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1; }

.modal .modal-inner {
  position: relative;
  height: 100%;
  background-color: rgba(46, 46, 46, 0.75);
  color: #fff;
  padding: 48px 0;
  box-shadow: none;
  margin: auto; }

.modal-dropdown .modal-inner, .header .modal .modal-inner {
  width: 100vw; }

.modal .modal-inner:before {
  content: '';
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 24px 21px 24px;
  border-color: transparent transparent #4f578f transparent;
  position: absolute;
  top: -20px;
  right: 114px; }

.modal .modal-head h5 {
  margin-bottom: 1.25rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300; }

.modal .modal-body {
  height: 100%;
  padding: 0 20px; }

.modal .modal-actions {
  position: relative;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #fff; }

.modal .modal-actions a {
  text-decoration: none;
  position: relative;
  z-index: 50; }

.modal .modal-actions a:hover {
  font-weight: 300; }

.modal .modal-nav {
  font-size: 20px;
  font-weight: 700;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

.modal .modal-nav ul {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto; }

.modal .modal-nav li.current, .modal .modal-nav body.home li.home, body.home .modal .modal-nav li.home, .modal .modal-nav body.stakeholder li.solutions, body.stakeholder .modal .modal-nav li.solutions, .modal .modal-nav body.managed_care li.managed_care, body.managed_care .modal .modal-nav li.managed_care, .modal .modal-nav body.person_in_need li.person_in_need, body.person_in_need .modal .modal-nav li.person_in_need, .modal .modal-nav body.hospitals li.hospitals, body.hospitals .modal .modal-nav li.hospitals, .modal .modal-nav body.human_services li.human_services, body.human_services .modal .modal-nav li.human_services, .modal .modal-nav body.organizations li.organizations, body.organizations .modal .modal-nav li.organizations, .modal .modal-nav body.volunteers li.volunteers, body.volunteers .modal .modal-nav li.volunteers, .modal .modal-nav body.fund li.fund, body.fund .modal .modal-nav li.fund, .modal .modal-nav body.about li.about, body.about .modal .modal-nav li.about, .modal .modal-nav body.locale li.locales, body.locale .modal .modal-nav li.locales, .modal .modal-nav body.locale.seattle li.seattle, body.locale.seattle .modal .modal-nav li.seattle, .modal .modal-nav body.locale.losangeles li.losangeles, body.locale.losangeles .modal .modal-nav li.losangeles, .modal .modal-nav body.locale.portland li.portland, body.locale.portland .modal .modal-nav li.portland, .modal .modal-nav body.locale.louisville li.louisville, body.locale.louisville .modal .modal-nav li.louisville, .modal .modal-nav body.locale.denver li.denver, body.locale.denver .modal .modal-nav li.denver, .modal .modal-nav body.locale.jacksonville li.jacksonville, body.locale.jacksonville .modal .modal-nav li.jacksonville, .modal .modal-nav body.locale.orangecounty li.orangecounty, body.locale.orangecounty .modal .modal-nav li.orangecounty, .modal .modal-nav body.locale.inlandempire li.inlandempire, body.locale.inlandempire .modal .modal-nav li.inlandempire {
  display: inline-block;
  position: relative;
  width: auto;
  margin-bottom: 1.5rem;
  margin-left: 20px; }
  .modal .modal-nav li.current a, .modal .modal-nav body.home li.home a, body.home .modal .modal-nav li.home a, .modal .modal-nav body.stakeholder li.solutions a, body.stakeholder .modal .modal-nav li.solutions a, .modal .modal-nav body.managed_care li.managed_care a, body.managed_care .modal .modal-nav li.managed_care a, .modal .modal-nav body.person_in_need li.person_in_need a, body.person_in_need .modal .modal-nav li.person_in_need a, .modal .modal-nav body.hospitals li.hospitals a, body.hospitals .modal .modal-nav li.hospitals a, .modal .modal-nav body.human_services li.human_services a, body.human_services .modal .modal-nav li.human_services a, .modal .modal-nav body.organizations li.organizations a, body.organizations .modal .modal-nav li.organizations a, .modal .modal-nav body.volunteers li.volunteers a, body.volunteers .modal .modal-nav li.volunteers a, .modal .modal-nav body.fund li.fund a, body.fund .modal .modal-nav li.fund a, .modal .modal-nav body.about li.about a, body.about .modal .modal-nav li.about a, .modal .modal-nav body.locale li.locales a, body.locale .modal .modal-nav li.locales a, .modal .modal-nav body.locale.seattle li.seattle a, body.locale.seattle .modal .modal-nav li.seattle a, .modal .modal-nav body.locale.losangeles li.losangeles a, body.locale.losangeles .modal .modal-nav li.losangeles a, .modal .modal-nav body.locale.portland li.portland a, body.locale.portland .modal .modal-nav li.portland a, .modal .modal-nav body.locale.louisville li.louisville a, body.locale.louisville .modal .modal-nav li.louisville a, .modal .modal-nav body.locale.denver li.denver a, body.locale.denver .modal .modal-nav li.denver a, .modal .modal-nav body.locale.jacksonville li.jacksonville a, body.locale.jacksonville .modal .modal-nav li.jacksonville a, .modal .modal-nav body.locale.orangecounty li.orangecounty a, body.locale.orangecounty .modal .modal-nav li.orangecounty a, .modal .modal-nav body.locale.inlandempire li.inlandempire a, body.locale.inlandempire .modal .modal-nav li.inlandempire a {
    padding-left: 6px;
    padding-right: 12px;
    font-weight: 600;
    color: #fff; }
  .modal .modal-nav li.current div, .modal .modal-nav body.home li.home div, body.home .modal .modal-nav li.home div, .modal .modal-nav body.stakeholder li.solutions div, body.stakeholder .modal .modal-nav li.solutions div, .modal .modal-nav body.managed_care li.managed_care div, body.managed_care .modal .modal-nav li.managed_care div, .modal .modal-nav body.person_in_need li.person_in_need div, body.person_in_need .modal .modal-nav li.person_in_need div, .modal .modal-nav body.hospitals li.hospitals div, body.hospitals .modal .modal-nav li.hospitals div, .modal .modal-nav body.human_services li.human_services div, body.human_services .modal .modal-nav li.human_services div, .modal .modal-nav body.organizations li.organizations div, body.organizations .modal .modal-nav li.organizations div, .modal .modal-nav body.volunteers li.volunteers div, body.volunteers .modal .modal-nav li.volunteers div, .modal .modal-nav body.fund li.fund div, body.fund .modal .modal-nav li.fund div, .modal .modal-nav body.about li.about div, body.about .modal .modal-nav li.about div, .modal .modal-nav body.locale li.locales div, body.locale .modal .modal-nav li.locales div, .modal .modal-nav body.locale.seattle li.seattle div, body.locale.seattle .modal .modal-nav li.seattle div, .modal .modal-nav body.locale.losangeles li.losangeles div, body.locale.losangeles .modal .modal-nav li.losangeles div, .modal .modal-nav body.locale.portland li.portland div, body.locale.portland .modal .modal-nav li.portland div, .modal .modal-nav body.locale.louisville li.louisville div, body.locale.louisville .modal .modal-nav li.louisville div, .modal .modal-nav body.locale.denver li.denver div, body.locale.denver .modal .modal-nav li.denver div, .modal .modal-nav body.locale.jacksonville li.jacksonville div, body.locale.jacksonville .modal .modal-nav li.jacksonville div, .modal .modal-nav body.locale.orangecounty li.orangecounty div, body.locale.orangecounty .modal .modal-nav li.orangecounty div, .modal .modal-nav body.locale.inlandempire li.inlandempire div, body.locale.inlandempire .modal .modal-nav li.inlandempire div {
    display: block;
    z-index: 1; }

.modal .modal-nav li {
  display: block;
  width: 100%;
  margin-right: 0;
  padding: 9px 0; }
  .modal .modal-nav li.current a, .modal .modal-nav body.home li.home a, body.home .modal .modal-nav li.home a, .modal .modal-nav body.stakeholder li.solutions a, body.stakeholder .modal .modal-nav li.solutions a, .modal .modal-nav body.managed_care li.managed_care a, body.managed_care .modal .modal-nav li.managed_care a, .modal .modal-nav body.person_in_need li.person_in_need a, body.person_in_need .modal .modal-nav li.person_in_need a, .modal .modal-nav body.hospitals li.hospitals a, body.hospitals .modal .modal-nav li.hospitals a, .modal .modal-nav body.human_services li.human_services a, body.human_services .modal .modal-nav li.human_services a, .modal .modal-nav body.organizations li.organizations a, body.organizations .modal .modal-nav li.organizations a, .modal .modal-nav body.volunteers li.volunteers a, body.volunteers .modal .modal-nav li.volunteers a, .modal .modal-nav body.fund li.fund a, body.fund .modal .modal-nav li.fund a, .modal .modal-nav body.about li.about a, body.about .modal .modal-nav li.about a, .modal .modal-nav body.locale li.locales a, body.locale .modal .modal-nav li.locales a, .modal .modal-nav body.locale.seattle li.seattle a, body.locale.seattle .modal .modal-nav li.seattle a, .modal .modal-nav body.locale.losangeles li.losangeles a, body.locale.losangeles .modal .modal-nav li.losangeles a, .modal .modal-nav body.locale.portland li.portland a, body.locale.portland .modal .modal-nav li.portland a, .modal .modal-nav body.locale.louisville li.louisville a, body.locale.louisville .modal .modal-nav li.louisville a, .modal .modal-nav body.locale.denver li.denver a, body.locale.denver .modal .modal-nav li.denver a, .modal .modal-nav body.locale.jacksonville li.jacksonville a, body.locale.jacksonville .modal .modal-nav li.jacksonville a, .modal .modal-nav body.locale.orangecounty li.orangecounty a, body.locale.orangecounty .modal .modal-nav li.orangecounty a, .modal .modal-nav body.locale.inlandempire li.inlandempire a, body.locale.inlandempire .modal .modal-nav li.inlandempire a {
    box-shadow: none; }
    .modal .modal-nav li.current a:hover, .modal .modal-nav body.home li.home a:hover, body.home .modal .modal-nav li.home a:hover, .modal .modal-nav body.stakeholder li.solutions a:hover, body.stakeholder .modal .modal-nav li.solutions a:hover, .modal .modal-nav body.managed_care li.managed_care a:hover, body.managed_care .modal .modal-nav li.managed_care a:hover, .modal .modal-nav body.person_in_need li.person_in_need a:hover, body.person_in_need .modal .modal-nav li.person_in_need a:hover, .modal .modal-nav body.hospitals li.hospitals a:hover, body.hospitals .modal .modal-nav li.hospitals a:hover, .modal .modal-nav body.human_services li.human_services a:hover, body.human_services .modal .modal-nav li.human_services a:hover, .modal .modal-nav body.organizations li.organizations a:hover, body.organizations .modal .modal-nav li.organizations a:hover, .modal .modal-nav body.volunteers li.volunteers a:hover, body.volunteers .modal .modal-nav li.volunteers a:hover, .modal .modal-nav body.fund li.fund a:hover, body.fund .modal .modal-nav li.fund a:hover, .modal .modal-nav body.about li.about a:hover, body.about .modal .modal-nav li.about a:hover, .modal .modal-nav body.locale li.locales a:hover, body.locale .modal .modal-nav li.locales a:hover, .modal .modal-nav body.locale.seattle li.seattle a:hover, body.locale.seattle .modal .modal-nav li.seattle a:hover, .modal .modal-nav body.locale.losangeles li.losangeles a:hover, body.locale.losangeles .modal .modal-nav li.losangeles a:hover, .modal .modal-nav body.locale.portland li.portland a:hover, body.locale.portland .modal .modal-nav li.portland a:hover, .modal .modal-nav body.locale.louisville li.louisville a:hover, body.locale.louisville .modal .modal-nav li.louisville a:hover, .modal .modal-nav body.locale.denver li.denver a:hover, body.locale.denver .modal .modal-nav li.denver a:hover, .modal .modal-nav body.locale.jacksonville li.jacksonville a:hover, body.locale.jacksonville .modal .modal-nav li.jacksonville a:hover, .modal .modal-nav body.locale.orangecounty li.orangecounty a:hover, body.locale.orangecounty .modal .modal-nav li.orangecounty a:hover, .modal .modal-nav body.locale.inlandempire li.inlandempire a:hover, body.locale.inlandempire .modal .modal-nav li.inlandempire a:hover {
      background-color: transparent; }

.modal .modal-nav li + li {
  margin-left: 0; }

.modal .modal-nav a {
  display: block;
  position: relative;
  padding: 5px 20px 8px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(74, 79, 128, 0); }
  .modal .modal-nav a:hover {
    color: #fff;
    box-shadow: inset -4px 0 #fff; }

.modal .modal-nav i {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -10px;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s; }

.modal .modal-nav-inner {
  max-height: 0;
  overflow: hidden;
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  transition: max-height .5s ease-in-out; }

.modal .modal-nav-inner ul {
  padding: 1rem 0; }

.modal .modal-nav-inner li {
  border-bottom: 0;
  margin-bottom: 2rem; }

.modal .modal-nav-inner li:last-child {
  margin-bottom: 0; }

.modal .modal-nav-inner a {
  padding: 0;
  color: #fff9ee; }

.modal .modal-nav-inner a:hover {
  color: #fff;
  font-weight: 700; }

.modal li.active .modal-nav-inner {
  max-height: 1000px; }

.modal li.active .ico-arrow-right {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.modal .btn-close {
  position: absolute;
  top: 18px;
  right: 21px;
  display: inline-block; }

.modal .list-places {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

.modal .accordion {
  padding: 0; }

.modal-dropdown, .header .modal {
  display: none; }

@media (min-width: 375px) {
  .modal .list-places, .modal .accordion {
    padding: 5px 18px 0; }
  .modal .modal-inner {
    padding: 67px 0; }
  .modal .modal-head {
    padding: 0 38px; }
  .modal .modal-body {
    padding: 0 38px; }
  .modal .modal-inner:before {
    display: none; } }

@media (min-width: 769px) {
  .modal-dropdown, .header .modal {
    display: block;
    position: absolute;
    top: -9999px;
    left: auto;
    right: -9999px;
    padding-top: 24px;
    height: auto;
    width: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s, opacity .3s;
    margin-top: 4rem;
    margin-right: -10px; }
  .modal .modal-inner {
    width: 100%;
    max-width: 450px;
    margin: auto;
    height: auto;
    padding: 51px 0 0; }
  .modal .modal-head {
    padding: 0 20px; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .modal .modal-head {
      min-height: 0.333rem; } }

@media (min-width: 769px) {
  .modal .modal-body {
    height: 480px;
    padding: 0 20px; }
  .modal .modal-actions {
    padding-bottom: 10px; }
  .modal-dropdown .modal-inner, .header .modal .modal-inner {
    position: relative;
    width: 420px;
    padding: 3rem 3.5rem 3rem 3rem;
    background-color: #373c62;
    background-image: linear-gradient(30deg, #33385c 0%, #535b95 100%);
    box-shadow: -2px 4px 12px 0px rgba(0, 0, 0, 0.25);
    border-radius: 6px; }
  .modal-dropdown .modal-inner:before, .header .modal .modal-inner:before {
    display: inline-block; }
  .modal-dropdown .modal-body, .header .modal .modal-body {
    height: auto;
    padding: 0; }
  .modal-dropdown .modal-head, .header .modal .modal-head {
    padding: 0; }
    .modal-dropdown .modal-head h5, .header .modal .modal-head h5 {
      font-size: 1.6667rem;
      font-style: italic;
      letter-spacing: 0.0075em; }
  .modal-dropdown .modal-nav, .header .modal .modal-nav {
    font-size: 24px;
    font-weight: 700; }
  .modal-dropdown .modal-nav-inner ul, .header .modal .modal-nav-inner ul {
    padding: 5px 0 13px; }
  .modal-dropdown .btn-close, .header .modal .btn-close {
    display: none; }
  .modal-dropdown.clicked, .header .clicked.modal {
    top: auto;
    bottom: 0;
    right: auto;
    margin-left: -120px; }
  .modal-dropdown.clicked .modal-body, .header .clicked.modal .modal-body {
    position: relative;
    height: 250px; }
  .modal-dropdown.clicked .modal-body:after, .header .clicked.modal .modal-body:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
    -webkit-filter: blur(5px);
    filter: blur(5px); }
  .modal-dropdown.clicked .modal-inner:before, .header .clicked.modal .modal-inner:before {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); } }

.header .modal .modal-nav li h5 {
  position: absolute;
  top: 0;
  right: 0.5rem;
  line-height: 3.25rem;
  font-size: 2.25rem;
  font-weight: 300; }

.header .solutions-dropdown .modal-inner {
  width: 400px; }
  .header .solutions-dropdown .modal-inner:before {
    right: 97.5px;
    border-color: transparent transparent #505890 transparent; }

.header .locales-dropdown .modal-inner {
  width: 375px;
  background-image: linear-gradient(-25deg, #33385c 0%, #535b95 100%); }
  .header .locales-dropdown .modal-inner:before {
    left: 90px;
    right: auto;
    border-color: transparent transparent #50588f transparent; }

.modal-under-construction {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  padding: 4.5vh 2.6vw;
  z-index: 110; }
  .modal-under-construction .modal-under-construction-content {
    position: relative;
    height: 91vh;
    width: 94.8vw;
    background-color: #6777a4;
    border-radius: 20px;
    box-shadow: 0 5px 10px 0 rgba(47, 47, 47, 0.4);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
    padding: 10.5vh 5.3vw; }
    .modal-under-construction .modal-under-construction-content h3 {
      color: #fff;
      font-size: 36px;
      line-height: 48px;
      margin-top: 6.4vh;
      margin-bottom: 26.4px; }
    .modal-under-construction .modal-under-construction-content p {
      font-size: 18px;
      line-height: 30px;
      font-weight: 300;
      text-align: left; }
    .modal-under-construction .modal-under-construction-content img.close-under-construction {
      position: absolute;
      top: 20px;
      right: 20px;
      width: 20px;
      height: 20px;
      cursor: pointer; }
    .modal-under-construction .modal-under-construction-content .samaritan-light {
      margin: 9.15vh auto 0; }
    .modal-under-construction .modal-under-construction-content .large, .modal-under-construction .modal-under-construction-content section.bridge .statement .line, section.bridge .statement .modal-under-construction .modal-under-construction-content .line, .modal-under-construction .modal-under-construction-content section.slider p, section.slider .modal-under-construction .modal-under-construction-content p, .modal-under-construction .modal-under-construction-content section.sliderh p, section.sliderh .modal-under-construction .modal-under-construction-content p, .modal-under-construction .modal-under-construction-content section.neighbors p, section.neighbors .modal-under-construction .modal-under-construction-content p, .modal-under-construction .modal-under-construction-content section.bridge.letter p, section.bridge.letter .modal-under-construction .modal-under-construction-content p, .modal-under-construction .modal-under-construction-content .story-quote.short p, .story-quote.short .modal-under-construction .modal-under-construction-content p, .modal-under-construction .modal-under-construction-content .aboutcard.team .short.quote p, .aboutcard.team .short.quote .modal-under-construction .modal-under-construction-content p, .modal-under-construction .modal-under-construction-content .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.sea .modal-under-construction .modal-under-construction-content p, .modal-under-construction .modal-under-construction-content .aboutcard.team .quote.locale-menu.den p, .aboutcard.team .quote.locale-menu.den .modal-under-construction .modal-under-construction-content p, .modal-under-construction .modal-under-construction-content .story-quote.locale-menu.sea p, .story-quote.locale-menu.sea .modal-under-construction .modal-under-construction-content p, .modal-under-construction .modal-under-construction-content .story-quote.locale-menu.den p, .story-quote.locale-menu.den .modal-under-construction .modal-under-construction-content p, .modal-under-construction .modal-under-construction-content section.description p, section.description .modal-under-construction .modal-under-construction-content p, .modal-under-construction .modal-under-construction-content .aboutcard.board.active .tile h5, .aboutcard.board.active .tile .modal-under-construction .modal-under-construction-content h5 {
      max-width: 360px;
      margin: auto; }

@media (min-width: 769px) {
  .modal-under-construction {
    padding: 10vh 12vw; }
    .modal-under-construction .modal-under-construction-content {
      height: 80vh;
      width: 75vw;
      min-width: 600px;
      max-width: 1024px;
      min-height: 528px;
      max-height: 720px;
      margin: auto;
      padding: 15vh 0;
      box-shadow: 0 10px 10px 2px rgba(47, 47, 47, 0.4);
      display: flex; }
      .modal-under-construction .modal-under-construction-content h3 {
        font-size: 48px;
        line-height: 60px;
        display: inline-block;
        margin: auto;
        width: 70%;
        min-width: 450px;
        max-width: 660px; }
      .modal-under-construction .modal-under-construction-content p {
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        display: inline-block;
        margin: auto;
        width: 70%;
        min-width: 450px;
        max-width: 660px;
        padding: 24px 0 36px; }
      .modal-under-construction .modal-under-construction-content img.close-under-construction {
        top: 50px;
        right: 50px; }
      .modal-under-construction .modal-under-construction-content .samaritan-light {
        margin: auto; } }

.popup .modal {
  height: auto; }

.mfp-bg {
  background-color: transparent;
  -webkit-filter: blur(5px);
  filter: blur(5px); }

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

.mfp-container {
  padding: 0; }

button.mfp-close, button.mfp-arrow {
  display: none; }

@media (min-width: 769px) {
  .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 450px; } }

@media (min-width: 769px) {
  .modal-dropdown, .header .modal {
    left: -9999px;
    right: auto; } }

section.sliders {
  background: none; }

section.partners {
  z-index: 2;
  background-color: transparent; }

.slide-next {
  text-decoration: none; }

.slider-content {
  margin-top: 130px;
  margin-bottom: 50px; }

.slider__slides {
  max-width: 1440px;
  margin: auto; }

.slider {
  position: relative; }

.slider .slides {
  list-style: none outside none;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover; }

.slider .slide {
  position: relative;
  background-size: cover;
  background-position: top left; }

.slider .slide-dark:after, .slider .slide-light:after {
  display: none; }

.slider .slide-outer {
  height: 100vh;
  display: inline-block; }

.slider .slide-inner {
  min-height: 100vh;
  display: flex;
  padding: 0 0 16.7vh; }

.slider .slide-content {
  min-height: 40vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  position: relative;
  z-index: 50;
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  color: #fff9ee;
  margin: 0 4.3vw; }

.slider .slide-content_text {
  margin: auto 0; }

.slider .slide-content p {
  margin-bottom: 20px; }

.slider .slide-content p.slide-content_subtext {
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  margin-bottom: 20px; }

.slider .slide-content_button-section {
  width: 100%;
  display: flex;
  justify-content: center; }

.slider .slide-light .slide-inner {
  padding: 30px 0 45px; }

.slider .slide-light .slide-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("/samaritan/slide-light-before-mobile.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 100%;
  height: 20px; }

.slider .slide-light .slide-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("/samaritan/slide-light-after-mobile.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 100%;
  height: 20px; }

.slider .slide-light .slide-image {
  width: 265px;
  margin-bottom: 10px; }

.slider .slide-light .slide-content {
  font-size: 16px;
  font-weight: 300;
  color: #3d499c;
  text-align: left; }

.slider .slide-light .slide-content span {
  display: block;
  width: 100%;
  padding-left: 30px;
  font-style: italic; }

.slider .slide-dark .shell, .slider .slide-light .shell {
  padding: 0 25px; }

.slider .slide-dark {
  background: url("/images/section-dark-bg.png") no-repeat 0 0;
  background-size: cover;
  background-position: center center; }

.slider .slide-dark .slide-image {
  width: 230px;
  margin-bottom: 10px; }

.slider .slide-dark .slide-content {
  font-size: 16px;
  font-weight: 300;
  color: #fff; }

.slider .slide-title {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 50px; }

.slider .slide-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("/samaritan/line-small.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 100%;
  height: 25px; }

.slider .slick-dots {
  position: absolute;
  bottom: 2.4vh;
  left: 0;
  width: 100%;
  text-align: center; }

.slider .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }

.slider .slick-dots li:last-child {
  margin-right: 0; }

.slider .slick-dots button {
  font-size: 0;
  line-height: 0;
  text-indent: -4004px;
  background-color: transparent;
  width: 20px;
  height: 20px;
  border: 1px solid #afb4c5;
  border-radius: 50%;
  transition: background 0.3s; }

.slider .slick-dots button:hover, .slider .slick-dots .slick-active button {
  background: #afb4c5; }

.slick-disabled {
  display: none !important; }

@media (min-width: 769px) {
  .slider .slide-dark .slide-content, .slider .slide-light .slide-content {
    font-size: 25px; }
  .slider .slide-inner {
    min-height: 500px; }
  .slider .slide-content {
    font-size: 56px;
    line-height: 1.166666667;
    max-width: 75%;
    margin: 0 19.24vw 0; }
  .slider .slide-content p {
    padding-right: 25.2vw; }
  .slider .slide-content p.slide-content_subtext {
    font-size: 25px;
    line-height: 38px; }
  .slider .slick-prev {
    width: 33px;
    height: 56px;
    margin-top: -28px;
    left: 20px; }
  .slider .slick-next {
    width: 33px;
    height: 56px;
    margin-top: -28px;
    right: 20px; } }

@media (min-width: 1024px) {
  .slider .slide-outer {
    position: relative;
    z-index: 50;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .slider .slide-inner {
    min-height: 600px; }
  .slider .slide-light .slide-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("/samaritan/slide-light-before.png") no-repeat 0 0;
    background-size: 100% 100%;
    width: 100%;
    height: 20px; }
  .slider .slide-light .slide-wrapper:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("/samaritan/slide-light-after.png") no-repeat 0 0;
    background-size: 100% 100%;
    width: 100%;
    height: 20px; }
  .slider .slide-light .slide-inner {
    padding: 60px 0 65px; }
  .slider .slide-light .slide-image {
    width: auto; }
  .slider .slide-light .slide-content {
    font-size: 36px;
    font-weight: 300;
    color: #3d499c;
    max-width: 1000px; }
  .slider .slide-light .slide-content span {
    margin-right: 30px;
    display: inline-block;
    width: auto; }
  .slider .slide-light .slide-content span:last-child {
    margin-right: 0; }
  .slider .slide-dark .slide-content {
    max-width: 930px;
    font-size: 36px; }
  .slider .slide-dark .slide-image {
    width: auto; }
  .slider .slide-light-center .slide-content {
    text-align: center; } }

.slider-update .slider__slide {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center; }

.slider-update .slider__slide-content {
  width: 100%; }

.slider-update .slick-next {
  left: auto;
  right: calc(41.66% + 23px); }

@media (max-width: 768px) {
  .slider-update {
    margin-bottom: 0px; }
  .slider-update .slider__slide-content {
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    width: 100%; } }

.slider--no-image .slider__slide-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 525px; }

.slider--no-image .testimonial span {
  max-width: 100%; }

@media (max-width: 1200px) {
  .slider--no-image .slider__slide-content {
    height: 450px; } }

@media (max-width: 1023px) {
  .slider--no-image .slider__slide-content {
    height: 400px; } }

@media (max-width: 768px) {
  .slider--no-image .slider__slide-content {
    height: 375px; } }

@media (max-width: 768px) {
  .slider--no-image .slider__slide-content {
    position: static; }
  .slider--no-image .testimonial {
    color: #000; }
  .slider--no-image .testimonial span {
    color: #3d499c; } }

.slider-blocks {
  position: relative;
  z-index: 9;
  font-size: 20px;
  line-height: 1.5;
  box-shadow: 0 3px 36px 1px rgba(0, 0, 0, 0.2); }

.slider-blocks:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px; }

.slider-blocks .slider__slides {
  position: relative; }

.slider-blocks .slider__slides:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50px; }

.slider-blocks .slider__row {
  display: flex;
  flex-wrap: wrap; }

.slider-blocks .slider__col {
  height: 180px;
  width: 33.33%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

.slider-blocks .slider--blue {
  background-color: #6677a4;
  color: #fff; }

.slider-blocks .slider--light-blue {
  background-color: #afb4c5; }

.slider-blocks .slider--dark-blue {
  background-color: #3c499c;
  color: #fff; }

.slider-blocks .slider--violet {
  background-color: #7f7fbb;
  color: #fff; }

.slider-blocks .slider__col-inner {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .slider-blocks .slider__col-inner p {
    margin-top: 0;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 400; }
  .slider-blocks .slider__col-inner .btn.small, .slider-blocks .slider__col-inner .btn.contact_us-form.med {
    display: none; }
  @media (max-width: 768px) {
    .slider-blocks .slider__col-inner .btn.med {
      display: none; }
    .slider-blocks .slider__col-inner .btn.small, .slider-blocks .slider__col-inner .btn.contact_us-form.med {
      display: block; } }

.slider-blocks cite {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 300;
  font-style: normal; }

.slider-blocks .slick-arrow {
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: -27px;
  z-index: 10;
  font-size: 0;
  border: 0;
  background-color: transparent;
  color: transparent;
  background-image: url("images/arrow-white.png");
  height: 55px;
  width: 32px;
  background-size: cover;
  background-repeat: no-repeat; }

.slider-blocks .slick-next {
  left: auto;
  right: 30px;
  transform: rotate(180deg); }

@media (max-width: 768px) {
  .slider-blocks .slider__col img {
    height: 100% !important; } }

@media (min-width: 769px) {
  .slider-blocks .slider__col img {
    width: auto;
    height: 100%; } }

@media (max-width: 550px) {
  .slider-blocks .slider__col {
    width: 50%; }
  .slider-blocks .slider__slide .slider__row {
    position: relative;
    justify-content: flex-end; }
    .slider-blocks .slider__slide .slider__row:nth-of-type(2) .slider__col:nth-of-type(1) {
      position: absolute;
      top: -100%;
      left: 0; } }

.slider-blocks button {
  display: none !important; }

.slider-blocks.slider--mobile {
  display: none; }

@media (max-width: 1023px) {
  .slider-blocks {
    font-size: 15px;
    line-height: 1.4; }
  .slider-blocks .slider__col {
    height: 150px; }
  .slider-blocks:after, .slider-blocks .slider__slides:after {
    width: 25px; }
  .slider-blocks .slick-arrow {
    left: 15px;
    margin-top: -20px;
    height: 40px;
    width: 22px; }
  .slider-blocks .slick-next {
    left: auto;
    right: 15px; } }

@media (max-width: 768px) {
  .slider-blocks.slider--mobile {
    display: block; }
  .slider-blocks.slider--mobile .slider__col {
    height: 327px;
    width: 100%; }
  .slider-blocks.slider--mobile .slider--light-blue {
    color: #fff; }
  .slider-blocks.slider--mobile:after, .slider-blocks.slider--mobile .slider__slides:after {
    display: none; } }

.btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.75rem;
  appearance: none;
  outline: none;
  border: none;
  text-shadow: none;
  user-select: none;
  transition: all 0.4s 0s; }
  .btn:before, .btn:after {
    transition: all 0.4s 0s; }
  .btn:hover, .btn:hover:before, .btn:hover:after {
    transition: all 0.2s 0s; }

.btn.small, .btn.contact_us-form.med {
  min-width: auto;
  height: 40px;
  line-height: 40px;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12rem;
  border-radius: 5px; }
  .btn.small.outline, .btn.outline.contact_us-form.med, .controls .panel .lside .btn.contact_us-form.med.large, .controls .panel .lside section.bridge .statement .btn.contact_us-form.med.line, section.bridge .statement .controls .panel .lside .btn.contact_us-form.med.line, .controls .panel .lside section.slider p.btn.contact_us-form.med, section.slider .controls .panel .lside p.btn.contact_us-form.med, .controls .panel .lside section.sliderh p.btn.contact_us-form.med, section.sliderh .controls .panel .lside p.btn.contact_us-form.med, .controls .panel .lside section.neighbors p.btn.contact_us-form.med, section.neighbors .controls .panel .lside p.btn.contact_us-form.med, .controls .panel .lside section.bridge.letter p.btn.contact_us-form.med, section.bridge.letter .controls .panel .lside p.btn.contact_us-form.med, .controls .panel .lside .story-quote.short p.btn.contact_us-form.med, .story-quote.short .controls .panel .lside p.btn.contact_us-form.med, .controls .panel .lside .aboutcard.team .short.quote p.btn.contact_us-form.med, .aboutcard.team .short.quote .controls .panel .lside p.btn.contact_us-form.med, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn.contact_us-form.med, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn.contact_us-form.med, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn.contact_us-form.med, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn.contact_us-form.med, .controls .panel .lside .story-quote.locale-menu.sea p.btn.contact_us-form.med, .story-quote.locale-menu.sea .controls .panel .lside p.btn.contact_us-form.med, .controls .panel .lside .story-quote.locale-menu.den p.btn.contact_us-form.med, .story-quote.locale-menu.den .controls .panel .lside p.btn.contact_us-form.med, .controls .panel .lside section.description p.btn.contact_us-form.med, section.description .controls .panel .lside p.btn.contact_us-form.med, .controls .panel .lside .aboutcard.board.active .tile h5.btn.contact_us-form.med, .aboutcard.board.active .tile .controls .panel .lside h5.btn.contact_us-form.med, .controls .panel .lside .btn.small.large, .controls .panel .lside section.bridge .statement .btn.small.line, section.bridge .statement .controls .panel .lside .btn.small.line, .controls .panel .lside section.slider p.btn.small, section.slider .controls .panel .lside p.btn.small, .controls .panel .lside section.sliderh p.btn.small, section.sliderh .controls .panel .lside p.btn.small, .controls .panel .lside section.neighbors p.btn.small, section.neighbors .controls .panel .lside p.btn.small, .controls .panel .lside section.bridge.letter p.btn.small, section.bridge.letter .controls .panel .lside p.btn.small, .controls .panel .lside .story-quote.short p.btn.small, .story-quote.short .controls .panel .lside p.btn.small, .controls .panel .lside .aboutcard.team .short.quote p.btn.small, .aboutcard.team .short.quote .controls .panel .lside p.btn.small, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn.small, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn.small, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn.small, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn.small, .controls .panel .lside .story-quote.locale-menu.sea p.btn.small, .story-quote.locale-menu.sea .controls .panel .lside p.btn.small, .controls .panel .lside .story-quote.locale-menu.den p.btn.small, .story-quote.locale-menu.den .controls .panel .lside p.btn.small, .controls .panel .lside section.description p.btn.small, section.description .controls .panel .lside p.btn.small, .controls .panel .lside .aboutcard.board.active .tile h5.btn.small, .aboutcard.board.active .tile .controls .panel .lside h5.btn.small {
    border-radius: 7px; }

.btn.small, .btn.contact_us-form.med {
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 0.5rem;
  padding: 0;
  line-height: 3.5rem;
  font-size: 1.75rem;
  font-weight: 500;
  border-radius: 50%; }

.btn.med {
  height: 4rem;
  line-height: 4rem;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.12rem;
  border-radius: 5px; }
  .btn.med.outline, .controls .panel .lside .btn.med.large, .controls .panel .lside section.bridge .statement .btn.med.line, section.bridge .statement .controls .panel .lside .btn.med.line, .controls .panel .lside section.slider p.btn.med, section.slider .controls .panel .lside p.btn.med, .controls .panel .lside section.sliderh p.btn.med, section.sliderh .controls .panel .lside p.btn.med, .controls .panel .lside section.neighbors p.btn.med, section.neighbors .controls .panel .lside p.btn.med, .controls .panel .lside section.bridge.letter p.btn.med, section.bridge.letter .controls .panel .lside p.btn.med, .controls .panel .lside .story-quote.short p.btn.med, .story-quote.short .controls .panel .lside p.btn.med, .controls .panel .lside .aboutcard.team .short.quote p.btn.med, .aboutcard.team .short.quote .controls .panel .lside p.btn.med, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn.med, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn.med, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn.med, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn.med, .controls .panel .lside .story-quote.locale-menu.sea p.btn.med, .story-quote.locale-menu.sea .controls .panel .lside p.btn.med, .controls .panel .lside .story-quote.locale-menu.den p.btn.med, .story-quote.locale-menu.den .controls .panel .lside p.btn.med, .controls .panel .lside section.description p.btn.med, section.description .controls .panel .lside p.btn.med, .controls .panel .lside .aboutcard.board.active .tile h5.btn.med, .aboutcard.board.active .tile .controls .panel .lside h5.btn.med {
    border-radius: 7px; }

.btn.large, section.bridge .statement .btn.line, section.slider p.btn, section.sliderh p.btn, section.neighbors p.btn, section.bridge.letter p.btn, .story-quote.short p.btn, .aboutcard.team .short.quote p.btn, .aboutcard.team .quote.locale-menu.sea p.btn, .aboutcard.team .quote.locale-menu.den p.btn, .story-quote.locale-menu.sea p.btn, .story-quote.locale-menu.den p.btn, section.description p.btn, .aboutcard.board.active .tile h5.btn {
  height: 4.5rem;
  line-height: 4.5rem;
  padding: 0 30px;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.12rem;
  border-radius: 7px; }
  .btn.large.outline, section.bridge .statement .btn.outline.line, section.slider p.btn.outline, section.sliderh p.btn.outline, section.neighbors p.btn.outline, section.bridge.letter p.btn.outline, .story-quote.short p.btn.outline, .aboutcard.team .short.quote p.btn.outline, .aboutcard.team .quote.locale-menu.sea p.btn.outline, .aboutcard.team .quote.locale-menu.den p.btn.outline, .story-quote.locale-menu.sea p.btn.outline, .story-quote.locale-menu.den p.btn.outline, section.description p.btn.outline, .aboutcard.board.active .tile h5.btn.outline, .controls .panel .lside .btn.large, .controls .panel .lside section.bridge .statement .btn.line, section.bridge .statement .controls .panel .lside .btn.line, .controls .panel .lside section.slider p.btn, section.slider .controls .panel .lside p.btn, .controls .panel .lside section.sliderh p.btn, section.sliderh .controls .panel .lside p.btn, .controls .panel .lside section.neighbors p.btn, section.neighbors .controls .panel .lside p.btn, .controls .panel .lside section.bridge.letter p.btn, section.bridge.letter .controls .panel .lside p.btn, .controls .panel .lside .story-quote.short p.btn, .story-quote.short .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .short.quote p.btn, .aboutcard.team .short.quote .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.sea p.btn, .story-quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.den p.btn, .story-quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside section.description p.btn, section.description .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.board.active .tile h5.btn, .aboutcard.board.active .tile .controls .panel .lside h5.btn {
    border-radius: 9px; }

.btn.xlarge, section.bridge p.btn, section.teamcta .h-col p.btn, section.bridge.float.locale p.btn {
  height: 5rem;
  line-height: 5rem;
  padding: 0 36px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.12rem;
  border-radius: 7px; }
  .btn.xlarge.outline, section.bridge p.btn.outline, section.bridge .controls .panel .lside p.btn.large, .controls .panel .lside section.bridge p.btn.large, section.teamcta .h-col p.btn.outline, section.teamcta .h-col .controls .panel .lside p.btn.large, .controls .panel .lside section.teamcta .h-col p.btn.large, section.bridge.float.locale p.btn.outline, section.bridge.float.locale .controls .panel .lside p.btn.large, .controls .panel .lside section.bridge.float.locale p.btn.large, .controls .panel .lside .btn.xlarge.large, .controls .panel .lside section.bridge .statement p.btn.line, section.bridge .statement .controls .panel .lside p.btn.line, .controls .panel .lside section.bridge section.slider p.btn, section.bridge section.slider .controls .panel .lside p.btn, .controls .panel .lside section.slider section.bridge p.btn, section.slider section.bridge .controls .panel .lside p.btn, .controls .panel .lside section.bridge section.sliderh p.btn, section.bridge section.sliderh .controls .panel .lside p.btn, .controls .panel .lside section.sliderh section.bridge p.btn, section.sliderh section.bridge .controls .panel .lside p.btn, .controls .panel .lside section.bridge section.neighbors p.btn, section.bridge section.neighbors .controls .panel .lside p.btn, .controls .panel .lside section.neighbors section.bridge p.btn, section.neighbors section.bridge .controls .panel .lside p.btn, .controls .panel .lside section.bridge.letter p.btn, section.bridge.letter .controls .panel .lside p.btn, .controls .panel .lside section.bridge .story-quote.short p.btn, section.bridge .story-quote.short .controls .panel .lside p.btn, .controls .panel .lside .story-quote.short section.bridge p.btn, .story-quote.short section.bridge .controls .panel .lside p.btn, .controls .panel .lside section.bridge .aboutcard.team .short.quote p.btn, section.bridge .aboutcard.team .short.quote .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .short.quote section.bridge p.btn, .aboutcard.team .short.quote section.bridge .controls .panel .lside p.btn, .controls .panel .lside section.bridge .aboutcard.team .quote.locale-menu.sea p.btn, section.bridge .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea section.bridge p.btn, .aboutcard.team .quote.locale-menu.sea section.bridge .controls .panel .lside p.btn, .controls .panel .lside section.bridge .aboutcard.team .quote.locale-menu.den p.btn, section.bridge .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.den section.bridge p.btn, .aboutcard.team .quote.locale-menu.den section.bridge .controls .panel .lside p.btn, .controls .panel .lside section.bridge .story-quote.locale-menu.sea p.btn, section.bridge .story-quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.sea section.bridge p.btn, .story-quote.locale-menu.sea section.bridge .controls .panel .lside p.btn, .controls .panel .lside section.bridge .story-quote.locale-menu.den p.btn, section.bridge .story-quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.den section.bridge p.btn, .story-quote.locale-menu.den section.bridge .controls .panel .lside p.btn, .controls .panel .lside section.bridge section.description p.btn, section.bridge section.description .controls .panel .lside p.btn, .controls .panel .lside section.description section.bridge p.btn, section.description section.bridge .controls .panel .lside p.btn, .controls .panel .lside section.bridge .statement .btn.xlarge.line, section.bridge .statement .controls .panel .lside .btn.xlarge.line, .controls .panel .lside section.slider p.btn.xlarge, section.slider .controls .panel .lside p.btn.xlarge, .controls .panel .lside section.slider section.teamcta .h-col p.btn, section.slider section.teamcta .h-col .controls .panel .lside p.btn, .controls .panel .lside section.teamcta .h-col section.slider p.btn, section.teamcta .h-col section.slider .controls .panel .lside p.btn, .controls .panel .lside section.sliderh p.btn.xlarge, section.sliderh .controls .panel .lside p.btn.xlarge, .controls .panel .lside section.sliderh section.teamcta .h-col p.btn, section.sliderh section.teamcta .h-col .controls .panel .lside p.btn, .controls .panel .lside section.teamcta .h-col section.sliderh p.btn, section.teamcta .h-col section.sliderh .controls .panel .lside p.btn, .controls .panel .lside section.neighbors p.btn.xlarge, section.neighbors .controls .panel .lside p.btn.xlarge, .controls .panel .lside section.neighbors section.teamcta .h-col p.btn, section.neighbors section.teamcta .h-col .controls .panel .lside p.btn, .controls .panel .lside section.teamcta .h-col section.neighbors p.btn, section.teamcta .h-col section.neighbors .controls .panel .lside p.btn, .controls .panel .lside .story-quote.short p.btn.xlarge, .story-quote.short .controls .panel .lside p.btn.xlarge, .controls .panel .lside .aboutcard.team .short.quote p.btn.xlarge, .aboutcard.team .short.quote .controls .panel .lside p.btn.xlarge, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn.xlarge, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn.xlarge, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn.xlarge, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn.xlarge, .controls .panel .lside .story-quote.locale-menu.sea p.btn.xlarge, .story-quote.locale-menu.sea .controls .panel .lside p.btn.xlarge, .controls .panel .lside .story-quote.locale-menu.den p.btn.xlarge, .story-quote.locale-menu.den .controls .panel .lside p.btn.xlarge, .controls .panel .lside .story-quote.short section.teamcta .h-col p.btn, .story-quote.short section.teamcta .h-col .controls .panel .lside p.btn, .controls .panel .lside section.teamcta .h-col .story-quote.short p.btn, section.teamcta .h-col .story-quote.short .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .short.quote section.teamcta .h-col p.btn, .aboutcard.team .short.quote section.teamcta .h-col .controls .panel .lside p.btn, .controls .panel .lside section.teamcta .h-col .aboutcard.team .short.quote p.btn, section.teamcta .h-col .aboutcard.team .short.quote .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea section.teamcta .h-col p.btn, .aboutcard.team .quote.locale-menu.sea section.teamcta .h-col .controls .panel .lside p.btn, .controls .panel .lside section.teamcta .h-col .aboutcard.team .quote.locale-menu.sea p.btn, section.teamcta .h-col .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.den section.teamcta .h-col p.btn, .aboutcard.team .quote.locale-menu.den section.teamcta .h-col .controls .panel .lside p.btn, .controls .panel .lside section.teamcta .h-col .aboutcard.team .quote.locale-menu.den p.btn, section.teamcta .h-col .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.sea section.teamcta .h-col p.btn, .story-quote.locale-menu.sea section.teamcta .h-col .controls .panel .lside p.btn, .controls .panel .lside section.teamcta .h-col .story-quote.locale-menu.sea p.btn, section.teamcta .h-col .story-quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.den section.teamcta .h-col p.btn, .story-quote.locale-menu.den section.teamcta .h-col .controls .panel .lside p.btn, .controls .panel .lside section.teamcta .h-col .story-quote.locale-menu.den p.btn, section.teamcta .h-col .story-quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside section.description p.btn.xlarge, section.description .controls .panel .lside p.btn.xlarge, .controls .panel .lside section.description section.teamcta .h-col p.btn, section.description section.teamcta .h-col .controls .panel .lside p.btn, .controls .panel .lside section.teamcta .h-col section.description p.btn, section.teamcta .h-col section.description .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.board.active .tile h5.btn.xlarge, .aboutcard.board.active .tile .controls .panel .lside h5.btn.xlarge {
    border-radius: 9px; }
  .btn.xlarge.pill, section.bridge p.btn.pill, section.teamcta .h-col p.btn.pill {
    border-radius: 2.5rem; }

.btn.giant {
  height: 6rem;
  line-height: 6rem;
  padding: 0 45px;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.12rem;
  border-radius: 8px; }
  .btn.giant.outline, .controls .panel .lside .btn.giant.large, .controls .panel .lside section.bridge .statement .btn.giant.line, section.bridge .statement .controls .panel .lside .btn.giant.line, .controls .panel .lside section.slider p.btn.giant, section.slider .controls .panel .lside p.btn.giant, .controls .panel .lside section.sliderh p.btn.giant, section.sliderh .controls .panel .lside p.btn.giant, .controls .panel .lside section.neighbors p.btn.giant, section.neighbors .controls .panel .lside p.btn.giant, .controls .panel .lside section.bridge.letter p.btn.giant, section.bridge.letter .controls .panel .lside p.btn.giant, .controls .panel .lside .story-quote.short p.btn.giant, .story-quote.short .controls .panel .lside p.btn.giant, .controls .panel .lside .aboutcard.team .short.quote p.btn.giant, .aboutcard.team .short.quote .controls .panel .lside p.btn.giant, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn.giant, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn.giant, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn.giant, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn.giant, .controls .panel .lside .story-quote.locale-menu.sea p.btn.giant, .story-quote.locale-menu.sea .controls .panel .lside p.btn.giant, .controls .panel .lside .story-quote.locale-menu.den p.btn.giant, .story-quote.locale-menu.den .controls .panel .lside p.btn.giant, .controls .panel .lside section.description p.btn.giant, section.description .controls .panel .lside p.btn.giant, .controls .panel .lside .aboutcard.board.active .tile h5.btn.giant, .aboutcard.board.active .tile .controls .panel .lside h5.btn.giant {
    border-radius: 10px; }
  .btn.giant.pill {
    border-radius: 3rem; }
  @media (max-width: 768px) {
    .btn.giant {
      height: 5rem;
      line-height: 5rem;
      padding: 0 36px;
      font-size: 16px;
      border-radius: 7px; }
      .btn.giant.pill {
        border-radius: 2.5rem; } }

.btn.smallico {
  width: 3.75rem;
  height: 3.75rem;
  margin: 0 0.5rem;
  padding: 0;
  line-height: 3.75rem;
  font-size: 1.85rem;
  font-weight: 500;
  border-radius: 8px; }

.btn.uibtn {
  height: 80px;
  line-height: 80px;
  padding: 0 60px;
  border-radius: 40px;
  color: #fff;
  white-space: nowrap; }
  @media (max-width: 768px) {
    .btn.uibtn {
      height: 60px;
      line-height: 60px;
      padding: 0 30px;
      border-radius: 30px; } }
  .btn.uibtn h4 {
    display: inline-block;
    vertical-align: top;
    position: relative;
    line-height: 6.25rem;
    font-size: 2.5rem;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    letter-spacing: 0.12rem;
    text-transform: none;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .btn.uibtn h4 {
        line-height: 4.75rem;
        font-size: 2rem; } }
  .btn.uibtn .icon, .btn.uibtn .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .btn.uibtn .btn.team, .btn.uibtn .profile-nav .btn.team, .profile-nav .btn.uibtn .btn.team, .btn.uibtn .profile-nav .btn.give, .profile-nav .btn.uibtn .btn.give, .btn.uibtn section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .btn.uibtn .btn.uibtn.give {
    display: inline-block;
    position: relative;
    height: 6rem;
    line-height: 6rem;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat; }
    @media (max-width: 768px) {
      .btn.uibtn .icon, .btn.uibtn .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .btn.uibtn .btn.team, .btn.uibtn .profile-nav .btn.team, .profile-nav .btn.uibtn .btn.team, .btn.uibtn .profile-nav .btn.give, .profile-nav .btn.uibtn .btn.give, .btn.uibtn section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .btn.uibtn .btn.uibtn.give {
        transform: scale(0.8);
        transform-origin: 50% 0%; } }
  .btn.uibtn.solid, .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .btn.uibtn.give {
    background: #7279e8;
    background-image: linear-gradient(to right, #7279e8, #a3acf8);
    box-shadow: 2px 4px 10px -1px rgba(0, 0, 0, 0.25); }
    .btn.uibtn.solid h4, .profile-nav .btn.uibtn.give h4, section.locale-members .profile-nav .btn.uibtn.give h4 {
      font-weight: 800;
      color: #fff; }
    .btn.uibtn.solid .icon, .profile-nav .btn.uibtn.give .icon, section.locale-members .profile-nav .btn.uibtn.give .icon, .btn.uibtn.solid .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .btn.uibtn.solid .btn.team, .btn.uibtn.solid .profile-nav .btn.team, .profile-nav .btn.uibtn.solid .btn.team, .profile-nav .btn.uibtn.give .btn.team, .btn.uibtn.solid .profile-nav .btn.give, .profile-nav .btn.uibtn.solid .btn.give, .profile-nav .btn.uibtn.give .btn.give {
      width: 4.25rem;
      margin-right: 1.5rem; }
      @media (max-width: 768px) {
        .btn.uibtn.solid .icon, .profile-nav .btn.uibtn.give .icon, section.locale-members .profile-nav .btn.uibtn.give .icon, .btn.uibtn.solid .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .btn.uibtn.solid .btn.team, .btn.uibtn.solid .profile-nav .btn.team, .profile-nav .btn.uibtn.solid .btn.team, .profile-nav .btn.uibtn.give .btn.team, .btn.uibtn.solid .profile-nav .btn.give, .profile-nav .btn.uibtn.solid .btn.give, .profile-nav .btn.uibtn.give .btn.give {
          margin-right: 4.5%; } }
    .btn.uibtn.solid.icon, .encourage .encourage-wrapper .btn.uibtn.solid.team, .profile-nav .btn.uibtn.solid.team, .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .btn.uibtn.give {
      padding: 0 60px 0 40px; }
      @media (max-width: 768px) {
        .btn.uibtn.solid.icon, .encourage .encourage-wrapper .btn.uibtn.solid.team, .profile-nav .btn.uibtn.solid.team, .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .btn.uibtn.give {
          padding: 0 12% 0 5%; } }
  .btn.uibtn.underline, .encourage .encourage-wrapper .btn.uibtn.team, .story-body .links a span.btn.uibtn, .aboutcard.team .links a.text h5.btn.uibtn, .profile-nav .btn.uibtn.team, section.locale-members .profile-nav .btn.uibtn.profile {
    padding: 0 6px; }
    @media (max-width: 768px) {
      .btn.uibtn.underline, .encourage .encourage-wrapper .btn.uibtn.team, .story-body .links a span.btn.uibtn, .aboutcard.team .links a.text h5.btn.uibtn, .profile-nav .btn.uibtn.team, section.locale-members .profile-nav .btn.uibtn.profile {
        padding: 0; } }
    .btn.uibtn.underline .icon, .encourage .encourage-wrapper .btn.uibtn.team .icon, .story-body .links a span.btn.uibtn .icon, .aboutcard.team .links a.text h5.btn.uibtn .icon, .profile-nav .btn.uibtn.team .icon, section.locale-members .profile-nav .btn.uibtn.profile .icon, .btn.uibtn.underline .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .btn.uibtn.underline .btn.team, .encourage .encourage-wrapper .btn.uibtn.team .btn.team, .story-body .links a span.btn.uibtn .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .story-body .links a span.btn.uibtn .btn.team, .aboutcard.team .links a.text h5.btn.uibtn .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .aboutcard.team .links a.text h5.btn.uibtn .btn.team, .btn.uibtn.underline .profile-nav .btn.team, .profile-nav .btn.uibtn.underline .btn.team, .story-body .links a span.btn.uibtn .profile-nav .btn.team, .profile-nav .story-body .links a span.btn.uibtn .btn.team, .aboutcard.team .links a.text h5.btn.uibtn .profile-nav .btn.team, .profile-nav .aboutcard.team .links a.text h5.btn.uibtn .btn.team, .profile-nav .btn.uibtn.team .btn.team, section.locale-members .profile-nav .btn.uibtn.profile .btn.team, .btn.uibtn.underline .profile-nav .btn.give, .profile-nav .btn.uibtn.underline .btn.give, .encourage .encourage-wrapper .btn.uibtn.team .profile-nav .btn.give, .story-body .links a span.btn.uibtn .profile-nav .btn.give, .profile-nav .story-body .links a span.btn.uibtn .btn.give, .aboutcard.team .links a.text h5.btn.uibtn .profile-nav .btn.give, .profile-nav .aboutcard.team .links a.text h5.btn.uibtn .btn.give, .profile-nav .btn.uibtn.team .btn.give, section.locale-members .profile-nav .btn.uibtn.profile .btn.give {
      width: 8rem;
      background-position: center 40%; }
      @media (max-width: 768px) {
        .btn.uibtn.underline .icon, .encourage .encourage-wrapper .btn.uibtn.team .icon, .story-body .links a span.btn.uibtn .icon, .aboutcard.team .links a.text h5.btn.uibtn .icon, .profile-nav .btn.uibtn.team .icon, section.locale-members .profile-nav .btn.uibtn.profile .icon, .btn.uibtn.underline .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .btn.uibtn.underline .btn.team, .encourage .encourage-wrapper .btn.uibtn.team .btn.team, .story-body .links a span.btn.uibtn .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .story-body .links a span.btn.uibtn .btn.team, .aboutcard.team .links a.text h5.btn.uibtn .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .aboutcard.team .links a.text h5.btn.uibtn .btn.team, .btn.uibtn.underline .profile-nav .btn.team, .profile-nav .btn.uibtn.underline .btn.team, .story-body .links a span.btn.uibtn .profile-nav .btn.team, .profile-nav .story-body .links a span.btn.uibtn .btn.team, .aboutcard.team .links a.text h5.btn.uibtn .profile-nav .btn.team, .profile-nav .aboutcard.team .links a.text h5.btn.uibtn .btn.team, .profile-nav .btn.uibtn.team .btn.team, section.locale-members .profile-nav .btn.uibtn.profile .btn.team, .btn.uibtn.underline .profile-nav .btn.give, .profile-nav .btn.uibtn.underline .btn.give, .encourage .encourage-wrapper .btn.uibtn.team .profile-nav .btn.give, .story-body .links a span.btn.uibtn .profile-nav .btn.give, .profile-nav .story-body .links a span.btn.uibtn .btn.give, .aboutcard.team .links a.text h5.btn.uibtn .profile-nav .btn.give, .profile-nav .aboutcard.team .links a.text h5.btn.uibtn .btn.give, .profile-nav .btn.uibtn.team .btn.give, section.locale-members .profile-nav .btn.uibtn.profile .btn.give {
          margin-left: -1.5rem;
          margin-right: -0.75rem;
          transform: scale(0.7);
          transform-origin: 50% 10%; } }
    @media (max-width: 768px) {
      .btn.uibtn.underline h4, .encourage .encourage-wrapper .btn.uibtn.team h4, .story-body .links a span.btn.uibtn h4, .aboutcard.team .links a.text h5.btn.uibtn h4, .profile-nav .btn.uibtn.team h4, section.locale-members .profile-nav .btn.uibtn.profile h4 {
        line-height: 4.5rem;
        font-size: 1.75rem; } }
    @media (max-width: 480px) {
      .btn.uibtn.underline h4, .encourage .encourage-wrapper .btn.uibtn.team h4, .story-body .links a span.btn.uibtn h4, .aboutcard.team .links a.text h5.btn.uibtn h4, .profile-nav .btn.uibtn.team h4, section.locale-members .profile-nav .btn.uibtn.profile h4 {
        font-size: 5vw; } }
    .btn.uibtn.underline h4:after, .encourage .encourage-wrapper .btn.uibtn.team h4:after, .story-body .links a span.btn.uibtn h4:after, .aboutcard.team .links a.text h5.btn.uibtn h4:after, .profile-nav .btn.uibtn.team h4:after, section.locale-members .profile-nav .btn.uibtn.profile h4:after {
      content: '';
      position: absolute;
      bottom: 9px;
      left: -2px;
      right: -2px;
      height: 6px;
      border-radius: 6px;
      background-image: linear-gradient(to right, #5e659f, #afb2cf);
      box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.18); }
      @media (max-width: 768px) {
        .btn.uibtn.underline h4:after, .encourage .encourage-wrapper .btn.uibtn.team h4:after, .story-body .links a span.btn.uibtn h4:after, .aboutcard.team .links a.text h5.btn.uibtn h4:after, .profile-nav .btn.uibtn.team h4:after, section.locale-members .profile-nav .btn.uibtn.profile h4:after {
          bottom: 6px;
          height: 5px;
          border-radius: 2.5px; } }

.btn.uibtn.proceed {
  z-index: 5;
  box-shadow: 2px 4px 10px -1px rgba(0, 0, 0, 0.25); }
  @media (max-width: 768px) {
    .btn.uibtn.proceed {
      height: 6rem;
      line-height: 6rem;
      border-radius: 3rem; } }
  .btn.uibtn.proceed h4 {
    z-index: 2;
    margin-left: 2.5rem;
    margin-bottom: 0; }
    @media (max-width: 768px) {
      .btn.uibtn.proceed h4 {
        margin-left: 1.5rem;
        line-height: 5.75rem;
        font-size: 2rem; } }
  .btn.uibtn.proceed .icon.arrow, .btn.uibtn.proceed .encourage .encourage-wrapper .arrow.btn.team, .encourage .encourage-wrapper .btn.uibtn.proceed .arrow.btn.team, .btn.uibtn.proceed .profile-nav .arrow.btn.team, .profile-nav .btn.uibtn.proceed .arrow.btn.team, .btn.uibtn.proceed .profile-nav .arrow.btn.give, .profile-nav .btn.uibtn.proceed .arrow.btn.give {
    z-index: 2;
    width: 56px;
    height: 44px;
    background-image: url("/images/icons/arrow-proceed.svg");
    margin-top: -3px;
    margin-left: 1.5rem;
    margin-right: 0;
    transform: scale(0.8); }
    @media (max-width: 768px) {
      .btn.uibtn.proceed .icon.arrow, .btn.uibtn.proceed .encourage .encourage-wrapper .arrow.btn.team, .encourage .encourage-wrapper .btn.uibtn.proceed .arrow.btn.team, .btn.uibtn.proceed .profile-nav .arrow.btn.team, .profile-nav .btn.uibtn.proceed .arrow.btn.team, .btn.uibtn.proceed .profile-nav .arrow.btn.give, .profile-nav .btn.uibtn.proceed .arrow.btn.give {
        width: 5rem;
        height: 5rem;
        margin-top: 0;
        margin-left: 0.5rem;
        transform: scale(0.5);
        transform-origin: 50% 50%; } }
  .btn.uibtn.proceed:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 40px;
    background-image: linear-gradient(to right, #7279e8, #a3acf8); }
    @media (max-width: 768px) {
      .btn.uibtn.proceed:before {
        border-radius: 6rem; } }
  .btn.uibtn.proceed:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    border-radius: 64px;
    background: #d2d7fc;
    opacity: 0; }
    @media (max-width: 768px) {
      .btn.uibtn.proceed:after {
        border-radius: 6rem; } }
  .btn.uibtn.proceed.processing {
    box-shadow: 2px 4px 10px -1px rgba(0, 0, 0, 0); }
    .btn.uibtn.proceed.processing:after {
      animation: pulse 2s 0s ease-out infinite; }

.btn.purpgrad, section.topstats .stat h2.btn, .btn.purple {
  color: rgba(255, 255, 255, 0.75);
  background-image: linear-gradient(45deg, rgba(128, 125, 227, 0.5) 0%, rgba(157, 167, 241, 0.9) 100%);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15); }
  .btn.purpgrad:hover, section.topstats .stat h2.btn:hover, .btn.purple:hover {
    color: #fff;
    background-image: linear-gradient(45deg, #807de3 0%, #9da7f1 100%);
    box-shadow: 0 0 0 5px rgba(37, 41, 70, 0.6); }
  .btn.purpgrad--solid, .btn.purple--solid {
    color: rgba(255, 255, 255, 0.75);
    background-image: linear-gradient(35deg, rgba(78, 82, 137, 0.75) -50%, rgba(157, 167, 241, 0.95) 100%);
    box-shadow: 2px 4px 10px -1px rgba(0, 0, 0, 0.25); }
    .btn.purpgrad--solid:hover, .btn.purple--solid:hover {
      color: #fff;
      background-image: linear-gradient(45deg, #807de3 0%, #9da7f1 100%);
      box-shadow: 0 0 0 5px rgba(37, 41, 70, 0.6); }
  .btn.purpgrad--dark, .btn.purple--dark, .controls .panel .middle .btn.xlarge, .controls .panel .middle section.bridge p.btn, section.bridge .controls .panel .middle p.btn, .controls .panel .middle section.teamcta .h-col p.btn, section.teamcta .h-col .controls .panel .middle p.btn, .controls .panel .rside .btn.xlarge, .controls .panel .rside section.bridge p.btn, section.bridge .controls .panel .rside p.btn, .controls .panel .rside section.teamcta .h-col p.btn, section.teamcta .h-col .controls .panel .rside p.btn {
    color: rgba(255, 255, 255, 0.75);
    background: linear-gradient(45deg, #3b3f69 -50%, #6065a5 100%); }
    .btn.purpgrad--dark:hover, .btn.purple--dark:hover, .controls .panel .middle .btn.xlarge:hover, .controls .panel .middle section.bridge p.btn:hover, section.bridge .controls .panel .middle p.btn:hover, .controls .panel .middle section.teamcta .h-col p.btn:hover, section.teamcta .h-col .controls .panel .middle p.btn:hover, .controls .panel .rside .btn.xlarge:hover, .controls .panel .rside section.bridge p.btn:hover, section.bridge .controls .panel .rside p.btn:hover, .controls .panel .rside section.teamcta .h-col p.btn:hover, section.teamcta .h-col .controls .panel .rside p.btn:hover {
      color: #fff;
      background: linear-gradient(45deg, #4e5289 -50%, #6c70ab 100%); }
  .btn.purpgrad--xdark, .btn.purple--xdark, .controls .panel .lside .btn.large, .controls .panel .lside section.bridge .statement .btn.line, section.bridge .statement .controls .panel .lside .btn.line, .controls .panel .lside section.slider p.btn, section.slider .controls .panel .lside p.btn, .controls .panel .lside section.sliderh p.btn, section.sliderh .controls .panel .lside p.btn, .controls .panel .lside section.neighbors p.btn, section.neighbors .controls .panel .lside p.btn, .controls .panel .lside section.bridge.letter p.btn, section.bridge.letter .controls .panel .lside p.btn, .controls .panel .lside .story-quote.short p.btn, .story-quote.short .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .short.quote p.btn, .aboutcard.team .short.quote .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.sea p.btn, .story-quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.den p.btn, .story-quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside section.description p.btn, section.description .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.board.active .tile h5.btn, .aboutcard.board.active .tile .controls .panel .lside h5.btn, .controls .panel .middle .btn.large, .controls .panel .middle section.bridge .statement .btn.line, section.bridge .statement .controls .panel .middle .btn.line, .controls .panel .middle section.slider p.btn, section.slider .controls .panel .middle p.btn, .controls .panel .middle section.sliderh p.btn, section.sliderh .controls .panel .middle p.btn, .controls .panel .middle section.neighbors p.btn, section.neighbors .controls .panel .middle p.btn, .controls .panel .middle section.bridge.letter p.btn, section.bridge.letter .controls .panel .middle p.btn, .controls .panel .middle .story-quote.short p.btn, .story-quote.short .controls .panel .middle p.btn, .controls .panel .middle .aboutcard.team .short.quote p.btn, .aboutcard.team .short.quote .controls .panel .middle p.btn, .controls .panel .middle .aboutcard.team .quote.locale-menu.sea p.btn, .aboutcard.team .quote.locale-menu.sea .controls .panel .middle p.btn, .controls .panel .middle .aboutcard.team .quote.locale-menu.den p.btn, .aboutcard.team .quote.locale-menu.den .controls .panel .middle p.btn, .controls .panel .middle .story-quote.locale-menu.sea p.btn, .story-quote.locale-menu.sea .controls .panel .middle p.btn, .controls .panel .middle .story-quote.locale-menu.den p.btn, .story-quote.locale-menu.den .controls .panel .middle p.btn, .controls .panel .middle section.description p.btn, section.description .controls .panel .middle p.btn, .controls .panel .middle .aboutcard.board.active .tile h5.btn, .aboutcard.board.active .tile .controls .panel .middle h5.btn, .controls .panel .middle .btn.smallico, .controls .panel .rside .btn.large, .controls .panel .rside section.bridge .statement .btn.line, section.bridge .statement .controls .panel .rside .btn.line, .controls .panel .rside section.slider p.btn, section.slider .controls .panel .rside p.btn, .controls .panel .rside section.sliderh p.btn, section.sliderh .controls .panel .rside p.btn, .controls .panel .rside section.neighbors p.btn, section.neighbors .controls .panel .rside p.btn, .controls .panel .rside section.bridge.letter p.btn, section.bridge.letter .controls .panel .rside p.btn, .controls .panel .rside .story-quote.short p.btn, .story-quote.short .controls .panel .rside p.btn, .controls .panel .rside .aboutcard.team .short.quote p.btn, .aboutcard.team .short.quote .controls .panel .rside p.btn, .controls .panel .rside .aboutcard.team .quote.locale-menu.sea p.btn, .aboutcard.team .quote.locale-menu.sea .controls .panel .rside p.btn, .controls .panel .rside .aboutcard.team .quote.locale-menu.den p.btn, .aboutcard.team .quote.locale-menu.den .controls .panel .rside p.btn, .controls .panel .rside .story-quote.locale-menu.sea p.btn, .story-quote.locale-menu.sea .controls .panel .rside p.btn, .controls .panel .rside .story-quote.locale-menu.den p.btn, .story-quote.locale-menu.den .controls .panel .rside p.btn, .controls .panel .rside section.description p.btn, section.description .controls .panel .rside p.btn, .controls .panel .rside .aboutcard.board.active .tile h5.btn, .aboutcard.board.active .tile .controls .panel .rside h5.btn {
    color: rgba(255, 255, 255, 0.8);
    background: #2f365b; }
    .btn.purpgrad--xdark:hover, .btn.purple--xdark:hover, .controls .panel .lside .btn.large:hover, .controls .panel .lside section.bridge .statement .btn.line:hover, section.bridge .statement .controls .panel .lside .btn.line:hover, .controls .panel .lside section.slider p.btn:hover, section.slider .controls .panel .lside p.btn:hover, .controls .panel .lside section.sliderh p.btn:hover, section.sliderh .controls .panel .lside p.btn:hover, .controls .panel .lside section.neighbors p.btn:hover, section.neighbors .controls .panel .lside p.btn:hover, .controls .panel .lside section.bridge.letter p.btn:hover, section.bridge.letter .controls .panel .lside p.btn:hover, .controls .panel .lside .story-quote.short p.btn:hover, .story-quote.short .controls .panel .lside p.btn:hover, .controls .panel .lside .aboutcard.team .short.quote p.btn:hover, .aboutcard.team .short.quote .controls .panel .lside p.btn:hover, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn:hover, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn:hover, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn:hover, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn:hover, .controls .panel .lside .story-quote.locale-menu.sea p.btn:hover, .story-quote.locale-menu.sea .controls .panel .lside p.btn:hover, .controls .panel .lside .story-quote.locale-menu.den p.btn:hover, .story-quote.locale-menu.den .controls .panel .lside p.btn:hover, .controls .panel .lside section.description p.btn:hover, section.description .controls .panel .lside p.btn:hover, .controls .panel .lside .aboutcard.board.active .tile h5.btn:hover, .aboutcard.board.active .tile .controls .panel .lside h5.btn:hover, .controls .panel .middle .btn.large:hover, .controls .panel .middle section.bridge .statement .btn.line:hover, section.bridge .statement .controls .panel .middle .btn.line:hover, .controls .panel .middle section.slider p.btn:hover, section.slider .controls .panel .middle p.btn:hover, .controls .panel .middle section.sliderh p.btn:hover, section.sliderh .controls .panel .middle p.btn:hover, .controls .panel .middle section.neighbors p.btn:hover, section.neighbors .controls .panel .middle p.btn:hover, .controls .panel .middle section.bridge.letter p.btn:hover, section.bridge.letter .controls .panel .middle p.btn:hover, .controls .panel .middle .story-quote.short p.btn:hover, .story-quote.short .controls .panel .middle p.btn:hover, .controls .panel .middle .aboutcard.team .short.quote p.btn:hover, .aboutcard.team .short.quote .controls .panel .middle p.btn:hover, .controls .panel .middle .aboutcard.team .quote.locale-menu.sea p.btn:hover, .aboutcard.team .quote.locale-menu.sea .controls .panel .middle p.btn:hover, .controls .panel .middle .aboutcard.team .quote.locale-menu.den p.btn:hover, .aboutcard.team .quote.locale-menu.den .controls .panel .middle p.btn:hover, .controls .panel .middle .story-quote.locale-menu.sea p.btn:hover, .story-quote.locale-menu.sea .controls .panel .middle p.btn:hover, .controls .panel .middle .story-quote.locale-menu.den p.btn:hover, .story-quote.locale-menu.den .controls .panel .middle p.btn:hover, .controls .panel .middle section.description p.btn:hover, section.description .controls .panel .middle p.btn:hover, .controls .panel .middle .aboutcard.board.active .tile h5.btn:hover, .aboutcard.board.active .tile .controls .panel .middle h5.btn:hover, .controls .panel .middle .btn.smallico:hover, .controls .panel .rside .btn.large:hover, .controls .panel .rside section.bridge .statement .btn.line:hover, section.bridge .statement .controls .panel .rside .btn.line:hover, .controls .panel .rside section.slider p.btn:hover, section.slider .controls .panel .rside p.btn:hover, .controls .panel .rside section.sliderh p.btn:hover, section.sliderh .controls .panel .rside p.btn:hover, .controls .panel .rside section.neighbors p.btn:hover, section.neighbors .controls .panel .rside p.btn:hover, .controls .panel .rside section.bridge.letter p.btn:hover, section.bridge.letter .controls .panel .rside p.btn:hover, .controls .panel .rside .story-quote.short p.btn:hover, .story-quote.short .controls .panel .rside p.btn:hover, .controls .panel .rside .aboutcard.team .short.quote p.btn:hover, .aboutcard.team .short.quote .controls .panel .rside p.btn:hover, .controls .panel .rside .aboutcard.team .quote.locale-menu.sea p.btn:hover, .aboutcard.team .quote.locale-menu.sea .controls .panel .rside p.btn:hover, .controls .panel .rside .aboutcard.team .quote.locale-menu.den p.btn:hover, .aboutcard.team .quote.locale-menu.den .controls .panel .rside p.btn:hover, .controls .panel .rside .story-quote.locale-menu.sea p.btn:hover, .story-quote.locale-menu.sea .controls .panel .rside p.btn:hover, .controls .panel .rside .story-quote.locale-menu.den p.btn:hover, .story-quote.locale-menu.den .controls .panel .rside p.btn:hover, .controls .panel .rside section.description p.btn:hover, section.description .controls .panel .rside p.btn:hover, .controls .panel .rside .aboutcard.board.active .tile h5.btn:hover, .aboutcard.board.active .tile .controls .panel .rside h5.btn:hover {
      color: rgba(255, 255, 255, 0.8);
      background: #3c426c; }

.btn.white, .btn.samaritan-light {
  color: rgba(60, 66, 108, 0.75);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.6) -50%, rgba(255, 255, 255, 0.95) 100%);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15); }
  .btn.white:hover, .btn.samaritan-light:hover {
    color: #3c426c;
    background-image: linear-gradient(45deg, #fff 0%, #fff 100%);
    box-shadow: 0 0 0 5px rgba(37, 41, 70, 0.6); }
  .btn.white--solid, .btn.samaritan-light--solid {
    color: #3c426c;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.8) -50%, white 100%);
    box-shadow: 2px 4px 10px -1px rgba(0, 0, 0, 0.25); }
    .btn.white--solid:hover, .btn.samaritan-light--solid:hover {
      background-image: linear-gradient(45deg, #fff 0%, #fff 100%);
      box-shadow: 0 0 0 5px rgba(37, 41, 70, 0.6); }

.btn.outline, .controls .panel .lside .btn.large, .controls .panel .lside section.bridge .statement .btn.line, section.bridge .statement .controls .panel .lside .btn.line, .controls .panel .lside section.slider p.btn, section.slider .controls .panel .lside p.btn, .controls .panel .lside section.sliderh p.btn, section.sliderh .controls .panel .lside p.btn, .controls .panel .lside section.neighbors p.btn, section.neighbors .controls .panel .lside p.btn, .controls .panel .lside section.bridge.letter p.btn, section.bridge.letter .controls .panel .lside p.btn, .controls .panel .lside .story-quote.short p.btn, .story-quote.short .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .short.quote p.btn, .aboutcard.team .short.quote .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.sea p.btn, .story-quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.den p.btn, .story-quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside section.description p.btn, section.description .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.board.active .tile h5.btn, .aboutcard.board.active .tile .controls .panel .lside h5.btn, .btn.transparent {
  color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75); }
  .btn.outline:hover, .controls .panel .lside .btn.large:hover, .controls .panel .lside section.bridge .statement .btn.line:hover, section.bridge .statement .controls .panel .lside .btn.line:hover, .controls .panel .lside section.slider p.btn:hover, section.slider .controls .panel .lside p.btn:hover, .controls .panel .lside section.sliderh p.btn:hover, section.sliderh .controls .panel .lside p.btn:hover, .controls .panel .lside section.neighbors p.btn:hover, section.neighbors .controls .panel .lside p.btn:hover, .controls .panel .lside section.bridge.letter p.btn:hover, section.bridge.letter .controls .panel .lside p.btn:hover, .controls .panel .lside .story-quote.short p.btn:hover, .story-quote.short .controls .panel .lside p.btn:hover, .controls .panel .lside .aboutcard.team .short.quote p.btn:hover, .aboutcard.team .short.quote .controls .panel .lside p.btn:hover, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn:hover, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn:hover, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn:hover, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn:hover, .controls .panel .lside .story-quote.locale-menu.sea p.btn:hover, .story-quote.locale-menu.sea .controls .panel .lside p.btn:hover, .controls .panel .lside .story-quote.locale-menu.den p.btn:hover, .story-quote.locale-menu.den .controls .panel .lside p.btn:hover, .controls .panel .lside section.description p.btn:hover, section.description .controls .panel .lside p.btn:hover, .controls .panel .lside .aboutcard.board.active .tile h5.btn:hover, .aboutcard.board.active .tile .controls .panel .lside h5.btn:hover, .btn.transparent:hover {
    color: rgba(60, 66, 108, 0.9);
    background: #fff;
    box-shadow: inset 0 0 0 2px #fff; }
  .btn.outline:active, .controls .panel .lside .btn.large:active, .controls .panel .lside section.bridge .statement .btn.line:active, section.bridge .statement .controls .panel .lside .btn.line:active, .controls .panel .lside section.slider p.btn:active, section.slider .controls .panel .lside p.btn:active, .controls .panel .lside section.sliderh p.btn:active, section.sliderh .controls .panel .lside p.btn:active, .controls .panel .lside section.neighbors p.btn:active, section.neighbors .controls .panel .lside p.btn:active, .controls .panel .lside section.bridge.letter p.btn:active, section.bridge.letter .controls .panel .lside p.btn:active, .controls .panel .lside .story-quote.short p.btn:active, .story-quote.short .controls .panel .lside p.btn:active, .controls .panel .lside .aboutcard.team .short.quote p.btn:active, .aboutcard.team .short.quote .controls .panel .lside p.btn:active, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn:active, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn:active, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn:active, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn:active, .controls .panel .lside .story-quote.locale-menu.sea p.btn:active, .story-quote.locale-menu.sea .controls .panel .lside p.btn:active, .controls .panel .lside .story-quote.locale-menu.den p.btn:active, .story-quote.locale-menu.den .controls .panel .lside p.btn:active, .controls .panel .lside section.description p.btn:active, section.description .controls .panel .lside p.btn:active, .controls .panel .lside .aboutcard.board.active .tile h5.btn:active, .aboutcard.board.active .tile .controls .panel .lside h5.btn:active, .btn.outline.active, .controls .panel .lside .btn.active.large, .controls .panel .lside section.bridge .statement .btn.active.line, section.bridge .statement .controls .panel .lside .btn.active.line, .controls .panel .lside section.slider p.btn.active, section.slider .controls .panel .lside p.btn.active, .controls .panel .lside section.sliderh p.btn.active, section.sliderh .controls .panel .lside p.btn.active, .controls .panel .lside section.neighbors p.btn.active, section.neighbors .controls .panel .lside p.btn.active, .controls .panel .lside section.bridge.letter p.btn.active, section.bridge.letter .controls .panel .lside p.btn.active, .controls .panel .lside .story-quote.short p.btn.active, .story-quote.short .controls .panel .lside p.btn.active, .controls .panel .lside .aboutcard.team .short.quote p.btn.active, .aboutcard.team .short.quote .controls .panel .lside p.btn.active, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn.active, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn.active, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn.active, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn.active, .controls .panel .lside .story-quote.locale-menu.sea p.btn.active, .story-quote.locale-menu.sea .controls .panel .lside p.btn.active, .controls .panel .lside .story-quote.locale-menu.den p.btn.active, .story-quote.locale-menu.den .controls .panel .lside p.btn.active, .controls .panel .lside section.description p.btn.active, section.description .controls .panel .lside p.btn.active, .controls .panel .lside .aboutcard.board.active .tile h5.btn.active, .aboutcard.board.active .tile .controls .panel .lside h5.btn.active, .btn.transparent:active, .btn.transparent.active {
    color: #2f365b;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: inset 0 -1px 1px 1px #fff; }
  .btn.outline--dark, .btn.transparent--dark {
    color: rgba(60, 66, 108, 0.75);
    background: rgba(60, 66, 108, 0);
    box-shadow: inset 0 0 0 2px rgba(60, 66, 108, 0.75); }
    .btn.outline--dark:hover, .btn.transparent--dark:hover {
      color: #fff;
      background: rgba(60, 66, 108, 0.75);
      box-shadow: inset 0 0 0 2px rgba(60, 66, 108, 0); }
    .btn.outline--dark:active, .btn.outline--dark.active, .btn.transparent--dark:active, .btn.transparent--dark.active {
      color: #fff;
      background: #3c426c;
      box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.4); }

.btn.btn-expand {
  position: absolute;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15); }
  .btn.btn-expand svg {
    z-index: 5;
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 50%;
    left: 50%;
    margin-top: -2rem;
    margin-left: -2rem; }
  .btn.btn-expand:after {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-image: linear-gradient(to bottom right, #fff 20%, rgba(255, 255, 255, 0) 100%); }
  .btn.btn-expand.collapse, .ui-cards:not(.stacked) .btn.btn-expand {
    margin-bottom: -1.5rem; }
    .btn.btn-expand.collapse svg, .ui-cards:not(.stacked) .btn.btn-expand svg {
      transform: scaleY(-1); }

.btn-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 150px;
  height: 150px; }
  .btn-circle .inner {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 120px;
    height: 120px;
    border-radius: 50%; }
    .btn-circle .inner:before {
      content: "";
      width: 40px;
      height: 62px;
      margin-right: -5px;
      background-image: url("/images/play-icon.svg");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.175));
      opacity: 0.75;
      transform: scale(0.5);
      transition: all 0.4s ease-out; }
      @media (max-width: 768px) {
        .btn-circle .inner:before {
          transform: scale(0.875/2); } }
  .btn-circle:hover .inner {
    color: #fff;
    box-shadow: 0 0 0 10px rgba(37, 41, 70, 0.75);
    background-image: linear-gradient(45deg, #807de3 0%, #9da7f1 100%);
    transform: scale(0.925);
    transition: all 0.2s; }
    .btn-circle:hover .inner:before {
      filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
      opacity: 1;
      transform: scale(0.56);
      transition: all 0.2s ease-out; }
  .btn-circle .outer {
    position: absolute;
    top: -15px;
    left: -15px;
    width: 180px;
    height: 180px;
    transition: all 0.4s; }
    .btn-circle .outer svg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transform-origin: 50% 50%;
      animation: spin 24s linear infinite; }
      .btn-circle .outer svg circle {
        fill: none;
        stroke: #e3e3f0;
        stroke-width: 3;
        stroke-linecap: round;
        stroke-dasharray: 12%, 38%, 20%, 15%, 8%, 30%, 15%, 25%, 7%, 24%, 18%, 34%, 15%, 7%;
        stroke-dashoffset: 0;
        transition: all 0.4s; }
    .btn-circle .outer.offset svg {
      animation: spin 15s linear infinite; }
      .btn-circle .outer.offset svg circle {
        opacity: 1;
        stroke-dasharray: 12%, 38%, 20%, 15%, 8%, 30%, 15%, 25%, 7%, 24%, 18%, 34%, 15%, 7%;
        stroke-dashoffset: 75%; }
  .btn-circle:hover .outer {
    transform: scale(1);
    transition: all 0.2s; }
    .btn-circle:hover .outer svg circle {
      stroke-width: 4;
      stroke: #252946;
      transition: all 0.2s; }
    .btn-circle:hover .outer.offset {
      transform: scale(1.15); }
      .btn-circle:hover .outer.offset svg circle {
        stroke-dasharray: 24%, 30%, 32%, 15%, 20%, 30%, 27%, 25%, 19%, 24%, 30%, 34%, 27%, 7%;
        stroke-dashoffset: 115%; }

.btn-circle.small, .btn-circle.contact_us-form.med {
  width: 126px;
  height: 126px; }
  .btn-circle.small .inner, .btn-circle.contact_us-form.med .inner {
    width: 100.8px;
    height: 100.8px; }
    .btn-circle.small .inner:before, .btn-circle.contact_us-form.med .inner:before {
      transform: scale(0.42); }
  .btn-circle.small .outer, .btn-circle.contact_us-form.med .outer {
    top: -12.6px;
    left: -12.6px;
    width: 151.2px;
    height: 151.2px; }
    .btn-circle.small .outer svg circle, .btn-circle.contact_us-form.med .outer svg circle {
      stroke-width: 2.52; }
  .btn-circle.small:hover .inner, .btn-circle.contact_us-form.med:hover .inner {
    box-shadow: 0 0 0 8.4px rgba(37, 41, 70, 0.75); }
    .btn-circle.small:hover .inner:before, .btn-circle.contact_us-form.med:hover .inner:before {
      transform: scale(0.4704); }
  .btn-circle.small:hover .outer svg circle, .btn-circle.contact_us-form.med:hover .outer svg circle {
    stroke-width: 4; }

.btn-app {
  display: inline-block;
  width: 135px;
  height: 40px;
  line-height: 40px;
  font-size: 0;
  overflow: hidden;
  border-radius: 5px;
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  .btn-app.ios {
    background-image: url("/images/btn-app-ios.png"); }
  .btn-app.android {
    background-image: url("/images/btn-app-android.png"); }
  .btn-app.mid {
    width: 162px;
    height: 48px;
    line-height: 48px; }
    @media (max-width: 768px) {
      .btn-app.mid {
        width: 135px;
        height: 40px;
        line-height: 40px; } }
  .btn-app.big, .footer .app-buttons .btn-app {
    width: 182px;
    height: 54px;
    line-height: 54px;
    border-radius: 6px; }
    @media (max-width: 768px) {
      .btn-app.big, .footer .app-buttons .btn-app {
        width: 135px;
        height: 40px;
        line-height: 40px; } }
  .btn-app.xbig {
    width: 203px;
    height: 60px;
    line-height: 60px;
    border-radius: 7px; }
    @media (max-width: 768px) {
      .btn-app.xbig {
        width: 162px;
        height: 48px;
        line-height: 48px; } }
  .btn-app.xxbig {
    width: 270px;
    height: 80px;
    line-height: 80px;
    border-radius: 9px; }
    @media (max-width: 768px) {
      .btn-app.xxbig {
        width: 162px;
        height: 48px;
        line-height: 48px;
        border-radius: 6px; } }

.app-buttons {
  position: relative;
  white-space: nowrap; }
  .app-buttons .caps, .app-buttons .arrowh {
    margin-bottom: 1.5rem; }
    @media (max-width: 768px) {
      .app-buttons .caps, .app-buttons .arrowh {
        margin-bottom: 0.5rem; } }
  .app-buttons .btn-app {
    margin-top: 1rem; }
  .app-buttons .btn-app:last-of-type {
    margin-left: 1.5vw; }
    @media (max-width: 768px) {
      .app-buttons .btn-app:last-of-type {
        margin-left: 2.5vw; } }
  @media (max-width: 400px) {
    .app-buttons.nowrap .btn-app {
      width: 47.5%; }
      .app-buttons.nowrap .btn-app:last-of-type {
        margin-left: 3.5%; } }

.menuicon {
  width: 48px;
  height: 48px;
  padding: 6px;
  text-align: left; }
  .menuicon span {
    position: absolute;
    top: 50%;
    left: 6px;
    width: 36px;
    height: 2.5px;
    margin-top: -1.25px;
    border-radius: 1.25px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    background: #fff; }
    .menuicon span:before, .menuicon span:after {
      content: "";
      position: absolute;
      left: 0;
      width: 36px;
      height: 2.5px;
      border-radius: 1.25px;
      background: #fff;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); }
    .menuicon span:before {
      top: -15px; }
    .menuicon span:after {
      bottom: -15px; }

.menuicon.large, section.bridge .statement .menuicon.line, section.slider p.menuicon, section.sliderh p.menuicon, section.neighbors p.menuicon, section.bridge.letter p.menuicon, .story-quote.short p.menuicon, .aboutcard.team .short.quote p.menuicon, .aboutcard.team .quote.locale-menu.sea p.menuicon, .aboutcard.team .quote.locale-menu.den p.menuicon, .story-quote.locale-menu.sea p.menuicon, .story-quote.locale-menu.den p.menuicon, section.description p.menuicon, .aboutcard.board.active .tile h5.menuicon {
  width: 60px;
  height: 60px; }
  .menuicon.large span, section.bridge .statement .menuicon.line span, section.slider p.menuicon span, section.sliderh p.menuicon span, section.neighbors p.menuicon span, section.bridge.letter p.menuicon span, .story-quote.short p.menuicon span, .aboutcard.team .short.quote p.menuicon span, .aboutcard.team .quote.locale-menu.sea p.menuicon span, .aboutcard.team .quote.locale-menu.den p.menuicon span, .story-quote.locale-menu.sea p.menuicon span, .story-quote.locale-menu.den p.menuicon span, section.description p.menuicon span, .aboutcard.board.active .tile h5.menuicon span {
    left: 8px;
    width: 45px;
    height: 3px;
    margin-top: -1.5px;
    border-radius: 1.5px; }
    .menuicon.large span:before, section.bridge .statement .menuicon.line span:before, section.slider p.menuicon span:before, section.sliderh p.menuicon span:before, section.neighbors p.menuicon span:before, section.bridge.letter p.menuicon span:before, .story-quote.short p.menuicon span:before, .aboutcard.team .short.quote p.menuicon span:before, .aboutcard.team .quote.locale-menu.sea p.menuicon span:before, .aboutcard.team .quote.locale-menu.den p.menuicon span:before, .story-quote.locale-menu.sea p.menuicon span:before, .story-quote.locale-menu.den p.menuicon span:before, section.description p.menuicon span:before, .aboutcard.board.active .tile h5.menuicon span:before, .menuicon.large span:after, section.bridge .statement .menuicon.line span:after, section.slider p.menuicon span:after, section.sliderh p.menuicon span:after, section.neighbors p.menuicon span:after, section.bridge.letter p.menuicon span:after, .story-quote.short p.menuicon span:after, .aboutcard.team .short.quote p.menuicon span:after, .aboutcard.team .quote.locale-menu.sea p.menuicon span:after, .aboutcard.team .quote.locale-menu.den p.menuicon span:after, .story-quote.locale-menu.sea p.menuicon span:after, .story-quote.locale-menu.den p.menuicon span:after, section.description p.menuicon span:after, .aboutcard.board.active .tile h5.menuicon span:after {
      left: 0;
      width: 45px;
      height: 3px;
      margin-top: 1.5px;
      border-radius: 1.5px; }
    .menuicon.large span:before, section.bridge .statement .menuicon.line span:before, section.slider p.menuicon span:before, section.sliderh p.menuicon span:before, section.neighbors p.menuicon span:before, section.bridge.letter p.menuicon span:before, .story-quote.short p.menuicon span:before, .aboutcard.team .short.quote p.menuicon span:before, .aboutcard.team .quote.locale-menu.sea p.menuicon span:before, .aboutcard.team .quote.locale-menu.den p.menuicon span:before, .story-quote.locale-menu.sea p.menuicon span:before, .story-quote.locale-menu.den p.menuicon span:before, section.description p.menuicon span:before, .aboutcard.board.active .tile h5.menuicon span:before {
      top: -18px; }
    .menuicon.large span:after, section.bridge .statement .menuicon.line span:after, section.slider p.menuicon span:after, section.sliderh p.menuicon span:after, section.neighbors p.menuicon span:after, section.bridge.letter p.menuicon span:after, .story-quote.short p.menuicon span:after, .aboutcard.team .short.quote p.menuicon span:after, .aboutcard.team .quote.locale-menu.sea p.menuicon span:after, .aboutcard.team .quote.locale-menu.den p.menuicon span:after, .story-quote.locale-menu.sea p.menuicon span:after, .story-quote.locale-menu.den p.menuicon span:after, section.description p.menuicon span:after, .aboutcard.board.active .tile h5.menuicon span:after {
      bottom: -18px; }

.menuicon.close span {
  width: 0; }
  .menuicon.close span:before, .menuicon.close span:after {
    left: 4px;
    width: 42px;
    height: 3.5px;
    border-radius: 1.75px; }
  .menuicon.close span:before {
    transform-origin: 0% 0%;
    transform: rotate(45deg); }
  .menuicon.close span:after {
    transform-origin: 0% 100%;
    transform: rotate(-45deg); }

.menuicon.large.close span:before, section.bridge .statement .menuicon.close.line span:before, section.slider p.menuicon.close span:before, section.sliderh p.menuicon.close span:before, section.neighbors p.menuicon.close span:before, section.bridge.letter p.menuicon.close span:before, .story-quote.short p.menuicon.close span:before, .aboutcard.team .short.quote p.menuicon.close span:before, .aboutcard.team .quote.locale-menu.sea p.menuicon.close span:before, .aboutcard.team .quote.locale-menu.den p.menuicon.close span:before, .story-quote.locale-menu.sea p.menuicon.close span:before, .story-quote.locale-menu.den p.menuicon.close span:before, section.description p.menuicon.close span:before, .aboutcard.board.active .tile h5.menuicon.close span:before, .menuicon.large.close span:after, section.bridge .statement .menuicon.close.line span:after, section.slider p.menuicon.close span:after, section.sliderh p.menuicon.close span:after, section.neighbors p.menuicon.close span:after, section.bridge.letter p.menuicon.close span:after, .story-quote.short p.menuicon.close span:after, .aboutcard.team .short.quote p.menuicon.close span:after, .aboutcard.team .quote.locale-menu.sea p.menuicon.close span:after, .aboutcard.team .quote.locale-menu.den p.menuicon.close span:after, .story-quote.locale-menu.sea p.menuicon.close span:after, .story-quote.locale-menu.den p.menuicon.close span:after, section.description p.menuicon.close span:after, .aboutcard.board.active .tile h5.menuicon.close span:after {
  left: 6px;
  width: 50px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 2.5px; }

.menuicon.large.close span:before, section.bridge .statement .menuicon.close.line span:before, section.slider p.menuicon.close span:before, section.sliderh p.menuicon.close span:before, section.neighbors p.menuicon.close span:before, section.bridge.letter p.menuicon.close span:before, .story-quote.short p.menuicon.close span:before, .aboutcard.team .short.quote p.menuicon.close span:before, .aboutcard.team .quote.locale-menu.sea p.menuicon.close span:before, .aboutcard.team .quote.locale-menu.den p.menuicon.close span:before, .story-quote.locale-menu.sea p.menuicon.close span:before, .story-quote.locale-menu.den p.menuicon.close span:before, section.description p.menuicon.close span:before, .aboutcard.board.active .tile h5.menuicon.close span:before {
  top: -17px; }

.menuicon.large.close span:after, section.bridge .statement .menuicon.close.line span:after, section.slider p.menuicon.close span:after, section.sliderh p.menuicon.close span:after, section.neighbors p.menuicon.close span:after, section.bridge.letter p.menuicon.close span:after, .story-quote.short p.menuicon.close span:after, .aboutcard.team .short.quote p.menuicon.close span:after, .aboutcard.team .quote.locale-menu.sea p.menuicon.close span:after, .aboutcard.team .quote.locale-menu.den p.menuicon.close span:after, .story-quote.locale-menu.sea p.menuicon.close span:after, .story-quote.locale-menu.den p.menuicon.close span:after, section.description p.menuicon.close span:after, .aboutcard.board.active .tile h5.menuicon.close span:after {
  bottom: -17px; }

.menuicon.xlarge.close span:before, section.bridge p.menuicon.close span:before, section.teamcta .h-col p.menuicon.close span:before, .menuicon.xlarge.close span:after, section.bridge p.menuicon.close span:after, section.teamcta .h-col p.menuicon.close span:after {
  left: 6px;
  width: 54px;
  height: 7px;
  margin-top: -3.5px;
  border-radius: 3.5px; }

.menuicon.xlarge.close span:before, section.bridge p.menuicon.close span:before, section.teamcta .h-col p.menuicon.close span:before {
  top: -20px; }

.menuicon.xlarge.close span:after, section.bridge p.menuicon.close span:after, section.teamcta .h-col p.menuicon.close span:after {
  bottom: -17px; }

a.btn-play {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 5;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  cursor: pointer; }
  a.btn-play svg {
    width: 40px;
    height: 62px;
    margin-right: -10px;
    fill: #fff;
    stroke: #fff;
    stroke-width: 2px;
    transform: scale(1);
    overflow: visible;
    opacity: 0.9;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.25));
    transition: all 0.4s ease-out; }
    @media (max-width: 768px) {
      a.btn-play svg {
        transform: scale(0.875); } }
  a.btn-play:hover svg, a.btn-play.hover svg, .story-showcase.hovers a.btn-play.story-quote.mside svg, .story-showcase.hovers .aboutcard.team a.btn-play.mside.quote svg, .aboutcard.team .story-showcase.hovers a.btn-play.mside.quote svg, .story-showcase.hovers a.btn-play svg {
    fill: rgba(255, 255, 255, 0);
    transform: scale(1.2);
    transition: all 0.2s ease-out; }

.btn.tooltip {
  z-index: 5;
  width: 2rem;
  height: 2rem;
  background: none;
  opacity: 0.75; }
  .btn.tooltip:before {
    content: "?";
    position: relative;
    z-index: 2;
    line-height: 2.1rem;
    font-size: 1.41666rem;
    font-weight: 600; }
  .btn.tooltip:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%; }
  .btn.tooltip:hover {
    opacity: 1; }
    .btn.tooltip:hover:after {
      transform: scale(1.2); }
  .btn.tooltip--purple {
    color: rgba(255, 255, 255, 0.9); }
    .btn.tooltip--purple:after {
      background: #7d8bcd;
      box-shadow: inset 0 0 0 2px rgba(184, 194, 255, 0); }
  .btn.tooltip--outline, section.topstats .stat .btn.tooltip {
    color: rgba(184, 194, 255, 0.9); }
    .btn.tooltip--outline:after, section.topstats .stat .btn.tooltip:after {
      background: rgba(125, 139, 205, 0);
      box-shadow: inset 0 0 0 2px rgba(184, 194, 255, 0.8); }
    .btn.tooltip--outline:hover, section.topstats .stat .btn.tooltip:hover {
      color: #fff; }
      .btn.tooltip--outline:hover:before, section.topstats .stat .btn.tooltip:hover:before {
        transition: all 0.2s 0s; }
      .btn.tooltip--outline:hover:after, section.topstats .stat .btn.tooltip:hover:after {
        background: #7d8bcd;
        box-shadow: inset 0 0 0 9px rgba(125, 139, 205, 0); }

.ui-tooltip[role="tooltip"] {
  padding: 0;
  min-width: 360px;
  text-align: left;
  line-height: 1.5;
  font-size: 1.375rem;
  font-weight: 300;
  font-family: "Brandon Grotesque", sans-serif;
  color: #fff;
  background: none;
  border: none;
  box-shadow: none; }
  .ui-tooltip[role="tooltip"] .ui-tooltip-content {
    transform: translate(1.625rem, -1.625rem);
    padding: 1.4rem 1.6rem 1.6rem 1.85rem; }
    .ui-tooltip[role="tooltip"] .ui-tooltip-content:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 4px;
      background-color: #474e80;
      box-shadow: 0 3px 7px 0 rgba(37, 41, 70, 0.33); }

ul.amount-tabs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: 10rem;
  color: rgba(73, 67, 137, 0.6); }
  @media (max-width: 768px) {
    ul.amount-tabs {
      margin: 0.5rem 0 0.75rem;
      margin: -1rem 0 1.5rem; } }
  ul.amount-tabs li:nth-of-type(1) {
    width: 19%;
    margin-left: 3%; }
    @media (max-width: 768px) {
      ul.amount-tabs li:nth-of-type(1) {
        width: 19%;
        margin-left: 1%; } }
  ul.amount-tabs li:nth-of-type(2) {
    width: 25%; }
  ul.amount-tabs li:nth-of-type(3) {
    width: 23.5%; }
  ul.amount-tabs li:nth-of-type(4) {
    width: 29.5%; }
    @media (max-width: 768px) {
      ul.amount-tabs li:nth-of-type(4) {
        width: 31%; } }
  ul.amount-tabs .btn.amount {
    position: relative;
    padding: 0 0.5rem 0 2.75rem;
    line-height: 10rem;
    font-size: 4.75rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    transition: all 0.1s 0s;
    text-align: center; }
    @media (max-width: 768px) {
      ul.amount-tabs .btn.amount {
        padding: 0 0.5rem 0 2rem;
        font-size: 3.333rem; } }
    ul.amount-tabs .btn.amount:before {
      content: '$';
      position: absolute;
      transform: scale(0.666);
      left: 0;
      transition: all 0.1s 0s; }
    ul.amount-tabs .btn.amount:after {
      content: '';
      display: none;
      position: absolute;
      bottom: 1rem;
      left: 4px;
      right: 0px;
      height: 9px;
      border-radius: 4.5px;
      background-image: linear-gradient(to left, #7279e8, #a3acf8); }
      @media (max-width: 768px) {
        ul.amount-tabs .btn.amount:after {
          bottom: 1.666rem; } }
    ul.amount-tabs .btn.amount.active {
      font-weight: 900;
      color: #7279e8;
      letter-spacing: 0.025em; }
      ul.amount-tabs .btn.amount.active:before {
        font-weight: 600; }
      ul.amount-tabs .btn.amount.active:after {
        display: block; }
  ul.amount-tabs .btn.custom {
    padding: 0 2rem 0 2.5rem;
    font-size: 2.25rem;
    font-weight: 600;
    text-transform: none; }
    @media (max-width: 768px) {
      ul.amount-tabs .btn.custom {
        font-size: 1.5rem; } }
  ul.amount-tabs input.amount {
    display: none;
    width: 100%;
    margin-top: 0.5rem;
    line-height: 5rem;
    font-size: 2.5rem;
    font-weight: 900;
    border-radius: 10px;
    background-color: #e9e9e9;
    color: #7d8bcd;
    text-align: center; }
    ul.amount-tabs input.amount::placeholder {
      font-size: 1.75rem;
      color: rgba(0, 0, 0, 0.5); }
  ul.amount-tabs.custom li:last-of-type {
    padding-left: 1.25rem; }
  ul.amount-tabs.custom .btn.custom {
    display: none; }
  ul.amount-tabs.custom input.amount {
    display: inline-block; }

.ui-cards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  z-index: 5;
  width: 100%;
  font-family: 'Manrope', sans-serif; }
  .ui-cards .card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 660px;
    min-height: 23rem;
    margin-bottom: 5rem;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 4px 27px rgba(0, 0, 0, 0.15); }
    @media (max-width: 768px) {
      .ui-cards .card {
        margin-bottom: 3.5rem;
        border-radius: 1rem; } }
    .ui-cards .card:before {
      content: '';
      position: absolute;
      z-index: 0;
      width: 100%;
      height: 100%;
      border-radius: 1.5rem;
      background: #000;
      opacity: 0; }
      @media (max-width: 768px) {
        .ui-cards .card:before {
          border-radius: 1rem; } }
    .ui-cards .card .cardwrap {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      justify-content: flex-start;
      align-items: flex-start;
      position: relative;
      width: 100%;
      height: 100%;
      min-height: 23rem;
      padding: 3rem 4rem;
      color: #1f2051; }
      @media (max-width: 768px) {
        .ui-cards .card .cardwrap {
          min-height: 18rem;
          padding: 1.75rem 1.75rem 1.75rem 2.25rem; } }
    .ui-cards .card h4.title {
      margin-top: 1rem;
      line-height: 1.5;
      font-size: 2.58333rem;
      font-weight: 700;
      letter-spacing: 0.015em;
      text-transform: none; }
      @media (max-width: 768px) {
        .ui-cards .card h4.title {
          font-size: 1.8333rem; } }
    .ui-cards .card .cardlabel {
      position: absolute;
      top: -2rem;
      height: 4rem;
      margin-left: -2rem;
      padding: 0 2.25rem;
      border-radius: 2rem;
      color: #fff; }
      @media (max-width: 768px) {
        .ui-cards .card .cardlabel {
          top: -1.5rem;
          height: 3rem;
          margin-left: -0.8333rem;
          padding: 0 1.25rem;
          border-radius: 1.5rem; } }
      .ui-cards .card .cardlabel h5.caps, .ui-cards .card .cardlabel h5.arrowh {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-right: 2rem;
        line-height: 3.75rem;
        font-size: 1.8333rem;
        font-weight: 800;
        letter-spacing: 0.15rem;
        white-space: nowrap; }
        @media (max-width: 768px) {
          .ui-cards .card .cardlabel h5.caps, .ui-cards .card .cardlabel h5.arrowh {
            line-height: 2.8333rem;
            font-size: 1.333rem;
            margin-right: 1rem; } }
      .ui-cards .card .cardlabel .icon, .ui-cards .card .cardlabel .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .ui-cards .card .cardlabel .btn.team, .ui-cards .card .cardlabel .profile-nav .btn.team, .profile-nav .ui-cards .card .cardlabel .btn.team, .ui-cards .card .cardlabel .profile-nav .btn.give, .profile-nav .ui-cards .card .cardlabel .btn.give {
        display: inline-block;
        position: relative;
        width: 4rem;
        height: 4rem;
        margin-right: 1rem;
        background-size: 80%;
        background-position: center center;
        background-repeat: no-repeat; }
        @media (max-width: 768px) {
          .ui-cards .card .cardlabel .icon, .ui-cards .card .cardlabel .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .ui-cards .card .cardlabel .btn.team, .ui-cards .card .cardlabel .profile-nav .btn.team, .profile-nav .ui-cards .card .cardlabel .btn.team, .ui-cards .card .cardlabel .profile-nav .btn.give, .profile-nav .ui-cards .card .cardlabel .btn.give {
            width: 2.9rem;
            height: 2.9rem;
            margin-right: 0.666rem; } }
    .ui-cards .card .carddate {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: -10.5rem;
      width: 9rem;
      margin-top: -1.5rem;
      text-align: left; }
      .ui-cards .card .carddate h5.caps, .ui-cards .card .carddate h5.arrowh, .ui-cards .card .carddate h3 {
        width: 100%;
        text-align: left; }
      .ui-cards .card .carddate h5.caps, .ui-cards .card .carddate h5.arrowh {
        line-height: 3rem;
        font-size: 2rem;
        font-weight: 700;
        letter-spacing: 0.3em; }
      .ui-cards .card .carddate h3 {
        line-height: 5rem;
        font-size: 5rem;
        font-weight: 500;
        letter-spacing: 0.05em; }
    .ui-cards .card ul.activity {
      width: 105%;
      margin-top: 1rem;
      margin-left: -0.75rem;
      min-height: 1rem; }
      @media (max-width: 768px) {
        .ui-cards .card ul.activity {
          min-height: 2.5rem;
          margin-top: 1rem;
          margin-left: -0.5rem;
          margin-bottom: 0.25rem; } }
      .ui-cards .card ul.activity .bonus:before, .ui-cards .card ul.activity .gift:before {
        content: '$'; }
      .ui-cards .card ul.activity li {
        display: inline-block;
        line-height: 3rem;
        font-size: 1.5rem;
        margin-right: 0.75rem;
        margin-bottom: 0.75rem;
        padding: 0 1rem 0 1.5rem;
        border-radius: 1.5rem;
        background: #eaebfb; }
        @media (max-width: 768px) {
          .ui-cards .card ul.activity li {
            line-height: 2.5rem;
            margin-right: 0.5rem;
            margin-bottom: 0.25rem;
            padding: 0 0.75rem 0 1rem;
            border-radius: 1.5rem;
            font-size: 1rem; } }
        .ui-cards .card ul.activity li span {
          margin-left: 0.333rem;
          font-weight: 700;
          opacity: 0.75; }
          .ui-cards .card ul.activity li span:before {
            content: '(';
            font-weight: 300;
            margin-right: 0.25rem; }
          .ui-cards .card ul.activity li span:after {
            content: ')';
            font-weight: 300;
            margin-left: 0.25rem; }
    .ui-cards .card .status {
      display: flex;
      flex-direction: row;
      margin-top: 0.5rem; }
      .ui-cards .card .status .indicator {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: inline-flex;
        position: relative;
        width: 4.5rem;
        height: 4.5rem;
        margin-right: 1.5rem;
        border-radius: 50%;
        box-shadow: inset 0 0 0 5px #f57120; }
        @media (max-width: 768px) {
          .ui-cards .card .status .indicator {
            width: 2.75rem;
            height: 2.75rem;
            margin-right: 1rem;
            box-shadow: inset 0 0 0 3px #f57120; } }
        .ui-cards .card .status .indicator .icon, .ui-cards .card .status .indicator .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .ui-cards .card .status .indicator .btn.team, .ui-cards .card .status .indicator .profile-nav .btn.team, .profile-nav .ui-cards .card .status .indicator .btn.team, .ui-cards .card .status .indicator .profile-nav .btn.give, .profile-nav .ui-cards .card .status .indicator .btn.give {
          position: absolute;
          width: 44px;
          height: 32px;
          background-repeat: no-repeat;
          transform: scale(0.75); }
          @media (max-width: 768px) {
            .ui-cards .card .status .indicator .icon, .ui-cards .card .status .indicator .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .ui-cards .card .status .indicator .btn.team, .ui-cards .card .status .indicator .profile-nav .btn.team, .profile-nav .ui-cards .card .status .indicator .btn.team, .ui-cards .card .status .indicator .profile-nav .btn.give, .profile-nav .ui-cards .card .status .indicator .btn.give {
              transform: scale(0.5); } }
      .ui-cards .card .status h4.caps, .ui-cards .card .status h4.arrowh {
        display: inline-flex;
        flex-direction: row;
        line-height: 4.5rem;
        font-size: 2rem;
        font-weight: 700;
        letter-spacing: 0.05em; }
        @media (max-width: 768px) {
          .ui-cards .card .status h4.caps, .ui-cards .card .status h4.arrowh {
            line-height: 3rem;
            font-size: 1.4rem; } }
      .ui-cards .card .status .state {
        margin-right: 0.5rem; }
      .ui-cards .card .status .date .month:after {
        content: '/';
        display: inline-block;
        font-weight: 100;
        transform: scale(1.25);
        opacity: 0.5;
        padding: 0 2px; }
    .ui-cards .card.actstep.unmet .status {
      color: #f57120; }
      .ui-cards .card.actstep.unmet .status .indicator {
        box-shadow: inset 0 0 0 5px #f57120; }
        @media (max-width: 768px) {
          .ui-cards .card.actstep.unmet .status .indicator {
            box-shadow: inset 0 0 0 3px #f57120; } }
    .ui-cards .card.immneed.unmet .status {
      color: #ff0019; }
      .ui-cards .card.immneed.unmet .status .indicator {
        box-shadow: inset 0 0 0 5px #ff0019; }
        @media (max-width: 768px) {
          .ui-cards .card.immneed.unmet .status .indicator {
            box-shadow: inset 0 0 0 3px #ff0019; } }
    .ui-cards .card.met .status {
      color: #00cf82; }
      .ui-cards .card.met .status .indicator {
        box-shadow: inset 0 0 0 5px #00cf82;
        background-color: #00cf82; }
        @media (max-width: 768px) {
          .ui-cards .card.met .status .indicator {
            box-shadow: inset 0 0 0 3px #00cf82; } }
        .ui-cards .card.met .status .indicator .icon, .ui-cards .card.met .status .indicator .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .ui-cards .card.met .status .indicator .btn.team, .ui-cards .card.met .status .indicator .profile-nav .btn.team, .profile-nav .ui-cards .card.met .status .indicator .btn.team, .ui-cards .card.met .status .indicator .profile-nav .btn.give, .profile-nav .ui-cards .card.met .status .indicator .btn.give {
          background-image: url("/images/icons/check.svg"); }
    .ui-cards .card .cardicon {
      position: absolute;
      z-index: 0; }
  .ui-cards .card.bgcard {
    min-height: 15rem; }
  .ui-cards .btn-expand {
    z-index: 9;
    bottom: -3.5rem; }
    @media (max-width: 768px) {
      .ui-cards .btn-expand {
        bottom: -4.5rem;
        transform: scale(0.9); } }
  .ui-cards:not(.stacked) .bgcard {
    display: none; }
  .ui-cards .card.actstep .cardlabel .icon, .ui-cards .card.actstep .cardlabel .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .ui-cards .card.actstep .cardlabel .btn.team, .ui-cards .card.actstep .cardlabel .profile-nav .btn.team, .profile-nav .ui-cards .card.actstep .cardlabel .btn.team, .ui-cards .card.actstep .cardlabel .profile-nav .btn.give, .profile-nav .ui-cards .card.actstep .cardlabel .btn.give {
    background-image: url("/images/icons/ui-progress.svg");
    background-size: 84%;
    background-position: 50% 40%; }
  .ui-cards .card.actstep.unmet .cardlabel {
    background: #f57120; }
  .ui-cards .card.immneed .cardlabel .icon, .ui-cards .card.immneed .cardlabel .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .ui-cards .card.immneed .cardlabel .btn.team, .ui-cards .card.immneed .cardlabel .profile-nav .btn.team, .profile-nav .ui-cards .card.immneed .cardlabel .btn.team, .ui-cards .card.immneed .cardlabel .profile-nav .btn.give, .profile-nav .ui-cards .card.immneed .cardlabel .btn.give {
    background-image: url("/images/icons/ui-need.svg");
    background-position: 50% 50%; }
  .ui-cards .card.immneed.unmet .cardlabel {
    background: #ff0019; }
  .ui-cards .card.unmet .cardlabel {
    background: #f57120; }
  .ui-cards .card.met .cardlabel {
    background: #00cf82; }

.ui-cards.stacked .card {
  display: none;
  position: absolute;
  transform-origin: 50% 100%; }
  .ui-cards.stacked .card .carddate {
    display: none; }

.ui-cards.stacked .card.topcard {
  display: flex;
  position: relative;
  z-index: 3; }
  .ui-cards.stacked .card.topcard .carddate {
    display: flex; }

.ui-cards.stacked .bgcard {
  position: absolute;
  display: block; }

.ui-cards.stacked .bgcard {
  z-index: 2;
  bottom: -2.75rem;
  transform: scale(0.88); }
  @media (max-width: 768px) {
    .ui-cards.stacked .bgcard {
      bottom: -2rem;
      transform: scale(0.86); } }
  .ui-cards.stacked .bgcard:before {
    opacity: 0.2; }

.ui-cards.stacked .bgcard.bottom {
  z-index: 1;
  bottom: -5rem;
  transform: scale(0.77); }
  @media (max-width: 768px) {
    .ui-cards.stacked .bgcard.bottom {
      bottom: -4rem;
      transform: scale(0.74); } }
  .ui-cards.stacked .bgcard.bottom:before {
    opacity: 0.33; }

.arrow {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  user-select: none;
  transition: all 0.5s; }
  .arrow:before, .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background: #000;
    transition: all 0.5s; }
  .arrow:hover {
    opacity: 1;
    transition: all 0.2s; }
    .arrow:hover:before, .arrow:hover:after {
      transition: all 0.15s; }
  .arrow.up {
    text-align: center; }
    .arrow.up:before {
      top: 0;
      right: 50%;
      transform: rotate(-30deg);
      transform-origin: top right; }
    .arrow.up:after {
      top: 0;
      left: 50%;
      transform: rotate(30deg);
      transform-origin: top left; }
  .arrow.down {
    text-align: center; }
    .arrow.down:before {
      bottom: 0;
      right: 50%;
      transform: rotate(30deg);
      transform-origin: bottom right; }
    .arrow.down:after {
      bottom: 0;
      left: 50%;
      transform: rotate(-30deg);
      transform-origin: bottom left; }
  .arrow.left, section.bridge.left p.arrow, .app-showcase.left .phone-wrapper .arrow.phone, .app-showcase.last .phone-wrapper .arrow.phone, .aboutcard.team a.arrow {
    text-align: left; }
    .arrow.left:before, section.bridge.left p.arrow:before, .app-showcase.left .phone-wrapper .arrow.phone:before, .app-showcase.last .phone-wrapper .arrow.phone:before, .aboutcard.team a.arrow:before {
      left: 0;
      transform: rotate(60deg);
      transform-origin: top left; }
    .arrow.left:after, section.bridge.left p.arrow:after, .app-showcase.left .phone-wrapper .arrow.phone:after, .app-showcase.last .phone-wrapper .arrow.phone:after, .aboutcard.team a.arrow:after {
      left: 0;
      transform: rotate(-60deg);
      transform-origin: bottom left; }
  .arrow.right, .app-showcase.right .phone-wrapper .arrow.phone, .app-showcase.second .phone-wrapper .arrow.phone, .app-showcase.third .phone-wrapper .arrow.phone, .app-showcase.fourth .phone-wrapper .arrow.phone, .arrow.second.app-showcase, .arrow.third.app-showcase, .arrow.fourth.app-showcase, .aboutcard.team .title .arrow {
    text-align: right; }
    .arrow.right:before, .app-showcase.right .phone-wrapper .arrow.phone:before, .app-showcase.second .phone-wrapper .arrow.phone:before, .app-showcase.third .phone-wrapper .arrow.phone:before, .app-showcase.fourth .phone-wrapper .arrow.phone:before, .arrow.second.app-showcase:before, .arrow.third.app-showcase:before, .arrow.fourth.app-showcase:before, .aboutcard.team .title .arrow:before {
      right: 0;
      transform: rotate(60deg);
      transform-origin: bottom right; }
    .arrow.right:after, .app-showcase.right .phone-wrapper .arrow.phone:after, .app-showcase.second .phone-wrapper .arrow.phone:after, .app-showcase.third .phone-wrapper .arrow.phone:after, .app-showcase.fourth .phone-wrapper .arrow.phone:after, .arrow.second.app-showcase:after, .arrow.third.app-showcase:after, .arrow.fourth.app-showcase:after, .aboutcard.team .title .arrow:after {
      right: 0;
      transform: rotate(-60deg);
      transform-origin: top right; }
  .arrow.disabled, .slides-wrapper.first .slider-nav.prev .arrow, .slides-wrapper.last .slider-nav.next .arrow, .aboutcard.team.unfocused:not(.expanded) .title .arrow, .aboutcard.team.expanded .title .arrow {
    opacity: 0; }
    .arrow.disabled:before, .slides-wrapper.first .slider-nav.prev .arrow:before, .slides-wrapper.last .slider-nav.next .arrow:before, .aboutcard.team.unfocused:not(.expanded) .title .arrow:before, .aboutcard.team.expanded .title .arrow:before, .arrow.disabled:after, .slides-wrapper.first .slider-nav.prev .arrow:after, .slides-wrapper.last .slider-nav.next .arrow:after, .aboutcard.team.unfocused:not(.expanded) .title .arrow:after, .aboutcard.team.expanded .title .arrow:after {
      width: 0px;
      height: 0px; }

.arrow.small.up, .arrow.up.contact_us-form.med, .arrow.small.down, .arrow.down.contact_us-form.med {
  width: 54px;
  height: 20px; }

.arrow.small.left, section.bridge.left p.arrow.small, section.bridge.left p.arrow.contact_us-form.med, .app-showcase.left .phone-wrapper .arrow.small.phone, .app-showcase.last .phone-wrapper .arrow.small.phone, .app-showcase.left .phone-wrapper .arrow.phone.contact_us-form.med, .app-showcase.last .phone-wrapper .arrow.phone.contact_us-form.med, .arrow.left.contact_us-form.med, .aboutcard.team a.arrow.contact_us-form.med, .aboutcard.team a.arrow.small, .arrow.small.right, .app-showcase.right .phone-wrapper .arrow.small.phone, .app-showcase.second .phone-wrapper .arrow.small.phone, .app-showcase.third .phone-wrapper .arrow.small.phone, .app-showcase.fourth .phone-wrapper .arrow.small.phone, .app-showcase.right .phone-wrapper .arrow.phone.contact_us-form.med, .app-showcase.second .phone-wrapper .arrow.phone.contact_us-form.med, .app-showcase.third .phone-wrapper .arrow.phone.contact_us-form.med, .app-showcase.fourth .phone-wrapper .arrow.phone.contact_us-form.med, .arrow.small.second.app-showcase, .arrow.second.app-showcase.contact_us-form.med, .arrow.small.third.app-showcase, .arrow.third.app-showcase.contact_us-form.med, .arrow.small.fourth.app-showcase, .arrow.fourth.app-showcase.contact_us-form.med, .arrow.right.contact_us-form.med, .aboutcard.team .title .arrow.contact_us-form.med, .aboutcard.team .title .arrow.small {
  width: 20px;
  height: 54px; }

.arrow.small:before, .arrow.contact_us-form.med:before, .arrow.small:after, .arrow.contact_us-form.med:after {
  width: 30px;
  height: 3px;
  border-radius: 1.25px; }

.arrow.med.up, .arrow.med.down {
  width: 84px;
  height: 27px; }

.arrow.med.left, section.bridge.left p.arrow.med, .app-showcase.left .phone-wrapper .arrow.med.phone, .app-showcase.last .phone-wrapper .arrow.med.phone, .aboutcard.team a.arrow.med, .arrow.med.right, .app-showcase.right .phone-wrapper .arrow.med.phone, .app-showcase.second .phone-wrapper .arrow.med.phone, .app-showcase.third .phone-wrapper .arrow.med.phone, .app-showcase.fourth .phone-wrapper .arrow.med.phone, .arrow.med.second.app-showcase, .arrow.med.third.app-showcase, .arrow.med.fourth.app-showcase, .aboutcard.team .title .arrow.med {
  width: 27px;
  height: 84px; }

.arrow.med:before, .arrow.med:after {
  width: 45px;
  height: 4px;
  border-radius: 1.5px; }

.arrow.large.up, section.bridge .statement .arrow.up.line, section.slider p.arrow.up, section.sliderh p.arrow.up, section.neighbors p.arrow.up, section.bridge.letter p.arrow.up, .story-quote.short p.arrow.up, .aboutcard.team .short.quote p.arrow.up, .aboutcard.team .quote.locale-menu.sea p.arrow.up, .aboutcard.team .quote.locale-menu.den p.arrow.up, .story-quote.locale-menu.sea p.arrow.up, .story-quote.locale-menu.den p.arrow.up, section.description p.arrow.up, .aboutcard.board.active .tile h5.arrow.up, .arrow.large.down, section.bridge .statement .arrow.down.line, section.slider p.arrow.down, section.sliderh p.arrow.down, section.neighbors p.arrow.down, section.bridge.letter p.arrow.down, .story-quote.short p.arrow.down, .aboutcard.team .short.quote p.arrow.down, .aboutcard.team .quote.locale-menu.sea p.arrow.down, .aboutcard.team .quote.locale-menu.den p.arrow.down, .story-quote.locale-menu.sea p.arrow.down, .story-quote.locale-menu.den p.arrow.down, section.description p.arrow.down, .aboutcard.board.active .tile h5.arrow.down {
  width: 132px;
  height: 42px; }

.arrow.large.left, section.bridge.left p.arrow.large, section.bridge.left .statement p.arrow.line, section.bridge.left section.slider p.arrow, section.slider section.bridge.left p.arrow, section.bridge.left section.sliderh p.arrow, section.sliderh section.bridge.left p.arrow, section.bridge.left section.neighbors p.arrow, section.neighbors section.bridge.left p.arrow, section.bridge.left section.bridge.letter p.arrow, section.bridge.letter section.bridge.left p.arrow, section.bridge.left .story-quote.short p.arrow, .story-quote.short section.bridge.left p.arrow, section.bridge.left .aboutcard.team .short.quote p.arrow, .aboutcard.team .short.quote section.bridge.left p.arrow, section.bridge.left .aboutcard.team .quote.locale-menu.sea p.arrow, .aboutcard.team .quote.locale-menu.sea section.bridge.left p.arrow, section.bridge.left .aboutcard.team .quote.locale-menu.den p.arrow, .aboutcard.team .quote.locale-menu.den section.bridge.left p.arrow, section.bridge.left .story-quote.locale-menu.sea p.arrow, .story-quote.locale-menu.sea section.bridge.left p.arrow, section.bridge.left .story-quote.locale-menu.den p.arrow, .story-quote.locale-menu.den section.bridge.left p.arrow, section.bridge.left section.description p.arrow, section.description section.bridge.left p.arrow, section.bridge .statement .arrow.left.line, section.bridge .statement .app-showcase.left .phone-wrapper .arrow.line.phone, .app-showcase.left .phone-wrapper section.bridge .statement .arrow.line.phone, section.bridge .statement .app-showcase.last .phone-wrapper .arrow.line.phone, .app-showcase.last .phone-wrapper section.bridge .statement .arrow.line.phone, section.bridge .statement .aboutcard.team a.arrow.line, .aboutcard.team section.bridge .statement a.arrow.line, .app-showcase.left .phone-wrapper .arrow.large.phone, .left.app-showcase.first .phone-wrapper .arrow.large.phone, .first.app-showcase.last .phone-wrapper .arrow.large.phone, .left.app-showcase.second .phone-wrapper .arrow.large.phone, .second.app-showcase.last .phone-wrapper .arrow.large.phone, .left.app-showcase.third .phone-wrapper .arrow.large.phone, .third.app-showcase.last .phone-wrapper .arrow.large.phone, .left.app-showcase.fourth .phone-wrapper .arrow.large.phone, .fourth.app-showcase.last .phone-wrapper .arrow.large.phone, .left.app-showcase.fifth .phone-wrapper .arrow.large.phone, .fifth.app-showcase.last .phone-wrapper .arrow.large.phone, .app-showcase.last .phone-wrapper .arrow.large.phone, .left.app-showcase.first .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .left.app-showcase.first .phone-wrapper .arrow.phone.line, .first.app-showcase.last .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .first.app-showcase.last .phone-wrapper .arrow.phone.line, .left.app-showcase.second .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .left.app-showcase.second .phone-wrapper .arrow.phone.line, .second.app-showcase.last .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .second.app-showcase.last .phone-wrapper .arrow.phone.line, .left.app-showcase.third .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .left.app-showcase.third .phone-wrapper .arrow.phone.line, .third.app-showcase.last .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .third.app-showcase.last .phone-wrapper .arrow.phone.line, .left.app-showcase.fourth .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .left.app-showcase.fourth .phone-wrapper .arrow.phone.line, .fourth.app-showcase.last .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .fourth.app-showcase.last .phone-wrapper .arrow.phone.line, .left.app-showcase.fifth .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .left.app-showcase.fifth .phone-wrapper .arrow.phone.line, .fifth.app-showcase.last .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .fifth.app-showcase.last .phone-wrapper .arrow.phone.line, .app-showcase.left .phone-wrapper section.slider p.arrow.phone, section.slider .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper section.slider p.arrow.phone, section.slider .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper section.slider p.arrow.phone, section.slider .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper section.slider p.arrow.phone, section.slider .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper section.slider p.arrow.phone, section.slider .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper section.slider p.arrow.phone, section.slider .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper section.slider p.arrow.phone, section.slider .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper section.slider p.arrow.phone, section.slider .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper section.slider p.arrow.phone, section.slider .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper section.slider p.arrow.phone, section.slider .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper section.slider p.arrow.phone, section.slider .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper section.slider p.arrow.phone, section.slider .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper section.description p.arrow.phone, section.description .app-showcase.left .phone-wrapper p.arrow.phone, .left.app-showcase.first .phone-wrapper section.description p.arrow.phone, section.description .left.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.last .phone-wrapper section.description p.arrow.phone, section.description .first.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.second .phone-wrapper section.description p.arrow.phone, section.description .left.app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.last .phone-wrapper section.description p.arrow.phone, section.description .second.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.third .phone-wrapper section.description p.arrow.phone, section.description .left.app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.last .phone-wrapper section.description p.arrow.phone, section.description .third.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fourth .phone-wrapper section.description p.arrow.phone, section.description .left.app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.last .phone-wrapper section.description p.arrow.phone, section.description .fourth.app-showcase.last .phone-wrapper p.arrow.phone, .left.app-showcase.fifth .phone-wrapper section.description p.arrow.phone, section.description .left.app-showcase.fifth .phone-wrapper p.arrow.phone, .fifth.app-showcase.last .phone-wrapper section.description p.arrow.phone, section.description .fifth.app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.last .phone-wrapper section.description p.arrow.phone, section.description .app-showcase.last .phone-wrapper p.arrow.phone, .app-showcase.left .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .app-showcase.left .phone-wrapper h5.arrow.phone, .left.app-showcase.first .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .left.app-showcase.first .phone-wrapper h5.arrow.phone, .first.app-showcase.last .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .first.app-showcase.last .phone-wrapper h5.arrow.phone, .left.app-showcase.second .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .left.app-showcase.second .phone-wrapper h5.arrow.phone, .second.app-showcase.last .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .second.app-showcase.last .phone-wrapper h5.arrow.phone, .left.app-showcase.third .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .left.app-showcase.third .phone-wrapper h5.arrow.phone, .third.app-showcase.last .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .third.app-showcase.last .phone-wrapper h5.arrow.phone, .left.app-showcase.fourth .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .left.app-showcase.fourth .phone-wrapper h5.arrow.phone, .fourth.app-showcase.last .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .fourth.app-showcase.last .phone-wrapper h5.arrow.phone, .left.app-showcase.fifth .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .left.app-showcase.fifth .phone-wrapper h5.arrow.phone, .fifth.app-showcase.last .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .fifth.app-showcase.last .phone-wrapper h5.arrow.phone, .app-showcase.last .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .app-showcase.last .phone-wrapper h5.arrow.phone, section.slider p.arrow.left, section.sliderh p.arrow.left, section.sliderh.hook p.arrow.left, section.sliderh.hook section.bridge.left p.arrow, section.bridge.left section.sliderh.hook p.arrow, section.neighbors p.arrow.left, section.bridge.letter p.arrow.left, .story-quote.short p.arrow.left, .aboutcard.team .short.quote p.arrow.left, .aboutcard.team .quote.locale-menu.sea p.arrow.left, .aboutcard.team .quote.locale-menu.den p.arrow.left, .story-quote.locale-menu.sea p.arrow.left, .story-quote.locale-menu.den p.arrow.left, section.description p.arrow.left, .aboutcard.team a.arrow.large, .aboutcard.board.active .tile h5.arrow.left, .arrow.large.right, section.bridge .statement .arrow.right.line, section.bridge .statement .app-showcase.right .phone-wrapper .arrow.line.phone, .app-showcase.right .phone-wrapper section.bridge .statement .arrow.line.phone, section.bridge .statement .app-showcase.second .phone-wrapper .arrow.line.phone, .app-showcase.second .phone-wrapper section.bridge .statement .arrow.line.phone, section.bridge .statement .app-showcase.third .phone-wrapper .arrow.line.phone, .app-showcase.third .phone-wrapper section.bridge .statement .arrow.line.phone, section.bridge .statement .app-showcase.fourth .phone-wrapper .arrow.line.phone, .app-showcase.fourth .phone-wrapper section.bridge .statement .arrow.line.phone, section.bridge .statement .arrow.line.second.app-showcase, section.bridge .statement .arrow.line.third.app-showcase, section.bridge .statement .arrow.line.fourth.app-showcase, section.bridge .statement .aboutcard.team .title .arrow.line, .aboutcard.team .title section.bridge .statement .arrow.line, .app-showcase.right .phone-wrapper .arrow.large.phone, .right.app-showcase.first .phone-wrapper .arrow.large.phone, .first.app-showcase.second .phone-wrapper .arrow.large.phone, .first.app-showcase.third .phone-wrapper .arrow.large.phone, .first.app-showcase.fourth .phone-wrapper .arrow.large.phone, .app-showcase.second .phone-wrapper .arrow.large.phone, .second.app-showcase.third .phone-wrapper .arrow.large.phone, .second.app-showcase.fourth .phone-wrapper .arrow.large.phone, .second.app-showcase.fifth .phone-wrapper .arrow.large.phone, .app-showcase.third .phone-wrapper .arrow.large.phone, .third.app-showcase.fourth .phone-wrapper .arrow.large.phone, .third.app-showcase.fifth .phone-wrapper .arrow.large.phone, .app-showcase.fourth .phone-wrapper .arrow.large.phone, .fourth.app-showcase.fifth .phone-wrapper .arrow.large.phone, .right.app-showcase.fifth .phone-wrapper .arrow.large.phone, .right.app-showcase.first .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .right.app-showcase.first .phone-wrapper .arrow.phone.line, .first.app-showcase.second .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .first.app-showcase.second .phone-wrapper .arrow.phone.line, .first.app-showcase.third .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .first.app-showcase.third .phone-wrapper .arrow.phone.line, .first.app-showcase.fourth .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .first.app-showcase.fourth .phone-wrapper .arrow.phone.line, .second.app-showcase.third .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .second.app-showcase.third .phone-wrapper .arrow.phone.line, .second.app-showcase.fourth .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .second.app-showcase.fourth .phone-wrapper .arrow.phone.line, .second.app-showcase.fifth .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .second.app-showcase.fifth .phone-wrapper .arrow.phone.line, .third.app-showcase.fourth .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .third.app-showcase.fourth .phone-wrapper .arrow.phone.line, .third.app-showcase.fifth .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .third.app-showcase.fifth .phone-wrapper .arrow.phone.line, .fourth.app-showcase.fifth .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .fourth.app-showcase.fifth .phone-wrapper .arrow.phone.line, .right.app-showcase.fifth .phone-wrapper section.bridge .statement .arrow.phone.line, section.bridge .statement .right.app-showcase.fifth .phone-wrapper .arrow.phone.line, .app-showcase.right .phone-wrapper section.slider p.arrow.phone, section.slider .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper section.slider p.arrow.phone, section.slider .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper section.slider p.arrow.phone, section.slider .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper section.slider p.arrow.phone, section.slider .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper section.slider p.arrow.phone, section.slider .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper section.slider p.arrow.phone, section.slider .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper section.slider p.arrow.phone, section.slider .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper section.slider p.arrow.phone, section.slider .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper section.slider p.arrow.phone, section.slider .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper section.slider p.arrow.phone, section.slider .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper section.slider p.arrow.phone, section.slider .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper section.slider p.arrow.phone, section.slider .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper section.slider p.arrow.phone, section.slider .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper section.slider p.arrow.phone, section.slider .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper section.slider p.arrow.phone, section.slider .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper section.sliderh p.arrow.phone, section.sliderh .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper section.sliderh.hook p.arrow.phone, section.sliderh.hook .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper section.neighbors p.arrow.phone, section.neighbors .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper section.bridge.letter p.arrow.phone, section.bridge.letter .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper .story-quote.short p.arrow.phone, .story-quote.short .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper .aboutcard.team .short.quote p.arrow.phone, .aboutcard.team .short.quote .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper .aboutcard.team .quote.locale-menu.sea p.arrow.phone, .aboutcard.team .quote.locale-menu.sea .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper .aboutcard.team .quote.locale-menu.den p.arrow.phone, .aboutcard.team .quote.locale-menu.den .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper .story-quote.locale-menu.sea p.arrow.phone, .story-quote.locale-menu.sea .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper .story-quote.locale-menu.den p.arrow.phone, .story-quote.locale-menu.den .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper section.description p.arrow.phone, section.description .app-showcase.right .phone-wrapper p.arrow.phone, .right.app-showcase.first .phone-wrapper section.description p.arrow.phone, section.description .right.app-showcase.first .phone-wrapper p.arrow.phone, .first.app-showcase.second .phone-wrapper section.description p.arrow.phone, section.description .first.app-showcase.second .phone-wrapper p.arrow.phone, .first.app-showcase.third .phone-wrapper section.description p.arrow.phone, section.description .first.app-showcase.third .phone-wrapper p.arrow.phone, .first.app-showcase.fourth .phone-wrapper section.description p.arrow.phone, section.description .first.app-showcase.fourth .phone-wrapper p.arrow.phone, .app-showcase.second .phone-wrapper section.description p.arrow.phone, section.description .app-showcase.second .phone-wrapper p.arrow.phone, .second.app-showcase.third .phone-wrapper section.description p.arrow.phone, section.description .second.app-showcase.third .phone-wrapper p.arrow.phone, .second.app-showcase.fourth .phone-wrapper section.description p.arrow.phone, section.description .second.app-showcase.fourth .phone-wrapper p.arrow.phone, .second.app-showcase.fifth .phone-wrapper section.description p.arrow.phone, section.description .second.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.third .phone-wrapper section.description p.arrow.phone, section.description .app-showcase.third .phone-wrapper p.arrow.phone, .third.app-showcase.fourth .phone-wrapper section.description p.arrow.phone, section.description .third.app-showcase.fourth .phone-wrapper p.arrow.phone, .third.app-showcase.fifth .phone-wrapper section.description p.arrow.phone, section.description .third.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.fourth .phone-wrapper section.description p.arrow.phone, section.description .app-showcase.fourth .phone-wrapper p.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper section.description p.arrow.phone, section.description .fourth.app-showcase.fifth .phone-wrapper p.arrow.phone, .right.app-showcase.fifth .phone-wrapper section.description p.arrow.phone, section.description .right.app-showcase.fifth .phone-wrapper p.arrow.phone, .app-showcase.right .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .app-showcase.right .phone-wrapper h5.arrow.phone, .right.app-showcase.first .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .right.app-showcase.first .phone-wrapper h5.arrow.phone, .first.app-showcase.second .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .first.app-showcase.second .phone-wrapper h5.arrow.phone, .first.app-showcase.third .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .first.app-showcase.third .phone-wrapper h5.arrow.phone, .first.app-showcase.fourth .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .first.app-showcase.fourth .phone-wrapper h5.arrow.phone, .app-showcase.second .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .app-showcase.second .phone-wrapper h5.arrow.phone, .second.app-showcase.third .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .second.app-showcase.third .phone-wrapper h5.arrow.phone, .second.app-showcase.fourth .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .second.app-showcase.fourth .phone-wrapper h5.arrow.phone, .second.app-showcase.fifth .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .second.app-showcase.fifth .phone-wrapper h5.arrow.phone, .app-showcase.third .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .app-showcase.third .phone-wrapper h5.arrow.phone, .third.app-showcase.fourth .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .third.app-showcase.fourth .phone-wrapper h5.arrow.phone, .third.app-showcase.fifth .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .third.app-showcase.fifth .phone-wrapper h5.arrow.phone, .app-showcase.fourth .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .app-showcase.fourth .phone-wrapper h5.arrow.phone, .fourth.app-showcase.fifth .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .fourth.app-showcase.fifth .phone-wrapper h5.arrow.phone, .right.app-showcase.fifth .phone-wrapper .aboutcard.board.active .tile h5.arrow.phone, .aboutcard.board.active .tile .right.app-showcase.fifth .phone-wrapper h5.arrow.phone, .arrow.large.second.app-showcase, section.slider p.arrow.second.app-showcase, section.sliderh p.arrow.second.app-showcase, section.neighbors p.arrow.second.app-showcase, section.bridge.letter p.arrow.second.app-showcase, .story-quote.short p.arrow.second.app-showcase, .aboutcard.team .short.quote p.arrow.second.app-showcase, .aboutcard.team .quote.locale-menu.sea p.arrow.second.app-showcase, .aboutcard.team .quote.locale-menu.den p.arrow.second.app-showcase, .story-quote.locale-menu.sea p.arrow.second.app-showcase, .story-quote.locale-menu.den p.arrow.second.app-showcase, section.description p.arrow.second.app-showcase, .aboutcard.board.active .tile h5.arrow.second.app-showcase, .arrow.large.third.app-showcase, section.slider p.arrow.third.app-showcase, section.sliderh p.arrow.third.app-showcase, section.neighbors p.arrow.third.app-showcase, section.bridge.letter p.arrow.third.app-showcase, .story-quote.short p.arrow.third.app-showcase, .aboutcard.team .short.quote p.arrow.third.app-showcase, .aboutcard.team .quote.locale-menu.sea p.arrow.third.app-showcase, .aboutcard.team .quote.locale-menu.den p.arrow.third.app-showcase, .story-quote.locale-menu.sea p.arrow.third.app-showcase, .story-quote.locale-menu.den p.arrow.third.app-showcase, section.description p.arrow.third.app-showcase, .aboutcard.board.active .tile h5.arrow.third.app-showcase, .arrow.large.fourth.app-showcase, section.slider p.arrow.fourth.app-showcase, section.sliderh p.arrow.fourth.app-showcase, section.neighbors p.arrow.fourth.app-showcase, section.bridge.letter p.arrow.fourth.app-showcase, .story-quote.short p.arrow.fourth.app-showcase, .aboutcard.team .short.quote p.arrow.fourth.app-showcase, .aboutcard.team .quote.locale-menu.sea p.arrow.fourth.app-showcase, .aboutcard.team .quote.locale-menu.den p.arrow.fourth.app-showcase, .story-quote.locale-menu.sea p.arrow.fourth.app-showcase, .story-quote.locale-menu.den p.arrow.fourth.app-showcase, section.description p.arrow.fourth.app-showcase, .aboutcard.board.active .tile h5.arrow.fourth.app-showcase, section.slider p.arrow.right, section.slider .aboutcard.team .title p.arrow, .aboutcard.team .title section.slider p.arrow, section.sliderh p.arrow.right, section.sliderh .aboutcard.team .title p.arrow, .aboutcard.team .title section.sliderh p.arrow, section.sliderh.hook p.arrow.right, section.sliderh.hook p.arrow.second.app-showcase, section.sliderh.hook p.arrow.third.app-showcase, section.sliderh.hook p.arrow.fourth.app-showcase, section.sliderh.hook .aboutcard.team .title p.arrow, .aboutcard.team .title section.sliderh.hook p.arrow, section.neighbors p.arrow.right, section.neighbors .aboutcard.team .title p.arrow, .aboutcard.team .title section.neighbors p.arrow, section.bridge.letter p.arrow.right, section.bridge.letter .aboutcard.team .title p.arrow, .aboutcard.team .title section.bridge.letter p.arrow, .story-quote.short p.arrow.right, .aboutcard.team .short.quote p.arrow.right, .aboutcard.team .quote.locale-menu.sea p.arrow.right, .aboutcard.team .quote.locale-menu.den p.arrow.right, .story-quote.locale-menu.sea p.arrow.right, .story-quote.locale-menu.den p.arrow.right, .story-quote.short .aboutcard.team .title p.arrow, .aboutcard.team .title .story-quote.short p.arrow, .aboutcard.team .short.quote .title p.arrow, .aboutcard.team .title .short.quote p.arrow, .aboutcard.team .quote.locale-menu.sea .title p.arrow, .aboutcard.team .title .quote.locale-menu.sea p.arrow, .aboutcard.team .quote.locale-menu.den .title p.arrow, .aboutcard.team .title .quote.locale-menu.den p.arrow, .story-quote.locale-menu.sea .aboutcard.team .title p.arrow, .aboutcard.team .title .story-quote.locale-menu.sea p.arrow, .story-quote.locale-menu.den .aboutcard.team .title p.arrow, .aboutcard.team .title .story-quote.locale-menu.den p.arrow, section.description p.arrow.right, section.description .aboutcard.team .title p.arrow, .aboutcard.team .title section.description p.arrow, .aboutcard.team .title .arrow.large, .aboutcard.team .title .aboutcard.board.active .tile h5.arrow, .aboutcard.board.active .tile .aboutcard.team .title h5.arrow, .aboutcard.board.active .tile h5.arrow.right {
  width: 42px;
  height: 132px; }

.arrow.large:before, section.bridge .statement .arrow.line:before, section.slider p.arrow:before, section.sliderh p.arrow:before, section.neighbors p.arrow:before, section.bridge.letter p.arrow:before, .story-quote.short p.arrow:before, .aboutcard.team .short.quote p.arrow:before, .aboutcard.team .quote.locale-menu.sea p.arrow:before, .aboutcard.team .quote.locale-menu.den p.arrow:before, .story-quote.locale-menu.sea p.arrow:before, .story-quote.locale-menu.den p.arrow:before, section.description p.arrow:before, .aboutcard.board.active .tile h5.arrow:before, .arrow.large:after, section.bridge .statement .arrow.line:after, section.slider p.arrow:after, section.sliderh p.arrow:after, section.neighbors p.arrow:after, section.bridge.letter p.arrow:after, .story-quote.short p.arrow:after, .aboutcard.team .short.quote p.arrow:after, .aboutcard.team .quote.locale-menu.sea p.arrow:after, .aboutcard.team .quote.locale-menu.den p.arrow:after, .story-quote.locale-menu.sea p.arrow:after, .story-quote.locale-menu.den p.arrow:after, section.description p.arrow:after, .aboutcard.board.active .tile h5.arrow:after {
  width: 75px;
  height: 4.5px;
  border-radius: 1.75px; }

.arrowh {
  font-weight: 600;
  letter-spacing: 0.2em;
  white-space: nowrap;
  transition: all 0.5s; }

section.dark .arrow:before, section.bodygap .arrow:before, section.dark .arrow:after, section.bodygap .arrow:after {
  background: #fff; }

@media (min-width: 769px) {
  a:hover .arrowh {
    transition: all 0.2s; }
  a:hover .arrow {
    transition: all 0.2s; }
    a:hover .arrow:before, a:hover .arrow:after {
      transition: all 0.2s; }
  a:hover .arrow.right, a:hover .app-showcase.right .phone-wrapper .arrow.phone, .app-showcase.right .phone-wrapper a:hover .arrow.phone, a:hover .app-showcase.second .phone-wrapper .arrow.phone, .app-showcase.second .phone-wrapper a:hover .arrow.phone, a:hover .app-showcase.third .phone-wrapper .arrow.phone, .app-showcase.third .phone-wrapper a:hover .arrow.phone, a:hover .app-showcase.fourth .phone-wrapper .arrow.phone, .app-showcase.fourth .phone-wrapper a:hover .arrow.phone, a:hover .arrow.second.app-showcase, a:hover .arrow.third.app-showcase, a:hover .arrow.fourth.app-showcase, a:hover .aboutcard.team .title .arrow, .aboutcard.team .title a:hover .arrow {
    transform: translateX(36px); }
    a:hover .arrow.right:before, a:hover .app-showcase.right .phone-wrapper .arrow.phone:before, .app-showcase.right .phone-wrapper a:hover .arrow.phone:before, a:hover .app-showcase.second .phone-wrapper .arrow.phone:before, .app-showcase.second .phone-wrapper a:hover .arrow.phone:before, a:hover .app-showcase.third .phone-wrapper .arrow.phone:before, .app-showcase.third .phone-wrapper a:hover .arrow.phone:before, a:hover .app-showcase.fourth .phone-wrapper .arrow.phone:before, .app-showcase.fourth .phone-wrapper a:hover .arrow.phone:before, a:hover .arrow.second.app-showcase:before, a:hover .arrow.third.app-showcase:before, a:hover .arrow.fourth.app-showcase:before, a:hover .aboutcard.team .title .arrow:before, .aboutcard.team .title a:hover .arrow:before {
      transform: rotate(50deg); }
    a:hover .arrow.right:after, a:hover .app-showcase.right .phone-wrapper .arrow.phone:after, .app-showcase.right .phone-wrapper a:hover .arrow.phone:after, a:hover .app-showcase.second .phone-wrapper .arrow.phone:after, .app-showcase.second .phone-wrapper a:hover .arrow.phone:after, a:hover .app-showcase.third .phone-wrapper .arrow.phone:after, .app-showcase.third .phone-wrapper a:hover .arrow.phone:after, a:hover .app-showcase.fourth .phone-wrapper .arrow.phone:after, .app-showcase.fourth .phone-wrapper a:hover .arrow.phone:after, a:hover .arrow.second.app-showcase:after, a:hover .arrow.third.app-showcase:after, a:hover .arrow.fourth.app-showcase:after, a:hover .aboutcard.team .title .arrow:after, .aboutcard.team .title a:hover .arrow:after {
      transform: rotate(-50deg); }
    a:hover .arrow.right:before, a:hover .app-showcase.right .phone-wrapper .arrow.phone:before, .app-showcase.right .phone-wrapper a:hover .arrow.phone:before, a:hover .app-showcase.second .phone-wrapper .arrow.phone:before, .app-showcase.second .phone-wrapper a:hover .arrow.phone:before, a:hover .app-showcase.third .phone-wrapper .arrow.phone:before, .app-showcase.third .phone-wrapper a:hover .arrow.phone:before, a:hover .app-showcase.fourth .phone-wrapper .arrow.phone:before, .app-showcase.fourth .phone-wrapper a:hover .arrow.phone:before, a:hover .arrow.second.app-showcase:before, a:hover .arrow.third.app-showcase:before, a:hover .arrow.fourth.app-showcase:before, a:hover .aboutcard.team .title .arrow:before, .aboutcard.team .title a:hover .arrow:before, a:hover .arrow.right:after, a:hover .app-showcase.right .phone-wrapper .arrow.phone:after, .app-showcase.right .phone-wrapper a:hover .arrow.phone:after, a:hover .app-showcase.second .phone-wrapper .arrow.phone:after, .app-showcase.second .phone-wrapper a:hover .arrow.phone:after, a:hover .app-showcase.third .phone-wrapper .arrow.phone:after, .app-showcase.third .phone-wrapper a:hover .arrow.phone:after, a:hover .app-showcase.fourth .phone-wrapper .arrow.phone:after, .app-showcase.fourth .phone-wrapper a:hover .arrow.phone:after, a:hover .arrow.second.app-showcase:after, a:hover .arrow.third.app-showcase:after, a:hover .arrow.fourth.app-showcase:after, a:hover .aboutcard.team .title .arrow:after, .aboutcard.team .title a:hover .arrow:after {
      width: 60px; }
  a:hover .arrow.left, a:hover section.bridge.left p.arrow, section.bridge.left a:hover p.arrow, a:hover .app-showcase.left .phone-wrapper .arrow.phone, .app-showcase.left .phone-wrapper a:hover .arrow.phone, a:hover .app-showcase.last .phone-wrapper .arrow.phone, .app-showcase.last .phone-wrapper a:hover .arrow.phone, a:hover .aboutcard.team a.arrow, .aboutcard.team a:hover a.arrow {
    transform: translateX(-18px);
    opacity: 1; }
    a:hover .arrow.left:before, a:hover section.bridge.left p.arrow:before, section.bridge.left a:hover p.arrow:before, a:hover .app-showcase.left .phone-wrapper .arrow.phone:before, .app-showcase.left .phone-wrapper a:hover .arrow.phone:before, a:hover .app-showcase.last .phone-wrapper .arrow.phone:before, .app-showcase.last .phone-wrapper a:hover .arrow.phone:before, a:hover .aboutcard.team a.arrow:before, .aboutcard.team a:hover a.arrow:before {
      transform: rotate(50deg); }
    a:hover .arrow.left:after, a:hover section.bridge.left p.arrow:after, section.bridge.left a:hover p.arrow:after, a:hover .app-showcase.left .phone-wrapper .arrow.phone:after, .app-showcase.left .phone-wrapper a:hover .arrow.phone:after, a:hover .app-showcase.last .phone-wrapper .arrow.phone:after, .app-showcase.last .phone-wrapper a:hover .arrow.phone:after, a:hover .aboutcard.team a.arrow:after, .aboutcard.team a:hover a.arrow:after {
      transform: rotate(-50deg); }
    a:hover .arrow.left:before, a:hover section.bridge.left p.arrow:before, section.bridge.left a:hover p.arrow:before, a:hover .app-showcase.left .phone-wrapper .arrow.phone:before, .app-showcase.left .phone-wrapper a:hover .arrow.phone:before, a:hover .app-showcase.last .phone-wrapper .arrow.phone:before, .app-showcase.last .phone-wrapper a:hover .arrow.phone:before, a:hover .aboutcard.team a.arrow:before, .aboutcard.team a:hover a.arrow:before, a:hover .arrow.left:after, a:hover section.bridge.left p.arrow:after, section.bridge.left a:hover p.arrow:after, a:hover .app-showcase.left .phone-wrapper .arrow.phone:after, .app-showcase.left .phone-wrapper a:hover .arrow.phone:after, a:hover .app-showcase.last .phone-wrapper .arrow.phone:after, .app-showcase.last .phone-wrapper a:hover .arrow.phone:after, a:hover .aboutcard.team a.arrow:after, .aboutcard.team a:hover a.arrow:after {
      width: 60px; } }

.video-modal, .account-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .video-modal.closed, .closed.account-modal {
    display: none; }
  .video-modal .video-frame, .account-modal .video-frame {
    position: absolute;
    z-index: 3;
    width: 75vw;
    max-width: 1176px;
    height: 42.1875vw;
    max-height: 661.5px;
    overflow: hidden;
    border-radius: 10px;
    background: black;
    box-shadow: 0 6px 36px -3px rgba(0, 0, 0, 0.4); }
    @media (max-width: 768px) {
      .video-modal .video-frame, .account-modal .video-frame {
        width: 110vw;
        height: 45vh;
        max-height: 420px;
        left: -5vw; } }
  .video-modal .vid-full, .account-modal .vid-full {
    width: 100%;
    height: 100%;
    max-width: none; }
    @media (max-width: 768px) {
      .video-modal .vid-full.fb, .account-modal .vid-full.fb {
        width: 141%;
        margin-left: -20.5%; } }
  .video-modal .menuicon, .account-modal .menuicon {
    position: absolute;
    z-index: 4;
    top: 9vh;
    right: 9vh; }
    @media (max-width: 768px) {
      .video-modal .menuicon, .account-modal .menuicon {
        top: 9vh;
        right: 3.3vh; } }

.locale-modal .menuicon {
  position: absolute;
  z-index: 4;
  top: -2rem;
  right: -2rem; }
  @media (max-width: 768px) {
    .locale-modal .menuicon {
      top: -1.75rem;
      right: -1.5rem; } }

.video-modal .overlay, .account-modal .overlay, .locale-modal .overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)); }

.account-modal .content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: 'Manrope', sans-serif;
  width: 600px;
  color: #fff; }
  @media (max-width: 768px) {
    .account-modal .content-wrapper {
      width: 90vw;
      max-width: 480px; } }

.account-modal .form-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 75vh;
  min-height: 600px;
  max-height: 720px;
  padding: 12.5% 12.5% 12.5% 12.5%;
  text-align: center; }
  @media (max-width: 768px) {
    .account-modal .form-wrap {
      width: 100%;
      min-height: 600px;
      padding: 12.5% 12.5% 12.5% 12.5%; } }
  .account-modal .form-wrap:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3rem;
    background: #696DD8;
    box-shadow: 0 6px 30px -1px rgba(0, 0, 0, 0.2); }
    @media (max-width: 768px) {
      .account-modal .form-wrap:after {
        border-radius: 1.5rem; } }

.account-modal .menuicon {
  top: 4.5rem;
  right: 4.5rem;
  transform: scale(1.2); }
  @media (max-width: 768px) {
    .account-modal .menuicon {
      transform: scale(1);
      top: 2.5rem;
      right: 2.5rem; } }

.account-modal .form-wrap {
  display: none; }

.account-modal.login .form-wrap.login {
  display: flex; }

.account-modal.password .form-wrap.password {
  display: flex; }

.account-modal .form-wrap h1 {
  width: 100%;
  margin: 0;
  line-height: 1.15;
  font-weight: 500; }

.account-modal .form-wrap.login h1 {
  font-size: 6.5rem; }
  @media (max-width: 768px) {
    .account-modal .form-wrap.login h1 {
      font-size: 4.5rem; } }

.account-modal .form-wrap.password h1 {
  font-size: 5.5rem; }
  @media (max-width: 768px) {
    .account-modal .form-wrap.password h1 {
      font-size: 4rem; } }
  @media (max-width: 400px) {
    .account-modal .form-wrap.password h1 {
      width: 110%; } }

.account-modal .form-wrap form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 6% 0 3%; }
  @media (max-width: 768px) {
    .account-modal .form-wrap form.login_user .input-wrap {
      width: 100%; } }
  .account-modal .form-wrap form.reset_user .input-wrap {
    width: 90%; }
    @media (max-width: 768px) {
      .account-modal .form-wrap form.reset_user .input-wrap {
        width: 100%; } }
  @media (max-width: 450px) {
    .account-modal .form-wrap form.reset_user .uibtn {
      width: 110%;
      margin-left: -5%; } }

.account-modal .form-wrap .input-wrap input {
  color: #000; }

.account-modal .form-wrap .actions {
  width: 100%;
  margin-top: 7.5%; }
  @media (max-width: 768px) {
    .account-modal .form-wrap .actions {
      margin-top: 12%; } }
  .account-modal .form-wrap .actions .uibtn {
    min-width: 24rem; }
    @media (max-width: 768px) {
      .account-modal .form-wrap .actions .uibtn {
        min-width: 18rem; } }

.account-modal .form-wrap a.switch {
  margin: 5% 0 0 0;
  font-size: 2rem;
  font-weight: 500;
  text-decoration: underline;
  opacity: 0.75; }
  .account-modal .form-wrap a.switch:hover {
    opacity: 1; }
  @media (max-width: 768px) {
    .account-modal .form-wrap a.switch {
      font-size: 1.75rem; } }

.bg-circle {
  position: absolute;
  z-index: 0;
  bottom: 50%;
  left: 50%;
  width: 660px;
  height: 660px;
  margin-bottom: -330px;
  margin-left: -330px;
  transition: transform 2s cubic-bezier(0.1, 0.9, 0.25, 1); }
  .bg-circle span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 1s cubic-bezier(0.1, 0.75, 0.25, 0.9);
    transform-origin: 50% 50%; }
    @media (max-width: 768px) {
      .bg-circle span {
        transform: scale(0.8889); } }
  .bg-circle .circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9);
    transform-origin: 50% 50%; }
  .bg-circle .circle svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    animation: spin 48s linear infinite;
    transform-origin: 50% 50%; }
    .bg-circle .circle svg circle {
      fill: none;
      stroke: #949fe3;
      stroke-width: 7;
      stroke-linecap: round;
      stroke-dasharray: 7.2%, 22.8%, 20%, 9%, 8%, 18%, 15%, 15%, 7%, 14.4%, 18%, 20.4%, 15%, 6%;
      stroke-dashoffset: 0;
      transition: all 0.4s;
      transform-origin: 50% 50%; }
  .bg-circle .circle.offset svg {
    animation: spin 30s linear infinite; }
    .bg-circle .circle.offset svg circle {
      opacity: 1;
      stroke-dasharray: 7.2%, 22.8%, 20%, 9%, 8%, 18%, 15%, 15%, 7%, 14.4%, 18%, 20.4%, 15%, 6%;
      stroke-dashoffset: 75%; }
  .bg-circle.cards .circle svg circle {
    stroke-dasharray: 6%, 19%, 10%, 7.5%, 4%, 15%, 7.5%, 12.5%, 3.5%, 12%, 9%, 17%, 7.5%, 3.5%; }
  .bg-circle.cards .circle.offset svg circle {
    stroke-dasharray: 6%, 19%, 10%, 7.5%, 4%, 15%, 7.5%, 12.5%, 3.5%, 12%, 9%, 17%, 7.5%, 3.5%; }
  .bg-circle.pulse span {
    transform: scale(0.85);
    transition: transform 0.5s ease-out;
    transition-timing-function: cubic-bezier(0.01, 0.99, 0.01, 1); }
    @media (max-width: 768px) {
      .bg-circle.pulse span {
        transform: scale(0.75); } }
    .bg-circle.pulse span .circle svg circle {
      stroke-width: 6;
      transition: all 0.15s; }

.circles-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.75s ease-out; }
  .circles-wrapper.fg {
    z-index: 3; }
  .circles-wrapper.bg {
    z-index: 0; }
  .circles-wrapper--scroll {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }
  .circles-wrapper .bg-circle, .circles-wrapper .fg-circle {
    top: auto;
    left: 50%;
    bottom: 50%;
    width: 660px;
    height: 660px;
    margin-left: -330px;
    margin-bottom: -330px;
    transition: all 0.75s ease-out; }
    @media (max-width: 768px) {
      .circles-wrapper .bg-circle, .circles-wrapper .fg-circle {
        transform: scale(0.85); } }
  .circles-wrapper .bg-circle {
    z-index: -1;
    transition: all 1s 0s ease-out; }
    @media (max-width: 768px) {
      .circles-wrapper .bg-circle {
        mix-blend-mode: multiply; } }
    .circles-wrapper .bg-circle .circle svg {
      animation: spin 22.5s linear infinite; }
      .circles-wrapper .bg-circle .circle svg circle {
        stroke: #1e2239;
        stroke-width: 5.5;
        transition: all 1s 0s ease-out; }
      .circles-wrapper .bg-circle .circle svg circle:last-of-type {
        stroke-dashoffset: 40%; }
    .circles-wrapper .bg-circle .circle.offset svg {
      animation: spin 36s linear infinite; }
      .circles-wrapper .bg-circle .circle.offset svg circle:last-of-type {
        stroke-dashoffset: 120%; }
    .circles-wrapper .bg-circle .circle circle.outer {
      opacity: 0.6; }
  .circles-wrapper .fg-circle {
    position: absolute;
    z-index: 4; }
    .circles-wrapper .fg-circle ul {
      position: relative;
      z-index: 3;
      width: 100%;
      height: 100%;
      animation: spin 40s linear infinite; }
    .circles-wrapper .fg-circle li {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 96px;
      height: 50%;
      margin-left: -48px;
      transform-origin: 50% 0%;
      transition: transform 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      @media (max-width: 768px) {
        .circles-wrapper .fg-circle li {
          height: 52.5%; } }
      .circles-wrapper .fg-circle li .lwrap, .circles-wrapper .fg-circle li .memb-trans, .circles-wrapper .fg-circle li .need-trans {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        transform-origin: 50% 0%;
        transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      .circles-wrapper .fg-circle li .need-trans {
        z-index: 3; }
    .circles-wrapper .fg-circle .spin {
      position: absolute;
      width: 100%;
      height: 100%;
      animation: spin 40s linear infinite reverse; }
    .circles-wrapper .fg-circle .member {
      position: absolute;
      z-index: 2;
      top: 100%;
      left: 50%;
      width: 96px;
      height: 96px;
      margin-top: -48px;
      margin-left: -48px;
      transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      .circles-wrapper .fg-circle .member span, .circles-wrapper .fg-circle .member .pic {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      .circles-wrapper .fg-circle .member span {
        transform: scale(0.75); }
        @media (max-width: 768px) {
          .circles-wrapper .fg-circle .member span {
            transform: scale(0.7); } }
      .circles-wrapper .fg-circle .member .pic {
        border-radius: 50%;
        box-shadow: 0 1px 5px 0 rgba(37, 41, 70, 0.5);
        background-size: 110%;
        background-position: center center;
        background-size: cover; }
        .circles-wrapper .fg-circle .member .pic:before {
          position: absolute;
          top: -1%;
          left: -1%;
          width: 102%;
          height: 102%;
          border-radius: 50%;
          background: #252946;
          opacity: 0;
          transition: all 0.5s; }
    .circles-wrapper .fg-circle .need {
      position: absolute;
      z-index: 3;
      top: 390px;
      left: 50%;
      width: 150px;
      height: 150px;
      margin-top: -60px;
      margin-left: -75px;
      transition: all 0.75s;
      transition-timing-function: cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      @media (max-width: 768px) {
        .circles-wrapper .fg-circle .need {
          margin-top: -54.54545px; } }
      .circles-wrapper .fg-circle .need span, .circles-wrapper .fg-circle .need svg {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9), filter 0s; }
      .circles-wrapper .fg-circle .need span {
        transform: scale(0.88); }
        @media (max-width: 768px) {
          .circles-wrapper .fg-circle .need span {
            transform: scale(0.8); } }
      .circles-wrapper .fg-circle .need svg {
        filter: brightness(1.27) drop-shadow(0 1px 3px rgba(37, 41, 70, 0.6)) drop-shadow(0 1px 5px rgba(0, 0, 0, 0.12)); }
    .circles-wrapper .fg-circle .popout {
      position: absolute;
      z-index: 4;
      top: 80%;
      left: 50%;
      width: 356px;
      height: 160px;
      margin-left: -178px;
      opacity: 0;
      transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      .circles-wrapper .fg-circle .popout .pUI, .circles-wrapper .fg-circle .popout span {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      .circles-wrapper .fg-circle .popout span {
        transform: scale(0.5); }
      .circles-wrapper .fg-circle .popout .pUI img {
        transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      .circles-wrapper .fg-circle .popout .pUI .step {
        position: absolute;
        top: 100%;
        right: 0;
        width: 339px;
        margin-top: -21px;
        opacity: 0;
        transform: translateY(-25%); }
      .circles-wrapper .fg-circle .popout .pUI .base {
        border-radius: 9px;
        box-shadow: 0 1px 9px -1px rgba(37, 41, 70, 0.4);
        background: #fff; }
    @media (min-width: 768px) {
      .circles-wrapper .fg-circle li.focus .memb-trans, .circles-wrapper.stepbase.step3.focus1 .fg-circle li:nth-of-type(6) .memb-trans, .circles-wrapper.stepbase.step3.focus2 .fg-circle li:nth-of-type(4) .memb-trans, .circles-wrapper.stepbase.step3.focus3 .fg-circle li:nth-of-type(2) .memb-trans {
        z-index: 5;
        transform: translateY(62.5%); }
      .circles-wrapper .fg-circle li.focus .popout, .circles-wrapper.stepbase.step3.focus1 .fg-circle li:nth-of-type(6) .popout, .circles-wrapper.stepbase.step3.focus2 .fg-circle li:nth-of-type(4) .popout, .circles-wrapper.stepbase.step3.focus3 .fg-circle li:nth-of-type(2) .popout {
        opacity: 1; }
        .circles-wrapper .fg-circle li.focus .popout span, .circles-wrapper.stepbase.step3.focus1 .fg-circle li:nth-of-type(6) .popout span, .circles-wrapper.stepbase.step3.focus2 .fg-circle li:nth-of-type(4) .popout span, .circles-wrapper.stepbase.step3.focus3 .fg-circle li:nth-of-type(2) .popout span {
          transform: scale(1); }
      .circles-wrapper .fg-circle li.focus.focus-step .need-trans, .circles-wrapper.stepbase.step3.focus1 .fg-circle li.focus-step:nth-of-type(6) .need-trans, .circles-wrapper.stepbase.step3.focus1.focusp .fg-circle li:nth-of-type(6) .need-trans, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(6):nth-of-type(4) .need-trans, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(6):nth-of-type(2) .need-trans, .circles-wrapper.stepbase.step3.focus2 .fg-circle li.focus-step:nth-of-type(4) .need-trans, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(4):nth-of-type(6) .need-trans, .circles-wrapper.stepbase.step3.focus2.focusp .fg-circle li:nth-of-type(4) .need-trans, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(4):nth-of-type(2) .need-trans, .circles-wrapper.stepbase.step3.focus3 .fg-circle li.focus-step:nth-of-type(2) .need-trans, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(2):nth-of-type(6) .need-trans, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(2):nth-of-type(4) .need-trans, .circles-wrapper.stepbase.step3.focus3.focusp .fg-circle li:nth-of-type(2) .need-trans {
        transform: translateY(40%);
        transition: 1.5s 0s cubic-bezier(0.15, 0.9, 0.3, 1); }
      .circles-wrapper .fg-circle li.focus.focus-step .need span, .circles-wrapper.stepbase.step3.focus1 .fg-circle li.focus-step:nth-of-type(6) .need span, .circles-wrapper.stepbase.step3.focus1.focusp .fg-circle li:nth-of-type(6) .need span, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(6):nth-of-type(4) .need span, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(6):nth-of-type(2) .need span, .circles-wrapper.stepbase.step3.focus2 .fg-circle li.focus-step:nth-of-type(4) .need span, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(4):nth-of-type(6) .need span, .circles-wrapper.stepbase.step3.focus2.focusp .fg-circle li:nth-of-type(4) .need span, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(4):nth-of-type(2) .need span, .circles-wrapper.stepbase.step3.focus3 .fg-circle li.focus-step:nth-of-type(2) .need span, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(2):nth-of-type(6) .need span, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(2):nth-of-type(4) .need span, .circles-wrapper.stepbase.step3.focus3.focusp .fg-circle li:nth-of-type(2) .need span {
        transform: scale(1.075); }
      .circles-wrapper .fg-circle li.focus.focus-step .need svg, .circles-wrapper.stepbase.step3.focus1 .fg-circle li.focus-step:nth-of-type(6) .need svg, .circles-wrapper.stepbase.step3.focus1.focusp .fg-circle li:nth-of-type(6) .need svg, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(6):nth-of-type(4) .need svg, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(6):nth-of-type(2) .need svg, .circles-wrapper.stepbase.step3.focus2 .fg-circle li.focus-step:nth-of-type(4) .need svg, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(4):nth-of-type(6) .need svg, .circles-wrapper.stepbase.step3.focus2.focusp .fg-circle li:nth-of-type(4) .need svg, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(4):nth-of-type(2) .need svg, .circles-wrapper.stepbase.step3.focus3 .fg-circle li.focus-step:nth-of-type(2) .need svg, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(2):nth-of-type(6) .need svg, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(2):nth-of-type(4) .need svg, .circles-wrapper.stepbase.step3.focus3.focusp .fg-circle li:nth-of-type(2) .need svg {
        filter: brightness(1.2) drop-shadow(0 1px 0px rgba(37, 41, 70, 0)) drop-shadow(0 1px 0px rgba(0, 0, 0, 0.12)); }
      .circles-wrapper .fg-circle li.focus.focus-step .lwrap, .circles-wrapper.stepbase.step3.focus1 .fg-circle li.focus-step:nth-of-type(6) .lwrap, .circles-wrapper.stepbase.step3.focus1.focusp .fg-circle li:nth-of-type(6) .lwrap, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(6):nth-of-type(4) .lwrap, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(6):nth-of-type(2) .lwrap, .circles-wrapper.stepbase.step3.focus2 .fg-circle li.focus-step:nth-of-type(4) .lwrap, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(4):nth-of-type(6) .lwrap, .circles-wrapper.stepbase.step3.focus2.focusp .fg-circle li:nth-of-type(4) .lwrap, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(4):nth-of-type(2) .lwrap, .circles-wrapper.stepbase.step3.focus3 .fg-circle li.focus-step:nth-of-type(2) .lwrap, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(2):nth-of-type(6) .lwrap, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(2):nth-of-type(4) .lwrap, .circles-wrapper.stepbase.step3.focus3.focusp .fg-circle li:nth-of-type(2) .lwrap {
        transform: rotate(-16deg); }
        .circles-wrapper .fg-circle li.focus.focus-step .lwrap .need svg, .circles-wrapper.stepbase.step3.focus1 .fg-circle li.focus-step:nth-of-type(6) .lwrap .need svg, .circles-wrapper.stepbase.step3.focus1.focusp .fg-circle li:nth-of-type(6) .lwrap .need svg, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(6):nth-of-type(4) .lwrap .need svg, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(6):nth-of-type(2) .lwrap .need svg, .circles-wrapper.stepbase.step3.focus2 .fg-circle li.focus-step:nth-of-type(4) .lwrap .need svg, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(4):nth-of-type(6) .lwrap .need svg, .circles-wrapper.stepbase.step3.focus2.focusp .fg-circle li:nth-of-type(4) .lwrap .need svg, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(4):nth-of-type(2) .lwrap .need svg, .circles-wrapper.stepbase.step3.focus3 .fg-circle li.focus-step:nth-of-type(2) .lwrap .need svg, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(2):nth-of-type(6) .lwrap .need svg, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(2):nth-of-type(4) .lwrap .need svg, .circles-wrapper.stepbase.step3.focus3.focusp .fg-circle li:nth-of-type(2) .lwrap .need svg {
          transform: rotate(16deg); }
      .circles-wrapper .fg-circle li.focus.focus-step .step, .circles-wrapper.stepbase.step3.focus1 .fg-circle li.focus-step:nth-of-type(6) .step, .circles-wrapper.stepbase.step3.focus1.focusp .fg-circle li:nth-of-type(6) .step, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(6):nth-of-type(4) .step, .circles-wrapper.stepbase.step3.focus1 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(6):nth-of-type(2) .step, .circles-wrapper.stepbase.step3.focus2 .fg-circle li.focus-step:nth-of-type(4) .step, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(4):nth-of-type(6) .step, .circles-wrapper.stepbase.step3.focus2.focusp .fg-circle li:nth-of-type(4) .step, .circles-wrapper.stepbase.step3.focus2 .fg-circle .circles-wrapper.stepbase.step3.focus3.focusp li:nth-of-type(4):nth-of-type(2) .step, .circles-wrapper.stepbase.step3.focus3 .fg-circle li.focus-step:nth-of-type(2) .step, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus1.focusp li:nth-of-type(2):nth-of-type(6) .step, .circles-wrapper.stepbase.step3.focus3 .fg-circle .circles-wrapper.stepbase.step3.focus2.focusp li:nth-of-type(2):nth-of-type(4) .step, .circles-wrapper.stepbase.step3.focus3.focusp .fg-circle li:nth-of-type(2) .step {
        opacity: 1;
        transform: translateY(0);
        transition: all 0.75s 0.25s cubic-bezier(0.1, 0.5, 0.3, 0.9); } }
    .circles-wrapper .fg-circle li:nth-of-type(1) .member .pic {
      background-image: url("/images/stories/HaileG.jpg"); }
    .circles-wrapper .fg-circle li:nth-of-type(2) .member .pic {
      background-image: url("/images/stories/GloriaD.jpg"); }
    .circles-wrapper .fg-circle li:nth-of-type(3) .member .pic {
      background-image: url("/images/stories/AbigailM.jpg"); }
    .circles-wrapper .fg-circle li:nth-of-type(4) .member .pic {
      background-image: url("/images/stories/RobertD.jpg"); }
    .circles-wrapper .fg-circle li:nth-of-type(5) .member .pic {
      background-image: url("/images/stories/Laura_L.jpg"); }
    .circles-wrapper .fg-circle li:nth-of-type(6) .member .pic {
      background-image: url("/images/stories/RavenR.jpg"); }
    .circles-wrapper .fg-circle li:nth-of-type(7) .member .pic {
      background-image: url("/images/stories/Shawn.jpg"); }

.circles-wrapper .opt {
  will-change: auto; }

.circles-wrapper .opt.hint {
  will-change: transform; }

.circles-wrapper .opt.opc.hint {
  will-change: transform, opacity; }

.circles-wrapper.stepbase {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  transition: all 1s ease-out, margin 0s; }
  .circles-wrapper.stepbase .bg-circle {
    transition: all 1s 0s ease-out; }
  .circles-wrapper.stepbase .need-trans {
    opacity: 0; }

.circles-wrapper.stepbase.step1 {
  margin-top: 25rem; }
  .circles-wrapper.stepbase.step1 .need-trans, .circles-wrapper.stepbase.step1 .need, .circles-wrapper.stepbase.step1 .popout {
    display: none; }
  @media (max-width: 768px) {
    .circles-wrapper.stepbase.step1 {
      margin-top: 15rem; } }
  .circles-wrapper.stepbase.step1 .bg-circle {
    display: none; }
  .circles-wrapper.stepbase.step1 .fg-circle {
    bottom: calc(50% + 5rem); }

.circles-wrapper.stepbase.step2 {
  position: fixed; }
  .circles-wrapper.stepbase.step2 .bg-circle {
    opacity: 0;
    transform: scale(0.25); }
  .circles-wrapper.stepbase.step2 .fg-circle {
    bottom: 50%; }
  .circles-wrapper.stepbase.step2 .memb-trans {
    transform: translateY(-50%); }
  .circles-wrapper.stepbase.step2 .member {
    transition: all 1.5s 0s cubic-bezier(0.15, 0.9, 0.3, 1); }
  .circles-wrapper.stepbase.step2 .member span {
    transform: scale(0.5); }

.circles-wrapper.stepbase.step3 {
  position: fixed; }
  @media (max-width: 768px) {
    .circles-wrapper.stepbase.step3 {
      transform: scale(0.9); } }
  .circles-wrapper.stepbase.step3 .bg-circle {
    opacity: 1;
    transition: all 1.25s 0.1s cubic-bezier(0.1, 0.75, 0.25, 0.9); }
    @media (max-width: 768px) {
      .circles-wrapper.stepbase.step3 .bg-circle {
        transform: scale(1); } }
  .circles-wrapper.stepbase.step3 .member span {
    transform: scale(0.75); }
  .circles-wrapper.stepbase.step3 .need-trans {
    transform: translateY(25%); }
    .circles-wrapper.stepbase.step3 .need-trans.fadein, .circles-wrapper.stepbase.step3 .circles-wrapper.step3.seq1 li.need-trans:nth-of-type(4), .circles-wrapper.step3.seq1 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(4), .circles-wrapper.stepbase.step3 .circles-wrapper.step5.seq1 li.need-trans:nth-of-type(4), .circles-wrapper.step5.seq1 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(4), .circles-wrapper.stepbase.step3 .circles-wrapper.slidebase.seq1 li.need-trans:nth-of-type(4), .circles-wrapper.slidebase.seq1 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(4), .circles-wrapper.stepbase.step3 .circles-wrapper.step3.seq2 li.need-trans:nth-of-type(3), .circles-wrapper.step3.seq2 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(3), .circles-wrapper.stepbase.step3 .circles-wrapper.step5.seq2 li.need-trans:nth-of-type(3), .circles-wrapper.step5.seq2 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(3), .circles-wrapper.stepbase.step3 .circles-wrapper.slidebase.seq2 li.need-trans:nth-of-type(3), .circles-wrapper.slidebase.seq2 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(3), .circles-wrapper.stepbase.step3 .circles-wrapper.step3.seq3 li.need-trans:nth-of-type(2), .circles-wrapper.step3.seq3 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(2), .circles-wrapper.stepbase.step3 .circles-wrapper.step5.seq3 li.need-trans:nth-of-type(2), .circles-wrapper.step5.seq3 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(2), .circles-wrapper.stepbase.step3 .circles-wrapper.slidebase.seq3 li.need-trans:nth-of-type(2), .circles-wrapper.slidebase.seq3 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(2), .circles-wrapper.stepbase.step3 .circles-wrapper.step3.seq4 li.need-trans:nth-of-type(1), .circles-wrapper.step3.seq4 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(1), .circles-wrapper.stepbase.step3 .circles-wrapper.step5.seq4 li.need-trans:nth-of-type(1), .circles-wrapper.step5.seq4 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(1), .circles-wrapper.stepbase.step3 .circles-wrapper.slidebase.seq4 li.need-trans:nth-of-type(1), .circles-wrapper.slidebase.seq4 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(1), .circles-wrapper.stepbase.step3 .circles-wrapper.step3.seq5 li.need-trans:nth-of-type(7), .circles-wrapper.step3.seq5 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(7), .circles-wrapper.stepbase.step3 .circles-wrapper.step5.seq5 li.need-trans:nth-of-type(7), .circles-wrapper.step5.seq5 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(7), .circles-wrapper.stepbase.step3 .circles-wrapper.slidebase.seq5 li.need-trans:nth-of-type(7), .circles-wrapper.slidebase.seq5 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(7), .circles-wrapper.stepbase.step3 .circles-wrapper.step3.seq6 li.need-trans:nth-of-type(6), .circles-wrapper.step3.seq6 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(6), .circles-wrapper.stepbase.step3 .circles-wrapper.step5.seq6 li.need-trans:nth-of-type(6), .circles-wrapper.step5.seq6 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(6), .circles-wrapper.stepbase.step3 .circles-wrapper.slidebase.seq6 li.need-trans:nth-of-type(6), .circles-wrapper.slidebase.seq6 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(6), .circles-wrapper.stepbase.step3 .circles-wrapper.step3.seq7 li.need-trans:nth-of-type(5), .circles-wrapper.step3.seq7 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(5), .circles-wrapper.stepbase.step3 .circles-wrapper.step5.seq7 li.need-trans:nth-of-type(5), .circles-wrapper.step5.seq7 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(5), .circles-wrapper.stepbase.step3 .circles-wrapper.slidebase.seq7 li.need-trans:nth-of-type(5), .circles-wrapper.slidebase.seq7 .circles-wrapper.stepbase.step3 li.need-trans:nth-of-type(5) {
      opacity: 1;
      transform: translateY(0); }
    @media (max-width: 768px) {
      .circles-wrapper.stepbase.step3 .need-trans {
        opacity: 1;
        transform: translateY(0); } }
  @media (min-width: 768px) {
    .circles-wrapper.stepbase.step3.focus1 li:nth-of-type(5) .lwrap {
      transform: rotate(-15deg);
      transition: all 0.75s 0s; }
    .circles-wrapper.stepbase.step3.focus1 li:nth-of-type(5) .pic, .circles-wrapper.stepbase.step3.focus1 li:nth-of-type(5) svg {
      transform: rotate(15deg);
      transition: all 0.75s 0s; } }
  @media (min-width: 768px) {
    .circles-wrapper.stepbase.step3.focus2 li:nth-of-type(3) .lwrap {
      transform: rotate(-15deg);
      transition: all 0.75s 0s; }
    .circles-wrapper.stepbase.step3.focus2 li:nth-of-type(3) .pic, .circles-wrapper.stepbase.step3.focus2 li:nth-of-type(3) svg {
      transform: rotate(15deg);
      transition: all 0.75s 0s; } }
  @media (min-width: 768px) {
    .circles-wrapper.stepbase.step3.focus3 li:nth-of-type(1) .lwrap {
      transform: rotate(-15deg);
      transition: all 0.75s 0s; }
    .circles-wrapper.stepbase.step3.focus3 li:nth-of-type(1) .pic, .circles-wrapper.stepbase.step3.focus3 li:nth-of-type(1) svg {
      transform: rotate(15deg);
      transition: all 0.75s 0s; } }

.circles-wrapper.stepbase.step4 {
  position: fixed;
  opacity: 0;
  transform: scale(0.75);
  transition: all 0.9s ease-out, width 0s 0s; }
  @media (min-resolution: 144dpi) and (min-width: 769px) {
    .circles-wrapper.stepbase.step4 {
      transform: scale(1);
      transition: all 0.75s ease-out; } }
  @media (max-width: 768px) {
    .circles-wrapper.stepbase.step4 {
      transform: scale(0.6); } }
  .circles-wrapper.stepbase.step4 .bg-circle {
    opacity: 1; }
  .circles-wrapper.stepbase.step4 .need-trans {
    opacity: 0; }

.circles-wrapper.step5 {
  position: fixed;
  opacity: 1;
  transition: all 0.75s ease-out, margin 0s 0s, width 0s 0s; }
  @media (max-width: 768px) {
    .circles-wrapper.step5 {
      transform: scale(0.9); } }
  .circles-wrapper.step5 .bg-circle {
    opacity: 1; }
    @media (max-width: 768px) {
      .circles-wrapper.step5 .bg-circle {
        transform: scale(1); } }
  .circles-wrapper.step5 .member span {
    transform: scale(0.6667); }
  .circles-wrapper.step5 .need-trans {
    opacity: 0; }
  @media (max-width: 1200px) and (min-width: 769px) {
    .circles-wrapper.step5 {
      width: 80%; } }

.circles-wrapper.stepback {
  position: fixed;
  margin-top: 0;
  opacity: 1;
  transform: scale(1);
  transition: all 0.75s ease-out, margin 0s 0s, width 0s 0s; }
  @media (max-width: 768px) {
    .circles-wrapper.stepback {
      transform: scale(0.9); } }
  .circles-wrapper.stepback .bg-circle {
    opacity: 1; }
  .circles-wrapper.stepback .member span {
    transform: scale(0.75); }

.circles-wrapper.fadeout, .circles-wrapper.step3.seq1 li.circles-wrapper:nth-of-type(3), .circles-wrapper.step5.seq1 li.circles-wrapper:nth-of-type(3), .circles-wrapper.slidebase.seq1 li.circles-wrapper:nth-of-type(3), .circles-wrapper.step3.seq2 li.circles-wrapper:nth-of-type(2), .circles-wrapper.step5.seq2 li.circles-wrapper:nth-of-type(2), .circles-wrapper.slidebase.seq2 li.circles-wrapper:nth-of-type(2), .circles-wrapper.step3.seq3 li.circles-wrapper:nth-of-type(1), .circles-wrapper.step5.seq3 li.circles-wrapper:nth-of-type(1), .circles-wrapper.slidebase.seq3 li.circles-wrapper:nth-of-type(1), .circles-wrapper.step3.seq4 li.circles-wrapper:nth-of-type(7), .circles-wrapper.step5.seq4 li.circles-wrapper:nth-of-type(7), .circles-wrapper.slidebase.seq4 li.circles-wrapper:nth-of-type(7), .circles-wrapper.step3.seq5 li.circles-wrapper:nth-of-type(6), .circles-wrapper.step5.seq5 li.circles-wrapper:nth-of-type(6), .circles-wrapper.slidebase.seq5 li.circles-wrapper:nth-of-type(6), .circles-wrapper.step3.seq6 li.circles-wrapper:nth-of-type(5), .circles-wrapper.step5.seq6 li.circles-wrapper:nth-of-type(5), .circles-wrapper.slidebase.seq6 li.circles-wrapper:nth-of-type(5), .circles-wrapper.step3.seq7 li.circles-wrapper:nth-of-type(4), .circles-wrapper.step5.seq7 li.circles-wrapper:nth-of-type(4), .circles-wrapper.slidebase.seq7 li.circles-wrapper:nth-of-type(4) {
  margin-top: 100vw;
  opacity: 0;
  transform: scale(0.66);
  transition: all 1.2s ease-out, margin 0s 1s; }
  @media (min-resolution: 144dpi) and (min-width: 769px) {
    .circles-wrapper.fadeout, .circles-wrapper.step3.seq1 li.circles-wrapper:nth-of-type(3), .circles-wrapper.step5.seq1 li.circles-wrapper:nth-of-type(3), .circles-wrapper.slidebase.seq1 li.circles-wrapper:nth-of-type(3), .circles-wrapper.step3.seq2 li.circles-wrapper:nth-of-type(2), .circles-wrapper.step5.seq2 li.circles-wrapper:nth-of-type(2), .circles-wrapper.slidebase.seq2 li.circles-wrapper:nth-of-type(2), .circles-wrapper.step3.seq3 li.circles-wrapper:nth-of-type(1), .circles-wrapper.step5.seq3 li.circles-wrapper:nth-of-type(1), .circles-wrapper.slidebase.seq3 li.circles-wrapper:nth-of-type(1), .circles-wrapper.step3.seq4 li.circles-wrapper:nth-of-type(7), .circles-wrapper.step5.seq4 li.circles-wrapper:nth-of-type(7), .circles-wrapper.slidebase.seq4 li.circles-wrapper:nth-of-type(7), .circles-wrapper.step3.seq5 li.circles-wrapper:nth-of-type(6), .circles-wrapper.step5.seq5 li.circles-wrapper:nth-of-type(6), .circles-wrapper.slidebase.seq5 li.circles-wrapper:nth-of-type(6), .circles-wrapper.step3.seq6 li.circles-wrapper:nth-of-type(5), .circles-wrapper.step5.seq6 li.circles-wrapper:nth-of-type(5), .circles-wrapper.slidebase.seq6 li.circles-wrapper:nth-of-type(5), .circles-wrapper.step3.seq7 li.circles-wrapper:nth-of-type(4), .circles-wrapper.step5.seq7 li.circles-wrapper:nth-of-type(4), .circles-wrapper.slidebase.seq7 li.circles-wrapper:nth-of-type(4) {
      transform: scale(1);
      transition: all 0.7s ease-out, margin 0s 1s; } }

.circles-wrapper.step3 li.fadeout .member span, .circles-wrapper.step3.seq1 li:nth-of-type(3) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq1 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq1 .circles-wrapper.step3 li:nth-of-type(3) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq1 li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step3 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq2 li:nth-of-type(2) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq2 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq2 .circles-wrapper.step3 li:nth-of-type(2) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq2 li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step3 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq3 li:nth-of-type(1) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq3 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq3 .circles-wrapper.step3 li:nth-of-type(1) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq3 li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step3 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq4 li:nth-of-type(7) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq4 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq4 .circles-wrapper.step3 li:nth-of-type(7) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq4 li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step3 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq5 li:nth-of-type(6) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq5 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq5 .circles-wrapper.step3 li:nth-of-type(6) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq5 li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step3 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq6 li:nth-of-type(5) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq6 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq6 .circles-wrapper.step3 li:nth-of-type(5) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq6 li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step3 li:nth-of-type(5) .member span, .circles-wrapper.step3.seq7 li:nth-of-type(4) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq7 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq7 .circles-wrapper.step3 li:nth-of-type(4) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq7 li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step3 li:nth-of-type(4) .member span, .circles-wrapper.step3 li.fadeout .need span, .circles-wrapper.step3.seq1 li:nth-of-type(3) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq1 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq1 .circles-wrapper.step3 li:nth-of-type(3) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq1 li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step3 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq2 li:nth-of-type(2) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq2 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq2 .circles-wrapper.step3 li:nth-of-type(2) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq2 li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step3 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq3 li:nth-of-type(1) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq3 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq3 .circles-wrapper.step3 li:nth-of-type(1) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq3 li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step3 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq4 li:nth-of-type(7) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq4 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq4 .circles-wrapper.step3 li:nth-of-type(7) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq4 li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step3 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq5 li:nth-of-type(6) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq5 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq5 .circles-wrapper.step3 li:nth-of-type(6) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq5 li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step3 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq6 li:nth-of-type(5) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq6 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq6 .circles-wrapper.step3 li:nth-of-type(5) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq6 li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step3 li:nth-of-type(5) .need span, .circles-wrapper.step3.seq7 li:nth-of-type(4) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq7 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq7 .circles-wrapper.step3 li:nth-of-type(4) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq7 li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step3 li:nth-of-type(4) .need span, .circles-wrapper.step5 li.fadeout .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq1 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq1 .circles-wrapper.step5 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq1 li:nth-of-type(3) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq1 li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step5 li:nth-of-type(3) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq2 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq2 .circles-wrapper.step5 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq2 li:nth-of-type(2) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq2 li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step5 li:nth-of-type(2) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq3 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq3 .circles-wrapper.step5 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq3 li:nth-of-type(1) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq3 li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step5 li:nth-of-type(1) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq4 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq4 .circles-wrapper.step5 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq4 li:nth-of-type(7) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq4 li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step5 li:nth-of-type(7) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq5 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq5 .circles-wrapper.step5 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq5 li:nth-of-type(6) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq5 li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step5 li:nth-of-type(6) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq6 li:nth-of-type(5) .member span, .circles-wrapper.step3.seq6 .circles-wrapper.step5 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq6 li:nth-of-type(5) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq6 li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step5 li:nth-of-type(5) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq7 li:nth-of-type(4) .member span, .circles-wrapper.step3.seq7 .circles-wrapper.step5 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq7 li:nth-of-type(4) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq7 li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step5 li:nth-of-type(4) .member span, .circles-wrapper.step5 li.fadeout .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq1 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq1 .circles-wrapper.step5 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq1 li:nth-of-type(3) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq1 li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step5 li:nth-of-type(3) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq2 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq2 .circles-wrapper.step5 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq2 li:nth-of-type(2) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq2 li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step5 li:nth-of-type(2) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq3 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq3 .circles-wrapper.step5 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq3 li:nth-of-type(1) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq3 li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step5 li:nth-of-type(1) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq4 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq4 .circles-wrapper.step5 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq4 li:nth-of-type(7) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq4 li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step5 li:nth-of-type(7) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq5 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq5 .circles-wrapper.step5 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq5 li:nth-of-type(6) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq5 li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step5 li:nth-of-type(6) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq6 li:nth-of-type(5) .need span, .circles-wrapper.step3.seq6 .circles-wrapper.step5 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq6 li:nth-of-type(5) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq6 li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step5 li:nth-of-type(5) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq7 li:nth-of-type(4) .need span, .circles-wrapper.step3.seq7 .circles-wrapper.step5 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq7 li:nth-of-type(4) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq7 li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step5 li:nth-of-type(4) .need span, .circles-wrapper.slidebase li.fadeout .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq1 .circles-wrapper.slidebase li:nth-of-type(3) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq1 .circles-wrapper.slidebase li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq1 li:nth-of-type(3) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq2 .circles-wrapper.slidebase li:nth-of-type(2) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq2 .circles-wrapper.slidebase li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq2 li:nth-of-type(2) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq3 .circles-wrapper.slidebase li:nth-of-type(1) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq3 .circles-wrapper.slidebase li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq3 li:nth-of-type(1) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq4 .circles-wrapper.slidebase li:nth-of-type(7) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq4 .circles-wrapper.slidebase li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq4 li:nth-of-type(7) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq5 .circles-wrapper.slidebase li:nth-of-type(6) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq5 .circles-wrapper.slidebase li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq5 li:nth-of-type(6) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(5) .member span, .circles-wrapper.step3.seq6 .circles-wrapper.slidebase li:nth-of-type(5) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq6 .circles-wrapper.slidebase li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq6 li:nth-of-type(5) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(4) .member span, .circles-wrapper.step3.seq7 .circles-wrapper.slidebase li:nth-of-type(4) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq7 .circles-wrapper.slidebase li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq7 li:nth-of-type(4) .member span, .circles-wrapper.slidebase li.fadeout .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq1 .circles-wrapper.slidebase li:nth-of-type(3) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq1 .circles-wrapper.slidebase li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq1 li:nth-of-type(3) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq2 .circles-wrapper.slidebase li:nth-of-type(2) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq2 .circles-wrapper.slidebase li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq2 li:nth-of-type(2) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq3 .circles-wrapper.slidebase li:nth-of-type(1) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq3 .circles-wrapper.slidebase li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq3 li:nth-of-type(1) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq4 .circles-wrapper.slidebase li:nth-of-type(7) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq4 .circles-wrapper.slidebase li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq4 li:nth-of-type(7) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq5 .circles-wrapper.slidebase li:nth-of-type(6) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq5 .circles-wrapper.slidebase li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq5 li:nth-of-type(6) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(5) .need span, .circles-wrapper.step3.seq6 .circles-wrapper.slidebase li:nth-of-type(5) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq6 .circles-wrapper.slidebase li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq6 li:nth-of-type(5) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(4) .need span, .circles-wrapper.step3.seq7 .circles-wrapper.slidebase li:nth-of-type(4) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq7 .circles-wrapper.slidebase li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq7 li:nth-of-type(4) .need span {
  opacity: 0;
  transform: scale(0.5);
  transition: all 1.90476s 0s; }

.circles-wrapper.step3 li.fadein .member span, .circles-wrapper.step3.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq1 .circles-wrapper.step3 li:nth-of-type(4) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step3 li:nth-of-type(4) .member span, .circles-wrapper.step3.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq2 .circles-wrapper.step3 li:nth-of-type(3) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step3 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq3 .circles-wrapper.step3 li:nth-of-type(2) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step3 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq4 .circles-wrapper.step3 li:nth-of-type(1) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step3 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq5 .circles-wrapper.step3 li:nth-of-type(7) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step3 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq6 .circles-wrapper.step3 li:nth-of-type(6) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step3 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq7 .circles-wrapper.step3 li:nth-of-type(5) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step3 li:nth-of-type(5) .member span, .circles-wrapper.step3 li.fadein .need span, .circles-wrapper.step3.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq1 .circles-wrapper.step3 li:nth-of-type(4) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step3 li:nth-of-type(4) .need span, .circles-wrapper.step3.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq2 .circles-wrapper.step3 li:nth-of-type(3) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step3 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq3 .circles-wrapper.step3 li:nth-of-type(2) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step3 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq4 .circles-wrapper.step3 li:nth-of-type(1) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step3 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq5 .circles-wrapper.step3 li:nth-of-type(7) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step3 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq6 .circles-wrapper.step3 li:nth-of-type(6) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step3 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq7 .circles-wrapper.step3 li:nth-of-type(5) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step3 li:nth-of-type(5) .need span, .circles-wrapper.step5 li.fadein .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step3.seq1 .circles-wrapper.step5 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step5 li:nth-of-type(4) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq2 .circles-wrapper.step5 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step5 li:nth-of-type(3) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq3 .circles-wrapper.step5 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step5 li:nth-of-type(2) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq4 .circles-wrapper.step5 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step5 li:nth-of-type(1) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq5 .circles-wrapper.step5 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step5 li:nth-of-type(7) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq6 .circles-wrapper.step5 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step5 li:nth-of-type(6) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step3.seq7 .circles-wrapper.step5 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step5 li:nth-of-type(5) .member span, .circles-wrapper.step5 li.fadein .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step3.seq1 .circles-wrapper.step5 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step5 li:nth-of-type(4) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq2 .circles-wrapper.step5 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step5 li:nth-of-type(3) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq3 .circles-wrapper.step5 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step5 li:nth-of-type(2) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq4 .circles-wrapper.step5 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step5 li:nth-of-type(1) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq5 .circles-wrapper.step5 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step5 li:nth-of-type(7) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq6 .circles-wrapper.step5 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step5 li:nth-of-type(6) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step3.seq7 .circles-wrapper.step5 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step5 li:nth-of-type(5) .need span, .circles-wrapper.slidebase li.fadein .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step3.seq1 .circles-wrapper.slidebase li:nth-of-type(4) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq1 .circles-wrapper.slidebase li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq2 .circles-wrapper.slidebase li:nth-of-type(3) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq2 .circles-wrapper.slidebase li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq3 .circles-wrapper.slidebase li:nth-of-type(2) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq3 .circles-wrapper.slidebase li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq4 .circles-wrapper.slidebase li:nth-of-type(1) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq4 .circles-wrapper.slidebase li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq5 .circles-wrapper.slidebase li:nth-of-type(7) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq5 .circles-wrapper.slidebase li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq6 .circles-wrapper.slidebase li:nth-of-type(6) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq6 .circles-wrapper.slidebase li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step3.seq7 .circles-wrapper.slidebase li:nth-of-type(5) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq7 .circles-wrapper.slidebase li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .member span, .circles-wrapper.slidebase li.fadein .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step3.seq1 .circles-wrapper.slidebase li:nth-of-type(4) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq1 .circles-wrapper.slidebase li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq2 .circles-wrapper.slidebase li:nth-of-type(3) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq2 .circles-wrapper.slidebase li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq3 .circles-wrapper.slidebase li:nth-of-type(2) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq3 .circles-wrapper.slidebase li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq4 .circles-wrapper.slidebase li:nth-of-type(1) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq4 .circles-wrapper.slidebase li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq5 .circles-wrapper.slidebase li:nth-of-type(7) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq5 .circles-wrapper.slidebase li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq6 .circles-wrapper.slidebase li:nth-of-type(6) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq6 .circles-wrapper.slidebase li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step3.seq7 .circles-wrapper.slidebase li:nth-of-type(5) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq7 .circles-wrapper.slidebase li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .need span {
  opacity: 1;
  transform: scale(0.75);
  transition: all 3.80952s 3.26531s; }

.circles-wrapper.step3 li.fadein .member span, .circles-wrapper.step3.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq1 .circles-wrapper.step3 li:nth-of-type(4) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step3 li:nth-of-type(4) .member span, .circles-wrapper.step3.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq2 .circles-wrapper.step3 li:nth-of-type(3) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step3 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq3 .circles-wrapper.step3 li:nth-of-type(2) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step3 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq4 .circles-wrapper.step3 li:nth-of-type(1) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step3 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq5 .circles-wrapper.step3 li:nth-of-type(7) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step3 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq6 .circles-wrapper.step3 li:nth-of-type(6) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step3 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step3 .circles-wrapper.step5.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq7 .circles-wrapper.step3 li:nth-of-type(5) .member span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step3 li:nth-of-type(5) .member span, .circles-wrapper.step5 li.fadein .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step3.seq1 .circles-wrapper.step5 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step5 li:nth-of-type(4) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq2 .circles-wrapper.step5 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step5 li:nth-of-type(3) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq3 .circles-wrapper.step5 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step5 li:nth-of-type(2) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq4 .circles-wrapper.step5 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step5 li:nth-of-type(1) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq5 .circles-wrapper.step5 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step5 li:nth-of-type(7) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq6 .circles-wrapper.step5 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step5 li:nth-of-type(6) .member span, .circles-wrapper.step5 .circles-wrapper.step3.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step3.seq7 .circles-wrapper.step5 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step5 li:nth-of-type(5) .member span, .circles-wrapper.slidebase li.fadein .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step3.seq1 .circles-wrapper.slidebase li:nth-of-type(4) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq1 .circles-wrapper.slidebase li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq2 .circles-wrapper.slidebase li:nth-of-type(3) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq2 .circles-wrapper.slidebase li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq3 .circles-wrapper.slidebase li:nth-of-type(2) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq3 .circles-wrapper.slidebase li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq4 .circles-wrapper.slidebase li:nth-of-type(1) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq4 .circles-wrapper.slidebase li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq5 .circles-wrapper.slidebase li:nth-of-type(7) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq5 .circles-wrapper.slidebase li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq6 .circles-wrapper.slidebase li:nth-of-type(6) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq6 .circles-wrapper.slidebase li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .member span, .circles-wrapper.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step3.seq7 .circles-wrapper.slidebase li:nth-of-type(5) .member span, .circles-wrapper.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq7 .circles-wrapper.slidebase li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .member span {
  transform: scale(0.75); }

.circles-wrapper.step3 li.fadein .need span, .circles-wrapper.step3.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq1 .circles-wrapper.step3 li:nth-of-type(4) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step3 li:nth-of-type(4) .need span, .circles-wrapper.step3.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq2 .circles-wrapper.step3 li:nth-of-type(3) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step3 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq3 .circles-wrapper.step3 li:nth-of-type(2) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step3 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq4 .circles-wrapper.step3 li:nth-of-type(1) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step3 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq5 .circles-wrapper.step3 li:nth-of-type(7) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step3 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq6 .circles-wrapper.step3 li:nth-of-type(6) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step3 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step3 .circles-wrapper.step5.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq7 .circles-wrapper.step3 li:nth-of-type(5) .need span, .circles-wrapper.step3 .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step3 li:nth-of-type(5) .need span, .circles-wrapper.step5 li.fadein .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step3.seq1 .circles-wrapper.step5 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq1 .circles-wrapper.step5 li:nth-of-type(4) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq2 .circles-wrapper.step5 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq2 .circles-wrapper.step5 li:nth-of-type(3) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq3 .circles-wrapper.step5 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq3 .circles-wrapper.step5 li:nth-of-type(2) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq4 .circles-wrapper.step5 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq4 .circles-wrapper.step5 li:nth-of-type(1) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq5 .circles-wrapper.step5 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq5 .circles-wrapper.step5 li:nth-of-type(7) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq6 .circles-wrapper.step5 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq6 .circles-wrapper.step5 li:nth-of-type(6) .need span, .circles-wrapper.step5 .circles-wrapper.step3.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step3.seq7 .circles-wrapper.step5 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step5 .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq7 .circles-wrapper.step5 li:nth-of-type(5) .need span, .circles-wrapper.slidebase li.fadein .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step3.seq1 .circles-wrapper.slidebase li:nth-of-type(4) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq1 .circles-wrapper.slidebase li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq2 .circles-wrapper.slidebase li:nth-of-type(3) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq2 .circles-wrapper.slidebase li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq3 .circles-wrapper.slidebase li:nth-of-type(2) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq3 .circles-wrapper.slidebase li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq4 .circles-wrapper.slidebase li:nth-of-type(1) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq4 .circles-wrapper.slidebase li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq5 .circles-wrapper.slidebase li:nth-of-type(7) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq5 .circles-wrapper.slidebase li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq6 .circles-wrapper.slidebase li:nth-of-type(6) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq6 .circles-wrapper.slidebase li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .need span, .circles-wrapper.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step3.seq7 .circles-wrapper.slidebase li:nth-of-type(5) .need span, .circles-wrapper.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq7 .circles-wrapper.slidebase li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .need span {
  transform: scale(0.925); }

@keyframes floatmax {
  to {
    transform: translateY(-16px); } }

@keyframes floatmaxb {
  to {
    transform: translateY(-20px); } }

.circles-wrapper.scatter ul, .circles-wrapper.stepbase.step1 ul, .slide-visuals.first .circles-wrapper ul, .slide-circles.first .circles-wrapper.circles-wrapperh ul, .circles-wrapper.scatter .spin, .circles-wrapper.stepbase.step1 .spin, .slide-visuals.first .circles-wrapper .spin, .slide-circles.first .circles-wrapper.circles-wrapperh .spin {
  animation: none; }

.circles-wrapper.scatter li:nth-of-type(2) .member .pic, .circles-wrapper.stepbase.step1 li:nth-of-type(2) .member .pic, .slide-visuals.first .circles-wrapper li:nth-of-type(2) .member .pic, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(2) .member .pic, .circles-wrapper.scatter li:nth-of-type(5) .member .pic, .circles-wrapper.stepbase.step1 li:nth-of-type(5) .member .pic, .slide-visuals.first .circles-wrapper li:nth-of-type(5) .member .pic, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(5) .member .pic {
  animation: floatmax 2.3s 0s ease-in-out infinite alternate; }

.circles-wrapper.scatter li:nth-of-type(3) .member .pic, .circles-wrapper.stepbase.step1 li:nth-of-type(3) .member .pic, .slide-visuals.first .circles-wrapper li:nth-of-type(3) .member .pic, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(3) .member .pic, .circles-wrapper.scatter li:nth-of-type(7) .member .pic, .circles-wrapper.stepbase.step1 li:nth-of-type(7) .member .pic, .slide-visuals.first .circles-wrapper li:nth-of-type(7) .member .pic, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(7) .member .pic {
  animation: floatmax 2.5s 0.8s ease-in-out infinite alternate; }

.circles-wrapper.scatter li:nth-of-type(1) .member .pic, .circles-wrapper.stepbase.step1 li:nth-of-type(1) .member .pic, .slide-visuals.first .circles-wrapper li:nth-of-type(1) .member .pic, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(1) .member .pic, .circles-wrapper.scatter li:nth-of-type(4) .member .pic, .circles-wrapper.stepbase.step1 li:nth-of-type(4) .member .pic, .slide-visuals.first .circles-wrapper li:nth-of-type(4) .member .pic, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(4) .member .pic, .circles-wrapper.scatter li:nth-of-type(6) .member .pic, .circles-wrapper.stepbase.step1 li:nth-of-type(6) .member .pic, .slide-visuals.first .circles-wrapper li:nth-of-type(6) .member .pic, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(6) .member .pic {
  animation: floatmaxb 2.1s 1.5s ease-in-out infinite alternate; }

.circles-wrapper.scatter li:nth-of-type(1), .circles-wrapper.stepbase.step1 li:nth-of-type(1), .slide-visuals.first .circles-wrapper li:nth-of-type(1), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(1) {
  transform: rotate(-90deg); }
  .circles-wrapper.scatter li:nth-of-type(1) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(1) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(1) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(1) .memb-trans {
    transform: translateY(52%); }
  .circles-wrapper.scatter li:nth-of-type(1) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(1) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(1) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(1) .member {
    transform: rotate(90deg); }
  .circles-wrapper.scatter li:nth-of-type(1) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(1) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(1) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(1) .member span {
    transform: scale(0.4); }
  @media (max-width: 768px) {
    .circles-wrapper.scatter li:nth-of-type(1), .circles-wrapper.stepbase.step1 li:nth-of-type(1), .slide-visuals.first .circles-wrapper li:nth-of-type(1), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(1) {
      transform: rotate(-90deg); }
      .circles-wrapper.scatter li:nth-of-type(1) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(1) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(1) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(1) .memb-trans {
        transform: translateY(-45%); }
      .circles-wrapper.scatter li:nth-of-type(1) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(1) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(1) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(1) .member {
        transform: rotate(90deg); }
      .circles-wrapper.scatter li:nth-of-type(1) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(1) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(1) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(1) .member span {
        transform: scale(0.4); } }

.circles-wrapper.scatter li:nth-of-type(2), .circles-wrapper.stepbase.step1 li:nth-of-type(2), .slide-visuals.first .circles-wrapper li:nth-of-type(2), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(2) {
  transform: rotate(-85deg); }
  .circles-wrapper.scatter li:nth-of-type(2) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(2) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(2) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(2) .memb-trans {
    transform: translateY(24%); }
  .circles-wrapper.scatter li:nth-of-type(2) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(2) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(2) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(2) .member {
    transform: rotate(85deg); }
  .circles-wrapper.scatter li:nth-of-type(2) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(2) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(2) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(2) .member span {
    transform: scale(0.75); }
  @media (max-width: 768px) {
    .circles-wrapper.scatter li:nth-of-type(2), .circles-wrapper.stepbase.step1 li:nth-of-type(2), .slide-visuals.first .circles-wrapper li:nth-of-type(2), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(2) {
      transform: rotate(-60deg); }
      .circles-wrapper.scatter li:nth-of-type(2) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(2) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(2) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(2) .memb-trans {
        transform: translateY(-70%); }
      .circles-wrapper.scatter li:nth-of-type(2) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(2) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(2) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(2) .member {
        transform: rotate(60deg); }
      .circles-wrapper.scatter li:nth-of-type(2) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(2) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(2) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(2) .member span {
        transform: scale(0.7); } }

.circles-wrapper.scatter li:nth-of-type(3), .circles-wrapper.stepbase.step1 li:nth-of-type(3), .slide-visuals.first .circles-wrapper li:nth-of-type(3), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(3) {
  transform: rotate(84deg); }
  .circles-wrapper.scatter li:nth-of-type(3) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(3) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(3) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(3) .memb-trans {
    transform: translateY(36%); }
  .circles-wrapper.scatter li:nth-of-type(3) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(3) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(3) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(3) .member {
    transform: rotate(-84deg); }
  .circles-wrapper.scatter li:nth-of-type(3) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(3) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(3) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(3) .member span {
    transform: scale(1); }
  @media (max-width: 768px) {
    .circles-wrapper.scatter li:nth-of-type(3), .circles-wrapper.stepbase.step1 li:nth-of-type(3), .slide-visuals.first .circles-wrapper li:nth-of-type(3), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(3) {
      transform: rotate(40deg); }
      .circles-wrapper.scatter li:nth-of-type(3) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(3) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(3) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(3) .memb-trans {
        transform: translateY(-49%); }
      .circles-wrapper.scatter li:nth-of-type(3) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(3) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(3) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(3) .member {
        transform: rotate(-40deg); }
      .circles-wrapper.scatter li:nth-of-type(3) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(3) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(3) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(3) .member span {
        transform: scale(0.8); } }

.circles-wrapper.scatter li:nth-of-type(4), .circles-wrapper.stepbase.step1 li:nth-of-type(4), .slide-visuals.first .circles-wrapper li:nth-of-type(4), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(4) {
  transform: rotate(108deg); }
  .circles-wrapper.scatter li:nth-of-type(4) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(4) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(4) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(4) .memb-trans {
    transform: translateY(60%); }
  .circles-wrapper.scatter li:nth-of-type(4) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(4) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(4) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(4) .member {
    transform: rotate(-108deg); }
  .circles-wrapper.scatter li:nth-of-type(4) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(4) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(4) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(4) .member span {
    transform: scale(0.575); }
  @media (max-width: 768px) {
    .circles-wrapper.scatter li:nth-of-type(4), .circles-wrapper.stepbase.step1 li:nth-of-type(4), .slide-visuals.first .circles-wrapper li:nth-of-type(4), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(4) {
      transform: rotate(70deg); }
      .circles-wrapper.scatter li:nth-of-type(4) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(4) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(4) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(4) .memb-trans {
        transform: translateY(-41%); }
      .circles-wrapper.scatter li:nth-of-type(4) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(4) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(4) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(4) .member {
        transform: rotate(-70deg); }
      .circles-wrapper.scatter li:nth-of-type(4) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(4) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(4) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(4) .member span {
        transform: scale(0.44); } }

.circles-wrapper.scatter li:nth-of-type(5), .circles-wrapper.stepbase.step1 li:nth-of-type(5), .slide-visuals.first .circles-wrapper li:nth-of-type(5), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(5) {
  transform: rotate(130deg); }
  .circles-wrapper.scatter li:nth-of-type(5) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(5) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(5) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(5) .memb-trans {
    transform: translateY(36%); }
  .circles-wrapper.scatter li:nth-of-type(5) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(5) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(5) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(5) .member {
    transform: rotate(-130deg); }
  .circles-wrapper.scatter li:nth-of-type(5) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(5) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(5) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(5) .member span {
    transform: scale(0.7); }
  @media (max-width: 768px) {
    .circles-wrapper.scatter li:nth-of-type(5), .circles-wrapper.stepbase.step1 li:nth-of-type(5), .slide-visuals.first .circles-wrapper li:nth-of-type(5), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(5) {
      transform: rotate(144deg); }
      .circles-wrapper.scatter li:nth-of-type(5) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(5) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(5) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(5) .memb-trans {
        transform: translateY(0%); }
      .circles-wrapper.scatter li:nth-of-type(5) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(5) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(5) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(5) .member {
        transform: rotate(-144deg); }
      .circles-wrapper.scatter li:nth-of-type(5) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(5) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(5) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(5) .member span {
        transform: scale(0.6); } }

.circles-wrapper.scatter li:nth-of-type(6), .circles-wrapper.stepbase.step1 li:nth-of-type(6), .slide-visuals.first .circles-wrapper li:nth-of-type(6), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(6) {
  transform: rotate(212deg); }
  .circles-wrapper.scatter li:nth-of-type(6) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(6) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(6) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(6) .memb-trans {
    transform: translateY(-6%); }
  .circles-wrapper.scatter li:nth-of-type(6) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(6) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(6) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(6) .member {
    transform: rotate(-212deg); }
  .circles-wrapper.scatter li:nth-of-type(6) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(6) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(6) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(6) .member span {
    transform: scale(0.375); }
  @media (max-width: 768px) {
    .circles-wrapper.scatter li:nth-of-type(6), .circles-wrapper.stepbase.step1 li:nth-of-type(6), .slide-visuals.first .circles-wrapper li:nth-of-type(6), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(6) {
      transform: rotate(200deg); }
      .circles-wrapper.scatter li:nth-of-type(6) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(6) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(6) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(6) .memb-trans {
        transform: translateY(-10%); }
      .circles-wrapper.scatter li:nth-of-type(6) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(6) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(6) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(6) .member {
        transform: rotate(-200deg); }
      .circles-wrapper.scatter li:nth-of-type(6) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(6) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(6) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(6) .member span {
        transform: scale(0.375); } }

.circles-wrapper.scatter li:nth-of-type(7), .circles-wrapper.stepbase.step1 li:nth-of-type(7), .slide-visuals.first .circles-wrapper li:nth-of-type(7), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(7) {
  transform: rotate(246deg); }
  .circles-wrapper.scatter li:nth-of-type(7) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(7) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(7) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(7) .memb-trans {
    transform: translateY(66%); }
  .circles-wrapper.scatter li:nth-of-type(7) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(7) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(7) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(7) .member {
    transform: rotate(-246deg); }
  .circles-wrapper.scatter li:nth-of-type(7) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(7) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(7) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(7) .member span {
    transform: scale(0.625); }
  @media (max-width: 768px) {
    .circles-wrapper.scatter li:nth-of-type(7), .circles-wrapper.stepbase.step1 li:nth-of-type(7), .slide-visuals.first .circles-wrapper li:nth-of-type(7), .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(7) {
      transform: rotate(235deg); }
      .circles-wrapper.scatter li:nth-of-type(7) .memb-trans, .circles-wrapper.stepbase.step1 li:nth-of-type(7) .memb-trans, .slide-visuals.first .circles-wrapper li:nth-of-type(7) .memb-trans, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(7) .memb-trans {
        transform: translateY(-25%); }
      .circles-wrapper.scatter li:nth-of-type(7) .member, .circles-wrapper.stepbase.step1 li:nth-of-type(7) .member, .slide-visuals.first .circles-wrapper li:nth-of-type(7) .member, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(7) .member {
        transform: rotate(-235deg); }
      .circles-wrapper.scatter li:nth-of-type(7) .member span, .circles-wrapper.stepbase.step1 li:nth-of-type(7) .member span, .slide-visuals.first .circles-wrapper li:nth-of-type(7) .member span, .slide-circles.first .circles-wrapper.circles-wrapperh li:nth-of-type(7) .member span {
        transform: scale(0.625); } }

.circles-wrapper.gather li, .circles-wrapperh.gather li {
  transition: height 0.9s 0s cubic-bezier(0.1, 0.75, 0.25, 0.9), transform 1.5s 0s cubic-bezier(0.25, 0.75, 0.4, 1); }
  .circles-wrapper.gather li .member, .circles-wrapperh.gather li .member {
    transition: transform 1.5s 0s cubic-bezier(0.25, 0.75, 0.4, 1); }

.circles-wrapper.gather li:nth-of-type(1), .circles-wrapperh.gather li:nth-of-type(1) {
  transform: rotate(120deg); }
  .circles-wrapper.gather li:nth-of-type(1) .member, .circles-wrapper.gather li:nth-of-type(1) .need, .circles-wrapper.gather li:nth-of-type(1) .popout, .circles-wrapperh.gather li:nth-of-type(1) .member, .circles-wrapperh.gather li:nth-of-type(1) .need, .circles-wrapperh.gather li:nth-of-type(1) .popout {
    transform: rotate(-120deg); }

.circles-wrapper.gather li:nth-of-type(2), .circles-wrapperh.gather li:nth-of-type(2) {
  transform: rotate(171.42857deg); }
  .circles-wrapper.gather li:nth-of-type(2) .member, .circles-wrapper.gather li:nth-of-type(2) .need, .circles-wrapper.gather li:nth-of-type(2) .popout, .circles-wrapperh.gather li:nth-of-type(2) .member, .circles-wrapperh.gather li:nth-of-type(2) .need, .circles-wrapperh.gather li:nth-of-type(2) .popout {
    transform: rotate(-171.42857deg); }

.circles-wrapper.gather li:nth-of-type(3), .circles-wrapperh.gather li:nth-of-type(3) {
  transform: rotate(222.85714deg); }
  .circles-wrapper.gather li:nth-of-type(3) .member, .circles-wrapper.gather li:nth-of-type(3) .need, .circles-wrapper.gather li:nth-of-type(3) .popout, .circles-wrapperh.gather li:nth-of-type(3) .member, .circles-wrapperh.gather li:nth-of-type(3) .need, .circles-wrapperh.gather li:nth-of-type(3) .popout {
    transform: rotate(-222.85714deg); }

.circles-wrapper.gather li:nth-of-type(4), .circles-wrapperh.gather li:nth-of-type(4) {
  transform: rotate(274.28571deg); }
  .circles-wrapper.gather li:nth-of-type(4) .member, .circles-wrapper.gather li:nth-of-type(4) .need, .circles-wrapper.gather li:nth-of-type(4) .popout, .circles-wrapperh.gather li:nth-of-type(4) .member, .circles-wrapperh.gather li:nth-of-type(4) .need, .circles-wrapperh.gather li:nth-of-type(4) .popout {
    transform: rotate(-274.28571deg); }

.circles-wrapper.gather li:nth-of-type(5), .circles-wrapperh.gather li:nth-of-type(5) {
  transform: rotate(325.71429deg); }
  .circles-wrapper.gather li:nth-of-type(5) .member, .circles-wrapper.gather li:nth-of-type(5) .need, .circles-wrapper.gather li:nth-of-type(5) .popout, .circles-wrapperh.gather li:nth-of-type(5) .member, .circles-wrapperh.gather li:nth-of-type(5) .need, .circles-wrapperh.gather li:nth-of-type(5) .popout {
    transform: rotate(-325.71429deg); }

.circles-wrapper.gather li:nth-of-type(6), .circles-wrapperh.gather li:nth-of-type(6) {
  transform: rotate(377.14286deg); }
  .circles-wrapper.gather li:nth-of-type(6) .member, .circles-wrapper.gather li:nth-of-type(6) .need, .circles-wrapper.gather li:nth-of-type(6) .popout, .circles-wrapperh.gather li:nth-of-type(6) .member, .circles-wrapperh.gather li:nth-of-type(6) .need, .circles-wrapperh.gather li:nth-of-type(6) .popout {
    transform: rotate(-377.14286deg); }

.circles-wrapper.gather li:nth-of-type(7), .circles-wrapperh.gather li:nth-of-type(7) {
  transform: rotate(428.57143deg); }
  .circles-wrapper.gather li:nth-of-type(7) .member, .circles-wrapper.gather li:nth-of-type(7) .need, .circles-wrapper.gather li:nth-of-type(7) .popout, .circles-wrapperh.gather li:nth-of-type(7) .member, .circles-wrapperh.gather li:nth-of-type(7) .need, .circles-wrapperh.gather li:nth-of-type(7) .popout {
    transform: rotate(-428.57143deg); }

.bg-circleh {
  position: absolute;
  z-index: 0;
  bottom: 50%;
  left: 50%;
  width: 660px;
  height: 660px;
  margin-bottom: -330px;
  margin-left: -330px;
  transition: transform 2s cubic-bezier(0.1, 0.9, 0.25, 1); }
  .bg-circleh span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 1s cubic-bezier(0.1, 0.75, 0.25, 0.9);
    transform-origin: 50% 50%; }
    @media (max-width: 768px) {
      .bg-circleh span {
        transform: scale(0.8889); } }
  .bg-circleh .circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9);
    transform-origin: 50% 50%; }
  .bg-circleh .circle svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    animation: spin 52s linear infinite;
    transform-origin: 50% 50%; }
    .bg-circleh .circle svg circle {
      fill: none;
      stroke: #a5a4ed;
      stroke-width: 7;
      stroke-linecap: round;
      stroke-dashoffset: 0;
      transition: all 0.4s;
      transform-origin: 50% 50%; }
  .bg-circleh .circle.offset svg {
    animation: spin 26s linear infinite; }
    .bg-circleh .circle.offset svg circle {
      opacity: 1;
      stroke-dashoffset: 75%; }

.circles-wrapperh {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.75s ease-out; }
  @media (max-width: 1200px) {
    .circles-wrapperh {
      transform: scale(0.8); } }
  @media (max-width: 768px) {
    .circles-wrapperh {
      transform: scale(0.7); } }
  .circles-wrapperh.fg {
    z-index: 3; }
  .circles-wrapperh.bg {
    z-index: 0; }
  .circles-wrapperh--scroll {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }
  .circles-wrapperh .bg-circleh, .circles-wrapperh .fg-circleh {
    top: auto;
    left: 50%;
    bottom: 50%;
    width: 1020px;
    height: 1020px;
    margin-left: -510px;
    margin-bottom: -510px;
    transition: all 0.75s ease-out; }
    @media (max-width: 768px) {
      .circles-wrapperh .bg-circleh, .circles-wrapperh .fg-circleh {
        transform: scale(0.85); } }
  .circles-wrapperh .bg-circleh {
    z-index: -1;
    transition: all 1s 0s ease-out; }
    @media (max-width: 768px) {
      .circles-wrapperh .bg-circleh {
        mix-blend-mode: multiply; } }
    .circles-wrapperh .bg-circleh .circle svg {
      animation: spin 28s linear infinite; }
      .circles-wrapperh .bg-circleh .circle svg circle {
        stroke: #a5a5d3;
        stroke-width: 16;
        transition: all 1s 0s ease-out; }
      .circles-wrapperh .bg-circleh .circle svg circle:last-of-type {
        stroke-dasharray: 13.5%, 28.5%, 15%, 21.75%, 13.5%, 22.5%, 16.5%, 30%, 12.75%, 22.5%, 13.5%, 25.5%, 16.5%, 21%;
        stroke-dashoffset: 0%; }
    .circles-wrapperh .bg-circleh .circle.offset svg {
      animation: spin 48s linear infinite; }
      .circles-wrapperh .bg-circleh .circle.offset svg circle:last-of-type {
        stroke-dasharray: 13.5%, 28.5%, 15%, 21.75%, 13.5%, 22.5%, 16.5%, 30%, 12.75%, 22.5%, 13.5%, 25.5%, 16.5%, 21%;
        stroke-dashoffset: 66.666%; }
  .circles-wrapperh .fg-circleh {
    position: absolute;
    z-index: 4; }
    .circles-wrapperh .fg-circleh ul {
      position: relative;
      z-index: 3;
      width: 100%;
      height: 100%;
      animation: spin 51s linear infinite; }
    .circles-wrapperh .fg-circleh li {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 120px;
      height: 50%;
      margin-left: -60px;
      transform-origin: 50% 0%;
      transition: transform 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      @media (max-width: 768px) {
        .circles-wrapperh .fg-circleh li {
          height: 46.5%; } }
      .circles-wrapperh .fg-circleh li .lwrap, .circles-wrapperh .fg-circleh li .memb-trans, .circles-wrapperh .fg-circleh li .need-trans {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        transform-origin: 50% 0%;
        transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      .circles-wrapperh .fg-circleh li .need-trans {
        z-index: 3; }
    .circles-wrapperh .fg-circleh .spin {
      position: absolute;
      width: 100%;
      height: 100%;
      animation: spin 51s linear infinite reverse; }
    .circles-wrapperh .fg-circleh .member {
      position: absolute;
      z-index: 2;
      top: 100%;
      left: 50%;
      width: 120px;
      height: 120px;
      margin-top: -60px;
      margin-left: -60px;
      transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      .circles-wrapperh .fg-circleh .member span, .circles-wrapperh .fg-circleh .member .pic {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
      .circles-wrapperh .fg-circleh .member span {
        transform: scale(0.75); }
        @media (max-width: 768px) {
          .circles-wrapperh .fg-circleh .member span {
            transform: scale(0.8); } }
      .circles-wrapperh .fg-circleh .member .pic {
        border-radius: 50%;
        box-shadow: 0 1px 5px 0 rgba(37, 41, 70, 0.5);
        background-size: 110%;
        background-position: center center;
        background-size: cover; }
        .circles-wrapperh .fg-circleh .member .pic:before {
          position: absolute;
          top: -1%;
          left: -1%;
          width: 102%;
          height: 102%;
          border-radius: 50%;
          background: #252946;
          opacity: 0;
          transition: all 0.5s; }
    .circles-wrapperh .fg-circleh li:nth-of-type(1) .member .pic {
      background-image: url("/images/stories/HaileG.jpg"); }
    .circles-wrapperh .fg-circleh li:nth-of-type(2) .member .pic {
      background-image: url("/images/stories/GloriaD.jpg"); }
    .circles-wrapperh .fg-circleh li:nth-of-type(3) .member .pic {
      background-image: url("/images/stories/AbigailM.jpg"); }
    .circles-wrapperh .fg-circleh li:nth-of-type(4) .member .pic {
      background-image: url("/images/stories/RobertD.jpg"); }
    .circles-wrapperh .fg-circleh li:nth-of-type(5) .member .pic {
      background-image: url("/images/stories/Laura_L.jpg"); }
    .circles-wrapperh .fg-circleh li:nth-of-type(6) .member .pic {
      background-image: url("/images/stories/RavenR.jpg"); }
    .circles-wrapperh .fg-circleh li:nth-of-type(7) .member .pic {
      background-image: url("/images/stories/Shawn.jpg"); }

.circles-wrapperh.stepbase {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  transition: all 1s ease-out, margin 0s; }
  .circles-wrapperh.stepbase .bg-circleh {
    transition: all 1s 0s ease-out; }

.circles-wrapperh.stepbase.step1 {
  margin-top: 25rem; }
  .circles-wrapperh.stepbase.step1 .need-trans, .circles-wrapperh.stepbase.step1 .need, .circles-wrapperh.stepbase.step1 .popout {
    display: none; }
  @media (max-width: 768px) {
    .circles-wrapperh.stepbase.step1 {
      margin-top: 15rem; } }
  .circles-wrapperh.stepbase.step1 .bg-circleh {
    display: none; }
  .circles-wrapperh.stepbase.step1 .fg-circleh {
    bottom: calc(50% + 5rem); }

.circles-wrapperh.stepbase.step2 {
  position: fixed; }
  .circles-wrapperh.stepbase.step2 .bg-circleh {
    opacity: 0;
    transform: scale(0.25); }
  .circles-wrapperh.stepbase.step2 .fg-circleh {
    bottom: 50%; }
  .circles-wrapperh.stepbase.step2 .memb-trans {
    transform: translateY(-50%); }
  .circles-wrapperh.stepbase.step2 .member {
    transition: all 1.5s 0s cubic-bezier(0.15, 0.9, 0.3, 1); }
  .circles-wrapperh.stepbase.step2 .member span {
    transform: scale(0.5); }

.circles-wrapperh.stepback {
  position: fixed;
  margin-top: 0;
  opacity: 1;
  transform: scale(1);
  transition: all 0.75s ease-out, margin 0s 0s, width 0s 0s; }
  @media (max-width: 768px) {
    .circles-wrapperh.stepback {
      transform: scale(0.9); } }
  .circles-wrapperh.stepback .bg-circleh {
    opacity: 1; }
  .circles-wrapperh.stepback .member span {
    transform: scale(0.75); }

.circles-wrapperh.fadeout, .circles-wrapper.step3.seq1 li.circles-wrapperh:nth-of-type(3), .circles-wrapper.step5.seq1 li.circles-wrapperh:nth-of-type(3), .circles-wrapper.slidebase.seq1 li.circles-wrapperh:nth-of-type(3), .circles-wrapper.step3.seq2 li.circles-wrapperh:nth-of-type(2), .circles-wrapper.step5.seq2 li.circles-wrapperh:nth-of-type(2), .circles-wrapper.slidebase.seq2 li.circles-wrapperh:nth-of-type(2), .circles-wrapper.step3.seq3 li.circles-wrapperh:nth-of-type(1), .circles-wrapper.step5.seq3 li.circles-wrapperh:nth-of-type(1), .circles-wrapper.slidebase.seq3 li.circles-wrapperh:nth-of-type(1), .circles-wrapper.step3.seq4 li.circles-wrapperh:nth-of-type(7), .circles-wrapper.step5.seq4 li.circles-wrapperh:nth-of-type(7), .circles-wrapper.slidebase.seq4 li.circles-wrapperh:nth-of-type(7), .circles-wrapper.step3.seq5 li.circles-wrapperh:nth-of-type(6), .circles-wrapper.step5.seq5 li.circles-wrapperh:nth-of-type(6), .circles-wrapper.slidebase.seq5 li.circles-wrapperh:nth-of-type(6), .circles-wrapper.step3.seq6 li.circles-wrapperh:nth-of-type(5), .circles-wrapper.step5.seq6 li.circles-wrapperh:nth-of-type(5), .circles-wrapper.slidebase.seq6 li.circles-wrapperh:nth-of-type(5), .circles-wrapper.step3.seq7 li.circles-wrapperh:nth-of-type(4), .circles-wrapper.step5.seq7 li.circles-wrapperh:nth-of-type(4), .circles-wrapper.slidebase.seq7 li.circles-wrapperh:nth-of-type(4) {
  margin-top: 100vw;
  opacity: 0;
  transform: scale(0.66);
  transition: all 1.2s ease-out, margin 0s 1s; }
  @media (min-resolution: 144dpi) and (min-width: 769px) {
    .circles-wrapperh.fadeout, .circles-wrapper.step3.seq1 li.circles-wrapperh:nth-of-type(3), .circles-wrapper.step5.seq1 li.circles-wrapperh:nth-of-type(3), .circles-wrapper.slidebase.seq1 li.circles-wrapperh:nth-of-type(3), .circles-wrapper.step3.seq2 li.circles-wrapperh:nth-of-type(2), .circles-wrapper.step5.seq2 li.circles-wrapperh:nth-of-type(2), .circles-wrapper.slidebase.seq2 li.circles-wrapperh:nth-of-type(2), .circles-wrapper.step3.seq3 li.circles-wrapperh:nth-of-type(1), .circles-wrapper.step5.seq3 li.circles-wrapperh:nth-of-type(1), .circles-wrapper.slidebase.seq3 li.circles-wrapperh:nth-of-type(1), .circles-wrapper.step3.seq4 li.circles-wrapperh:nth-of-type(7), .circles-wrapper.step5.seq4 li.circles-wrapperh:nth-of-type(7), .circles-wrapper.slidebase.seq4 li.circles-wrapperh:nth-of-type(7), .circles-wrapper.step3.seq5 li.circles-wrapperh:nth-of-type(6), .circles-wrapper.step5.seq5 li.circles-wrapperh:nth-of-type(6), .circles-wrapper.slidebase.seq5 li.circles-wrapperh:nth-of-type(6), .circles-wrapper.step3.seq6 li.circles-wrapperh:nth-of-type(5), .circles-wrapper.step5.seq6 li.circles-wrapperh:nth-of-type(5), .circles-wrapper.slidebase.seq6 li.circles-wrapperh:nth-of-type(5), .circles-wrapper.step3.seq7 li.circles-wrapperh:nth-of-type(4), .circles-wrapper.step5.seq7 li.circles-wrapperh:nth-of-type(4), .circles-wrapper.slidebase.seq7 li.circles-wrapperh:nth-of-type(4) {
      transform: scale(1);
      transition: all 0.7s ease-out, margin 0s 1s; } }

.circles-wrapperh.slidebase li.fadeout .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq1 .circles-wrapperh.slidebase li:nth-of-type(3) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq1 .circles-wrapperh.slidebase li:nth-of-type(3) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq1 li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq1 .circles-wrapperh.slidebase li:nth-of-type(3) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq2 .circles-wrapperh.slidebase li:nth-of-type(2) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq2 .circles-wrapperh.slidebase li:nth-of-type(2) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq2 li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq2 .circles-wrapperh.slidebase li:nth-of-type(2) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq3 .circles-wrapperh.slidebase li:nth-of-type(1) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq3 .circles-wrapperh.slidebase li:nth-of-type(1) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq3 li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq3 .circles-wrapperh.slidebase li:nth-of-type(1) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq4 .circles-wrapperh.slidebase li:nth-of-type(7) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq4 .circles-wrapperh.slidebase li:nth-of-type(7) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq4 li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq4 .circles-wrapperh.slidebase li:nth-of-type(7) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq5 .circles-wrapperh.slidebase li:nth-of-type(6) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq5 .circles-wrapperh.slidebase li:nth-of-type(6) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq5 li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq5 .circles-wrapperh.slidebase li:nth-of-type(6) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(5) .member span, .circles-wrapper.step3.seq6 .circles-wrapperh.slidebase li:nth-of-type(5) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq6 .circles-wrapperh.slidebase li:nth-of-type(5) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq6 li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq6 .circles-wrapperh.slidebase li:nth-of-type(5) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(4) .member span, .circles-wrapper.step3.seq7 .circles-wrapperh.slidebase li:nth-of-type(4) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq7 .circles-wrapperh.slidebase li:nth-of-type(4) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq7 li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq7 .circles-wrapperh.slidebase li:nth-of-type(4) .member span, .circles-wrapperh.slidebase li.fadeout .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq1 .circles-wrapperh.slidebase li:nth-of-type(3) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq1 .circles-wrapperh.slidebase li:nth-of-type(3) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq1 li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq1 .circles-wrapperh.slidebase li:nth-of-type(3) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq2 .circles-wrapperh.slidebase li:nth-of-type(2) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq2 .circles-wrapperh.slidebase li:nth-of-type(2) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq2 li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq2 .circles-wrapperh.slidebase li:nth-of-type(2) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq3 .circles-wrapperh.slidebase li:nth-of-type(1) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq3 .circles-wrapperh.slidebase li:nth-of-type(1) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq3 li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq3 .circles-wrapperh.slidebase li:nth-of-type(1) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq4 .circles-wrapperh.slidebase li:nth-of-type(7) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq4 .circles-wrapperh.slidebase li:nth-of-type(7) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq4 li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq4 .circles-wrapperh.slidebase li:nth-of-type(7) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq5 .circles-wrapperh.slidebase li:nth-of-type(6) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq5 .circles-wrapperh.slidebase li:nth-of-type(6) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq5 li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq5 .circles-wrapperh.slidebase li:nth-of-type(6) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(5) .need span, .circles-wrapper.step3.seq6 .circles-wrapperh.slidebase li:nth-of-type(5) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq6 .circles-wrapperh.slidebase li:nth-of-type(5) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq6 li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq6 .circles-wrapperh.slidebase li:nth-of-type(5) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(4) .need span, .circles-wrapper.step3.seq7 .circles-wrapperh.slidebase li:nth-of-type(4) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq7 .circles-wrapperh.slidebase li:nth-of-type(4) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq7 li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq7 .circles-wrapperh.slidebase li:nth-of-type(4) .need span {
  opacity: 0;
  transform: scale(0.5);
  transition: all 1.90476s 0s; }

.circles-wrapperh.slidebase li.fadein .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step3.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step3.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .member span, .circles-wrapperh.slidebase li.fadein .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step3.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step3.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .need span {
  opacity: 1;
  transform: scale(0.75);
  transition: all 3.80952s 3.26531s; }

.circles-wrapperh.slidebase li.fadein .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step3.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(4) .member span, .circles-wrapper.step5.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .member span, .circles-wrapper.slidebase.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step3.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(3) .member span, .circles-wrapper.step5.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .member span, .circles-wrapper.slidebase.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step3.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(2) .member span, .circles-wrapper.step5.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .member span, .circles-wrapper.slidebase.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step3.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(1) .member span, .circles-wrapper.step5.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .member span, .circles-wrapper.slidebase.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step3.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(7) .member span, .circles-wrapper.step5.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .member span, .circles-wrapper.slidebase.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step3.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(6) .member span, .circles-wrapper.step5.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .member span, .circles-wrapper.slidebase.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .member span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step3.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .member span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(5) .member span, .circles-wrapper.step5.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .member span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .member span, .circles-wrapper.slidebase.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .member span {
  transform: scale(0.75); }

.circles-wrapperh.slidebase li.fadein .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step3.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq1 li:nth-of-type(4) .need span, .circles-wrapper.step5.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq1 li:nth-of-type(4) .need span, .circles-wrapper.slidebase.seq1 .circles-wrapperh.slidebase li:nth-of-type(4) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step3.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq2 li:nth-of-type(3) .need span, .circles-wrapper.step5.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq2 li:nth-of-type(3) .need span, .circles-wrapper.slidebase.seq2 .circles-wrapperh.slidebase li:nth-of-type(3) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step3.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq3 li:nth-of-type(2) .need span, .circles-wrapper.step5.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq3 li:nth-of-type(2) .need span, .circles-wrapper.slidebase.seq3 .circles-wrapperh.slidebase li:nth-of-type(2) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step3.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq4 li:nth-of-type(1) .need span, .circles-wrapper.step5.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq4 li:nth-of-type(1) .need span, .circles-wrapper.slidebase.seq4 .circles-wrapperh.slidebase li:nth-of-type(1) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step3.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq5 li:nth-of-type(7) .need span, .circles-wrapper.step5.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq5 li:nth-of-type(7) .need span, .circles-wrapper.slidebase.seq5 .circles-wrapperh.slidebase li:nth-of-type(7) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step3.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq6 li:nth-of-type(6) .need span, .circles-wrapper.step5.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq6 li:nth-of-type(6) .need span, .circles-wrapper.slidebase.seq6 .circles-wrapperh.slidebase li:nth-of-type(6) .need span, .circles-wrapperh.slidebase .circles-wrapper.step3.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step3.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .need span, .circles-wrapperh.slidebase .circles-wrapper.step5.seq7 li:nth-of-type(5) .need span, .circles-wrapper.step5.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .need span, .circles-wrapperh.slidebase .circles-wrapper.slidebase.seq7 li:nth-of-type(5) .need span, .circles-wrapper.slidebase.seq7 .circles-wrapperh.slidebase li:nth-of-type(5) .need span {
  transform: scale(0.925); }

@keyframes floatmax {
  to {
    transform: translateY(-16px); } }

@keyframes floatmaxb {
  to {
    transform: translateY(-20px); } }

.circles-wrapperh.scatter ul, .circles-wrapperh.stepbase.step1 ul, .slide-visuals.first .circles-wrapperh.circles-wrapper ul, .slide-circles.first .circles-wrapperh ul, .circles-wrapperh.scatter .spin, .circles-wrapperh.stepbase.step1 .spin, .slide-visuals.first .circles-wrapperh.circles-wrapper .spin, .slide-circles.first .circles-wrapperh .spin {
  animation: none; }

.circles-wrapperh.scatter li:nth-of-type(2) .member .pic, .circles-wrapperh.stepbase.step1 li:nth-of-type(2) .member .pic, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(2) .member .pic, .slide-circles.first .circles-wrapperh li:nth-of-type(2) .member .pic, .circles-wrapperh.scatter li:nth-of-type(5) .member .pic, .circles-wrapperh.stepbase.step1 li:nth-of-type(5) .member .pic, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(5) .member .pic, .slide-circles.first .circles-wrapperh li:nth-of-type(5) .member .pic {
  animation: floatmax 2.3s 0s ease-in-out infinite alternate; }

.circles-wrapperh.scatter li:nth-of-type(3) .member .pic, .circles-wrapperh.stepbase.step1 li:nth-of-type(3) .member .pic, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(3) .member .pic, .slide-circles.first .circles-wrapperh li:nth-of-type(3) .member .pic, .circles-wrapperh.scatter li:nth-of-type(7) .member .pic, .circles-wrapperh.stepbase.step1 li:nth-of-type(7) .member .pic, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(7) .member .pic, .slide-circles.first .circles-wrapperh li:nth-of-type(7) .member .pic {
  animation: floatmax 2.5s 0.8s ease-in-out infinite alternate; }

.circles-wrapperh.scatter li:nth-of-type(1) .member .pic, .circles-wrapperh.stepbase.step1 li:nth-of-type(1) .member .pic, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(1) .member .pic, .slide-circles.first .circles-wrapperh li:nth-of-type(1) .member .pic, .circles-wrapperh.scatter li:nth-of-type(4) .member .pic, .circles-wrapperh.stepbase.step1 li:nth-of-type(4) .member .pic, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(4) .member .pic, .slide-circles.first .circles-wrapperh li:nth-of-type(4) .member .pic, .circles-wrapperh.scatter li:nth-of-type(6) .member .pic, .circles-wrapperh.stepbase.step1 li:nth-of-type(6) .member .pic, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(6) .member .pic, .slide-circles.first .circles-wrapperh li:nth-of-type(6) .member .pic {
  animation: floatmaxb 2.1s 1.5s ease-in-out infinite alternate; }

.circles-wrapperh.scatter li:nth-of-type(1), .circles-wrapperh.stepbase.step1 li:nth-of-type(1), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(1), .slide-circles.first .circles-wrapperh li:nth-of-type(1) {
  transform: rotate(-90deg); }
  .circles-wrapperh.scatter li:nth-of-type(1) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(1) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(1) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(1) .memb-trans {
    transform: translateY(52%); }
  .circles-wrapperh.scatter li:nth-of-type(1) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(1) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(1) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(1) .member {
    transform: rotate(90deg); }
  .circles-wrapperh.scatter li:nth-of-type(1) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(1) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(1) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(1) .member span {
    transform: scale(0.4); }
  @media (max-width: 768px) {
    .circles-wrapperh.scatter li:nth-of-type(1), .circles-wrapperh.stepbase.step1 li:nth-of-type(1), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(1), .slide-circles.first .circles-wrapperh li:nth-of-type(1) {
      transform: rotate(-90deg); }
      .circles-wrapperh.scatter li:nth-of-type(1) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(1) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(1) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(1) .memb-trans {
        transform: translateY(-45%); }
      .circles-wrapperh.scatter li:nth-of-type(1) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(1) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(1) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(1) .member {
        transform: rotate(90deg); }
      .circles-wrapperh.scatter li:nth-of-type(1) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(1) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(1) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(1) .member span {
        transform: scale(0.4); } }

.circles-wrapperh.scatter li:nth-of-type(2), .circles-wrapperh.stepbase.step1 li:nth-of-type(2), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(2), .slide-circles.first .circles-wrapperh li:nth-of-type(2) {
  transform: rotate(-85deg); }
  .circles-wrapperh.scatter li:nth-of-type(2) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(2) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(2) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(2) .memb-trans {
    transform: translateY(24%); }
  .circles-wrapperh.scatter li:nth-of-type(2) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(2) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(2) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(2) .member {
    transform: rotate(85deg); }
  .circles-wrapperh.scatter li:nth-of-type(2) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(2) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(2) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(2) .member span {
    transform: scale(0.75); }
  @media (max-width: 768px) {
    .circles-wrapperh.scatter li:nth-of-type(2), .circles-wrapperh.stepbase.step1 li:nth-of-type(2), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(2), .slide-circles.first .circles-wrapperh li:nth-of-type(2) {
      transform: rotate(-60deg); }
      .circles-wrapperh.scatter li:nth-of-type(2) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(2) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(2) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(2) .memb-trans {
        transform: translateY(-70%); }
      .circles-wrapperh.scatter li:nth-of-type(2) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(2) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(2) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(2) .member {
        transform: rotate(60deg); }
      .circles-wrapperh.scatter li:nth-of-type(2) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(2) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(2) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(2) .member span {
        transform: scale(0.7); } }

.circles-wrapperh.scatter li:nth-of-type(3), .circles-wrapperh.stepbase.step1 li:nth-of-type(3), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(3), .slide-circles.first .circles-wrapperh li:nth-of-type(3) {
  transform: rotate(84deg); }
  .circles-wrapperh.scatter li:nth-of-type(3) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(3) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(3) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(3) .memb-trans {
    transform: translateY(36%); }
  .circles-wrapperh.scatter li:nth-of-type(3) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(3) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(3) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(3) .member {
    transform: rotate(-84deg); }
  .circles-wrapperh.scatter li:nth-of-type(3) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(3) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(3) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(3) .member span {
    transform: scale(1); }
  @media (max-width: 768px) {
    .circles-wrapperh.scatter li:nth-of-type(3), .circles-wrapperh.stepbase.step1 li:nth-of-type(3), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(3), .slide-circles.first .circles-wrapperh li:nth-of-type(3) {
      transform: rotate(40deg); }
      .circles-wrapperh.scatter li:nth-of-type(3) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(3) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(3) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(3) .memb-trans {
        transform: translateY(-49%); }
      .circles-wrapperh.scatter li:nth-of-type(3) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(3) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(3) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(3) .member {
        transform: rotate(-40deg); }
      .circles-wrapperh.scatter li:nth-of-type(3) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(3) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(3) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(3) .member span {
        transform: scale(0.8); } }

.circles-wrapperh.scatter li:nth-of-type(4), .circles-wrapperh.stepbase.step1 li:nth-of-type(4), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(4), .slide-circles.first .circles-wrapperh li:nth-of-type(4) {
  transform: rotate(108deg); }
  .circles-wrapperh.scatter li:nth-of-type(4) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(4) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(4) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(4) .memb-trans {
    transform: translateY(60%); }
  .circles-wrapperh.scatter li:nth-of-type(4) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(4) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(4) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(4) .member {
    transform: rotate(-108deg); }
  .circles-wrapperh.scatter li:nth-of-type(4) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(4) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(4) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(4) .member span {
    transform: scale(0.575); }
  @media (max-width: 768px) {
    .circles-wrapperh.scatter li:nth-of-type(4), .circles-wrapperh.stepbase.step1 li:nth-of-type(4), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(4), .slide-circles.first .circles-wrapperh li:nth-of-type(4) {
      transform: rotate(70deg); }
      .circles-wrapperh.scatter li:nth-of-type(4) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(4) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(4) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(4) .memb-trans {
        transform: translateY(-41%); }
      .circles-wrapperh.scatter li:nth-of-type(4) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(4) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(4) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(4) .member {
        transform: rotate(-70deg); }
      .circles-wrapperh.scatter li:nth-of-type(4) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(4) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(4) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(4) .member span {
        transform: scale(0.44); } }

.circles-wrapperh.scatter li:nth-of-type(5), .circles-wrapperh.stepbase.step1 li:nth-of-type(5), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(5), .slide-circles.first .circles-wrapperh li:nth-of-type(5) {
  transform: rotate(130deg); }
  .circles-wrapperh.scatter li:nth-of-type(5) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(5) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(5) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(5) .memb-trans {
    transform: translateY(36%); }
  .circles-wrapperh.scatter li:nth-of-type(5) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(5) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(5) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(5) .member {
    transform: rotate(-130deg); }
  .circles-wrapperh.scatter li:nth-of-type(5) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(5) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(5) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(5) .member span {
    transform: scale(0.7); }
  @media (max-width: 768px) {
    .circles-wrapperh.scatter li:nth-of-type(5), .circles-wrapperh.stepbase.step1 li:nth-of-type(5), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(5), .slide-circles.first .circles-wrapperh li:nth-of-type(5) {
      transform: rotate(144deg); }
      .circles-wrapperh.scatter li:nth-of-type(5) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(5) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(5) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(5) .memb-trans {
        transform: translateY(0%); }
      .circles-wrapperh.scatter li:nth-of-type(5) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(5) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(5) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(5) .member {
        transform: rotate(-144deg); }
      .circles-wrapperh.scatter li:nth-of-type(5) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(5) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(5) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(5) .member span {
        transform: scale(0.6); } }

.circles-wrapperh.scatter li:nth-of-type(6), .circles-wrapperh.stepbase.step1 li:nth-of-type(6), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(6), .slide-circles.first .circles-wrapperh li:nth-of-type(6) {
  transform: rotate(224deg); }
  .circles-wrapperh.scatter li:nth-of-type(6) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(6) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(6) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(6) .memb-trans {
    transform: translateY(9%); }
  .circles-wrapperh.scatter li:nth-of-type(6) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(6) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(6) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(6) .member {
    transform: rotate(-224deg); }
  .circles-wrapperh.scatter li:nth-of-type(6) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(6) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(6) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(6) .member span {
    transform: scale(0.375); }
  @media (max-width: 768px) {
    .circles-wrapperh.scatter li:nth-of-type(6), .circles-wrapperh.stepbase.step1 li:nth-of-type(6), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(6), .slide-circles.first .circles-wrapperh li:nth-of-type(6) {
      transform: rotate(200deg); }
      .circles-wrapperh.scatter li:nth-of-type(6) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(6) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(6) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(6) .memb-trans {
        transform: translateY(-10%); }
      .circles-wrapperh.scatter li:nth-of-type(6) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(6) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(6) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(6) .member {
        transform: rotate(-200deg); }
      .circles-wrapperh.scatter li:nth-of-type(6) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(6) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(6) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(6) .member span {
        transform: scale(0.375); } }

.circles-wrapperh.scatter li:nth-of-type(7), .circles-wrapperh.stepbase.step1 li:nth-of-type(7), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(7), .slide-circles.first .circles-wrapperh li:nth-of-type(7) {
  transform: rotate(246deg); }
  .circles-wrapperh.scatter li:nth-of-type(7) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(7) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(7) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(7) .memb-trans {
    transform: translateY(66%); }
  .circles-wrapperh.scatter li:nth-of-type(7) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(7) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(7) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(7) .member {
    transform: rotate(-246deg); }
  .circles-wrapperh.scatter li:nth-of-type(7) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(7) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(7) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(7) .member span {
    transform: scale(0.625); }
  @media (max-width: 768px) {
    .circles-wrapperh.scatter li:nth-of-type(7), .circles-wrapperh.stepbase.step1 li:nth-of-type(7), .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(7), .slide-circles.first .circles-wrapperh li:nth-of-type(7) {
      transform: rotate(235deg); }
      .circles-wrapperh.scatter li:nth-of-type(7) .memb-trans, .circles-wrapperh.stepbase.step1 li:nth-of-type(7) .memb-trans, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(7) .memb-trans, .slide-circles.first .circles-wrapperh li:nth-of-type(7) .memb-trans {
        transform: translateY(-25%); }
      .circles-wrapperh.scatter li:nth-of-type(7) .member, .circles-wrapperh.stepbase.step1 li:nth-of-type(7) .member, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(7) .member, .slide-circles.first .circles-wrapperh li:nth-of-type(7) .member {
        transform: rotate(-235deg); }
      .circles-wrapperh.scatter li:nth-of-type(7) .member span, .circles-wrapperh.stepbase.step1 li:nth-of-type(7) .member span, .slide-visuals.first .circles-wrapperh.circles-wrapper li:nth-of-type(7) .member span, .slide-circles.first .circles-wrapperh li:nth-of-type(7) .member span {
        transform: scale(0.625); } }

.phone-wrapper {
  position: relative;
  margin: auto;
  transform-origin: center;
  transform-style: preserve-3d;
  perspective: 1200px;
  transition: all 0.5s; }
  @media (max-width: 768px) {
    .phone-wrapper {
      width: 75vw;
      min-width: 288px;
      height: 150vw;
      min-height: 648px; } }
  @media (min-width: 769px) {
    .phone-wrapper {
      width: 45vh;
      min-width: 330px;
      max-width: 450px;
      height: 110vh;
      min-height: 750px;
      max-height: 990px; } }
  .phone-wrapper .phone {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 4.5%;
    border-radius: 42px;
    background-color: #f0f3f6;
    box-shadow: 0px 0px 150px 0px rgba(0, 0, 100, 0.1), 3px 5px 15px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.75s;
    transform-origin: 50% 0%; }
    .phone-wrapper .phone:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: transparent;
      border-radius: 42px;
      box-shadow: inset -4px -4px 10px 0px rgba(0, 0, 100, 0.08), inset 5px 5px 10px 0px white;
      transition: all 0.75s;
      transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }
    .phone-wrapper .phone .screen {
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      position: relative;
      width: 100%;
      height: 100%;
      border-radius: 31.49843px;
      box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.03);
      background-color: rgba(0, 0, 0, 0.06);
      transition: all 0.75s;
      transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }
      .phone-wrapper .phone .screen .shot {
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 31.49843px;
        background-image: url("/images/ui/UI-bg.jpg");
        background-size: cover;
        background-position: center;
        transition: all 0.75s;
        transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }
        .phone-wrapper .phone .screen .shot.white {
          opacity: 0.03; }
        .phone-wrapper .phone .screen .shot.light {
          z-index: 0;
          background-image: url("/images/ui/UI-bg-light.jpg");
          opacity: 0; }
  .phone-wrapper .appUI {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 110%;
    opacity: 0;
    transition: all 0.75s;
    transition-timing-function: cubic-bezier(0.1, 0.5, 0.3, 0.95); }
    .phone-wrapper .appUI span {
      position: absolute;
      display: block;
      animation: float 1.9s 0s ease-in-out infinite alternate; }
    .phone-wrapper .appUI.offset span {
      animation: float 1.7s 0.6s ease-in-out infinite alternate; }
    .phone-wrapper .appUI img {
      width: 100%;
      height: auto;
      transition: all 0.75s;
      transition-timing-function: cubic-bezier(0.1, 0.5, 0.3, 0.95); }
    .phone-wrapper .appUI.shadow img {
      border-radius: 10px;
      box-shadow: 1px 4px 15px 2px rgba(0, 0, 0, 0.25); }

.phone.center, .app-showcase.center .phone-wrapper .phone, .app-showcase.first .phone-wrapper .phone, .app-showcase.fifth .phone-wrapper .phone, .phone.first.app-showcase, .phone.fifth.app-showcase {
  transform: translateZ(0) rotateY(0);
  transform-origin: 50% 0%; }
  .phone.center .appUI, .app-showcase.center .phone-wrapper .phone .appUI, .app-showcase.first .phone-wrapper .phone .appUI, .app-showcase.fifth .phone-wrapper .phone .appUI, .phone.first.app-showcase .appUI, .phone.fifth.app-showcase .appUI {
    right: -10%;
    width: 120%;
    height: 100%; }

.phone.right, .app-showcase.right .phone-wrapper .phone, .app-showcase.second .phone-wrapper .phone, .app-showcase.third .phone-wrapper .phone, .app-showcase.fourth .phone-wrapper .phone, .phone.second.app-showcase, .phone.third.app-showcase, .phone.fourth.app-showcase, .aboutcard.team .title .phone.arrow {
  padding: 5% 5.5% 4.5% 3.5%;
  box-shadow: 0px 0px 150px 15px rgba(0, 0, 50, 0.15), 6px 9px 24px 6px rgba(0, 0, 0, 0.15);
  transform: translateZ(-5vw) rotateY(-30deg) scaleX(1.02) translateY(0vh); }
  @media (max-width: 768px) {
    .phone.right, .app-showcase.right .phone-wrapper .phone, .app-showcase.second .phone-wrapper .phone, .app-showcase.third .phone-wrapper .phone, .app-showcase.fourth .phone-wrapper .phone, .phone.second.app-showcase, .phone.third.app-showcase, .phone.fourth.app-showcase, .aboutcard.team .title .phone.arrow {
      transform: translateZ(10vh) rotateX(50deg) rotateY(-15deg) rotateZ(45deg); } }
  .phone.right .appUI, .app-showcase.right .phone-wrapper .phone .appUI, .app-showcase.second .phone-wrapper .phone .appUI, .app-showcase.third .phone-wrapper .phone .appUI, .app-showcase.fourth .phone-wrapper .phone .appUI, .phone.second.app-showcase .appUI, .phone.third.app-showcase .appUI, .phone.fourth.app-showcase .appUI, .aboutcard.team .title .phone.arrow .appUI {
    right: 6%;
    width: 115%;
    height: 100%; }

.phone.left, section.bridge.left p.phone, .app-showcase.left .phone-wrapper .phone, .app-showcase.last .phone-wrapper .phone, .aboutcard.team a.phone.arrow {
  padding: 5% 3.5% 4.5% 5.5%;
  box-shadow: 0px 0px 150px 15px rgba(0, 0, 50, 0.15), -6px 9px 24px 6px rgba(0, 0, 0, 0.15);
  transform: translateZ(-2.5vw) rotateY(25deg); }
  @media (max-width: 768px) {
    .phone.left, section.bridge.left p.phone, .app-showcase.left .phone-wrapper .phone, .app-showcase.last .phone-wrapper .phone, .aboutcard.team a.phone.arrow {
      transform: translateZ(-15vh) rotateX(50deg) rotateY(15deg) rotateZ(-45deg); } }
  .phone.left .appUI, section.bridge.left p.phone .appUI, .app-showcase.left .phone-wrapper .phone .appUI, .app-showcase.last .phone-wrapper .phone .appUI, .aboutcard.team a.phone.arrow .appUI {
    width: 110%;
    right: -15%; }

.phone.laying.right, .app-showcase.right .phone-wrapper .phone.laying, .app-showcase.second .phone-wrapper .phone.laying, .app-showcase.third .phone-wrapper .phone.laying, .app-showcase.fourth .phone-wrapper .phone.laying, .app-showcase.right .app-showcase.laying .phone-wrapper .phone, .app-showcase.laying .app-showcase.right .phone-wrapper .phone, .app-showcase.second .app-showcase.laying .phone-wrapper .phone, .app-showcase.laying .app-showcase.second .phone-wrapper .phone, .app-showcase.third .app-showcase.laying .phone-wrapper .phone, .app-showcase.laying .app-showcase.third .phone-wrapper .phone, .app-showcase.fourth .app-showcase.laying .phone-wrapper .phone, .app-showcase.laying .app-showcase.fourth .phone-wrapper .phone, .app-showcase.laying .phone-wrapper .phone.right, .laying.app-showcase.second .phone-wrapper .phone, .laying.app-showcase.third .phone-wrapper .phone, .laying.app-showcase.fourth .phone-wrapper .phone, .app-showcase.laying .phone-wrapper .phone.second.app-showcase, .app-showcase.laying .phone-wrapper .phone.third.app-showcase, .app-showcase.laying .phone-wrapper .phone.fourth.app-showcase, .app-showcase.laying .phone-wrapper .aboutcard.team .title .phone.arrow, .aboutcard.team .title .app-showcase.laying .phone-wrapper .phone.arrow, .phone.laying.second.app-showcase, .phone.laying.third.app-showcase, .phone.laying.fourth.app-showcase, .aboutcard.team .title .phone.laying.arrow {
  transform: translateZ(-15vh) rotateX(50deg) rotateY(-15deg) rotateZ(45deg); }

.phone.laying.left, section.bridge.left p.phone.laying, section.bridge.left .app-showcase.laying .phone-wrapper p.phone, .app-showcase.laying .phone-wrapper section.bridge.left p.phone, .app-showcase.left .phone-wrapper .phone.laying, .app-showcase.last .phone-wrapper .phone.laying, .app-showcase.left .app-showcase.laying .phone-wrapper .phone, .app-showcase.laying .app-showcase.left .phone-wrapper .phone, .app-showcase.last .app-showcase.laying .phone-wrapper .phone, .app-showcase.laying .app-showcase.last .phone-wrapper .phone, .app-showcase.laying .phone-wrapper .phone.left, .app-showcase.laying .phone-wrapper .aboutcard.team a.phone.arrow, .aboutcard.team .app-showcase.laying .phone-wrapper a.phone.arrow, .aboutcard.team a.phone.laying.arrow {
  transform: translateZ(-15vh) rotateX(50deg) rotateY(15deg) rotateZ(-45deg); }

.bg-video-container {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: -998;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 108vh;
  min-height: 660px;
  background: #2f365b;
  transition: opacity 0.75s; }
  .bg-video-container .bg-video {
    position: fixed;
    z-index: -4;
    top: -1px;
    max-width: none;
    min-width: 100%;
    min-height: 100%; }
    @media (max-width: 768px) {
      .bg-video-container .bg-video {
        display: none; } }
  .bg-video-container .poster {
    position: fixed;
    z-index: -5;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background: url("/images/bgvid-poster.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 15%; }
  .bg-video-container:before, .bg-video-container:after, .bg-video-container .bg-fade, .bg-video-container .bg-fade:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    transition: all 0.5s; }
  .bg-video-container:before {
    background-image: linear-gradient(-30deg, #2e345b, rgba(74, 79, 128, 0));
    background-size: cover; }
  .bg-video-container:after {
    z-index: 0;
    background-image: linear-gradient(to bottom, rgba(71, 78, 117, 0.3) -10%, #333a5c 100%);
    background-size: cover;
    opacity: 1; }
  .bg-video-container .bg-fade {
    opacity: 0;
    background-image: linear-gradient(-30deg, rgba(46, 52, 91, 0.5) -25%, rgba(74, 79, 128, 0.2) 100%); }
    .bg-video-container .bg-fade:after {
      background-image: radial-gradient(circle, rgba(71, 78, 117, 0.75) 0%, #333a5c 125%);
      background-size: cover;
      mix-blend-mode: multiply;
      opacity: 0.75; }
    @media (max-width: 768px) {
      .bg-video-container .bg-fade {
        opacity: 1; }
        .bg-video-container .bg-fade:after {
          opacity: 0.4; } }
  .bg-video-container .bg-base {
    position: absolute;
    z-index: 2;
    top: 107.5vh;
    width: 100%;
    height: 100vh;
    background-color: #2f365b;
    background-image: linear-gradient(to bottom, #2f365b, #252946); }
    .bg-video-container .bg-base:before, .bg-video-container .bg-base:after {
      content: "";
      position: absolute;
      width: 100%; }
    .bg-video-container .bg-base:before {
      top: -14.5%;
      height: 15%;
      background: linear-gradient(to top, #2f365b, rgba(47, 54, 91, 0)); }
    .bg-video-container .bg-base:after {
      top: 99.5%;
      height: 200vh;
      background: #252946; }
    .bg-video-container .bg-base div {
      position: absolute;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(162.5deg, #2f365b, #252946);
      opacity: 0;
      transition: opacity 0.33s 0s; }
  .bg-video-container #bgfold {
    position: absolute;
    z-index: -9999;
    top: 107.5vh;
    width: 100%;
    height: 2.5rem; }

.bg-video-container.fold .bg-video, .bg-video-container.fold .poster {
  display: none !important; }

.bg-video-container.fold .bg-base {
  position: fixed;
  top: 0; }
  .bg-video-container.fold .bg-base:before, .bg-video-container.fold .bg-base:after {
    display: none; }
  .bg-video-container.fold .bg-base div {
    opacity: 1;
    transition: opacity 0.75s 0s; }

.header {
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
  padding: 5% 0 0;
  transition: opacity 0.8s, transform 0.7s;
  transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }
  .header.behind {
    z-index: -9; }
  @media (min-width: 769px) {
    .header {
      padding: 3rem 0 0; } }

body.fold .header {
  opacity: 0;
  transform: translate(0, -30px);
  transition: opacity 0.45s, transform 0.55s;
  transition-timing-function: ease-in; }

.header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  width: 89%;
  max-width: 1280px;
  height: 100px; }
  @media (max-width: 768px) {
    .header .header-inner {
      width: 87.5%; } }

.header .logo {
  display: inline-block;
  position: relative;
  width: 21vw;
  height: 17.85vw;
  min-width: 84px;
  max-width: 106px;
  max-height: 90px;
  margin-left: -1.5%; }
  @media (max-width: 768px) {
    .header .logo {
      margin-left: 1.5%; } }
  @media (max-width: 360px) {
    .header .logo {
      margin-top: -3vh;
      margin-left: -3.5%; } }
  .header .logo svg {
    width: 110%;
    height: auto;
    filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.5)); }

.nav {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.25;
  text-transform: lowercase; }

.nav .btn.med {
  margin-left: 3.15vw;
  vertical-align: sub;
  color: rgba(255, 255, 255, 0.75); }
  @media (max-width: 768px) {
    .nav .btn.med {
      margin-left: 0; } }

.nav ul {
  list-style-type: none; }

.nav a {
  display: inline-block;
  position: relative;
  height: 100%; }

.nav a {
  font-weight: 400;
  color: #afb4c5;
  color: rgba(255, 255, 255, 0.7);
  transition: color .3s, box-shadow .3s; }

.nav a:hover {
  color: #fff; }

.nav .current a, .nav body.home li.home a, body.home .nav li.home a, .nav body.stakeholder li.solutions a, body.stakeholder .nav li.solutions a, .nav body.managed_care li.managed_care a, body.managed_care .nav li.managed_care a, .nav body.person_in_need li.person_in_need a, body.person_in_need .nav li.person_in_need a, .nav body.hospitals li.hospitals a, body.hospitals .nav li.hospitals a, .nav body.human_services li.human_services a, body.human_services .nav li.human_services a, .nav body.organizations li.organizations a, body.organizations .nav li.organizations a, .nav body.volunteers li.volunteers a, body.volunteers .nav li.volunteers a, .nav body.fund li.fund a, body.fund .nav li.fund a, .nav body.about li.about a, body.about .nav li.about a, .nav body.locale li.locales a, body.locale .nav li.locales a, .nav body.locale.seattle li.seattle a, body.locale.seattle .nav li.seattle a, .nav body.locale.losangeles li.losangeles a, body.locale.losangeles .nav li.losangeles a, .nav body.locale.portland li.portland a, body.locale.portland .nav li.portland a, .nav body.locale.louisville li.louisville a, body.locale.louisville .nav li.louisville a, .nav body.locale.denver li.denver a, body.locale.denver .nav li.denver a, .nav body.locale.jacksonville li.jacksonville a, body.locale.jacksonville .nav li.jacksonville a, .nav body.locale.orangecounty li.orangecounty a, body.locale.orangecounty .nav li.orangecounty a, .nav body.locale.inlandempire li.inlandempire a, body.locale.inlandempire .nav li.inlandempire a {
  font-weight: 600;
  color: #fff; }

.nav li {
  position: relative;
  display: block; }
  @media (max-width: 768px) {
    .nav li {
      display: inline-block;
      height: 6.5rem;
      line-height: 6rem; }
      .nav li.current, .nav body.home li.home, body.home .nav li.home, .nav body.stakeholder li.solutions, body.stakeholder .nav li.solutions, .nav body.managed_care li.managed_care, body.managed_care .nav li.managed_care, .nav body.person_in_need li.person_in_need, body.person_in_need .nav li.person_in_need, .nav body.hospitals li.hospitals, body.hospitals .nav li.hospitals, .nav body.human_services li.human_services, body.human_services .nav li.human_services, .nav body.organizations li.organizations, body.organizations .nav li.organizations, .nav body.volunteers li.volunteers, body.volunteers .nav li.volunteers, .nav body.fund li.fund, body.fund .nav li.fund, .nav body.about li.about, body.about .nav li.about, .nav body.locale li.locales, body.locale .nav li.locales, .nav body.locale.seattle li.seattle, body.locale.seattle .nav li.seattle, .nav body.locale.losangeles li.losangeles, body.locale.losangeles .nav li.losangeles, .nav body.locale.portland li.portland, body.locale.portland .nav li.portland, .nav body.locale.louisville li.louisville, body.locale.louisville .nav li.louisville, .nav body.locale.denver li.denver, body.locale.denver .nav li.denver, .nav body.locale.jacksonville li.jacksonville, body.locale.jacksonville .nav li.jacksonville, .nav body.locale.orangecounty li.orangecounty, body.locale.orangecounty .nav li.orangecounty, .nav body.locale.inlandempire li.inlandempire, body.locale.inlandempire .nav li.inlandempire {
        margin-top: -0.5rem;
        margin-bottom: 0.75rem; } }

.nav li div, .modal-nav li div {
  display: none;
  position: absolute;
  z-index: -3;
  bottom: -9px;
  left: 0;
  width: 100%;
  height: 16px; }
  @media (max-width: 768px) {
    .nav li div, .modal-nav li div {
      z-index: 1;
      bottom: -9px;
      height: 22px; } }
  .nav li div:before, .nav li div:after, .nav li div span:before, .nav li div span:after, .modal-nav li div:before, .modal-nav li div:after, .modal-nav li div span:before, .modal-nav li div span:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background: #fff; }
    @media (max-width: 768px) {
      .nav li div:before, .nav li div:after, .nav li div span:before, .nav li div span:after, .modal-nav li div:before, .modal-nav li div:after, .modal-nav li div span:before, .modal-nav li div span:after {
        width: 3px;
        height: 3px;
        border-radius: 1.5px; } }
  .nav li div:before, .modal-nav li div:before {
    top: 32%;
    left: 0;
    width: 61%; }
  .nav li div:after, .modal-nav li div:after {
    top: 33%;
    right: 0;
    width: 26%; }
  .nav li div span:before, .modal-nav li div span:before {
    top: 58%;
    left: 0;
    width: 81%; }
    @media (max-width: 768px) {
      .nav li div span:before, .modal-nav li div span:before {
        top: 63%; } }
  .nav li div span:after, .modal-nav li div span:after {
    top: 0;
    left: 9px;
    height: 100%; }
    @media (max-width: 768px) {
      .nav li div span:after, .modal-nav li div span:after {
        top: 5%;
        left: 15px;
        height: 95%; } }

.nav li.current div, .nav body.home li.home div, body.home .nav li.home div, .nav body.stakeholder li.solutions div, body.stakeholder .nav li.solutions div, .nav body.managed_care li.managed_care div, body.managed_care .nav li.managed_care div, .nav body.person_in_need li.person_in_need div, body.person_in_need .nav li.person_in_need div, .nav body.hospitals li.hospitals div, body.hospitals .nav li.hospitals div, .nav body.human_services li.human_services div, body.human_services .nav li.human_services div, .nav body.organizations li.organizations div, body.organizations .nav li.organizations div, .nav body.volunteers li.volunteers div, body.volunteers .nav li.volunteers div, .nav body.fund li.fund div, body.fund .nav li.fund div, .nav body.about li.about div, body.about .nav li.about div, .nav body.locale li.locales div, body.locale .nav li.locales div, .nav body.locale.seattle li.seattle div, body.locale.seattle .nav li.seattle div, .nav body.locale.losangeles li.losangeles div, body.locale.losangeles .nav li.losangeles div, .nav body.locale.portland li.portland div, body.locale.portland .nav li.portland div, .nav body.locale.louisville li.louisville div, body.locale.louisville .nav li.louisville div, .nav body.locale.denver li.denver div, body.locale.denver .nav li.denver div, .nav body.locale.jacksonville li.jacksonville div, body.locale.jacksonville .nav li.jacksonville div, .nav body.locale.orangecounty li.orangecounty div, body.locale.orangecounty .nav li.orangecounty div, .nav body.locale.inlandempire li.inlandempire div, body.locale.inlandempire .nav li.inlandempire div {
  display: block; }

.nav .current a.underscore, .nav body.home li.home a.underscore, body.home .nav li.home a.underscore, .nav body.stakeholder li.solutions a.underscore, body.stakeholder .nav li.solutions a.underscore, .nav body.managed_care li.managed_care a.underscore, body.managed_care .nav li.managed_care a.underscore, .nav body.person_in_need li.person_in_need a.underscore, body.person_in_need .nav li.person_in_need a.underscore, .nav body.hospitals li.hospitals a.underscore, body.hospitals .nav li.hospitals a.underscore, .nav body.human_services li.human_services a.underscore, body.human_services .nav li.human_services a.underscore, .nav body.organizations li.organizations a.underscore, body.organizations .nav li.organizations a.underscore, .nav body.volunteers li.volunteers a.underscore, body.volunteers .nav li.volunteers a.underscore, .nav body.fund li.fund a.underscore, body.fund .nav li.fund a.underscore, .nav body.about li.about a.underscore, body.about .nav li.about a.underscore, .nav body.locale li.locales a.underscore, body.locale .nav li.locales a.underscore, .nav body.locale.seattle li.seattle a.underscore, body.locale.seattle .nav li.seattle a.underscore, .nav body.locale.losangeles li.losangeles a.underscore, body.locale.losangeles .nav li.losangeles a.underscore, .nav body.locale.portland li.portland a.underscore, body.locale.portland .nav li.portland a.underscore, .nav body.locale.louisville li.louisville a.underscore, body.locale.louisville .nav li.louisville a.underscore, .nav body.locale.denver li.denver a.underscore, body.locale.denver .nav li.denver a.underscore, .nav body.locale.jacksonville li.jacksonville a.underscore, body.locale.jacksonville .nav li.jacksonville a.underscore, .nav body.locale.orangecounty li.orangecounty a.underscore, body.locale.orangecounty .nav li.orangecounty a.underscore, .nav body.locale.inlandempire li.inlandempire a.underscore, body.locale.inlandempire .nav li.inlandempire a.underscore {
  background-image: linear-gradient(54deg, rgba(128, 125, 227, 0.6) 0%, rgba(157, 167, 241, 0.9) 100%);
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.33);
  border-radius: 2px;
  width: 100%;
  height: 4px; }

.nav .overlay {
  display: none;
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)); }
  @media (max-width: 768px) {
    .nav .overlay {
      display: block; } }

.nav-menu:after, .nav-menu-solutions:after, .nav-menu-locales:after {
  content: '';
  display: none;
  position: fixed;
  z-index: -1;
  top: 42px;
  bottom: 0;
  right: 0;
  width: 90vw;
  background: #252946;
  background-image: linear-gradient(110deg, #38406c 0%, #252946 100%);
  border-radius: 10px 0 0 0;
  box-shadow: 0px 0px 66px 0px rgba(0, 0, 0, 0.4), 0px 0px 24px -5px rgba(0, 0, 0, 0.33); }
  @media (max-width: 768px) {
    .nav-menu:after, .nav-menu-solutions:after, .nav-menu-locales:after {
      display: block; } }

.nav .nav-menu {
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  line-height: 48px;
  font-size: 11.25vw;
  font-weight: 600;
  padding: 13.33vh 0 25vh 24vw;
  flex-direction: column;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .nav .nav-menu {
      justify-items: flex-start;
      align-items: center; } }
  .nav .nav-menu .show-dropdown {
    position: relative; }
    @media (max-width: 768px) {
      .nav .nav-menu .show-dropdown {
        padding-right: 30px; } }
    .nav .nav-menu .show-dropdown svg {
      position: absolute;
      right: -1.5rem;
      top: 30%;
      height: 50%;
      fill: #fff;
      opacity: 0.75; }
  @media (min-width: 769px) {
    .nav .nav-menu li a {
      height: 200%; } }

.nav .nav-menu-solutions, .nav .nav-menu-locales {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  font-size: 6vw;
  line-height: 1.5;
  text-transform: lowercase;
  display: none;
  padding: 15vh 0 18vh 24vw;
  flex-direction: column;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .nav .nav-menu-solutions, .nav .nav-menu-locales {
      justify-items: flex-start;
      align-items: center; } }
  .nav .nav-menu-solutions ul, .nav .nav-menu-locales ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0; }
    @media (max-width: 768px) {
      .nav .nav-menu-solutions ul, .nav .nav-menu-locales ul {
        display: grid;
        justify-items: flex-start;
        align-items: center; } }
  .nav .nav-menu-solutions ul li, .nav .nav-menu-locales ul li {
    height: 7.5vh;
    line-height: 7.5vh; }
  .nav .nav-menu-solutions ul a, .nav .nav-menu-locales ul a {
    display: inline-block; }
  .nav .nav-menu-solutions li.show-menu, .nav .nav-menu-locales li.show-menu {
    display: block;
    position: relative;
    width: auto;
    margin-top: -1rem;
    margin-bottom: 0.5rem;
    font-size: 10.5vw;
    font-style: italic;
    font-weight: 300;
    color: #afb4c5; }
    .nav .nav-menu-solutions li.show-menu a, .nav .nav-menu-solutions li.show-menu.current a, .nav .nav-menu-solutions body.home li.show-menu.home a, body.home .nav .nav-menu-solutions li.show-menu.home a, .nav .nav-menu-solutions body.stakeholder li.show-menu.solutions a, body.stakeholder .nav .nav-menu-solutions li.show-menu.solutions a, .nav .nav-menu-solutions body.managed_care li.show-menu.managed_care a, body.managed_care .nav .nav-menu-solutions li.show-menu.managed_care a, .nav .nav-menu-solutions body.person_in_need li.show-menu.person_in_need a, body.person_in_need .nav .nav-menu-solutions li.show-menu.person_in_need a, .nav .nav-menu-solutions body.hospitals li.show-menu.hospitals a, body.hospitals .nav .nav-menu-solutions li.show-menu.hospitals a, .nav .nav-menu-solutions body.human_services li.show-menu.human_services a, body.human_services .nav .nav-menu-solutions li.show-menu.human_services a, .nav .nav-menu-solutions body.organizations li.show-menu.organizations a, body.organizations .nav .nav-menu-solutions li.show-menu.organizations a, .nav .nav-menu-solutions body.volunteers li.show-menu.volunteers a, body.volunteers .nav .nav-menu-solutions li.show-menu.volunteers a, .nav .nav-menu-solutions body.fund li.show-menu.fund a, body.fund .nav .nav-menu-solutions li.show-menu.fund a, .nav .nav-menu-solutions body.about li.show-menu.about a, body.about .nav .nav-menu-solutions li.show-menu.about a, .nav .nav-menu-solutions body.locale li.show-menu.locales a, body.locale .nav .nav-menu-solutions li.show-menu.locales a, .nav .nav-menu-solutions body.locale.seattle li.show-menu.seattle a, body.locale.seattle .nav .nav-menu-solutions li.show-menu.seattle a, .nav .nav-menu-solutions body.locale.losangeles li.show-menu.losangeles a, body.locale.losangeles .nav .nav-menu-solutions li.show-menu.losangeles a, .nav .nav-menu-solutions body.locale.portland li.show-menu.portland a, body.locale.portland .nav .nav-menu-solutions li.show-menu.portland a, .nav .nav-menu-solutions body.locale.louisville li.show-menu.louisville a, body.locale.louisville .nav .nav-menu-solutions li.show-menu.louisville a, .nav .nav-menu-solutions body.locale.denver li.show-menu.denver a, body.locale.denver .nav .nav-menu-solutions li.show-menu.denver a, .nav .nav-menu-solutions body.locale.jacksonville li.show-menu.jacksonville a, body.locale.jacksonville .nav .nav-menu-solutions li.show-menu.jacksonville a, .nav .nav-menu-solutions body.locale.orangecounty li.show-menu.orangecounty a, body.locale.orangecounty .nav .nav-menu-solutions li.show-menu.orangecounty a, .nav .nav-menu-solutions body.locale.inlandempire li.show-menu.inlandempire a, body.locale.inlandempire .nav .nav-menu-solutions li.show-menu.inlandempire a, .nav .nav-menu-locales li.show-menu a, .nav .nav-menu-locales li.show-menu.current a, .nav .nav-menu-locales body.home li.show-menu.home a, body.home .nav .nav-menu-locales li.show-menu.home a, .nav .nav-menu-locales body.stakeholder li.show-menu.solutions a, body.stakeholder .nav .nav-menu-locales li.show-menu.solutions a, .nav .nav-menu-locales body.managed_care li.show-menu.managed_care a, body.managed_care .nav .nav-menu-locales li.show-menu.managed_care a, .nav .nav-menu-locales body.person_in_need li.show-menu.person_in_need a, body.person_in_need .nav .nav-menu-locales li.show-menu.person_in_need a, .nav .nav-menu-locales body.hospitals li.show-menu.hospitals a, body.hospitals .nav .nav-menu-locales li.show-menu.hospitals a, .nav .nav-menu-locales body.human_services li.show-menu.human_services a, body.human_services .nav .nav-menu-locales li.show-menu.human_services a, .nav .nav-menu-locales body.organizations li.show-menu.organizations a, body.organizations .nav .nav-menu-locales li.show-menu.organizations a, .nav .nav-menu-locales body.volunteers li.show-menu.volunteers a, body.volunteers .nav .nav-menu-locales li.show-menu.volunteers a, .nav .nav-menu-locales body.fund li.show-menu.fund a, body.fund .nav .nav-menu-locales li.show-menu.fund a, .nav .nav-menu-locales body.about li.show-menu.about a, body.about .nav .nav-menu-locales li.show-menu.about a, .nav .nav-menu-locales body.locale li.show-menu.locales a, body.locale .nav .nav-menu-locales li.show-menu.locales a, .nav .nav-menu-locales body.locale.seattle li.show-menu.seattle a, body.locale.seattle .nav .nav-menu-locales li.show-menu.seattle a, .nav .nav-menu-locales body.locale.losangeles li.show-menu.losangeles a, body.locale.losangeles .nav .nav-menu-locales li.show-menu.losangeles a, .nav .nav-menu-locales body.locale.portland li.show-menu.portland a, body.locale.portland .nav .nav-menu-locales li.show-menu.portland a, .nav .nav-menu-locales body.locale.louisville li.show-menu.louisville a, body.locale.louisville .nav .nav-menu-locales li.show-menu.louisville a, .nav .nav-menu-locales body.locale.denver li.show-menu.denver a, body.locale.denver .nav .nav-menu-locales li.show-menu.denver a, .nav .nav-menu-locales body.locale.jacksonville li.show-menu.jacksonville a, body.locale.jacksonville .nav .nav-menu-locales li.show-menu.jacksonville a, .nav .nav-menu-locales body.locale.orangecounty li.show-menu.orangecounty a, body.locale.orangecounty .nav .nav-menu-locales li.show-menu.orangecounty a, .nav .nav-menu-locales body.locale.inlandempire li.show-menu.inlandempire a, body.locale.inlandempire .nav .nav-menu-locales li.show-menu.inlandempire a {
      font-weight: 300;
      color: #afb4c5; }

.nav a.show-menu, .nav a.close-menu {
  vertical-align: bottom;
  width: 48px;
  height: 48px;
  margin-left: 6vw;
  padding: 6px;
  text-align: left; }
  @media (max-width: 360px) {
    .nav a.show-menu, .nav a.close-menu {
      margin-left: 4vw; } }
  .nav a.show-menu span, .nav a.close-menu span {
    position: absolute;
    top: 50%;
    left: 6px;
    width: 36px;
    height: 2.5px;
    margin-top: -1.25px;
    border-radius: 1.25px;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); }
    .nav a.show-menu span:before, .nav a.show-menu span:after, .nav a.close-menu span:before, .nav a.close-menu span:after {
      content: '';
      position: absolute;
      left: 0;
      width: 36px;
      height: 2.5px;
      border-radius: 1.25px;
      background: #fff;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); }
    .nav a.show-menu span:before, .nav a.close-menu span:before {
      top: -15px; }
    .nav a.show-menu span:after, .nav a.close-menu span:after {
      bottom: -15px; }

.nav a.close-menu {
  position: absolute;
  top: 72px;
  right: 8.5vw; }
  .nav a.close-menu span {
    width: 0; }
    .nav a.close-menu span:before, .nav a.close-menu span:after {
      left: 4px;
      width: 42px;
      height: 3.5px;
      border-radius: 1.75px; }
    .nav a.close-menu span:before {
      transform-origin: 0% 0%;
      transform: rotate(45deg); }
    .nav a.close-menu span:after {
      transform-origin: 0% 100%;
      transform: rotate(-45deg); }

@media (min-width: 769px) {
  .nav ul {
    display: flex;
    align-items: center;
    max-width: 100%; }
  .nav li {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
  .nav li + li {
    margin-left: 3.15vw; }
  .nav li:hover .modal {
    visibility: visible;
    opacity: 1; }
  .nav .nav-menu {
    position: static;
    width: auto;
    height: auto;
    background-color: transparent;
    font-size: 1.5rem;
    font-weight: 400;
    vertical-align: middle;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    max-width: 100%;
    margin: auto;
    white-space: nowrap; }
    .nav .nav-menu li {
      display: inline-block; }
    .nav .nav-menu a.close-menu {
      display: none; }
    .nav .nav-menu .show-dropdown svg {
      display: none; }
  .nav .show-menu {
    display: none; } }

@media (min-width: 960px) {
  .nav .nav-menu {
    font-size: 2rem; } }

.intro {
  position: relative;
  text-align: left;
  overflow: hidden;
  color: #fff; }
  .intro .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    height: 91.5vh;
    min-height: 600px;
    padding-top: 9%;
    padding-top: 13vh; }
    @media (max-width: 768px) {
      .intro .content-wrapper {
        align-items: center;
        height: 80vh;
        min-height: 600px;
        padding-top: 3vh;
        padding-left: 0;
        text-align: center; } }
  .intro .h-col {
    position: relative;
    width: 66%; }
    @media (max-width: 768px) {
      .intro .h-col {
        width: 100%; } }
  .intro h5.caps, .intro h5.arrowh {
    font-size: 1.6667rem;
    margin-bottom: 2rem; }
    @media (max-width: 768px) {
      .intro h5.caps, .intro h5.arrowh {
        margin-bottom: 1.5rem;
        font-size: 1.25rem; } }
    @media (min-width: 1500px) {
      .intro h5.caps, .intro h5.arrowh {
        font-size: 1.75rem; } }
  .intro h1 {
    line-height: 1.3;
    font-size: 6vw;
    letter-spacing: 0.012em;
    margin-bottom: 6.5%; }
    @media (max-width: 1200px) {
      .intro h1 {
        font-size: 6.8vw; } }
    @media (max-width: 768px) {
      .intro h1 {
        font-size: 12.5vw; } }
    @media (min-width: 1500px) {
      .intro h1 {
        font-size: 7.5rem; } }
    .intro h1.large, .intro section.bridge .statement h1.line, section.bridge .statement .intro h1.line {
      font-size: 7.5vw; }
      @media (max-width: 1200px) {
        .intro h1.large, .intro section.bridge .statement h1.line, section.bridge .statement .intro h1.line {
          font-size: 9vw; } }
      @media (max-width: 768px) {
        .intro h1.large, .intro section.bridge .statement h1.line, section.bridge .statement .intro h1.line {
          font-size: 15vw; } }
      @media (min-width: 1500px) {
        .intro h1.large, .intro section.bridge .statement h1.line, section.bridge .statement .intro h1.line {
          font-size: 9rem; } }
  .intro .list-buttons {
    display: none; }
    .intro .list-buttons .white {
      min-width: 180px; }
    @media (max-width: 768px) {
      .intro .list-buttons {
        display: none; } }
  .intro .bg-video-button {
    position: absolute;
    top: 50%;
    left: -25%;
    margin-top: -75px;
    margin-left: -75px; }
    .intro .bg-video-button.small, .intro .bg-video-button.contact_us-form.med {
      display: none; }
    @media (max-width: 768px) {
      .intro .bg-video-button {
        display: none;
        z-index: 6;
        top: 100%;
        left: 50%;
        margin-top: 0;
        margin-left: -63px;
        transform: scale(0.8); }
        .intro .bg-video-button.small, .intro .bg-video-button.contact_us-form.med {
          display: block; } }

.intro.sub .bg-video-button {
  display: none; }
  .intro.sub .bg-video-button.small, .intro.sub .bg-video-button.contact_us-form.med {
    display: block; }

.pagew, section.bridge.float.locale {
  width: 70vw;
  max-width: 1120px; }
  @media (min-width: 768px) and (max-width: 1400px) {
    .pagew, section.bridge.float.locale {
      width: 75vw;
      min-width: 940px; } }
  @media (min-width: 768px) and (max-width: 1168px) {
    .pagew, section.bridge.float.locale {
      width: 80vw;
      min-width: 792px; } }
  @media (min-width: 768px) and (max-width: 960px) {
    .pagew, section.bridge.float.locale {
      width: 85vw;
      min-width: 690px; } }

.intro.stakeholder .content-wrapper {
  padding-left: 25%; }

.intro.stakeholder h5.caps, .intro.stakeholder h5.arrowh {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  .intro.stakeholder h5.caps span, .intro.stakeholder h5.arrowh span {
    display: none; }

.intro.stakeholder h1 {
  margin: 0;
  margin-left: -12px;
  font-size: 6.25vw;
  white-space: nowrap; }
  @media (max-width: 768px) {
    .intro.stakeholder h1 {
      font-size: 4rem; } }

.intro.stakeholder h6 {
  max-width: 640px;
  margin: 3.5rem 0 4.5%;
  line-height: 1.875;
  font-size: 2.25rem;
  font-weight: 300; }
  @media (max-width: 1200px) {
    .intro.stakeholder h6 {
      width: 81%;
      line-height: 1.666;
      font-size: 2rem; }
      .intro.stakeholder h6 br {
        display: none; } }
  @media (max-width: 768px) {
    .intro.stakeholder h6 {
      width: 80vw;
      max-width: 360px;
      margin: 4.5% auto 4.5%;
      line-height: 1.6667;
      font-size: 1.58333rem; } }

.intro.stakeholder .bg-video-button {
  display: block; }
  @media (max-width: 768px) {
    .intro.stakeholder .bg-video-button {
      display: none;
      z-index: 6;
      top: 75%;
      left: 50%;
      margin-left: -63px;
      transform: scale(0.8); }
      .intro.stakeholder .bg-video-button.small, .intro.stakeholder .bg-video-button.contact_us-form.med {
        display: block; } }

.intro.stakeholder .bg-video-button.small, .intro.stakeholder .bg-video-button.contact_us-form.med {
  display: none; }

.intro.stakeholder.alt, .intro.stories, .intro.fund, .intro.about {
  text-align: left; }
  .intro.stakeholder.alt .content-wrapper, .intro.stories .content-wrapper, .intro.fund .content-wrapper, .intro.about .content-wrapper {
    padding-top: 8.5vh;
    padding-left: 7.5%;
    align-items: flex-start; }
    @media (max-width: 768px) {
      .intro.stakeholder.alt .content-wrapper, .intro.stories .content-wrapper, .intro.fund .content-wrapper, .intro.about .content-wrapper {
        align-items: center;
        padding-top: 0vh;
        padding-left: 0; } }
  .intro.stakeholder.alt .h-col, .intro.stories .h-col, .intro.fund .h-col, .intro.about .h-col {
    width: 75%; }
    @media (max-width: 768px) {
      .intro.stakeholder.alt .h-col, .intro.stories .h-col, .intro.fund .h-col, .intro.about .h-col {
        width: 100%; } }
  .intro.stakeholder.alt h5.caps, .intro.stories h5.caps, .intro.fund h5.caps, .intro.about h5.caps, .intro.stakeholder.alt h5.arrowh, .intro.stories h5.arrowh, .intro.fund h5.arrowh, .intro.about h5.arrowh {
    margin-top: 4rem;
    line-height: 0.75; }
    @media (max-width: 768px) {
      .intro.stakeholder.alt h5.caps, .intro.stories h5.caps, .intro.fund h5.caps, .intro.about h5.caps, .intro.stakeholder.alt h5.arrowh, .intro.stories h5.arrowh, .intro.fund h5.arrowh, .intro.about h5.arrowh {
        margin: 2.5rem auto 1.25rem; } }
  .intro.stakeholder.alt h1, .intro.stories h1, .intro.fund h1, .intro.about h1 {
    font-size: 6.9vw;
    margin: 0;
    margin-left: -12px; }
    .intro.stakeholder.alt h1 br, .intro.stories h1 br, .intro.fund h1 br, .intro.about h1 br {
      display: none; }
    @media (max-width: 768px) {
      .intro.stakeholder.alt h1, .intro.stories h1, .intro.fund h1, .intro.about h1 {
        font-size: 12.75vw;
        margin-left: -3px; }
        .intro.stakeholder.alt h1 br, .intro.stories h1 br, .intro.fund h1 br, .intro.about h1 br {
          display: block; } }
    @media (min-width: 1500px) {
      .intro.stakeholder.alt h1, .intro.stories h1, .intro.fund h1, .intro.about h1 {
        font-size: 8.5rem; } }
  .intro.stakeholder.alt h6, .intro.stories h6, .intro.fund h6, .intro.about h6 {
    z-index: 2;
    margin-top: 5%;
    max-width: 640px; }
    @media (max-width: 768px) {
      .intro.stakeholder.alt h6, .intro.stories h6, .intro.fund h6, .intro.about h6 {
        margin-top: 1.25rem; } }
  .intro.stakeholder.alt.wide .h-col h1, .intro.stakeholder.alt.xwide .h-col h1, .intro.xwide.stories .h-col h1, section.bridge.stories p.intro.stories .h-col h1, body.fund.runwith section.bridge p.intro.stories .h-col h1, section.bridge.about p.intro.stories .h-col h1, .aboutcard.value#val1 .intro.stories.number .h-col h1, section.bridge.stories p.intro.stakeholder.alt .h-col h1, section.bridge.stories p.intro.fund .h-col h1, section.bridge.stories p.intro.about .h-col h1, .intro.xwide.fund .h-col h1, body.fund.runwith section.bridge p.intro.fund .h-col h1, section.bridge.about p.intro.fund .h-col h1, .aboutcard.value#val1 .intro.fund.number .h-col h1, body.fund.runwith section.bridge p.intro.stakeholder.alt .h-col h1, body.fund.runwith section.bridge p.intro.about .h-col h1, .intro.xwide.about .h-col h1, section.bridge.about p.intro.about .h-col h1, .aboutcard.value#val1 .intro.about.number .h-col h1, section.bridge.about p.intro.stakeholder.alt .h-col h1, .aboutcard.value#val1 .intro.stakeholder.alt.number .h-col h1, section.bridge.wide p.intro.stakeholder.alt .h-col h1, section.bridge.wide p.intro.stories .h-col h1, section.bridge.wide p.intro.fund .h-col h1, section.bridge.wide p.intro.about .h-col h1, .intro.wide.stories .h-col h1, section.aboutmain .intro.stories.content-wrapper .h-col h1, body.appland section.bridge p.intro.stories .h-col h1, .intro.wide.fund .h-col h1, section.aboutmain .intro.fund.content-wrapper .h-col h1, body.appland section.bridge p.intro.fund .h-col h1, .intro.wide.about .h-col h1, section.aboutmain .intro.about.content-wrapper .h-col h1, body.appland section.bridge p.intro.about .h-col h1, section.aboutmain .intro.stakeholder.alt.content-wrapper .h-col h1, body.appland section.bridge p.intro.stakeholder.alt .h-col h1 {
    margin-left: -5px;
    font-size: 6vw; }
  .intro.stakeholder.alt.wide .h-col h5.caps span, .intro.stakeholder.alt.xwide .h-col h5.caps span, .intro.xwide.stories .h-col h5.caps span, section.bridge.stories p.intro.stories .h-col h5.caps span, body.fund.runwith section.bridge p.intro.stories .h-col h5.caps span, section.bridge.about p.intro.stories .h-col h5.caps span, .aboutcard.value#val1 .intro.stories.number .h-col h5.caps span, section.bridge.stories p.intro.stakeholder.alt .h-col h5.caps span, section.bridge.stories p.intro.fund .h-col h5.caps span, section.bridge.stories p.intro.about .h-col h5.caps span, .intro.xwide.fund .h-col h5.caps span, body.fund.runwith section.bridge p.intro.fund .h-col h5.caps span, section.bridge.about p.intro.fund .h-col h5.caps span, .aboutcard.value#val1 .intro.fund.number .h-col h5.caps span, body.fund.runwith section.bridge p.intro.stakeholder.alt .h-col h5.caps span, body.fund.runwith section.bridge p.intro.about .h-col h5.caps span, .intro.xwide.about .h-col h5.caps span, section.bridge.about p.intro.about .h-col h5.caps span, .aboutcard.value#val1 .intro.about.number .h-col h5.caps span, section.bridge.about p.intro.stakeholder.alt .h-col h5.caps span, .aboutcard.value#val1 .intro.stakeholder.alt.number .h-col h5.caps span, section.bridge.wide p.intro.stakeholder.alt .h-col h5.caps span, section.bridge.wide p.intro.stories .h-col h5.caps span, section.bridge.wide p.intro.fund .h-col h5.caps span, section.bridge.wide p.intro.about .h-col h5.caps span, .intro.wide.stories .h-col h5.caps span, .intro.stories.stakeholder.alt.xwide .h-col h5.caps span, section.bridge.stories p.intro.stories.stakeholder.alt .h-col h5.caps span, body.fund.runwith section.bridge p.intro.stories.stakeholder.alt .h-col h5.caps span, section.bridge.about p.intro.stories.stakeholder.alt .h-col h5.caps span, .aboutcard.value#val1 .intro.stories.stakeholder.alt.number .h-col h5.caps span, section.aboutmain .intro.stories.content-wrapper .h-col h5.caps span, body.appland section.bridge p.intro.stories .h-col h5.caps span, .intro.wide.fund .h-col h5.caps span, .intro.fund.stakeholder.alt.xwide .h-col h5.caps span, section.bridge.stories p.intro.fund.stakeholder.alt .h-col h5.caps span, body.fund.runwith section.bridge p.intro.fund.stakeholder.alt .h-col h5.caps span, section.bridge.about p.intro.fund.stakeholder.alt .h-col h5.caps span, .aboutcard.value#val1 .intro.fund.stakeholder.alt.number .h-col h5.caps span, section.aboutmain .intro.fund.content-wrapper .h-col h5.caps span, body.appland section.bridge p.intro.fund .h-col h5.caps span, .intro.wide.about .h-col h5.caps span, .intro.about.stakeholder.alt.xwide .h-col h5.caps span, section.bridge.stories p.intro.about.stakeholder.alt .h-col h5.caps span, body.fund.runwith section.bridge p.intro.about.stakeholder.alt .h-col h5.caps span, section.bridge.about p.intro.about.stakeholder.alt .h-col h5.caps span, .aboutcard.value#val1 .intro.about.stakeholder.alt.number .h-col h5.caps span, section.aboutmain .intro.about.content-wrapper .h-col h5.caps span, body.appland section.bridge p.intro.about .h-col h5.caps span, section.aboutmain .intro.stakeholder.alt.content-wrapper .h-col h5.caps span, body.appland section.bridge p.intro.stakeholder.alt .h-col h5.caps span, .intro.stakeholder.alt.wide .h-col h5.arrowh span, .intro.stakeholder.alt.xwide .h-col h5.arrowh span, .intro.xwide.stories .h-col h5.arrowh span, section.bridge.stories p.intro.stories .h-col h5.arrowh span, body.fund.runwith section.bridge p.intro.stories .h-col h5.arrowh span, section.bridge.about p.intro.stories .h-col h5.arrowh span, .aboutcard.value#val1 .intro.stories.number .h-col h5.arrowh span, section.bridge.stories p.intro.stakeholder.alt .h-col h5.arrowh span, section.bridge.stories p.intro.fund .h-col h5.arrowh span, section.bridge.stories p.intro.about .h-col h5.arrowh span, .intro.xwide.fund .h-col h5.arrowh span, body.fund.runwith section.bridge p.intro.fund .h-col h5.arrowh span, section.bridge.about p.intro.fund .h-col h5.arrowh span, .aboutcard.value#val1 .intro.fund.number .h-col h5.arrowh span, body.fund.runwith section.bridge p.intro.stakeholder.alt .h-col h5.arrowh span, body.fund.runwith section.bridge p.intro.about .h-col h5.arrowh span, .intro.xwide.about .h-col h5.arrowh span, section.bridge.about p.intro.about .h-col h5.arrowh span, .aboutcard.value#val1 .intro.about.number .h-col h5.arrowh span, section.bridge.about p.intro.stakeholder.alt .h-col h5.arrowh span, .aboutcard.value#val1 .intro.stakeholder.alt.number .h-col h5.arrowh span, section.bridge.wide p.intro.stakeholder.alt .h-col h5.arrowh span, section.bridge.wide p.intro.stories .h-col h5.arrowh span, section.bridge.wide p.intro.fund .h-col h5.arrowh span, section.bridge.wide p.intro.about .h-col h5.arrowh span, .intro.wide.stories .h-col h5.arrowh span, .intro.stories.stakeholder.alt.xwide .h-col h5.arrowh span, section.bridge.stories p.intro.stories.stakeholder.alt .h-col h5.arrowh span, body.fund.runwith section.bridge p.intro.stories.stakeholder.alt .h-col h5.arrowh span, section.bridge.about p.intro.stories.stakeholder.alt .h-col h5.arrowh span, .aboutcard.value#val1 .intro.stories.stakeholder.alt.number .h-col h5.arrowh span, section.aboutmain .intro.stories.content-wrapper .h-col h5.arrowh span, body.appland section.bridge p.intro.stories .h-col h5.arrowh span, .intro.wide.fund .h-col h5.arrowh span, .intro.fund.stakeholder.alt.xwide .h-col h5.arrowh span, section.bridge.stories p.intro.fund.stakeholder.alt .h-col h5.arrowh span, body.fund.runwith section.bridge p.intro.fund.stakeholder.alt .h-col h5.arrowh span, section.bridge.about p.intro.fund.stakeholder.alt .h-col h5.arrowh span, .aboutcard.value#val1 .intro.fund.stakeholder.alt.number .h-col h5.arrowh span, section.aboutmain .intro.fund.content-wrapper .h-col h5.arrowh span, body.appland section.bridge p.intro.fund .h-col h5.arrowh span, .intro.wide.about .h-col h5.arrowh span, .intro.about.stakeholder.alt.xwide .h-col h5.arrowh span, section.bridge.stories p.intro.about.stakeholder.alt .h-col h5.arrowh span, body.fund.runwith section.bridge p.intro.about.stakeholder.alt .h-col h5.arrowh span, section.bridge.about p.intro.about.stakeholder.alt .h-col h5.arrowh span, .aboutcard.value#val1 .intro.about.stakeholder.alt.number .h-col h5.arrowh span, section.aboutmain .intro.about.content-wrapper .h-col h5.arrowh span, body.appland section.bridge p.intro.about .h-col h5.arrowh span, section.aboutmain .intro.stakeholder.alt.content-wrapper .h-col h5.arrowh span, body.appland section.bridge p.intro.stakeholder.alt .h-col h5.arrowh span {
    display: none; }
  @media (max-width: 768px) {
    .intro.stakeholder.alt.wide .h-col h1, .intro.stakeholder.alt.xwide .h-col h1, .intro.xwide.stories .h-col h1, section.bridge.stories p.intro.stories .h-col h1, body.fund.runwith section.bridge p.intro.stories .h-col h1, section.bridge.about p.intro.stories .h-col h1, .aboutcard.value#val1 .intro.stories.number .h-col h1, section.bridge.stories p.intro.stakeholder.alt .h-col h1, section.bridge.stories p.intro.fund .h-col h1, section.bridge.stories p.intro.about .h-col h1, .intro.xwide.fund .h-col h1, body.fund.runwith section.bridge p.intro.fund .h-col h1, section.bridge.about p.intro.fund .h-col h1, .aboutcard.value#val1 .intro.fund.number .h-col h1, body.fund.runwith section.bridge p.intro.stakeholder.alt .h-col h1, body.fund.runwith section.bridge p.intro.about .h-col h1, .intro.xwide.about .h-col h1, section.bridge.about p.intro.about .h-col h1, .aboutcard.value#val1 .intro.about.number .h-col h1, section.bridge.about p.intro.stakeholder.alt .h-col h1, .aboutcard.value#val1 .intro.stakeholder.alt.number .h-col h1, section.bridge.wide p.intro.stakeholder.alt .h-col h1, section.bridge.wide p.intro.stories .h-col h1, section.bridge.wide p.intro.fund .h-col h1, section.bridge.wide p.intro.about .h-col h1, .intro.wide.stories .h-col h1, section.aboutmain .intro.stories.content-wrapper .h-col h1, body.appland section.bridge p.intro.stories .h-col h1, .intro.wide.fund .h-col h1, section.aboutmain .intro.fund.content-wrapper .h-col h1, body.appland section.bridge p.intro.fund .h-col h1, .intro.wide.about .h-col h1, section.aboutmain .intro.about.content-wrapper .h-col h1, body.appland section.bridge p.intro.about .h-col h1, section.aboutmain .intro.stakeholder.alt.content-wrapper .h-col h1, body.appland section.bridge p.intro.stakeholder.alt .h-col h1 {
      margin-bottom: 3vh;
      line-height: 1.175;
      font-size: 12.75vw; }
      .intro.stakeholder.alt.wide .h-col h1 i, .intro.stakeholder.alt.xwide .h-col h1 i, .intro.xwide.stories .h-col h1 i, section.bridge.stories p.intro.stories .h-col h1 i, body.fund.runwith section.bridge p.intro.stories .h-col h1 i, section.bridge.about p.intro.stories .h-col h1 i, .aboutcard.value#val1 .intro.stories.number .h-col h1 i, section.bridge.stories p.intro.stakeholder.alt .h-col h1 i, section.bridge.stories p.intro.fund .h-col h1 i, section.bridge.stories p.intro.about .h-col h1 i, .intro.xwide.fund .h-col h1 i, body.fund.runwith section.bridge p.intro.fund .h-col h1 i, section.bridge.about p.intro.fund .h-col h1 i, .aboutcard.value#val1 .intro.fund.number .h-col h1 i, body.fund.runwith section.bridge p.intro.stakeholder.alt .h-col h1 i, body.fund.runwith section.bridge p.intro.about .h-col h1 i, .intro.xwide.about .h-col h1 i, section.bridge.about p.intro.about .h-col h1 i, .aboutcard.value#val1 .intro.about.number .h-col h1 i, section.bridge.about p.intro.stakeholder.alt .h-col h1 i, .aboutcard.value#val1 .intro.stakeholder.alt.number .h-col h1 i, section.bridge.wide p.intro.stakeholder.alt .h-col h1 i, section.bridge.wide p.intro.stories .h-col h1 i, section.bridge.wide p.intro.fund .h-col h1 i, section.bridge.wide p.intro.about .h-col h1 i, .intro.wide.stories .h-col h1 i, section.aboutmain .intro.stories.content-wrapper .h-col h1 i, body.appland section.bridge p.intro.stories .h-col h1 i, .intro.wide.fund .h-col h1 i, section.aboutmain .intro.fund.content-wrapper .h-col h1 i, body.appland section.bridge p.intro.fund .h-col h1 i, .intro.wide.about .h-col h1 i, section.aboutmain .intro.about.content-wrapper .h-col h1 i, body.appland section.bridge p.intro.about .h-col h1 i, section.aboutmain .intro.stakeholder.alt.content-wrapper .h-col h1 i, body.appland section.bridge p.intro.stakeholder.alt .h-col h1 i {
        display: inline; }
    .intro.stakeholder.alt.wide .h-col h5.caps, .intro.stakeholder.alt.xwide .h-col h5.caps, .intro.xwide.stories .h-col h5.caps, section.bridge.stories p.intro.stories .h-col h5.caps, body.fund.runwith section.bridge p.intro.stories .h-col h5.caps, section.bridge.about p.intro.stories .h-col h5.caps, .aboutcard.value#val1 .intro.stories.number .h-col h5.caps, section.bridge.stories p.intro.stakeholder.alt .h-col h5.caps, section.bridge.stories p.intro.fund .h-col h5.caps, section.bridge.stories p.intro.about .h-col h5.caps, .intro.xwide.fund .h-col h5.caps, body.fund.runwith section.bridge p.intro.fund .h-col h5.caps, section.bridge.about p.intro.fund .h-col h5.caps, .aboutcard.value#val1 .intro.fund.number .h-col h5.caps, body.fund.runwith section.bridge p.intro.stakeholder.alt .h-col h5.caps, body.fund.runwith section.bridge p.intro.about .h-col h5.caps, .intro.xwide.about .h-col h5.caps, section.bridge.about p.intro.about .h-col h5.caps, .aboutcard.value#val1 .intro.about.number .h-col h5.caps, section.bridge.about p.intro.stakeholder.alt .h-col h5.caps, .aboutcard.value#val1 .intro.stakeholder.alt.number .h-col h5.caps, section.bridge.wide p.intro.stakeholder.alt .h-col h5.caps, section.bridge.wide p.intro.stories .h-col h5.caps, section.bridge.wide p.intro.fund .h-col h5.caps, section.bridge.wide p.intro.about .h-col h5.caps, .intro.wide.stories .h-col h5.caps, .intro.stories.stakeholder.alt.xwide .h-col h5.caps, section.bridge.stories p.intro.stories.stakeholder.alt .h-col h5.caps, body.fund.runwith section.bridge p.intro.stories.stakeholder.alt .h-col h5.caps, section.bridge.about p.intro.stories.stakeholder.alt .h-col h5.caps, .aboutcard.value#val1 .intro.stories.stakeholder.alt.number .h-col h5.caps, section.aboutmain .intro.stories.content-wrapper .h-col h5.caps, body.appland section.bridge p.intro.stories .h-col h5.caps, .intro.wide.fund .h-col h5.caps, .intro.fund.stakeholder.alt.xwide .h-col h5.caps, section.bridge.stories p.intro.fund.stakeholder.alt .h-col h5.caps, body.fund.runwith section.bridge p.intro.fund.stakeholder.alt .h-col h5.caps, section.bridge.about p.intro.fund.stakeholder.alt .h-col h5.caps, .aboutcard.value#val1 .intro.fund.stakeholder.alt.number .h-col h5.caps, section.aboutmain .intro.fund.content-wrapper .h-col h5.caps, body.appland section.bridge p.intro.fund .h-col h5.caps, .intro.wide.about .h-col h5.caps, .intro.about.stakeholder.alt.xwide .h-col h5.caps, section.bridge.stories p.intro.about.stakeholder.alt .h-col h5.caps, body.fund.runwith section.bridge p.intro.about.stakeholder.alt .h-col h5.caps, section.bridge.about p.intro.about.stakeholder.alt .h-col h5.caps, .aboutcard.value#val1 .intro.about.stakeholder.alt.number .h-col h5.caps, section.aboutmain .intro.about.content-wrapper .h-col h5.caps, body.appland section.bridge p.intro.about .h-col h5.caps, section.aboutmain .intro.stakeholder.alt.content-wrapper .h-col h5.caps, body.appland section.bridge p.intro.stakeholder.alt .h-col h5.caps, .intro.stakeholder.alt.wide .h-col h5.arrowh, .intro.stakeholder.alt.xwide .h-col h5.arrowh, .intro.xwide.stories .h-col h5.arrowh, section.bridge.stories p.intro.stories .h-col h5.arrowh, body.fund.runwith section.bridge p.intro.stories .h-col h5.arrowh, section.bridge.about p.intro.stories .h-col h5.arrowh, .aboutcard.value#val1 .intro.stories.number .h-col h5.arrowh, section.bridge.stories p.intro.stakeholder.alt .h-col h5.arrowh, section.bridge.stories p.intro.fund .h-col h5.arrowh, section.bridge.stories p.intro.about .h-col h5.arrowh, .intro.xwide.fund .h-col h5.arrowh, body.fund.runwith section.bridge p.intro.fund .h-col h5.arrowh, section.bridge.about p.intro.fund .h-col h5.arrowh, .aboutcard.value#val1 .intro.fund.number .h-col h5.arrowh, body.fund.runwith section.bridge p.intro.stakeholder.alt .h-col h5.arrowh, body.fund.runwith section.bridge p.intro.about .h-col h5.arrowh, .intro.xwide.about .h-col h5.arrowh, section.bridge.about p.intro.about .h-col h5.arrowh, .aboutcard.value#val1 .intro.about.number .h-col h5.arrowh, section.bridge.about p.intro.stakeholder.alt .h-col h5.arrowh, .aboutcard.value#val1 .intro.stakeholder.alt.number .h-col h5.arrowh, section.bridge.wide p.intro.stakeholder.alt .h-col h5.arrowh, section.bridge.wide p.intro.stories .h-col h5.arrowh, section.bridge.wide p.intro.fund .h-col h5.arrowh, section.bridge.wide p.intro.about .h-col h5.arrowh, .intro.wide.stories .h-col h5.arrowh, .intro.stories.stakeholder.alt.xwide .h-col h5.arrowh, section.bridge.stories p.intro.stories.stakeholder.alt .h-col h5.arrowh, body.fund.runwith section.bridge p.intro.stories.stakeholder.alt .h-col h5.arrowh, section.bridge.about p.intro.stories.stakeholder.alt .h-col h5.arrowh, .aboutcard.value#val1 .intro.stories.stakeholder.alt.number .h-col h5.arrowh, section.aboutmain .intro.stories.content-wrapper .h-col h5.arrowh, body.appland section.bridge p.intro.stories .h-col h5.arrowh, .intro.wide.fund .h-col h5.arrowh, .intro.fund.stakeholder.alt.xwide .h-col h5.arrowh, section.bridge.stories p.intro.fund.stakeholder.alt .h-col h5.arrowh, body.fund.runwith section.bridge p.intro.fund.stakeholder.alt .h-col h5.arrowh, section.bridge.about p.intro.fund.stakeholder.alt .h-col h5.arrowh, .aboutcard.value#val1 .intro.fund.stakeholder.alt.number .h-col h5.arrowh, section.aboutmain .intro.fund.content-wrapper .h-col h5.arrowh, body.appland section.bridge p.intro.fund .h-col h5.arrowh, .intro.wide.about .h-col h5.arrowh, .intro.about.stakeholder.alt.xwide .h-col h5.arrowh, section.bridge.stories p.intro.about.stakeholder.alt .h-col h5.arrowh, body.fund.runwith section.bridge p.intro.about.stakeholder.alt .h-col h5.arrowh, section.bridge.about p.intro.about.stakeholder.alt .h-col h5.arrowh, .aboutcard.value#val1 .intro.about.stakeholder.alt.number .h-col h5.arrowh, section.aboutmain .intro.about.content-wrapper .h-col h5.arrowh, body.appland section.bridge p.intro.about .h-col h5.arrowh, section.aboutmain .intro.stakeholder.alt.content-wrapper .h-col h5.arrowh, body.appland section.bridge p.intro.stakeholder.alt .h-col h5.arrowh {
      display: none; }
    .intro.stakeholder.alt.wide .h-col h6, .intro.stakeholder.alt.xwide .h-col h6, .intro.xwide.stories .h-col h6, section.bridge.stories p.intro.stories .h-col h6, body.fund.runwith section.bridge p.intro.stories .h-col h6, section.bridge.about p.intro.stories .h-col h6, .aboutcard.value#val1 .intro.stories.number .h-col h6, section.bridge.stories p.intro.stakeholder.alt .h-col h6, section.bridge.stories p.intro.fund .h-col h6, section.bridge.stories p.intro.about .h-col h6, .intro.xwide.fund .h-col h6, body.fund.runwith section.bridge p.intro.fund .h-col h6, section.bridge.about p.intro.fund .h-col h6, .aboutcard.value#val1 .intro.fund.number .h-col h6, body.fund.runwith section.bridge p.intro.stakeholder.alt .h-col h6, body.fund.runwith section.bridge p.intro.about .h-col h6, .intro.xwide.about .h-col h6, section.bridge.about p.intro.about .h-col h6, .aboutcard.value#val1 .intro.about.number .h-col h6, section.bridge.about p.intro.stakeholder.alt .h-col h6, .aboutcard.value#val1 .intro.stakeholder.alt.number .h-col h6, section.bridge.wide p.intro.stakeholder.alt .h-col h6, section.bridge.wide p.intro.stories .h-col h6, section.bridge.wide p.intro.fund .h-col h6, section.bridge.wide p.intro.about .h-col h6, .intro.wide.stories .h-col h6, section.aboutmain .intro.stories.content-wrapper .h-col h6, body.appland section.bridge p.intro.stories .h-col h6, .intro.wide.fund .h-col h6, section.aboutmain .intro.fund.content-wrapper .h-col h6, body.appland section.bridge p.intro.fund .h-col h6, .intro.wide.about .h-col h6, section.aboutmain .intro.about.content-wrapper .h-col h6, body.appland section.bridge p.intro.about .h-col h6, section.aboutmain .intro.stakeholder.alt.content-wrapper .h-col h6, body.appland section.bridge p.intro.stakeholder.alt .h-col h6 {
      margin-top: 0.75rem; } }
  @media (min-width: 1500px) {
    .intro.stakeholder.alt.wide .h-col h1, .intro.stakeholder.alt.xwide .h-col h1, .intro.xwide.stories .h-col h1, section.bridge.stories p.intro.stories .h-col h1, body.fund.runwith section.bridge p.intro.stories .h-col h1, section.bridge.about p.intro.stories .h-col h1, .aboutcard.value#val1 .intro.stories.number .h-col h1, section.bridge.stories p.intro.stakeholder.alt .h-col h1, section.bridge.stories p.intro.fund .h-col h1, section.bridge.stories p.intro.about .h-col h1, .intro.xwide.fund .h-col h1, body.fund.runwith section.bridge p.intro.fund .h-col h1, section.bridge.about p.intro.fund .h-col h1, .aboutcard.value#val1 .intro.fund.number .h-col h1, body.fund.runwith section.bridge p.intro.stakeholder.alt .h-col h1, body.fund.runwith section.bridge p.intro.about .h-col h1, .intro.xwide.about .h-col h1, section.bridge.about p.intro.about .h-col h1, .aboutcard.value#val1 .intro.about.number .h-col h1, section.bridge.about p.intro.stakeholder.alt .h-col h1, .aboutcard.value#val1 .intro.stakeholder.alt.number .h-col h1, section.bridge.wide p.intro.stakeholder.alt .h-col h1, section.bridge.wide p.intro.stories .h-col h1, section.bridge.wide p.intro.fund .h-col h1, section.bridge.wide p.intro.about .h-col h1, .intro.wide.stories .h-col h1, section.aboutmain .intro.stories.content-wrapper .h-col h1, body.appland section.bridge p.intro.stories .h-col h1, .intro.wide.fund .h-col h1, section.aboutmain .intro.fund.content-wrapper .h-col h1, body.appland section.bridge p.intro.fund .h-col h1, .intro.wide.about .h-col h1, section.aboutmain .intro.about.content-wrapper .h-col h1, body.appland section.bridge p.intro.about .h-col h1, section.aboutmain .intro.stakeholder.alt.content-wrapper .h-col h1, body.appland section.bridge p.intro.stakeholder.alt .h-col h1 {
      font-size: 7.5rem; } }
  .intro.stakeholder.alt.xwide .h-col h1 i, .intro.xwide.stories .h-col h1 i, section.bridge.stories p.intro.stories .h-col h1 i, body.fund.runwith section.bridge p.intro.stories .h-col h1 i, section.bridge.about p.intro.stories .h-col h1 i, .aboutcard.value#val1 .intro.stories.number .h-col h1 i, section.bridge.stories p.intro.stakeholder.alt .h-col h1 i, section.bridge.stories p.intro.fund .h-col h1 i, section.bridge.stories p.intro.about .h-col h1 i, .intro.xwide.fund .h-col h1 i, body.fund.runwith section.bridge p.intro.fund .h-col h1 i, section.bridge.about p.intro.fund .h-col h1 i, .aboutcard.value#val1 .intro.fund.number .h-col h1 i, body.fund.runwith section.bridge p.intro.stakeholder.alt .h-col h1 i, body.fund.runwith section.bridge p.intro.about .h-col h1 i, .intro.xwide.about .h-col h1 i, section.bridge.about p.intro.about .h-col h1 i, .aboutcard.value#val1 .intro.about.number .h-col h1 i, section.bridge.about p.intro.stakeholder.alt .h-col h1 i, .aboutcard.value#val1 .intro.stakeholder.alt.number .h-col h1 i {
    display: none; }
  @media (max-width: 768px) {
    .intro.stakeholder.alt.xwide .h-col h1 i, .intro.xwide.stories .h-col h1 i, section.bridge.stories p.intro.stories .h-col h1 i, body.fund.runwith section.bridge p.intro.stories .h-col h1 i, section.bridge.about p.intro.stories .h-col h1 i, .aboutcard.value#val1 .intro.stories.number .h-col h1 i, section.bridge.stories p.intro.stakeholder.alt .h-col h1 i, section.bridge.stories p.intro.fund .h-col h1 i, section.bridge.stories p.intro.about .h-col h1 i, .intro.xwide.fund .h-col h1 i, body.fund.runwith section.bridge p.intro.fund .h-col h1 i, section.bridge.about p.intro.fund .h-col h1 i, .aboutcard.value#val1 .intro.fund.number .h-col h1 i, body.fund.runwith section.bridge p.intro.stakeholder.alt .h-col h1 i, body.fund.runwith section.bridge p.intro.about .h-col h1 i, .intro.xwide.about .h-col h1 i, section.bridge.about p.intro.about .h-col h1 i, .aboutcard.value#val1 .intro.about.number .h-col h1 i, section.bridge.about p.intro.stakeholder.alt .h-col h1 i, .aboutcard.value#val1 .intro.stakeholder.alt.number .h-col h1 i {
      display: inline; }
    .intro.stakeholder.alt.xwide h5.caps, .intro.xwide.stories h5.caps, section.bridge.stories p.intro.stories h5.caps, body.fund.runwith section.bridge p.intro.stories h5.caps, section.bridge.about p.intro.stories h5.caps, .aboutcard.value#val1 .intro.stories.number h5.caps, section.bridge.stories p.intro.stakeholder.alt h5.caps, section.bridge.stories p.intro.fund h5.caps, section.bridge.stories p.intro.about h5.caps, .intro.xwide.fund h5.caps, body.fund.runwith section.bridge p.intro.fund h5.caps, section.bridge.about p.intro.fund h5.caps, .aboutcard.value#val1 .intro.fund.number h5.caps, body.fund.runwith section.bridge p.intro.stakeholder.alt h5.caps, body.fund.runwith section.bridge p.intro.about h5.caps, .intro.xwide.about h5.caps, section.bridge.about p.intro.about h5.caps, .aboutcard.value#val1 .intro.about.number h5.caps, section.bridge.about p.intro.stakeholder.alt h5.caps, .aboutcard.value#val1 .intro.stakeholder.alt.number h5.caps, .intro.stakeholder.alt.xwide h5.arrowh, .intro.xwide.stories h5.arrowh, section.bridge.stories p.intro.stories h5.arrowh, body.fund.runwith section.bridge p.intro.stories h5.arrowh, section.bridge.about p.intro.stories h5.arrowh, .aboutcard.value#val1 .intro.stories.number h5.arrowh, section.bridge.stories p.intro.stakeholder.alt h5.arrowh, section.bridge.stories p.intro.fund h5.arrowh, section.bridge.stories p.intro.about h5.arrowh, .intro.xwide.fund h5.arrowh, body.fund.runwith section.bridge p.intro.fund h5.arrowh, section.bridge.about p.intro.fund h5.arrowh, .aboutcard.value#val1 .intro.fund.number h5.arrowh, body.fund.runwith section.bridge p.intro.stakeholder.alt h5.arrowh, body.fund.runwith section.bridge p.intro.about h5.arrowh, .intro.xwide.about h5.arrowh, section.bridge.about p.intro.about h5.arrowh, .aboutcard.value#val1 .intro.about.number h5.arrowh, section.bridge.about p.intro.stakeholder.alt h5.arrowh, .aboutcard.value#val1 .intro.stakeholder.alt.number h5.arrowh {
      display: none; } }
  .intro.stakeholder.alt.twoline h1, .intro.twoline.stories h1, .intro.twoline.fund h1, .intro.twoline.about h1 {
    line-height: 1.1; }
    .intro.stakeholder.alt.twoline h1 br, .intro.twoline.stories h1 br, .intro.twoline.fund h1 br, .intro.twoline.about h1 br {
      display: block; }
  .intro.stakeholder.alt .bg-video-button, .intro.stories .bg-video-button, .intro.fund .bg-video-button, .intro.about .bg-video-button {
    display: none;
    top: 81%;
    left: auto;
    right: -22.5%; }
    .intro.stakeholder.alt .bg-video-button.small, .intro.stories .bg-video-button.small, .intro.fund .bg-video-button.small, .intro.about .bg-video-button.small, .intro.stakeholder.alt .bg-video-button.contact_us-form.med, .intro.stories .bg-video-button.contact_us-form.med, .intro.fund .bg-video-button.contact_us-form.med, .intro.about .bg-video-button.contact_us-form.med {
      display: block; }
    @media (max-width: 1200px) {
      .intro.stakeholder.alt .bg-video-button, .intro.stories .bg-video-button, .intro.fund .bg-video-button, .intro.about .bg-video-button {
        top: 77.5%; } }
    @media (max-width: 768px) {
      .intro.stakeholder.alt .bg-video-button, .intro.stories .bg-video-button, .intro.fund .bg-video-button, .intro.about .bg-video-button {
        z-index: 6;
        top: 100%;
        left: 50%;
        right: auto;
        margin-left: -63px;
        transform: scale(0.8); } }

section.bridge {
  z-index: 5;
  text-align: center;
  padding: 12.5vh 0 25vh; }
  @media (max-width: 768px) {
    section.bridge {
      padding: 15vh 0; } }
  section.bridge .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 75%; }
    @media (max-width: 1200px) {
      section.bridge .content-wrapper {
        width: 85%; } }
    @media (max-width: 768px) {
      section.bridge .content-wrapper {
        width: 95%; } }
  section.bridge h2 {
    margin: 4rem auto 6rem;
    font-size: 4vw; }
    @media (max-width: 1200px) {
      section.bridge h2 {
        font-size: 5.1vw; } }
    @media (max-width: 768px) {
      section.bridge h2 {
        width: 92.5%;
        margin: 0rem auto 3rem;
        font-size: 8vw; }
        section.bridge h2 br {
          display: none; } }
    @media (min-width: 1500px) {
      section.bridge h2 {
        font-size: 5rem; } }
  section.bridge p {
    width: 80%;
    max-width: 510px;
    text-align: center; }
    @media (max-width: 768px) {
      section.bridge p {
        width: 90%;
        font-size: 1.75rem; } }
    section.bridge p.left, section.bridge.left p, section.bridge .app-showcase.left .phone-wrapper p.phone, .app-showcase.left .phone-wrapper section.bridge p.phone, section.bridge .app-showcase.last .phone-wrapper p.phone, .app-showcase.last .phone-wrapper section.bridge p.phone {
      text-align: left; }
    section.bridge p.wide, section.bridge p.intro.stakeholder.alt.xwide, section.bridge p.intro.xwide.stories, section.bridge.stories p.intro.stories, body.fund.runwith section.bridge p.intro.stories, section.bridge.about p.intro.stories, section.bridge .aboutcard.value#val1 p.intro.stories.number, .aboutcard.value#val1 section.bridge p.intro.stories.number, section.bridge.stories p.intro.stakeholder.alt, section.bridge.stories p.intro.fund, section.bridge.stories p.intro.about, section.bridge p.intro.xwide.fund, body.fund.runwith section.bridge p.intro.fund, section.bridge.about p.intro.fund, section.bridge .aboutcard.value#val1 p.intro.fund.number, .aboutcard.value#val1 section.bridge p.intro.fund.number, body.fund.runwith section.bridge p.intro.stakeholder.alt, body.fund.runwith section.bridge p.intro.about, section.bridge p.intro.xwide.about, section.bridge.about p.intro.about, section.bridge .aboutcard.value#val1 p.intro.about.number, .aboutcard.value#val1 section.bridge p.intro.about.number, section.bridge.about p.intro.stakeholder.alt, section.bridge .aboutcard.value#val1 p.intro.stakeholder.alt.number, .aboutcard.value#val1 section.bridge p.intro.stakeholder.alt.number, section.bridge.wide p, section.bridge section.aboutmain p.content-wrapper, section.aboutmain section.bridge p.content-wrapper, body.appland section.bridge p {
      max-width: 570px; }
    section.bridge p.xwide, section.bridge.stories p, body.fund.runwith section.bridge p, section.bridge.about p, section.bridge .aboutcard.value#val1 p.number, .aboutcard.value#val1 section.bridge p.number {
      max-width: 660px; }
  section.bridge .line {
    margin: -1rem auto 4.5rem; }
    @media (max-width: 768px) {
      section.bridge .line {
        margin: 1rem auto 3rem; } }
  section.bridge .app-buttons {
    margin-top: 1.5rem; }
    @media (max-width: 768px) {
      section.bridge .app-buttons {
        margin-top: 0.75rem; } }
    section.bridge .app-buttons.middle {
      margin-top: -2rem;
      margin-bottom: 2rem; }
  section.bridge.minpad {
    padding-bottom: 21vh; }
    @media (max-width: 768px) {
      section.bridge.minpad {
        padding-bottom: 14vh; } }

.scroll-cue {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -4rem;
  left: 50%;
  width: 240px;
  height: 5rem;
  margin-left: -120px;
  color: rgba(255, 255, 255, 0.75); }
  .scroll-cue h5.arrowh {
    line-height: 1;
    font-weight: 500;
    margin-bottom: 1.75rem; }
  .scroll-cue .arrow {
    animation: floatmin 1.5s 0s ease-in-out infinite alternate; }
    .scroll-cue .arrow:before, .scroll-cue .arrow:after {
      background: #d2d2e7;
      box-shadow: 2px 5px 4px 0px rgba(0, 0, 0, 0.25); }
    .scroll-cue .arrow:after {
      box-shadow: -2px 5px 4px 0px rgba(0, 0, 0, 0.25); }
  .scroll-cue.fat .arrow:before, section.bridge.light .scroll-cue .arrow:before, section.bridge.stakeholder .scroll-cue .arrow:before, section.bridge.about .scroll-cue .arrow:before, section.bridge.float.locale a.scroll-cue .arrow:before, .scroll-cue.fat .arrow:after, section.bridge.light .scroll-cue .arrow:after, section.bridge.stakeholder .scroll-cue .arrow:after, section.bridge.about .scroll-cue .arrow:after, section.bridge.float.locale a.scroll-cue .arrow:after {
    width: 36px;
    height: 5px;
    border-radius: 2.5px;
    background: #9898c8;
    box-shadow: 2px 5px 7px 1px rgba(0, 0, 0, 0.33); }
  .scroll-cue.fat .arrow:after, section.bridge.light .scroll-cue .arrow:after, section.bridge.stakeholder .scroll-cue .arrow:after, section.bridge.about .scroll-cue .arrow:after, section.bridge.float.locale a.scroll-cue .arrow:after {
    box-shadow: -2px 5px 7px 1px rgba(0, 0, 0, 0.33); }

body.fold .scroll-cue {
  opacity: 0; }

.scroll-anchor#scroll-anchor {
  top: 40vh; }

.floatbase {
  position: absolute;
  z-index: -1;
  top: 120vh;
  width: 100%;
  height: 1080px;
  background: #fff; }
  @media (max-height: 600px) {
    .floatbase {
      top: 660px; } }
  @media (max-width: 768px) {
    .floatbase {
      top: 100vh; } }

section.bridge.bottomcta .content-wrapper {
  margin-bottom: 10rem; }

section.bridge.bottomcta .ctablock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20rem;
  padding-bottom: 1rem;
  padding-left: 2.5%;
  border-radius: 0 0 20px 20px;
  background: rgba(0, 0, 0, 0.08);
  text-align: left; }
  @media (max-width: 1024px) {
    section.bridge.bottomcta .ctablock {
      padding-left: 7.5%; } }
  @media (max-width: 768px) {
    section.bridge.bottomcta .ctablock {
      flex-direction: column;
      height: 17rem;
      padding-bottom: 2rem;
      padding-left: 0;
      text-align: center; } }
  section.bridge.bottomcta .ctablock:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0 0 20px 20px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 33%, #fff 100%); }
  section.bridge.bottomcta .ctablock h2 {
    display: inline-block;
    position: relative;
    margin: 0;
    line-height: 1.333;
    font-size: 4.5rem; }
    section.bridge.bottomcta .ctablock h2 strong {
      display: block;
      font-size: 5rem; }
    @media (max-width: 1440px) {
      section.bridge.bottomcta .ctablock h2 {
        font-size: 3.75vw; }
        section.bridge.bottomcta .ctablock h2 strong {
          letter-spacing: 0;
          font-size: 4.1666vw; } }
    @media (max-width: 1200px) {
      section.bridge.bottomcta .ctablock h2 {
        font-size: 4.25vw; }
        section.bridge.bottomcta .ctablock h2 strong {
          font-size: 4.666vw; } }
    @media (max-width: 1024px) {
      section.bridge.bottomcta .ctablock h2 {
        padding-top: 1.5%;
        font-size: 4.75vw; }
        section.bridge.bottomcta .ctablock h2 strong {
          font-size: 5.25vw; } }
    @media (max-width: 768px) {
      section.bridge.bottomcta .ctablock h2 {
        width: 100%;
        padding: 0 2.5vw;
        font-size: 5.5vw; }
        section.bridge.bottomcta .ctablock h2 strong {
          font-size: 7vw; } }
    @media (max-width: 540px) {
      section.bridge.bottomcta .ctablock h2 {
        font-size: 8vw; }
        section.bridge.bottomcta .ctablock h2 strong {
          font-size: 9.1666vw; } }
  section.bridge.bottomcta .ctablock .ctabtns {
    display: inline-flex;
    position: relative;
    margin-left: 4.5%;
    margin-right: 2.5%;
    padding-top: 1rem; }
    @media (max-width: 1440px) {
      section.bridge.bottomcta .ctablock .ctabtns {
        margin-left: 3.75vw; } }
    @media (max-width: 768px) {
      section.bridge.bottomcta .ctablock .ctabtns {
        position: absolute;
        top: 100%;
        margin-top: -3rem;
        padding-top: 0.5rem; } }
    section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn h4 {
      letter-spacing: 0.0333em; }
    section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.solid, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.give, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.give {
      padding: 0 4.25rem;
      box-shadow: 2px 4px 10px -1px rgba(0, 0, 0, 0.15); }
      @media (max-width: 1200px) {
        section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.solid h4 span, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.give h4 span, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.give h4 span {
          display: none; } }
      @media (max-width: 768px) {
        section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.solid h4 span, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.give h4 span, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.give h4 span {
          display: inline; } }
    section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.underline, section.bridge.bottomcta .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team, .encourage .encourage-wrapper section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team, section.bridge.bottomcta .ctablock .ctabtns .story-body .links a span.btn.uibtn, .story-body .links a section.bridge.bottomcta .ctablock .ctabtns span.btn.uibtn, section.bridge.bottomcta .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn, .aboutcard.team .links a.text section.bridge.bottomcta .ctablock .ctabtns h5.btn.uibtn, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.team, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team, section.bridge.bottomcta .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile, section.locale-members .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.profile {
      margin-left: 2.5rem;
      color: rgba(73, 67, 137, 0.75); }
      @media (max-width: 1440px) {
        section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.underline, section.bridge.bottomcta .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team, .encourage .encourage-wrapper section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team, section.bridge.bottomcta .ctablock .ctabtns .story-body .links a span.btn.uibtn, .story-body .links a section.bridge.bottomcta .ctablock .ctabtns span.btn.uibtn, section.bridge.bottomcta .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn, .aboutcard.team .links a.text section.bridge.bottomcta .ctablock .ctabtns h5.btn.uibtn, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.team, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team, section.bridge.bottomcta .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile, section.locale-members .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.profile {
          margin-left: 2.1vw; } }
      @media (max-width: 768px) {
        section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.underline, section.bridge.bottomcta .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team, .encourage .encourage-wrapper section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team, section.bridge.bottomcta .ctablock .ctabtns .story-body .links a span.btn.uibtn, .story-body .links a section.bridge.bottomcta .ctablock .ctabtns span.btn.uibtn, section.bridge.bottomcta .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn, .aboutcard.team .links a.text section.bridge.bottomcta .ctablock .ctabtns h5.btn.uibtn, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.team, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team, section.bridge.bottomcta .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile, section.locale-members .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.profile {
          margin-top: 1.5rem; } }
      section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.underline h4, section.bridge.bottomcta .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team h4, .encourage .encourage-wrapper section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team h4, section.bridge.bottomcta .ctablock .ctabtns .story-body .links a span.btn.uibtn h4, .story-body .links a section.bridge.bottomcta .ctablock .ctabtns span.btn.uibtn h4, section.bridge.bottomcta .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn h4, .aboutcard.team .links a.text section.bridge.bottomcta .ctablock .ctabtns h5.btn.uibtn h4, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.team h4, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team h4, section.bridge.bottomcta .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile h4, section.locale-members .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.profile h4 {
        font-size: 2.333rem; }
        @media (max-width: 1320px) {
          section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.underline h4 span, section.bridge.bottomcta .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team h4 span, .encourage .encourage-wrapper section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team h4 span, section.bridge.bottomcta .ctablock .ctabtns .story-body .links a span.btn.uibtn h4 span, .story-body .links a section.bridge.bottomcta .ctablock .ctabtns span.btn.uibtn h4 span, section.bridge.bottomcta .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn h4 span, .aboutcard.team .links a.text section.bridge.bottomcta .ctablock .ctabtns h5.btn.uibtn h4 span, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.team h4 span, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team h4 span, section.bridge.bottomcta .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile h4 span, section.locale-members .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.profile h4 span {
            display: none; } }
        @media (max-width: 768px) {
          section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.underline h4 span, section.bridge.bottomcta .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team h4 span, .encourage .encourage-wrapper section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team h4 span, section.bridge.bottomcta .ctablock .ctabtns .story-body .links a span.btn.uibtn h4 span, .story-body .links a section.bridge.bottomcta .ctablock .ctabtns span.btn.uibtn h4 span, section.bridge.bottomcta .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn h4 span, .aboutcard.team .links a.text section.bridge.bottomcta .ctablock .ctabtns h5.btn.uibtn h4 span, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.team h4 span, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team h4 span, section.bridge.bottomcta .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile h4 span, section.locale-members .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.profile h4 span {
            display: inline; } }
        @media (max-width: 768px) {
          section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.underline h4, section.bridge.bottomcta .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team h4, .encourage .encourage-wrapper section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team h4, section.bridge.bottomcta .ctablock .ctabtns .story-body .links a span.btn.uibtn h4, .story-body .links a section.bridge.bottomcta .ctablock .ctabtns span.btn.uibtn h4, section.bridge.bottomcta .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn h4, .aboutcard.team .links a.text section.bridge.bottomcta .ctablock .ctabtns h5.btn.uibtn h4, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.team h4, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team h4, section.bridge.bottomcta .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile h4, section.locale-members .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.profile h4 {
            font-size: 2rem;
            color: #c3c7dc; } }
      section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.underline h4:after, section.bridge.bottomcta .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team h4:after, .encourage .encourage-wrapper section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team h4:after, section.bridge.bottomcta .ctablock .ctabtns .story-body .links a span.btn.uibtn h4:after, .story-body .links a section.bridge.bottomcta .ctablock .ctabtns span.btn.uibtn h4:after, section.bridge.bottomcta .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn h4:after, .aboutcard.team .links a.text section.bridge.bottomcta .ctablock .ctabtns h5.btn.uibtn h4:after, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.team h4:after, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team h4:after, section.bridge.bottomcta .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile h4:after, section.locale-members .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.profile h4:after {
        background: #9399c0;
        box-shadow: none; }
    @media (max-width: 1024px) {
      section.bridge.bottomcta .ctablock .ctabtns {
        flex-direction: column;
        margin-right: 6vw; }
        section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.underline, section.bridge.bottomcta .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team, .encourage .encourage-wrapper section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team, section.bridge.bottomcta .ctablock .ctabtns .story-body .links a span.btn.uibtn, .story-body .links a section.bridge.bottomcta .ctablock .ctabtns span.btn.uibtn, section.bridge.bottomcta .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn, .aboutcard.team .links a.text section.bridge.bottomcta .ctablock .ctabtns h5.btn.uibtn, section.bridge.bottomcta .ctablock .ctabtns .profile-nav .btn.uibtn.team, .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.team, section.bridge.bottomcta .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile, section.locale-members .profile-nav section.bridge.bottomcta .ctablock .ctabtns .btn.uibtn.profile {
          margin-left: 0; } }

section.bridge.stakeholder {
  padding-bottom: 22.5vh; }
  @media (max-width: 768px) {
    section.bridge.stakeholder {
      padding-bottom: 14vh; } }
  section.bridge.stakeholder h2 {
    font-size: 4.5vw;
    letter-spacing: 0.0125em; }
    @media (max-width: 1200px) {
      section.bridge.stakeholder h2 {
        font-size: 5.6vw; } }
    @media (max-width: 768px) {
      section.bridge.stakeholder h2 {
        width: 92.5%;
        font-size: 9vw; } }
    @media (min-width: 1500px) {
      section.bridge.stakeholder h2 {
        font-size: 5.5rem; } }
    section.bridge.stakeholder h2.small, section.bridge.stakeholder h2.contact_us-form.med {
      font-size: 4vw; }
      @media (max-width: 1200px) {
        section.bridge.stakeholder h2.small, section.bridge.stakeholder h2.contact_us-form.med {
          font-size: 5vw; } }
      @media (max-width: 768px) {
        section.bridge.stakeholder h2.small, section.bridge.stakeholder h2.contact_us-form.med {
          font-size: 8vw; } }
      @media (min-width: 1500px) {
        section.bridge.stakeholder h2.small, section.bridge.stakeholder h2.contact_us-form.med {
          font-size: 5rem; } }
  section.bridge.stakeholder p {
    max-width: 600px; }
    section.bridge.stakeholder p .large, section.bridge.stakeholder p .statement .line, section.bridge.stakeholder .statement p .line, section.bridge.stakeholder p section.slider p, section.slider section.bridge.stakeholder p p, section.bridge.stakeholder p section.sliderh p, section.sliderh section.bridge.stakeholder p p, section.bridge.stakeholder p section.neighbors p, section.neighbors section.bridge.stakeholder p p, section.bridge.stakeholder p section.bridge.letter p, section.bridge.letter section.bridge.stakeholder p p, section.bridge.stakeholder p .story-quote.short p, .story-quote.short section.bridge.stakeholder p p, section.bridge.stakeholder p .aboutcard.team .short.quote p, .aboutcard.team .short.quote section.bridge.stakeholder p p, section.bridge.stakeholder p .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.sea section.bridge.stakeholder p p, section.bridge.stakeholder p .aboutcard.team .quote.locale-menu.den p, .aboutcard.team .quote.locale-menu.den section.bridge.stakeholder p p, section.bridge.stakeholder p .story-quote.locale-menu.sea p, .story-quote.locale-menu.sea section.bridge.stakeholder p p, section.bridge.stakeholder p .story-quote.locale-menu.den p, .story-quote.locale-menu.den section.bridge.stakeholder p p, section.bridge.stakeholder p section.description p, section.description section.bridge.stakeholder p p, section.bridge.stakeholder p .aboutcard.board.active .tile h5, .aboutcard.board.active .tile section.bridge.stakeholder p h5 {
      font-size: 2.75rem; }
      @media (max-width: 768px) {
        section.bridge.stakeholder p .large, section.bridge.stakeholder p .statement .line, section.bridge.stakeholder .statement p .line, section.bridge.stakeholder p section.slider p, section.slider section.bridge.stakeholder p p, section.bridge.stakeholder p section.sliderh p, section.sliderh section.bridge.stakeholder p p, section.bridge.stakeholder p section.neighbors p, section.neighbors section.bridge.stakeholder p p, section.bridge.stakeholder p section.bridge.letter p, section.bridge.letter section.bridge.stakeholder p p, section.bridge.stakeholder p .story-quote.short p, .story-quote.short section.bridge.stakeholder p p, section.bridge.stakeholder p .aboutcard.team .short.quote p, .aboutcard.team .short.quote section.bridge.stakeholder p p, section.bridge.stakeholder p .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.sea section.bridge.stakeholder p p, section.bridge.stakeholder p .aboutcard.team .quote.locale-menu.den p, .aboutcard.team .quote.locale-menu.den section.bridge.stakeholder p p, section.bridge.stakeholder p .story-quote.locale-menu.sea p, .story-quote.locale-menu.sea section.bridge.stakeholder p p, section.bridge.stakeholder p .story-quote.locale-menu.den p, .story-quote.locale-menu.den section.bridge.stakeholder p p, section.bridge.stakeholder p section.description p, section.description section.bridge.stakeholder p p, section.bridge.stakeholder p .aboutcard.board.active .tile h5, .aboutcard.board.active .tile section.bridge.stakeholder p h5 {
          font-size: 1.85rem; } }
    section.bridge.stakeholder p .xlarge, section.bridge.stakeholder p p, section.bridge.stakeholder p section.teamcta .h-col p, section.teamcta .h-col section.bridge.stakeholder p p, section.bridge.stakeholder p section.bridge.float.locale p, section.bridge.float.locale section.bridge.stakeholder p p {
      font-size: 3.5rem; }

@media (max-width: 768px) {
  section.bridge.stakeholder.ctps h2 {
    width: 90%;
    font-size: 11.5vw; } }

section.bridge.stakeholder.ctps p {
  max-width: 720px;
  margin: 0 auto;
  font-size: 2.5rem; }
  @media (max-width: 768px) {
    section.bridge.stakeholder.ctps p {
      font-size: 1.85rem; } }

section.bridge.stakeholder.ctps .line {
  margin: 4.5rem auto; }

section.bridge.stakeholder.ctps h3 {
  margin-bottom: 2.5rem; }
  @media (max-width: 768px) {
    section.bridge.stakeholder.ctps h3 {
      width: 92.5%; } }

section.bridge.stakeholder.ctps p:last-of-type {
  margin-top: 3.5rem; }
  @media (max-width: 768px) {
    section.bridge.stakeholder.ctps p:last-of-type {
      width: 92.5%;
      line-height: 1.2;
      font-size: 1.75rem; } }
  section.bridge.stakeholder.ctps p:last-of-type a {
    display: block; }
    @media (max-width: 768px) {
      section.bridge.stakeholder.ctps p:last-of-type a {
        padding-top: 1rem; } }

section.bridge .mission, section.bridge .statement {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

section.bridge .statement h2 {
  padding-top: 9vh;
  line-height: 1.3;
  font-size: 5vw; }
  @media (min-width: 1800px) {
    section.bridge .statement h2 {
      padding-top: 5vh;
      font-size: 7.5rem; } }
  @media (max-width: 768px) {
    section.bridge .statement h2 {
      font-size: 4rem; }
      section.bridge .statement h2 br {
        display: inline; } }

section.bridge .statement .line {
  margin: -1.5rem auto 4.5rem; }
  @media (max-width: 768px) {
    section.bridge .statement .line {
      margin: 1rem auto 2.5rem; } }

@media (max-width: 768px) {
  section.bridge .statement p {
    width: 80%; } }

.managed_care .bridge h2 strong {
  display: block; }

@media (max-width: 768px) {
  .hospitals .bridge p br {
    display: none; } }

.footer {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 7rem 0;
  color: #fff; }
  .footer .app-buttons {
    margin: 0 0 1rem; }
    .footer .app-buttons .btn-app {
      margin-top: 0; }

.footer .footer-content .shell:first-child {
  max-width: 500px; }
  .footer .footer-content .shell:first-child img {
    width: 44vw;
    max-width: 228px; }
  .footer .footer-content .shell:first-child p {
    width: 90%;
    max-width: 312px;
    margin: 30px auto 36px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    font-weight: 300; }

.footer .footer-bar {
  position: relative;
  margin-top: 7.5vh; }

.footer [class^="list-"] {
  margin-bottom: 15px; }

.footer .transparent {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px; }

.footer .list-contacts {
  padding: 1rem 0;
  margin-bottom: 1rem;
  line-height: 1.75rem;
  text-transform: lowercase; }

.subscribe_form {
  width: 285px;
  margin: auto;
  white-space: nowrap; }
  .subscribe_form input {
    width: 63%;
    height: 40px;
    padding-left: 15px;
    border: none;
    border-radius: 4px 0 0 4px;
    background: rgba(255, 255, 255, 0.18);
    font-size: 1.3334rem; }
  .subscribe_form button {
    vertical-align: top;
    width: 39%;
    margin-left: -2%; }
  .subscribe_form .small, .subscribe_form .contact_us-form.med {
    padding: 0;
    letter-spacing: 0.03rem; }

.footer .account-link {
  position: absolute;
  bottom: 2.75rem;
  width: 100%; }
  .footer .account-link a {
    margin: auto;
    padding: 0 1rem;
    line-height: 2;
    font-size: 2.25rem;
    opacity: 0.6; }
    .footer .account-link a:hover {
      opacity: 1; }
    @media (max-width: 768px) {
      .footer .account-link a {
        font-size: 1.75rem; } }

@media (min-width: 769px) {
  .footer {
    height: 100%; }
  .footer .footer-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10vh 0 0;
    height: 30vh; }
  .footer .footer-content .shell:first-child {
    width: 22vw;
    min-width: 340px;
    max-width: 400px;
    margin-right: 4.5vw;
    justify-content: space-between;
    align-items: center; }
    .footer .footer-content .shell:first-child img {
      width: 66%; }
    .footer .footer-content .shell:first-child p {
      line-height: 30px;
      font-size: 20px; }
  .footer .footer-content .shell {
    display: flex;
    width: auto;
    flex-direction: column;
    margin: 0 0 0 2.5vw;
    padding: 0; }
  .footer .footer-content .shell ul {
    list-style-type: none; }
  .footer .footer-content h4 {
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 26px;
    text-transform: lowercase; }
  .footer .footer-content li {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 1.15vh; }
  .footer .transparent {
    margin-right: 20px; }
  .footer .list-contacts {
    line-height: 2rem; }
  .footer .footer-content {
    padding: 0 0 0 2vw;
    justify-content: center;
    height: auto; } }

section.slider {
  z-index: 1;
  overflow: visible;
  padding-top: 10vh;
  padding-bottom: 25vh; }
  @media (max-width: 768px) {
    section.slider {
      padding-top: 0;
      padding-bottom: 15vh; } }
  section.slider .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 85%;
    height: 100vh;
    min-height: 780px;
    transition: height 0.75s ease-in-out; }
    @media (max-width: 768px) {
      section.slider .content-wrapper {
        width: 90%;
        height: 90vh;
        min-height: 700px; } }
    @media (min-width: 1500px) {
      section.slider .content-wrapper {
        max-width: 1200px; } }
  section.slider.tall {
    padding-top: 10vh;
    padding-bottom: 65vh; }
    section.slider.tall .content-wrapper {
      height: 110vh;
      min-height: 1020px; }

.slides-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%; }
  @media (max-width: 768px) {
    .slides-wrapper {
      z-index: 9; } }

.slide-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%; }
  .slide-wrap .content-col {
    position: relative;
    z-index: 3;
    width: 60%;
    min-width: 510px; }
    @media (max-width: 768px) {
      .slide-wrap .content-col {
        width: 90%;
        min-width: 90%; }
        .slide-wrap .content-col br {
          display: none; }
        .slide-wrap .content-col p {
          width: 100%; } }
  .slide-wrap p {
    width: 80%; }
  .slide-wrap.center, .app-showcase.center .phone-wrapper .slide-wrap.phone, .app-showcase.first .phone-wrapper .slide-wrap.phone, .app-showcase.fifth .phone-wrapper .slide-wrap.phone, .slide-wrap.first.app-showcase, .slide-wrap.fifth.app-showcase {
    align-items: center;
    text-align: center; }
    .slide-wrap.center .content-col, .app-showcase.center .phone-wrapper .slide-wrap.phone .content-col, .app-showcase.first .phone-wrapper .slide-wrap.phone .content-col, .app-showcase.fifth .phone-wrapper .slide-wrap.phone .content-col, .slide-wrap.first.app-showcase .content-col, .slide-wrap.fifth.app-showcase .content-col {
      width: 75%; }
    .slide-wrap.center p, .app-showcase.center .phone-wrapper .slide-wrap.phone p, .app-showcase.first .phone-wrapper .slide-wrap.phone p, .app-showcase.fifth .phone-wrapper .slide-wrap.phone p, .slide-wrap.first.app-showcase p, .slide-wrap.fifth.app-showcase p {
      margin: 1.5rem auto 0;
      text-align: center; }
    @media (max-width: 768px) {
      .slide-wrap.center, .app-showcase.center .phone-wrapper .slide-wrap.phone, .app-showcase.first .phone-wrapper .slide-wrap.phone, .app-showcase.fifth .phone-wrapper .slide-wrap.phone, .slide-wrap.first.app-showcase, .slide-wrap.fifth.app-showcase {
        text-align: left; }
        .slide-wrap.center h4.shead, .app-showcase.center .phone-wrapper .slide-wrap.phone h4.shead, .app-showcase.first .phone-wrapper .slide-wrap.phone h4.shead, .app-showcase.fifth .phone-wrapper .slide-wrap.phone h4.shead, .slide-wrap.first.app-showcase h4.shead, .slide-wrap.fifth.app-showcase h4.shead {
          text-align: center; }
        .slide-wrap.center .content-col, .app-showcase.center .phone-wrapper .slide-wrap.phone .content-col, .app-showcase.first .phone-wrapper .slide-wrap.phone .content-col, .app-showcase.fifth .phone-wrapper .slide-wrap.phone .content-col, .slide-wrap.first.app-showcase .content-col, .slide-wrap.fifth.app-showcase .content-col {
          width: 90%; } }
  .slide-wrap.right, .app-showcase.right .phone-wrapper .slide-wrap.phone, .app-showcase.second .phone-wrapper .slide-wrap.phone, .app-showcase.third .phone-wrapper .slide-wrap.phone, .app-showcase.fourth .phone-wrapper .slide-wrap.phone, .slide-wrap.second.app-showcase, .slide-wrap.third.app-showcase, .slide-wrap.fourth.app-showcase, .aboutcard.team .title .slide-wrap.arrow {
    align-items: flex-end; }
    .slide-wrap.right .content-col, .app-showcase.right .phone-wrapper .slide-wrap.phone .content-col, .app-showcase.second .phone-wrapper .slide-wrap.phone .content-col, .app-showcase.third .phone-wrapper .slide-wrap.phone .content-col, .app-showcase.fourth .phone-wrapper .slide-wrap.phone .content-col, .slide-wrap.second.app-showcase .content-col, .slide-wrap.third.app-showcase .content-col, .slide-wrap.fourth.app-showcase .content-col, .aboutcard.team .title .slide-wrap.arrow .content-col {
      padding-left: 6%; }
    .slide-wrap.right p, .app-showcase.right .phone-wrapper .slide-wrap.phone p, .app-showcase.second .phone-wrapper .slide-wrap.phone p, .app-showcase.third .phone-wrapper .slide-wrap.phone p, .app-showcase.fourth .phone-wrapper .slide-wrap.phone p, .slide-wrap.second.app-showcase p, .slide-wrap.third.app-showcase p, .slide-wrap.fourth.app-showcase p, .aboutcard.team .title .slide-wrap.arrow p {
      width: 85%; }

.slider-nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  z-index: 99;
  width: 150px;
  height: 300px;
  margin-top: 7.5vh; }
  .slider-nav .arrowh {
    position: absolute;
    right: 50px; }
    @media (max-width: 768px) {
      .slider-nav .arrowh {
        right: 60px; } }
  .slider-nav .arrow.large, .slider-nav section.bridge .statement .arrow.line, section.bridge .statement .slider-nav .arrow.line, .slider-nav section.slider p.arrow, section.slider .slider-nav p.arrow, .slider-nav section.sliderh p.arrow, section.sliderh .slider-nav p.arrow, .slider-nav section.neighbors p.arrow, section.neighbors .slider-nav p.arrow, .slider-nav section.bridge.letter p.arrow, section.bridge.letter .slider-nav p.arrow, .slider-nav .story-quote.short p.arrow, .story-quote.short .slider-nav p.arrow, .slider-nav .aboutcard.team .short.quote p.arrow, .aboutcard.team .short.quote .slider-nav p.arrow, .slider-nav .aboutcard.team .quote.locale-menu.sea p.arrow, .aboutcard.team .quote.locale-menu.sea .slider-nav p.arrow, .slider-nav .aboutcard.team .quote.locale-menu.den p.arrow, .aboutcard.team .quote.locale-menu.den .slider-nav p.arrow, .slider-nav .story-quote.locale-menu.sea p.arrow, .story-quote.locale-menu.sea .slider-nav p.arrow, .slider-nav .story-quote.locale-menu.den p.arrow, .story-quote.locale-menu.den .slider-nav p.arrow, .slider-nav section.description p.arrow, section.description .slider-nav p.arrow, .slider-nav .aboutcard.board.active .tile h5.arrow, .aboutcard.board.active .tile .slider-nav h5.arrow {
    width: auto; }
  .slider-nav.next {
    right: -7.5%;
    text-align: right; }
    @media (max-width: 768px) {
      .slider-nav.next {
        top: 50%; } }
    .slider-nav.next .arrowh {
      opacity: 0; }
      .slider-nav.next .arrowh span {
        margin-right: -7px; }
    @media (min-width: 769px) {
      .slider-nav.next:hover .arrowh {
        transform: translateX(12px);
        opacity: 1; } }
  .slider-nav.prev {
    left: -7.5%;
    width: 90px;
    text-align: left; }
    @media (max-width: 768px) {
      .slider-nav.prev {
        top: 20%;
        left: -5%; } }
    .slider-nav.prev .arrow {
      width: 100px;
      opacity: 0.33; }
    .slider-nav.prev:hover .arrow {
      opacity: 1; }
  @media (max-width: 768px) {
    .slider-nav .arrow.large, .slider-nav section.bridge .statement .arrow.line, section.bridge .statement .slider-nav .arrow.line, .slider-nav section.slider p.arrow, section.slider .slider-nav p.arrow, .slider-nav section.sliderh p.arrow, section.sliderh .slider-nav p.arrow, .slider-nav section.neighbors p.arrow, section.neighbors .slider-nav p.arrow, .slider-nav section.bridge.letter p.arrow, section.bridge.letter .slider-nav p.arrow, .slider-nav .story-quote.short p.arrow, .story-quote.short .slider-nav p.arrow, .slider-nav .aboutcard.team .short.quote p.arrow, .aboutcard.team .short.quote .slider-nav p.arrow, .slider-nav .aboutcard.team .quote.locale-menu.sea p.arrow, .aboutcard.team .quote.locale-menu.sea .slider-nav p.arrow, .slider-nav .aboutcard.team .quote.locale-menu.den p.arrow, .aboutcard.team .quote.locale-menu.den .slider-nav p.arrow, .slider-nav .story-quote.locale-menu.sea p.arrow, .story-quote.locale-menu.sea .slider-nav p.arrow, .slider-nav .story-quote.locale-menu.den p.arrow, .story-quote.locale-menu.den .slider-nav p.arrow, .slider-nav section.description p.arrow, section.description .slider-nav p.arrow, .slider-nav .aboutcard.board.active .tile h5.arrow, .aboutcard.board.active .tile .slider-nav h5.arrow {
      transform: scale(0.6667); }
    .slider-nav.next {
      right: -6.5%; }
      .slider-nav.next .arrowh {
        opacity: 1; } }

.slides-wrapper.first .slider-nav.next .arrowh {
  animation: 4s cue-fade cubic-bezier(0.25, 1, 0.6, 1) infinite; }

.slides-wrapper.first .slider-nav.next .arrow {
  animation: 4s 2s cue-right cubic-bezier(0.25, 1, 0.6, 1) infinite; }

.slides-wrapper.first .slider-nav.next:hover .arrowh {
  animation: none;
  opacity: 1;
  transition: all 0.2s 0s, opacity 0s 0s; }

.slides-wrapper.last .slider-nav.next .arrowh {
  opacity: 0; }

.slides-wrapper.last .slider-nav.next:hover .arrowh {
  opacity: 0; }

body.stakeholder .slider-nav.prev {
  left: -8%; }

.slide-wrap .content-col {
  opacity: 0;
  transform: translateX(50%);
  transition: all 0.75s;
  transition-timing-function: ease-out; }

.slide-wrap.last .content-col {
  opacity: 0;
  transform: translateX(35%);
  transition: all 0.75s;
  transition-timing-function: ease-out; }

.slide-wrap.first .content-col {
  transform: translateX(-50%); }

.slides-wrapper.first .slide-wrap.first .content-col {
  transform: none;
  opacity: 1;
  transition: all 0.75s 0.5s;
  transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }
  .slides-wrapper.first .slide-wrap.first .content-col.smooth {
    transition: all 0.75s 0.75s;
    transition-timing-function: ease-out; }

.slides-wrapper.second .slide-wrap.second .content-col {
  transform: none;
  opacity: 1;
  transition: all 0.75s 0.5s;
  transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }
  .slides-wrapper.second .slide-wrap.second .content-col.smooth {
    transition: all 0.75s 0.75s;
    transition-timing-function: ease-out; }

.slides-wrapper.third .slide-wrap.third .content-col {
  transform: none;
  opacity: 1;
  transition: all 0.75s 0.5s;
  transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }
  .slides-wrapper.third .slide-wrap.third .content-col.smooth {
    transition: all 0.75s 0.75s;
    transition-timing-function: ease-out; }

.slides-wrapper.third .slide-wrap.second .content-col {
  transform: translateX(-50%) scale(1); }

.slides-wrapper.fourth .slide-wrap.fourth .content-col {
  transform: none;
  opacity: 1;
  transition: all 0.75s 0.5s;
  transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }
  .slides-wrapper.fourth .slide-wrap.fourth .content-col.smooth {
    transition: all 0.75s 0.75s;
    transition-timing-function: ease-out; }

.slides-wrapper.fourth .slide-wrap.third .content-col {
  transform: translateX(-50%) scale(1); }

.slides-wrapper.fifth .slide-wrap.fifth .content-col {
  transform: none;
  opacity: 1;
  transition: all 0.75s 0.5s;
  transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }
  .slides-wrapper.fifth .slide-wrap.fifth .content-col.smooth {
    transition: all 0.75s 0.75s;
    transition-timing-function: ease-out; }

.slides-wrapper.fifth .slide-wrap.fourth .content-col {
  transform: translateX(-50%) scale(1); }

.slides-wrapper.last .slide-wrap.last .content-col {
  transform: none;
  opacity: 1;
  transition: all 0.75s 0.5s;
  transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }
  .slides-wrapper.last .slide-wrap.last .content-col.smooth {
    transition: all 0.75s 0.75s;
    transition-timing-function: ease-out; }

.slides-wrapper.last .slide-wrap.walkthrough.fifth .content-col {
  transform: translateX(-50%) scale(1); }

.app-showcase, .app-showcase.first, .first.app-showcase.second, .first.app-showcase.third, .first.app-showcase.fourth, .first.app-showcase.fifth, .app-showcase.second, .second.app-showcase.third, .second.app-showcase.fourth, .second.app-showcase.fifth, .app-showcase.third, .third.app-showcase.fourth, .third.app-showcase.fifth, .app-showcase.fourth, .fourth.app-showcase.fifth, .app-showcase.fifth {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  transition: all 0.75s ease-in-out; }
  @media (max-width: 768px) {
    .app-showcase, .app-showcase.first, .first.app-showcase.second, .first.app-showcase.third, .first.app-showcase.fourth, .first.app-showcase.fifth, .app-showcase.second, .second.app-showcase.third, .second.app-showcase.fourth, .second.app-showcase.fifth, .app-showcase.third, .third.app-showcase.fourth, .third.app-showcase.fifth, .app-showcase.fourth, .fourth.app-showcase.fifth, .app-showcase.fifth {
      width: 100%; }
      .app-showcase .phone-wrapper, .app-showcase.first .phone-wrapper, .first.app-showcase.second .phone-wrapper, .first.app-showcase.third .phone-wrapper, .first.app-showcase.fourth .phone-wrapper, .first.app-showcase.fifth .phone-wrapper, .app-showcase.second .phone-wrapper, .second.app-showcase.third .phone-wrapper, .second.app-showcase.fourth .phone-wrapper, .second.app-showcase.fifth .phone-wrapper, .app-showcase.third .phone-wrapper, .third.app-showcase.fourth .phone-wrapper, .third.app-showcase.fifth .phone-wrapper, .app-showcase.fourth .phone-wrapper, .fourth.app-showcase.fifth .phone-wrapper, .app-showcase.fifth .phone-wrapper {
        transform: scale(0.85); } }
  .app-showcase--scroll {
    position: absolute;
    z-index: 1;
    top: 66%;
    width: 100%; }
    @media (max-width: 768px) {
      .app-showcase--scroll {
        top: 48%; } }
    .app-showcase--scroll.slow {
      top: -100vh; }
  .app-showcase.center, .app-showcase.center .phone-wrapper .app-showcase.phone, .app-showcase.first .phone-wrapper .app-showcase.phone, .app-showcase.fifth .phone-wrapper .app-showcase.phone, .app-showcase.first, .first.app-showcase.second, .first.app-showcase.third, .first.app-showcase.fourth, .first.app-showcase.fifth, .center.app-showcase.second, .second.app-showcase.fifth, .center.app-showcase.third, .third.app-showcase.fifth, .center.app-showcase.fourth, .fourth.app-showcase.fifth, .app-showcase.fifth {
    width: 100%;
    transition: all 0.75s 0.5s; }
    .app-showcase.center .shot, .app-showcase.center .phone-wrapper .app-showcase.phone .shot, .app-showcase.first .phone-wrapper .app-showcase.phone .shot, .app-showcase.fifth .phone-wrapper .app-showcase.phone .shot, .app-showcase.first .shot, .first.app-showcase.second .shot, .first.app-showcase.third .shot, .first.app-showcase.fourth .shot, .first.app-showcase.fifth .shot, .center.app-showcase.second .shot, .second.app-showcase.fifth .shot, .center.app-showcase.third .shot, .third.app-showcase.fifth .shot, .center.app-showcase.fourth .shot, .fourth.app-showcase.fifth .shot, .app-showcase.fifth .shot {
      opacity: 0; }
    .app-showcase.center .shot.light, .app-showcase.first .shot.light, .app-showcase.fifth .shot.light {
      animation: 3.6s fade linear infinite; }
    .app-showcase.center .phone-wrapper .phone, .app-showcase.first .phone-wrapper .phone, .app-showcase.fifth .phone-wrapper .phone {
      transition: all 1s 0.5s;
      transform-origin: 50% 0%; }
  .app-showcase.right, .app-showcase.right .phone-wrapper .app-showcase.phone, .app-showcase.second .phone-wrapper .app-showcase.phone, .app-showcase.third .phone-wrapper .app-showcase.phone, .app-showcase.fourth .phone-wrapper .app-showcase.phone, .right.app-showcase.first, .first.app-showcase.second, .first.app-showcase.third, .first.app-showcase.fourth, .app-showcase.second, .second.app-showcase.third, .second.app-showcase.fourth, .second.app-showcase.fifth, .app-showcase.third, .third.app-showcase.fourth, .third.app-showcase.fifth, .app-showcase.fourth, .fourth.app-showcase.fifth, .right.app-showcase.fifth, .aboutcard.team .title .app-showcase.arrow {
    width: 42.5%;
    transition: all 0.75s; }
    @media (max-width: 768px) {
      .app-showcase.right, .app-showcase.right .phone-wrapper .app-showcase.phone, .app-showcase.second .phone-wrapper .app-showcase.phone, .app-showcase.third .phone-wrapper .app-showcase.phone, .app-showcase.fourth .phone-wrapper .app-showcase.phone, .right.app-showcase.first, .first.app-showcase.second, .first.app-showcase.third, .first.app-showcase.fourth, .app-showcase.second, .second.app-showcase.third, .second.app-showcase.fourth, .second.app-showcase.fifth, .app-showcase.third, .third.app-showcase.fourth, .third.app-showcase.fifth, .app-showcase.fourth, .fourth.app-showcase.fifth, .right.app-showcase.fifth, .aboutcard.team .title .app-showcase.arrow {
        width: 75%; } }
    .app-showcase.right .phone-wrapper .phone, .app-showcase.second .phone-wrapper .phone, .app-showcase.third .phone-wrapper .phone, .app-showcase.fourth .phone-wrapper .phone, .aboutcard.team .title .app-showcase.arrow .phone-wrapper .phone {
      transition: all 0.75s 0.5s;
      transform-origin: 50% 50%; }
  .app-showcase.left, section.bridge.left p.app-showcase, .app-showcase.left .phone-wrapper .app-showcase.phone, .app-showcase.last .phone-wrapper .app-showcase.phone, .left.app-showcase.first, .first.app-showcase.last, .left.app-showcase.second, .second.app-showcase.last, .left.app-showcase.third, .third.app-showcase.last, .left.app-showcase.fourth, .fourth.app-showcase.last, .left.app-showcase.fifth, .fifth.app-showcase.last, .app-showcase.last, .aboutcard.team a.app-showcase.arrow {
    width: 160%;
    transition: all 0.75s 0.5s; }
    @media (max-width: 768px) {
      .app-showcase.left, section.bridge.left p.app-showcase, .app-showcase.left .phone-wrapper .app-showcase.phone, .app-showcase.last .phone-wrapper .app-showcase.phone, .left.app-showcase.first, .first.app-showcase.last, .left.app-showcase.second, .second.app-showcase.last, .left.app-showcase.third, .third.app-showcase.last, .left.app-showcase.fourth, .fourth.app-showcase.last, .left.app-showcase.fifth, .fifth.app-showcase.last, .app-showcase.last, .aboutcard.team a.app-showcase.arrow {
        width: 215%;
        margin-top: 50%; } }
    .app-showcase.left .shot, section.bridge.left p.app-showcase .shot, .app-showcase.left .phone-wrapper .app-showcase.phone .shot, .app-showcase.last .phone-wrapper .app-showcase.phone .shot, .left.app-showcase.first .shot, .first.app-showcase.last .shot, .left.app-showcase.second .shot, .second.app-showcase.last .shot, .left.app-showcase.third .shot, .third.app-showcase.last .shot, .left.app-showcase.fourth .shot, .fourth.app-showcase.last .shot, .left.app-showcase.fifth .shot, .fifth.app-showcase.last .shot, .app-showcase.last .shot, .aboutcard.team a.app-showcase.arrow .shot {
      opacity: 1; }
    .app-showcase.left .shot.light, section.bridge.left p.app-showcase .shot.light, .app-showcase.last .shot.light, .aboutcard.team a.app-showcase.arrow .shot.light {
      display: none; }

.first.app-showcase .appUI.profile {
  display: block;
  transform: translateX(75%); }

.first.app-showcase .appUI.members {
  opacity: 1;
  top: 55%;
  left: 2.5%;
  width: 95%; }

.first.app-showcase .appUI.goals {
  display: block;
  z-index: 1;
  top: 37.5%;
  transform-origin: 100% 50%;
  transition: all 0.5s;
  transform: scale(1) translateX(60%) translateY(0%); }

.second.app-showcase .appUI.profile {
  display: block;
  opacity: 1;
  transform: none;
  transition: all 1s 0.5s; }
  .second.app-showcase .appUI.profile img:first-of-type {
    transition: all 0.5s 0.75; }
  .second.app-showcase .appUI.profile img:last-of-type {
    transition: all 0.75s 0.15s; }

.second.app-showcase .appUI.goals {
  display: block;
  z-index: 1;
  top: 37.5%;
  transform-origin: 100% 50%;
  transition: all 0.5s;
  transform: scale(1) translateX(60%) translateY(0%); }

.second.fold.app-showcase .appUI.profile img:first-of-type {
  transform: scale(0.85) translateX(7.5%) translateY(-5%); }

.second.fold.app-showcase .appUI.profile img:last-of-type {
  transition: all 1s 0.15s;
  transform: translateY(-106%); }

.second.fold.app-showcase .appUI.goals {
  opacity: 1;
  transform: scale(1.1);
  transition: all 0.75s 0.5s; }

.second.app-showcase .appUI.goal {
  display: block;
  z-index: 3;
  top: 15%;
  transform-origin: 100% 50%;
  transform: scale(0.75) translateX(50%); }

.second.app-showcase .appUI.debitcard {
  display: block;
  z-index: 2;
  top: 7.5%;
  transform-origin: 100% 50%;
  transform: scale(0.6) translateX(7.5%); }

.third.app-showcase .appUI.profile {
  display: block;
  z-index: 1;
  opacity: 1;
  transform: none;
  transition-delay: 0.5s; }
  .third.app-showcase .appUI.profile img:first-of-type {
    transform: scale(0.85) translateX(7.5%) translateY(-5%); }
  .third.app-showcase .appUI.profile img:last-of-type {
    transition: all 1s 0s;
    transform: translateY(-145%); }

.third.app-showcase .appUI.goals {
  display: block;
  z-index: 1;
  opacity: 1;
  transition: all 1s 0s;
  transform-origin: 100% 50%;
  transform: scale(0.85) translateX(-75%) translateY(75%); }

.third.app-showcase .appUI.goal {
  display: block;
  z-index: 4;
  top: 15%;
  opacity: 1;
  transform-origin: 100% 50%;
  transform: scale(1.12) translateX(-5%);
  transition: all 0.75s 0.2s; }

.third.app-showcase .appUI.debitcard {
  display: block;
  z-index: 3;
  top: -18%;
  opacity: 1;
  transform-origin: 100% 50%;
  transform: scale(0.75) translateX(-92.5%);
  transition: all 0.75s 0.35s; }

.third.app-showcase .appUI.redemption {
  display: block;
  z-index: 1;
  right: 0 !important;
  bottom: 0 !important;
  top: 100%;
  width: 100% !important;
  opacity: 0; }
  .third.app-showcase .appUI.redemption span {
    animation: none; }

.fourth.app-showcase .appUI.profile {
  display: block;
  z-index: 1;
  opacity: 1;
  transform: none;
  transition-delay: 0.5s;
  top: -10%; }
  .fourth.app-showcase .appUI.profile img:first-of-type {
    transition-delay: 0.5s;
    transform: scale(0.9) translateX(-39%) translateY(-9%); }
  .fourth.app-showcase .appUI.profile img:last-of-type {
    display: none;
    transition: all 1s 0s;
    transform: translateY(-145%); }

.fourth.app-showcase .appUI.debitcard {
  display: block;
  z-index: 3;
  top: -9.5%;
  opacity: 1;
  transform-origin: 0% 50%;
  transform: scale(0.95) translateX(60%);
  transition: all 0.75s 0.2s; }

.fourth.app-showcase .appUI.goals {
  display: block;
  opacity: 0;
  transition: all 0.75s 0s;
  transform-origin: 100% 50%;
  transform: scale(0.6) translateX(-100%) translateY(115%); }

.fourth.app-showcase .appUI.goal {
  display: block;
  z-index: 4;
  opacity: 1;
  transition: all 1s 0s;
  transform: scale(0.85) translateX(-69%) translateY(75%); }

.fourth.app-showcase .appUI.redemption {
  display: block;
  z-index: 1;
  right: 0 !important;
  bottom: 0 !important;
  top: 10%;
  width: 100% !important;
  opacity: 1; }
  .fourth.app-showcase .appUI.redemption span {
    animation: none; }

.fourth.app-showcase .appUI.message {
  display: block; }

.fourth.app-showcase .appUI.checkin {
  display: block; }

.fourth.app-showcase .appUI.checkin.walkwithp, .fourth.app-showcase .appUI.checkin.messages {
  z-index: 1; }

.fourth.app-showcase .appUI.checkin.messaging, .fourth.app-showcase .appUI.checkin.messages {
  top: 50%;
  left: 50%; }

.fifth.app-showcase .appUI.profile {
  display: block;
  z-index: 1;
  transform: none;
  top: -10%; }
  .fifth.app-showcase .appUI.profile img:first-of-type {
    transition-delay: 0.5s;
    transform: scale(0.9) translateX(-39%) translateY(-9%); }
  .fifth.app-showcase .appUI.profile img:last-of-type {
    display: none;
    transform: translateY(-145%); }

.fifth.app-showcase .appUI.debitcard {
  display: block;
  z-index: 3;
  top: -9.5%;
  opacity: 0;
  transform-origin: 0% 50%;
  transform: scale(0.95) translateX(160%); }

.fifth.app-showcase .appUI.goal {
  display: block;
  z-index: 4;
  transform: scale(0.85) translateX(-69%) translateY(75%); }

.fifth.app-showcase .appUI.redemption {
  display: block;
  z-index: 1;
  top: 10%;
  width: 100% !important; }
  .fifth.app-showcase .appUI.redemption span {
    animation: none; }

.fifth.app-showcase .appUI.goals, .fifth.app-showcase .appUI.goal, .fifth.app-showcase .appUI.redemption, .fifth.app-showcase .appUI.profile {
  display: block;
  transition: all 0.75s 0s;
  right: -100% !important;
  opacity: 0; }

.fifth.app-showcase .appUI.checkin, .fifth.app-showcase .appUI.messaging, .fifth.app-showcase .appUI.messages, .fifth.app-showcase .appUI.walkwithp {
  display: block;
  left: 0;
  top: 0;
  opacity: 0; }

.fifth.app-showcase .appUI.checkin.walkwithp, .fifth.app-showcase .appUI.checkin.messages {
  z-index: 1; }

.fifth.app-showcase .appUI.checkin, .fifth.app-showcase .appUI.messaging, .fifth.app-showcase .appUI.messages, .fifth.app-showcase .appUI.walkwithp {
  display: block;
  opacity: 1; }

.fifth.app-showcase .appUI.checkin {
  transition: 0.75s 0.8s;
  width: 100% !important;
  height: auto !important;
  left: -130%;
  top: -10%;
  transform: scale(1); }
  @media (max-width: 768px) {
    .fifth.app-showcase .appUI.checkin {
      left: 10%;
      top: -30%;
      transform: scale(0.875); } }

.fifth.app-showcase .appUI.walkwithp {
  transition: 0.75s 0.95s;
  width: 100% !important;
  height: auto !important;
  left: -70%;
  top: -30%;
  transform: scale(0.75); }
  @media (max-width: 768px) {
    .fifth.app-showcase .appUI.walkwithp {
      z-index: 2;
      left: 45%;
      top: -18%;
      transform: scale(0.69); } }

.fifth.app-showcase .appUI.messaging {
  transition: 0.75s 1.1s;
  width: 100% !important;
  height: auto !important;
  left: 110%;
  top: 62%;
  transform: scale(1); }
  @media (max-width: 768px) {
    .fifth.app-showcase .appUI.messaging {
      left: -25%;
      top: 90%; } }

.fifth.app-showcase .appUI.messages {
  transition: 0.75s 1.25s;
  width: 100% !important;
  height: auto !important;
  left: 35%;
  top: 75%;
  transform: scale(0.8); }
  @media (max-width: 768px) {
    .fifth.app-showcase .appUI.messages {
      transform: scale(0.66);
      left: -80%;
      top: 81%; } }

.fifth.app-showcase .appUI.members, .fifth.app-showcase .appUI.walkwith {
  display: block;
  opacity: 0;
  left: 50%; }

.fifth.app-showcase .appUI.walkwith {
  top: 6%;
  z-index: 4;
  transform-origin: 50% 15%;
  transform: scale(0.8) translateX(6%); }

.fifth.app-showcase .appUI.members {
  top: 54%;
  transform-origin: 37.5% 15%;
  transform: scale(0.6); }

.app-showcase.last .appUI.checkin {
  transition: 0.75s 0.5s;
  left: -82%;
  top: -12%;
  transform-origin: 25% 0%;
  transform: scale(0.85) translateX(-25%); }
  @media (max-width: 768px) {
    .app-showcase.last .appUI.checkin {
      opacity: 0; } }

.app-showcase.last .appUI.walkwithp {
  transition: 0.75s 0.5s;
  left: -33%;
  top: -45%;
  transform-origin: 0% 0%;
  transform: scale(0.7) translateX(-30%); }
  @media (max-width: 768px) {
    .app-showcase.last .appUI.walkwithp {
      opacity: 0; } }

.app-showcase.last .appUI.messaging {
  transition: 0.75s 0.5s;
  left: -82%;
  top: 72%;
  transform-origin: 25% 100%;
  transform: scale(0.85) translateX(-25%); }
  @media (max-width: 768px) {
    .app-showcase.last .appUI.messaging {
      opacity: 0; } }

.app-showcase.last .appUI.messages {
  transition: 0.75s 0.5s;
  left: -36%;
  top: 108%;
  transform-origin: 0% 100%;
  transform: scale(0.6) translateX(-30%); }
  @media (max-width: 768px) {
    .app-showcase.last .appUI.messages {
      opacity: 0; } }

.app-showcase.last .appUI.walkwith {
  display: block;
  opacity: 1;
  transition: 1s 0.75s;
  top: 6%;
  left: 0;
  z-index: 4;
  transform: scale(1) translateX(6%); }

.app-showcase.last .appUI.members {
  display: block;
  opacity: 1;
  transition: 1s 0.75s;
  top: 54%;
  left: 0;
  transform: scale(0.8); }

section.slider.walkthrough .content-wrapper {
  height: 100vh; }

section.slider.walkthrough .app-showcase .phone-wrapper {
  margin-top: 53vh; }

section.slider.walkthrough.slide1 .content-wrapper {
  height: 100vh; }

section.slider.walkthrough.slide1 .app-showcase .phone-wrapper {
  margin-top: 62vh; }

section.slider.walkthrough .slide2 .content-wrapper, section.slider.walkthrough .slide3 .content-wrapper, section.slider.walkthrough .slide4 .content-wrapper, section.slider.walkthrough .slide5 .content-wrapper, section.slider.walkthrough .slide6 .content-wrapper {
  height: 120vh; }

section.slider.walkthrough.slide5 .app-showcase .phone-wrapper {
  margin-top: 62vh; }

@media (max-width: 768px) {
  section.slider.walkthrough.slide6 .app-showcase .phone-wrapper {
    margin-top: 55vh;
    transform: scale(0.85) translateX(15%); } }

section.slider.stakeholder .content-wrapper {
  height: 120vh; }

section.sliderh {
  z-index: 2;
  overflow: visible;
  padding-top: 10vh;
  padding-bottom: 45vh; }
  @media (max-width: 768px) {
    section.sliderh {
      z-index: 1;
      padding-top: 0;
      padding-bottom: 40vh; } }
  section.sliderh .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 85%;
    height: 100vh;
    min-height: 780px;
    transition: height 0.75s ease-in-out; }
    @media (max-width: 768px) {
      section.sliderh .content-wrapper {
        width: 90%;
        height: 100vh;
        min-height: 700px; } }
    @media (min-width: 1500px) {
      section.sliderh .content-wrapper {
        max-width: 1200px; } }
  section.sliderh.tall {
    padding-top: 10vh;
    padding-bottom: 65vh; }
    section.sliderh.tall .content-wrapper {
      height: 110vh;
      min-height: 1020px; }

.slides-wrapperh {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin-top: -200vh; }
  @media (max-width: 768px) {
    .slides-wrapperh {
      margin-top: -175vh; } }

.slide-wraph {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%; }
  .slide-wraph.second {
    margin-top: 25vh; }
    @media (max-width: 768px) {
      .slide-wraph.second {
        margin-top: 125vh; } }
  .slide-wraph .content-col {
    position: relative;
    z-index: 3;
    width: 60%;
    min-width: 510px; }
    @media (max-width: 768px) {
      .slide-wraph .content-col {
        width: 90%;
        min-width: 90%; }
        .slide-wraph .content-col br {
          display: none; }
        .slide-wraph .content-col p {
          width: 100%; } }
  .slide-wraph p {
    width: 80%; }
  .slide-wraph.center, .app-showcase.center .phone-wrapper .slide-wraph.phone, .app-showcase.first .phone-wrapper .slide-wraph.phone, .app-showcase.fifth .phone-wrapper .slide-wraph.phone, .slide-wraph.first.app-showcase, .slide-wraph.fifth.app-showcase {
    align-items: center;
    text-align: center; }
    .slide-wraph.center .content-col, .app-showcase.center .phone-wrapper .slide-wraph.phone .content-col, .app-showcase.first .phone-wrapper .slide-wraph.phone .content-col, .app-showcase.fifth .phone-wrapper .slide-wraph.phone .content-col, .slide-wraph.first.app-showcase .content-col, .slide-wraph.fifth.app-showcase .content-col {
      width: 75%; }
    .slide-wraph.center p, .app-showcase.center .phone-wrapper .slide-wraph.phone p, .app-showcase.first .phone-wrapper .slide-wraph.phone p, .app-showcase.fifth .phone-wrapper .slide-wraph.phone p, .slide-wraph.first.app-showcase p, .slide-wraph.fifth.app-showcase p {
      margin: 1.5rem auto 0;
      text-align: center; }
    @media (max-width: 768px) {
      .slide-wraph.center, .app-showcase.center .phone-wrapper .slide-wraph.phone, .app-showcase.first .phone-wrapper .slide-wraph.phone, .app-showcase.fifth .phone-wrapper .slide-wraph.phone, .slide-wraph.first.app-showcase, .slide-wraph.fifth.app-showcase {
        text-align: left; }
        .slide-wraph.center h4.shead, .app-showcase.center .phone-wrapper .slide-wraph.phone h4.shead, .app-showcase.first .phone-wrapper .slide-wraph.phone h4.shead, .app-showcase.fifth .phone-wrapper .slide-wraph.phone h4.shead, .slide-wraph.first.app-showcase h4.shead, .slide-wraph.fifth.app-showcase h4.shead {
          text-align: center; }
        .slide-wraph.center .content-col, .app-showcase.center .phone-wrapper .slide-wraph.phone .content-col, .app-showcase.first .phone-wrapper .slide-wraph.phone .content-col, .app-showcase.fifth .phone-wrapper .slide-wraph.phone .content-col, .slide-wraph.first.app-showcase .content-col, .slide-wraph.fifth.app-showcase .content-col {
          width: 90%; } }
  .slide-wraph.right, .app-showcase.right .phone-wrapper .slide-wraph.phone, .app-showcase.second .phone-wrapper .slide-wraph.phone, .app-showcase.third .phone-wrapper .slide-wraph.phone, .app-showcase.fourth .phone-wrapper .slide-wraph.phone, .slide-wraph.second.app-showcase, .slide-wraph.third.app-showcase, .slide-wraph.fourth.app-showcase, .aboutcard.team .title .slide-wraph.arrow {
    align-items: flex-end; }
    .slide-wraph.right .content-col, .app-showcase.right .phone-wrapper .slide-wraph.phone .content-col, .app-showcase.second .phone-wrapper .slide-wraph.phone .content-col, .app-showcase.third .phone-wrapper .slide-wraph.phone .content-col, .app-showcase.fourth .phone-wrapper .slide-wraph.phone .content-col, .slide-wraph.second.app-showcase .content-col, .slide-wraph.third.app-showcase .content-col, .slide-wraph.fourth.app-showcase .content-col, .aboutcard.team .title .slide-wraph.arrow .content-col {
      padding-left: 6%; }
    .slide-wraph.right p, .app-showcase.right .phone-wrapper .slide-wraph.phone p, .app-showcase.second .phone-wrapper .slide-wraph.phone p, .app-showcase.third .phone-wrapper .slide-wraph.phone p, .app-showcase.fourth .phone-wrapper .slide-wraph.phone p, .slide-wraph.second.app-showcase p, .slide-wraph.third.app-showcase p, .slide-wraph.fourth.app-showcase p, .aboutcard.team .title .slide-wraph.arrow p {
      width: 85%; }

.slide-wraph .content-col {
  opacity: 0;
  transform: translateX(50%);
  transition: all 0.75s;
  transition-timing-function: ease-out; }

.slide-wraph.first .content-col {
  transform: translateX(-50%); }

.slides-wrapperh.first .slide-wraph.first .content-col {
  transform: none;
  opacity: 1;
  transition: all 0.75s 0.5s;
  transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }

.slides-wrapperh.second .slide-wraph.second .content-col {
  transform: none;
  opacity: 1;
  transition: all 0.75s 0.5s;
  transition-timing-function: cubic-bezier(0.07, 0.49, 0.32, 0.98); }

.postw, .intro.cover .content-wrapper, section.bridge.float.journal, section.bridge.float.locale {
  width: 70vw;
  max-width: 1120px; }
  @media (min-width: 768px) and (max-width: 1400px) {
    .postw, .intro.cover .content-wrapper, section.bridge.float.journal, section.bridge.float.locale {
      width: 75vw;
      min-width: 940px; } }
  @media (min-width: 768px) and (max-width: 1168px) {
    .postw, .intro.cover .content-wrapper, section.bridge.float.journal, section.bridge.float.locale {
      width: 80vw;
      min-width: 792px; } }
  @media (min-width: 768px) and (max-width: 960px) {
    .postw, .intro.cover .content-wrapper, section.bridge.float.journal, section.bridge.float.locale {
      width: 85vw;
      min-width: 690px; } }

.intro.cover {
  overflow: visible; }
  .intro.cover .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 88vh;
    min-height: 810px;
    max-height: 930px;
    padding-top: 0; }
    @media (max-width: 768px) {
      .intro.cover .content-wrapper {
        width: 100%;
        height: 88vh;
        min-height: 690px;
        max-height: 900px; } }
  .intro.cover .cover-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 20rem;
    padding-bottom: 5rem; }
    @media (max-width: 768px) {
      .intro.cover .cover-wrap {
        padding-top: 8rem;
        padding-bottom: 3.25rem; } }
  .intro.cover .covercol {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    z-index: 3;
    width: 80%; }
    @media (max-width: 768px) {
      .intro.cover .covercol {
        width: 90%;
        text-align: left; } }
  .intro.cover .coverbg {
    position: absolute;
    z-index: 2;
    top: 10.5rem;
    top: 15rem;
    bottom: -5rem;
    left: -7.5rem;
    right: -7.5rem; }
    @media (max-width: 768px) {
      .intro.cover .coverbg {
        left: 0rem;
        right: 0rem;
        top: 11rem;
        bottom: -4rem; } }
    .intro.cover .coverbg:after {
      content: '';
      z-index: -3;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover;
      background: #3c426c;
      box-shadow: 0 18px 66px 3px rgba(0, 0, 0, 0.2); }
    .intro.cover .coverbg .overlay {
      z-index: 2;
      overflow: hidden; }
      .intro.cover .coverbg .overlay:before {
        content: '';
        z-index: 3;
        background: linear-gradient(to top, #0d0e26 0%, rgba(13, 14, 38, 0) 100%);
        opacity: 0.75; }
      .intro.cover .coverbg .overlay:after {
        content: '';
        z-index: 2;
        background: linear-gradient(to top, #454981 20%, rgba(69, 73, 129, 0) 100%), linear-gradient(to right, rgba(114, 121, 232, 0.5) 15%, rgba(114, 121, 232, 0) 70%);
        opacity: 0.5; }
    .intro.cover .coverbg img {
      display: inline-block;
      position: absolute;
      z-index: 0;
      width: auto;
      min-width: 100%;
      max-width: 110%;
      height: auto;
      min-height: 100%;
      transform: scale(1.05);
      animation: breathe 6.66s 0s ease-in-out infinite alternate; }
      @media (max-width: 768px) {
        .intro.cover .coverbg img {
          left: -50%;
          min-height: 100%;
          max-height: 100%;
          max-width: none; } }
    .intro.cover .coverbg img.alt {
      min-width: 100%;
      bottom: 0%; }

section {
  position: relative;
  z-index: 1;
  width: 100vw;
  max-width: 100%;
  background: #fff; }

section.float {
  width: 85vw;
  max-width: 1280px;
  min-height: 60vh;
  margin: auto;
  background: none; }
  @media (max-width: 768px) {
    section.float {
      width: 92.5vw; } }
  section.float:before, section.float:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px; }
  section.float:after {
    content: '';
    z-index: -1;
    background: #fff;
    box-shadow: 0 6px 24px -3px rgba(0, 0, 0, 0.175); }

section.dark, section.bodygap {
  color: #fff;
  background: none; }
  section.dark.bridge .line, section.bridge.bodygap .line {
    background-image: linear-gradient(to right, #9897e3 0%, #ebeeff 100%);
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
    opacity: 0.6; }
  section.dark.float, section.float.bodygap {
    background: none; }
    section.dark.float:after, section.float.bodygap:after {
      background-image: linear-gradient(180deg, #4A4F80 0%, #2F365B 100%);
      border-radius: 20px; }

section.slider h2 {
  font-size: 4vw; }
  @media (min-width: 1500px) {
    section.slider h2 {
      font-size: 5rem; } }
  @media (max-width: 768px) {
    section.slider h2 {
      font-size: 8.1vw; }
      section.slider h2 br {
        display: none; }
      section.slider h2 strong {
        font-weight: 500; } }

section.slider h3 {
  font-size: 3.5vw; }
  @media (min-width: 1500px) {
    section.slider h3 {
      font-size: 4.5rem; } }

section.slider h5.caps, section.slider h5.arrowh {
  margin: 1.5rem 0; }

@media (max-width: 768px) {
  section.slider p {
    font-size: 1.5rem; } }

@media (min-width: 1500px) {
  section.slider p {
    font-size: 2.16667rem; } }

section.slider p em {
  padding: 1px 3px 1px 6px;
  font-weight: 500; }

section.slider.ztop {
  z-index: 9; }
  section.slider.ztop .slider-nav {
    z-index: 9; }

section.slider.walkthrough .slide-wrap.first h2 {
  margin: 4.5rem 0 5.5rem; }

section.slider.walkthrough .slide-wrap.first h4 {
  margin: 5vh 0 0; }

section.slider.walkthrough .slide-wrap.second br, section.slider.walkthrough .slide-wrap.third br, section.slider.walkthrough .slide-wrap.fourth br {
  display: none; }

section.slider.walkthrough .slide-wrap.second h3, section.slider.walkthrough .slide-wrap.third h3, section.slider.walkthrough .slide-wrap.fourth h3 {
  font-size: 4.25vw;
  font-weight: 400; }
  @media (min-width: 1500px) {
    section.slider.walkthrough .slide-wrap.second h3, section.slider.walkthrough .slide-wrap.third h3, section.slider.walkthrough .slide-wrap.fourth h3 {
      font-size: 5.75rem; } }

@media (max-width: 768px) {
  section.slider.walkthrough .slide-wrap.second, section.slider.walkthrough .slide-wrap.third, section.slider.walkthrough .slide-wrap.fourth {
    justify-content: flex-start; }
    section.slider.walkthrough .slide-wrap.second .content-col, section.slider.walkthrough .slide-wrap.third .content-col, section.slider.walkthrough .slide-wrap.fourth .content-col {
      margin-top: 17.5%;
      padding-left: 3%; }
    section.slider.walkthrough .slide-wrap.second br, section.slider.walkthrough .slide-wrap.third br, section.slider.walkthrough .slide-wrap.fourth br {
      display: block; }
    section.slider.walkthrough .slide-wrap.second h3, section.slider.walkthrough .slide-wrap.third h3, section.slider.walkthrough .slide-wrap.fourth h3 {
      display: none; } }

section.slider.walkthrough .slide-wrap.fifth h2 {
  font-size: 4.25vw;
  font-weight: 500; }
  section.slider.walkthrough .slide-wrap.fifth h2 br {
    display: none; }
  @media (max-width: 768px) {
    section.slider.walkthrough .slide-wrap.fifth h2 {
      text-align: center;
      font-size: 10vw;
      line-height: 1.25; }
      section.slider.walkthrough .slide-wrap.fifth h2 br {
        display: block; } }
  @media (min-width: 1500px) {
    section.slider.walkthrough .slide-wrap.fifth h2 {
      font-size: 5.5rem; } }

@media (max-width: 768px) {
  section.slider.walkthrough .slide-wrap.last {
    justify-content: flex-end;
    align-items: flex-start; } }

section.slider.walkthrough .slide-wrap.last .content-col {
  transition: all 0.75s 1.1s; }

section.slider.walkthrough .slide-wrap.last h2 {
  margin-top: 15vh;
  line-height: 1.35;
  font-size: 4.5vw; }
  section.slider.walkthrough .slide-wrap.last h2 strong {
    font-size: 5vw; }
  @media (max-width: 768px) {
    section.slider.walkthrough .slide-wrap.last h2 {
      font-size: 10.75vw; }
      section.slider.walkthrough .slide-wrap.last h2 strong {
        font-size: 11.75vw; } }
  @media (min-width: 1500px) {
    section.slider.walkthrough .slide-wrap.last h2 {
      font-size: 6rem; }
      section.slider.walkthrough .slide-wrap.last h2 strong {
        font-size: 6.5rem; } }

section.slider.walkthrough .slide-wrap.last p {
  width: 90%;
  max-width: 528px; }
  @media (max-width: 768px) {
    section.slider.walkthrough .slide-wrap.last p {
      margin-top: 33vh; } }

section.slider.walkthrough .slide-wrap.last h5.caps, section.slider.walkthrough .slide-wrap.last h5.arrowh {
  font-size: 1.5rem;
  margin-top: 5rem;
  margin-bottom: 1rem; }
  @media (max-width: 768px) {
    section.slider.walkthrough .slide-wrap.last h5.caps, section.slider.walkthrough .slide-wrap.last h5.arrowh {
      margin: 4rem 0 0.5rem;
      font-size: 1.25rem; } }

section.slider.walkthrough .slides-wrapper.fifth .slide-wrap.last .content-col {
  transition: all 0.75s 0.25s; }

@media (max-width: 768px) {
  section.slider.walkthrough .cta-col {
    width: 100%; } }

section.slider.walkthrough .cta-col h2 {
  white-space: nowrap; }
  section.slider.walkthrough .cta-col h2 br {
    display: block; }

section.slider.walkthrough .cta-col .list-buttons {
  white-space: nowrap; }
  @media (max-width: 408px) {
    section.slider.walkthrough .cta-col .list-buttons {
      width: 135px;
      height: 40px; } }

section.slider.stakeholder {
  z-index: 1;
  padding-top: 0vh;
  padding-bottom: 45vh; }
  section.slider.stakeholder .content-wrapper {
    height: 120vh;
    margin-top: -20vh;
    margin-bottom: 20vh;
    width: 100%;
    max-width: 100%; }
    @media (min-width: 769px) {
      section.slider.stakeholder .content-wrapper {
        height: 110vh; } }
  section.slider.stakeholder .slides-wrapper {
    z-index: 2;
    width: 85%;
    max-width: 1080px;
    margin: auto;
    padding-bottom: 10rem; }
  section.slider.stakeholder .slider-nav.prev .arrow {
    opacity: 0.75; }
    section.slider.stakeholder .slider-nav.prev .arrow:hover {
      opacity: 1; }
  section.slider.stakeholder .content-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 3;
    width: 100%;
    min-width: 100%;
    max-height: 300px;
    padding-top: 4rem; }
    @media (max-width: 768px) {
      section.slider.stakeholder .content-col {
        max-height: 258px;
        padding-top: 0;
        padding-left: 10%; } }
  section.slider.stakeholder h1 {
    width: 63vw;
    max-width: 900px;
    margin: auto;
    line-height: 1.425;
    font-size: 4.575vw; }
    section.slider.stakeholder h1 .subh {
      font-size: 3vw; }
    @media (max-width: 768px) {
      section.slider.stakeholder h1 {
        width: 95%;
        font-size: 9vw; } }
    @media (min-width: 1500px) {
      section.slider.stakeholder h1 {
        font-size: 5.5rem; } }
  section.slider.stakeholder h1, section.slider.stakeholder h2 {
    margin-bottom: 3rem; }
  section.slider.stakeholder h2, section.slider.stakeholder h3, section.slider.stakeholder p {
    width: 50vw;
    max-width: 710px;
    margin-left: 3vw; }
    @media (max-width: 768px) {
      section.slider.stakeholder h2, section.slider.stakeholder h3, section.slider.stakeholder p {
        width: 102.5%;
        margin-left: 0; } }
  section.slider.stakeholder h2 {
    line-height: 1.3334;
    font-size: 4vw; }
    section.slider.stakeholder h2 .subh {
      font-size: 3vw; }
    @media (max-width: 768px) {
      section.slider.stakeholder h2 {
        font-size: 8vw; } }
    @media (min-width: 1500px) {
      section.slider.stakeholder h2 {
        font-size: 5rem; } }
  section.slider.stakeholder h3 {
    line-height: 1.3334;
    font-size: 3.333vw; }
    section.slider.stakeholder h3 .subh {
      font-size: 2.666vw; }
    @media (max-width: 768px) {
      section.slider.stakeholder h3 {
        font-size: 6.666vw; } }
    @media (min-width: 1500px) {
      section.slider.stakeholder h3 {
        font-size: 4.5rem; } }
  section.slider.stakeholder p {
    margin-top: 0; }
    section.slider.stakeholder p.subp {
      margin-top: -1.5rem; }
  section.slider.stakeholder .content-col.center, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone, section.slider.stakeholder .content-col.first.app-showcase, section.slider.stakeholder .content-col.fifth.app-showcase {
    text-align: center; }
    section.slider.stakeholder .content-col.center h2, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone h2, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone h2, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone h2, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone h2, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone h2, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone h2, section.slider.stakeholder .content-col.first.app-showcase h2, section.slider.stakeholder .content-col.fifth.app-showcase h2, section.slider.stakeholder .content-col.center h3, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone h3, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone h3, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone h3, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone h3, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone h3, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone h3, section.slider.stakeholder .content-col.first.app-showcase h3, section.slider.stakeholder .content-col.fifth.app-showcase h3, section.slider.stakeholder .content-col.center p, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone p, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone p, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone p, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .content-col.first.app-showcase p, section.slider.stakeholder .content-col.fifth.app-showcase p {
      width: 60vw;
      max-width: 810px;
      margin-left: 0; }
      @media (max-width: 768px) {
        section.slider.stakeholder .content-col.center h2, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone h2, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone h2, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone h2, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone h2, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone h2, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone h2, section.slider.stakeholder .content-col.first.app-showcase h2, section.slider.stakeholder .content-col.fifth.app-showcase h2, section.slider.stakeholder .content-col.center h3, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone h3, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone h3, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone h3, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone h3, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone h3, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone h3, section.slider.stakeholder .content-col.first.app-showcase h3, section.slider.stakeholder .content-col.fifth.app-showcase h3, section.slider.stakeholder .content-col.center p, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone p, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone p, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone p, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .content-col.first.app-showcase p, section.slider.stakeholder .content-col.fifth.app-showcase p {
          width: 85%;
          margin: auto; } }
    section.slider.stakeholder .content-col.center h2, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone h2, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone h2, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone h2, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone h2, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone h2, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone h2, section.slider.stakeholder .content-col.first.app-showcase h2, section.slider.stakeholder .content-col.fifth.app-showcase h2, section.slider.stakeholder .content-col.center h3, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone h3, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone h3, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone h3, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone h3, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone h3, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone h3, section.slider.stakeholder .content-col.first.app-showcase h3, section.slider.stakeholder .content-col.fifth.app-showcase h3 {
      line-height: 1.5; }
      section.slider.stakeholder .content-col.center h2 br, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone h2 br, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone h2 br, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone h2 br, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone h2 br, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone h2 br, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone h2 br, section.slider.stakeholder .content-col.first.app-showcase h2 br, section.slider.stakeholder .content-col.fifth.app-showcase h2 br, section.slider.stakeholder .content-col.center h3 br, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone h3 br, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone h3 br, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone h3 br, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone h3 br, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone h3 br, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone h3 br, section.slider.stakeholder .content-col.first.app-showcase h3 br, section.slider.stakeholder .content-col.fifth.app-showcase h3 br {
        display: block; }
    section.slider.stakeholder .content-col.center p, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone p, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone p, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone p, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .content-col.first.app-showcase p, section.slider.stakeholder .content-col.fifth.app-showcase p {
      text-align: center;
      padding: 1rem 7.5% 0; }
      @media (max-width: 768px) {
        section.slider.stakeholder .content-col.center p, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone p, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone p, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone p, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone p, section.slider.stakeholder .content-col.first.app-showcase p, section.slider.stakeholder .content-col.fifth.app-showcase p {
          padding: 0; } }
    @media (max-width: 768px) {
      section.slider.stakeholder .content-col.center, section.slider.stakeholder .app-showcase.center .phone-wrapper .content-col.phone, .app-showcase.center .phone-wrapper section.slider.stakeholder .content-col.phone, section.slider.stakeholder .app-showcase.first .phone-wrapper .content-col.phone, .app-showcase.first .phone-wrapper section.slider.stakeholder .content-col.phone, section.slider.stakeholder .app-showcase.fifth .phone-wrapper .content-col.phone, .app-showcase.fifth .phone-wrapper section.slider.stakeholder .content-col.phone, section.slider.stakeholder .content-col.first.app-showcase, section.slider.stakeholder .content-col.fifth.app-showcase {
        padding-left: 0; } }
  section.slider.stakeholder h4.shead {
    margin-top: -390px; }
  section.slider.stakeholder h1.ctah {
    margin-top: 4rem; }
    section.slider.stakeholder h1.ctah br {
      display: none; }
    @media (max-width: 768px) {
      section.slider.stakeholder h1.ctah {
        margin-top: 1rem; }
        section.slider.stakeholder h1.ctah br {
          display: block; } }
  section.slider.stakeholder .app-buttons {
    margin-top: 4rem; }
    @media (max-width: 768px) {
      section.slider.stakeholder .app-buttons {
        margin-top: 1.5rem; } }

.slide-visuals {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: -40vh;
  width: 100%;
  height: 100%;
  transition: all 1.25s ease-in-out; }
  @media (max-width: 768px) {
    .slide-visuals {
      bottom: -24vh; } }
  .slide-visuals--scroll {
    position: absolute;
    top: 100%;
    height: 60%;
    width: 100%; }
  .slide-visuals .photo {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .slide-visuals .circles-wrapper {
    left: 50%;
    bottom: 50%;
    width: 1020px;
    height: 1020px;
    margin-left: -510px;
    margin-bottom: -510px;
    contain: none; }

.volunteers .slide-visuals {
  bottom: -42.5vh; }
  @media (max-width: 768px) {
    .volunteers .slide-visuals {
      bottom: -30vh; } }

.volunteers .slide-visuals.first {
  bottom: -36vh; }
  @media (max-width: 768px) {
    .volunteers .slide-visuals.first {
      bottom: -35vh; } }

.slide-visuals.first {
  bottom: -35vh; }
  @media (max-width: 768px) {
    .slide-visuals.first {
      bottom: -30vh; } }
  .slide-visuals.first .circles-wrapper.fg {
    bottom: 36%; }
    @media (max-width: 768px) {
      .slide-visuals.first .circles-wrapper.fg {
        bottom: 42.5%; } }
  .slide-visuals.first .bg-circle {
    opacity: 0;
    transform: scale(0.25);
    transition: all 1s 0s ease-out; }
  .slide-visuals.first .circles-wrapper .need {
    top: 70%;
    opacity: 0; }

@media (min-width: 769px) {
  .slide-visuals.second {
    left: -6.66%; }
    .slide-visuals.second .circles-wrapper li .need {
      transition: all 0.75s 0.75s ease-out, transform 0.1s 0s; }
  .slide-visuals.third {
    left: -13.33%; }
  .slide-visuals.fourth {
    left: -20%; }
  .slide-visuals.fifth {
    left: -26.666%; } }

.slide-visuals .circles-wrapper.step4 {
  opacity: 0;
  transform: scale(0.7); }
  @media (max-width: 768px) {
    .slide-visuals .circles-wrapper.step4 {
      transform: scale(0.6); } }
  @media (max-width: 1200px) and (min-width: 769px) {
    .slide-visuals .circles-wrapper.step4 {
      transition: all 0.9s ease-out, width 0s 0s, height 0s 0s, left 0s 0s, bottom 0s 0s; } }
  .slide-visuals .circles-wrapper.step4 .bg-circle {
    opacity: 1;
    transform: scale(1);
    transition: all 1s 0s ease-out; }
  .slide-visuals .circles-wrapper.step4 .need {
    top: 150%;
    opacity: 0; }

@media (max-width: 1200px) and (min-width: 769px) {
  .slide-visuals .circles-wrapper.step5 {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    width: 80%;
    height: 100vh;
    margin-left: 0;
    margin-bottom: 0;
    transition: all 1.2s ease-out, margin 0s 0s, width 0s 0s, height 0s 0s, left 0s 0s, bottom 0s 0s; } }

.stakeholder .slides-wrapper.fourth .slider-nav.next {
  display: none; }

.trislide .slides-wrapper.third .slider-nav.next {
  display: none; }

.stakeholder.organizations .slides-wrapper.fourth .slider-nav.next, .stakeholder.volunteers .slides-wrapper.fourth .slider-nav.next {
  display: flex; }

.stakeholder.organizations .slides-wrapper.fifth .slider-nav.next, .stakeholder.volunteers .slides-wrapper.fifth .slider-nav.next {
  display: none; }

section.sliderh h2 {
  font-size: 4vw; }
  @media (min-width: 1500px) {
    section.sliderh h2 {
      font-size: 5rem; } }
  @media (max-width: 768px) {
    section.sliderh h2 {
      font-size: 8.1vw; }
      section.sliderh h2 br {
        display: none; }
      section.sliderh h2 strong {
        font-weight: 500; } }

section.sliderh h3 {
  font-size: 3.5vw; }
  @media (min-width: 1500px) {
    section.sliderh h3 {
      font-size: 4.5rem; } }

section.sliderh h5.caps, section.sliderh h5.arrowh {
  margin: 1.5rem 0; }

@media (max-width: 768px) {
  section.sliderh p {
    font-size: 1.5rem; } }

@media (min-width: 1500px) {
  section.sliderh p {
    font-size: 2.16667rem; } }

section.sliderh p em {
  padding: 1px 3px 1px 6px;
  font-weight: 500; }

section.sliderh.ztop {
  z-index: 9; }

.slide-circles {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1020px;
  height: 1020px;
  margin-left: -510px;
  transition: all 0.9s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  @media (max-width: 768px) {
    .slide-circles {
      bottom: -24vh; } }
  .slide-circles--scroll {
    position: absolute;
    top: 100%;
    height: 60%;
    width: 100%; }
  .slide-circles .photo {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .slide-circles .circles-wrapperh {
    left: 50%;
    width: 1020px;
    height: 1020px;
    margin-left: -510px;
    margin-bottom: -510px;
    contain: none;
    transition: all 1.25s ease-in-out; }

.slide-circles.first .fg-circleh {
  transform: scale(0.75);
  transition: all 0.9s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  .slide-circles.first .fg-circleh ul {
    margin-top: 15vh; }

.slide-circles.first .bg-circleh {
  opacity: 0.15;
  transform: scale(0.6);
  transition: all 1s 0s ease-out;
  transition: all 0.9s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  .slide-circles.first .bg-circleh .circle svg circle {
    stroke: #2f365b; }

@media (min-width: 769px) {
  .slide-circles.second {
    left: 105%; } }

section.sliderh.hook h2 {
  font-size: 4vw; }
  @media (min-width: 1500px) {
    section.sliderh.hook h2 {
      font-size: 5rem; } }
  @media (max-width: 768px) {
    section.sliderh.hook h2 {
      font-size: 8.1vw; }
      section.sliderh.hook h2 br {
        display: none; }
      section.sliderh.hook h2 strong {
        font-weight: 500; } }

section.sliderh.hook h3 {
  font-size: 3.5vw; }
  @media (min-width: 1500px) {
    section.sliderh.hook h3 {
      font-size: 4.5rem; } }

section.sliderh.hook h5.caps, section.sliderh.hook h5.arrowh {
  margin: 1.5rem 0; }

@media (max-width: 768px) {
  section.sliderh.hook p {
    font-size: 1.5rem; } }

@media (min-width: 1500px) {
  section.sliderh.hook p {
    font-size: 2.16667rem; } }

section.sliderh.hook p em {
  padding: 1px 3px 1px 6px;
  font-weight: 500; }

section.sliderh.hook.ztop {
  z-index: 9; }

body.home section.teamcta {
  background: none; }

body.home section.features {
  z-index: 1; }
  body.home section.features:before {
    content: '';
    position: absolute;
    top: -100vh;
    width: 100vw;
    height: 100vh;
    background: #fff; }

section.hook .slide-wraph.first {
  text-align: center; }
  section.hook .slide-wraph.first h2 {
    margin: 4rem 0 5.5rem; }
    @media (max-width: 768px) {
      section.hook .slide-wraph.first h2 {
        margin-top: 3rem; } }
  section.hook .slide-wraph.first h4 {
    margin: 5vh 0 0; }

section.hook .slide-wraph.second br {
  display: none; }

section.hook .slide-wraph.second h3 {
  font-size: 4.25vw;
  font-weight: 400; }
  @media (min-width: 1500px) {
    section.hook .slide-wraph.second h3 {
      font-size: 5.75rem; } }

@media (max-width: 768px) {
  section.hook .slide-wraph.second {
    justify-content: flex-start; }
    section.hook .slide-wraph.second .content-col {
      margin-top: 17.5%;
      padding-left: 3%; }
    section.hook .slide-wraph.second br {
      display: block; }
    section.hook .slide-wraph.second h3 {
      display: none; } }

section.sliderh.hook.slide1 .content-wrapper {
  height: 120vh;
  min-height: 1024px; }

section.sliderh.hook.slide2 .content-wrapper {
  height: 150vh;
  min-height: 1500px; }

@media (min-width: 769px) {
  section.sliderh.hook.slide2 .card-wrap {
    left: 55%;
    margin-left: 0; }
  section.sliderh.hook.slide2 .card-case--scroll {
    left: 60%; } }
  @media (min-width: 769px) and (max-width: 1200px) {
    section.sliderh.hook.slide2 .card-case--scroll {
      left: 50%; } }

@media (max-width: 768px) {
  section.sliderh.hook.slide2 .card-wrap {
    transform-origin: 60% 50%; } }

@media (max-width: 768px) {
  section.sliderh.hook.slide2 .card-case--scroll {
    margin-top: -50vh; } }

@media (max-width: 768px) {
  section.sliderh.hook.slide2 .circles-wrapperh {
    transform-origin: 63% 50%; } }

.card-case--scroll {
  position: absolute;
  z-index: 2;
  left: 50%;
  width: 1020px;
  margin-left: -510px;
  margin-top: 17.5vh; }

.card-wrap {
  z-index: 2;
  position: absolute;
  left: 50%;
  height: 1020px;
  width: 1020px;
  margin-left: -510px;
  transition: all 0.9s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  @media (max-width: 1200px) {
    .card-wrap {
      transform: scale(0.8); } }
  @media (max-width: 768px) {
    .card-wrap {
      transform: scale(0.6); } }

.card-case {
  position: absolute;
  top: 78px;
  width: 864px;
  height: 864px;
  margin: auto;
  transform: scale(0.85);
  transition: all 0.9s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  .card-case .cardpic {
    position: absolute;
    width: 864px;
    height: 864px;
    transition: all 0.9s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
    .card-case .cardpic img {
      position: absolute;
      top: -132px;
      right: -24px;
      width: 1080px;
      max-width: 1080px;
      height: 1080px;
      max-height: 1080px;
      animation: breatheb 4s 0s ease-in-out infinite alternate;
      transform-origin: 33% 50%;
      transition: all 0.9s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
    .card-case .cardpic.fg {
      width: 864px;
      height: 864px;
      z-index: 2; }
      .card-case .cardpic.fg img {
        position: absolute;
        z-index: 1; }
        .card-case .cardpic.fg img.card {
          opacity: 0; }
    .card-case .cardpic.bg {
      z-index: -1;
      box-shadow: inset 0 0 0 3px rgba(255, 242, 0, 0.4);
      width: 864px;
      height: 864px;
      border-radius: 50%;
      overflow: hidden; }
      .card-case .cardpic.bg img {
        position: absolute;
        z-index: 0; }

.card-case.first {
  transform: scale(0.85); }
  .card-case.first .cardpic {
    transform: translate(222px, 27.5vh); }
    @media (max-width: 768px) {
      .card-case.first .cardpic {
        transform: translate(222px, 0vh); } }
  .card-case.first .cardpic.fg img.hand {
    opacity: 1; }
  .card-case.first .cardpic.fg img.card {
    opacity: 0; }
  .card-case.first .cardpic.bg {
    opacity: 0; }

@media (min-width: 769px) {
  .card-case.second {
    transform: scale(0.95); }
    .card-case.second .cardpic.fg img.hand {
      opacity: 0; }
    .card-case.second .cardpic.fg img.card {
      opacity: 1; }
    .card-case.second .cardpic.fg img {
      margin-left: 0;
      opacity: 1; }
    .card-case.second .cardpic.bg img {
      opacity: 1; } }

section.neighbors {
  z-index: 0;
  padding: 25vh 0 30vh;
  text-align: center; }
  @media (max-width: 768px) {
    section.neighbors {
      padding: 20vh 0 20vh; } }
  section.neighbors .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 85%; }
    @media (max-width: 768px) {
      section.neighbors .content-wrapper {
        width: 80%; } }
  section.neighbors h2 {
    margin-bottom: 3rem;
    padding-right: 1.5rem;
    font-size: 5.25rem;
    white-space: nowrap; }
    @media (max-width: 768px) {
      section.neighbors h2 {
        font-size: 10.75vw;
        padding-right: 0.75rem;
        margin-bottom: 2.5rem;
        white-space: normal; } }
  section.neighbors p {
    max-width: 510px;
    margin-bottom: 1.5rem; }
    section.neighbors p i {
      font-weight: 400; }
    @media (max-width: 768px) {
      section.neighbors p {
        margin-bottom: 0.75rem; } }
  section.neighbors h3 {
    margin-top: 3.5rem;
    padding-right: 3rem;
    font-size: 5rem;
    color: rgba(115, 125, 152, 0.55); }
    @media (max-width: 768px) {
      section.neighbors h3 {
        margin-top: 2.75rem;
        padding-right: 1rem;
        font-size: 9.5vw; } }
    section.neighbors h3.foot {
      padding-right: 1rem; }
  section.neighbors .app-buttons {
    margin-top: 3rem;
    padding-right: 1.5rem; }
    @media (max-width: 768px) {
      section.neighbors .app-buttons {
        padding-right: 0; } }

section.bridge.letter.neighbors {
  z-index: 2; }
  @media (min-width: 769px) {
    section.bridge.letter.neighbors .content-wrapper p {
      max-width: 600px;
      margin-bottom: 2rem;
      font-size: 2.25rem; } }
  section.bridge.letter.neighbors .content-wrapper h2 {
    font-size: 4.75vw;
    white-space: nowrap; }
    @media (max-width: 768px) {
      section.bridge.letter.neighbors .content-wrapper h2 {
        font-size: 10.75vw;
        padding-right: 0.75rem;
        margin-bottom: 2.5rem;
        white-space: normal; } }

section.solutions {
  z-index: 2;
  padding: 25vh 0 0;
  text-align: center; }
  section.solutions h5.caps, section.solutions h5.arrowh {
    margin-top: -1.5rem;
    margin-bottom: 1.5rem; }
  section.solutions .content-wrapper {
    max-width: none; }

.slider-cards .card {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 330px;
  height: 540px;
  padding: 4rem 0;
  text-align: center;
  white-space: normal;
  transition: all 0.5s cubic-bezier(0.1, 0.5, 0.3, 1); }
  .slider-cards .card:not(.active) {
    user-select: none; }
  @media (max-width: 768px) {
    .slider-cards .card {
      width: 80vw;
      height: 432px; } }
  .slider-cards .card h3 {
    line-height: 1.1;
    font-size: 4.25rem;
    margin: 1rem 0 2.5rem;
    transition: all 0.5s cubic-bezier(0.1, 0.5, 0.3, 1); }
    .slider-cards .card h3.oneline {
      line-height: 2.2;
      white-space: nowrap; }
    @media (max-width: 768px) {
      .slider-cards .card h3 {
        font-size: 3.5rem; } }
  .slider-cards .card p {
    width: 85%;
    max-width: 282px;
    line-height: 1.6667;
    font-size: 1.75rem;
    letter-spacing: -0.01em;
    text-align: center;
    margin: 2.5rem 0;
    transition: all 0.5s cubic-bezier(0.1, 0.5, 0.3, 1); }
    @media (max-width: 768px) {
      .slider-cards .card p {
        max-width: 270px;
        font-size: 1.6rem; } }
  .slider-cards .card .icon, .slider-cards .card .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .slider-cards .card .btn.team, .slider-cards .card .profile-nav .btn.team, .profile-nav .slider-cards .card .btn.team, .slider-cards .card .profile-nav .btn.give, .profile-nav .slider-cards .card .btn.give, .slider-cards .card section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .slider-cards .card .btn.uibtn.give {
    width: 78px;
    height: 78px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.5s cubic-bezier(0.1, 0.5, 0.3, 1); }
    @media (max-width: 768px) {
      .slider-cards .card .icon, .slider-cards .card .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .slider-cards .card .btn.team, .slider-cards .card .profile-nav .btn.team, .profile-nav .slider-cards .card .btn.team, .slider-cards .card .profile-nav .btn.give, .profile-nav .slider-cards .card .btn.give, .slider-cards .card section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .slider-cards .card .btn.uibtn.give {
        width: 60px;
        height: 60px; } }
    .slider-cards .card .icon svg, .slider-cards .card .encourage .encourage-wrapper .btn.team svg, .encourage .encourage-wrapper .slider-cards .card .btn.team svg, .slider-cards .card .profile-nav .btn.team svg, .profile-nav .slider-cards .card .btn.team svg, .slider-cards .card .profile-nav .btn.give svg, .profile-nav .slider-cards .card .btn.give svg {
      transform: scale(1.15);
      transition: all 0.5s cubic-bezier(0.1, 0.5, 0.3, 1); }
  .slider-cards .card .line {
    width: 48px;
    height: 6px;
    border-radius: 3px;
    transition: all 0.5s cubic-bezier(0.1, 0.5, 0.3, 1); }
    @media (max-width: 768px) {
      .slider-cards .card .line {
        width: 10px; } }
  .slider-cards .card .btn {
    position: absolute;
    bottom: 0;
    width: 210px; }

.slider-cards .card.faded {
  height: 480px;
  padding: 3.5rem 0 2rem;
  color: #fff;
  cursor: pointer; }
  @media (max-width: 768px) {
    .slider-cards .card.faded {
      height: 372px;
      margin-top: 30px; } }
  .slider-cards .card.faded h3 {
    opacity: 0.7; }
  .slider-cards .card.faded p {
    line-height: 1.6;
    opacity: 0.5; }
    .slider-cards .card.faded p span {
      display: block;
      opacity: 0.66; }
  .slider-cards .card.faded .icon, .slider-cards .card.faded .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .slider-cards .card.faded .btn.team, .slider-cards .card.faded .profile-nav .btn.team, .profile-nav .slider-cards .card.faded .btn.team, .slider-cards .card.faded .profile-nav .btn.give, .profile-nav .slider-cards .card.faded .btn.give {
    opacity: 0.7; }
    .slider-cards .card.faded .icon svg, .slider-cards .card.faded .encourage .encourage-wrapper .btn.team svg, .encourage .encourage-wrapper .slider-cards .card.faded .btn.team svg, .slider-cards .card.faded .profile-nav .btn.team svg, .profile-nav .slider-cards .card.faded .btn.team svg, .slider-cards .card.faded .profile-nav .btn.give svg, .profile-nav .slider-cards .card.faded .btn.give svg {
      fill: #252946; }
    .slider-cards .card.faded .icon #purpgrad, .slider-cards .card.faded .encourage .encourage-wrapper .btn.team #purpgrad, .encourage .encourage-wrapper .slider-cards .card.faded .btn.team #purpgrad, .slider-cards .card.faded .profile-nav .btn.team #purpgrad, .profile-nav .slider-cards .card.faded .btn.team #purpgrad, .slider-cards .card.faded .profile-nav .btn.give #purpgrad, .profile-nav .slider-cards .card.faded .btn.give #purpgrad {
      --color-top: #807DE3;
      --color-bot: #9da7f1; }
  .slider-cards .card.faded .line {
    background: #fff;
    opacity: 0.5; }
  .slider-cards .card.faded .btn {
    display: none;
    animation: cardbtn 0.6s 0.6s cubic-bezier(0.1, 0.5, 0.3, 0.75) both; }

@keyframes cardbtn {
  0% {
    opacity: 0;
    transform: translateY(0); }
  100% {
    opacity: 1;
    transform: translateY(50%); } }
  .slider-cards .card.faded:after {
    content: '';
    position: absolute;
    z-index: -1;
    margin-top: -18px;
    width: 330px;
    height: 480px;
    border-radius: 10px;
    background-image: linear-gradient(-30deg, rgba(78, 82, 137, 0.9) 0%, #9DA7F1 100%);
    box-shadow: 0 6px 24px -3px rgba(0, 0, 0, 0.175);
    transition: all 0.75s 0s cubic-bezier(0.1, 0.5, 0.3, 1); }
    @media (max-width: 768px) {
      .slider-cards .card.faded:after {
        width: 80vw;
        height: 372px; } }

.slider-cards .card.active {
  width: 480px;
  height: 660px;
  margin-top: -90px;
  cursor: inherit;
  transition: all 0.5s 0.5s cubic-bezier(0.1, 0.5, 0.3, 0.9), width 0.5s 0s cubic-bezier(0.1, 0.5, 0.3, 1); }
  @media (max-width: 768px) {
    .slider-cards .card.active {
      width: 80vw;
      height: 540px;
      margin-top: -54px; } }
  .slider-cards .card.active:after {
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.4s cubic-bezier(0.1, 0.75, 0.25, 1); }
  .slider-cards .card.active h3 {
    font-size: 5.25rem;
    margin: 1rem 0 2.5rem;
    opacity: 1;
    transition: all 0.5s 0.5s cubic-bezier(0.1, 0.5, 0.3, 0.9), opacity 0.4s 0s;
    transition-delay: 0.5s; }
    @media (max-width: 768px) {
      .slider-cards .card.active h3 {
        font-size: 4rem; } }
  .slider-cards .card.active p {
    width: 75%;
    max-width: 330px;
    line-height: 1.6667;
    font-size: 2rem;
    margin: 1.75rem 0 3rem;
    margin: 2.5rem 0;
    opacity: 1;
    transition: all 0.5s 0.5s cubic-bezier(0.1, 0.5, 0.3, 0.9), opacity 0.4s 0s;
    transition-delay: 0.5s; }
    .slider-cards .card.active p span {
      opacity: 1; }
    @media (max-width: 768px) {
      .slider-cards .card.active p {
        width: 85%;
        max-width: 270px;
        font-size: 1.6rem; } }
  .slider-cards .card.active .line {
    width: 66px;
    background-image: linear-gradient(to right, #9897e3 0%, #b8c2ff 100%);
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
    opacity: 1;
    transition-delay: 0.5s; }
    @media (max-width: 768px) {
      .slider-cards .card.active .line {
        width: 50px; } }
  .slider-cards .card.active .icon, .slider-cards .card.active .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .slider-cards .card.active .btn.team, .slider-cards .card.active .profile-nav .btn.team, .profile-nav .slider-cards .card.active .btn.team, .slider-cards .card.active .profile-nav .btn.give, .profile-nav .slider-cards .card.active .btn.give {
    transform: translateY(-10px);
    opacity: 1;
    transition: all 0.5s 0.5s cubic-bezier(0.1, 0.5, 0.3, 1); }
    .slider-cards .card.active .icon svg, .slider-cards .card.active .encourage .encourage-wrapper .btn.team svg, .encourage .encourage-wrapper .slider-cards .card.active .btn.team svg, .slider-cards .card.active .profile-nav .btn.team svg, .profile-nav .slider-cards .card.active .btn.team svg, .slider-cards .card.active .profile-nav .btn.give svg, .profile-nav .slider-cards .card.active .btn.give svg {
      transform: scale(1.3);
      fill: #9da7f1;
      filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
      transition: all 0.5s 0.5s cubic-bezier(0.1, 0.5, 0.3, 1); }
      @media (max-width: 768px) {
        .slider-cards .card.active .icon svg, .slider-cards .card.active .encourage .encourage-wrapper .btn.team svg, .encourage .encourage-wrapper .slider-cards .card.active .btn.team svg, .slider-cards .card.active .profile-nav .btn.team svg, .profile-nav .slider-cards .card.active .btn.team svg, .slider-cards .card.active .profile-nav .btn.give svg, .profile-nav .slider-cards .card.active .btn.give svg {
          transform: scale(1.4); } }
  .slider-cards .card.active .btn {
    display: block; }

.slider-cards {
  position: relative;
  width: 480px;
  height: 660px;
  margin: auto; }
  @media (max-width: 768px) {
    .slider-cards {
      width: 80vw;
      height: 540px; } }
  .slider-cards .track {
    position: absolute;
    z-index: 2;
    top: 90px;
    left: 0;
    width: 2640px;
    height: 480px;
    white-space: nowrap;
    transition: transform 0.75s cubic-bezier(0.1, 0.5, 0.3, 1); }
    @media (max-width: 768px) {
      .slider-cards .track {
        width: 560vw;
        height: 432px;
        top: 54px; } }
  .slider-cards .card {
    vertical-align: top;
    margin-right: 30px; }
    @media (max-width: 768px) {
      .slider-cards .card {
        margin-right: 0px; } }

.slider-cards.first .bg-circle {
  transform: rotate(-420deg); }

.slider-cards.second .track {
  transform: translateX(-360px); }
  @media (max-width: 768px) {
    .slider-cards.second .track {
      transform: translateX(-80vw); } }

.slider-cards.second .bg-circle {
  transform: rotate(-210deg); }

.slider-cards.third .track {
  transform: translateX(-720px); }
  @media (max-width: 768px) {
    .slider-cards.third .track {
      transform: translateX(-160vw); } }

.slider-cards.third .bg-circle {
  transform: rotate(0deg); }

.slider-cards.fourth .track {
  transform: translateX(-1080px); }
  @media (max-width: 768px) {
    .slider-cards.fourth .track {
      transform: translateX(-240vw); } }

.slider-cards.fourth .bg-circle {
  transform: rotate(210deg); }

.slider-cards.fifth .track {
  transform: translateX(-1440px); }
  @media (max-width: 768px) {
    .slider-cards.fifth .track {
      transform: translateX(-320vw); } }

.slider-cards.fifth .bg-circle {
  transform: rotate(420deg); }

.slider-cards.sixth .track {
  transform: translateX(-1800px); }
  @media (max-width: 768px) {
    .slider-cards.sixth .track {
      transform: translateX(-400vw); } }

.slider-cards.sixth .bg-circle {
  transform: rotate(630deg); }

.slider-cards.seventh .track {
  transform: translateX(-2160px); }
  @media (max-width: 768px) {
    .slider-cards.seventh .track {
      transform: translateX(-480vw); } }

.slider-cards.seventh .bg-circle {
  transform: rotate(840deg); }

section.contact-form {
  padding: 10vh 0 17.5vh;
  background: none;
  color: #fff;
  text-align: center; }
  @media (max-width: 768px) {
    section.contact-form {
      padding: 7.5vh 0 20vh; } }
  section.contact-form h2 {
    max-width: 810px;
    margin: auto;
    margin-bottom: 9vh;
    font-size: 3.75vw; }
    @media (max-width: 768px) {
      section.contact-form h2 {
        width: 90%;
        margin-bottom: 6.5vh;
        font-size: 9vw; }
        section.contact-form h2 br {
          display: none; } }
    @media (min-width: 1500px) {
      section.contact-form h2 {
        font-size: 4.5rem; } }
  section.contact-form h5.caps, section.contact-form h5.arrowh {
    font-size: 1.5rem;
    margin: 0rem auto 3rem; }
  section.contact-form .xlarge, section.contact-form section.bridge p, section.bridge section.contact-form p, section.contact-form section.teamcta .h-col p, section.teamcta .h-col section.contact-form p, section.contact-form section.bridge.float.locale p, section.bridge.float.locale section.contact-form p {
    padding: 0 60px; }
  section.contact-form .multi-btn {
    position: relative;
    width: 80vw;
    min-width: 300px;
    max-width: 420px;
    margin: auto;
    text-align: center; }
    section.contact-form .multi-btn .btn {
      margin: auto; }
      section.contact-form .multi-btn .btn.outline, section.contact-form .multi-btn .controls .panel .lside .btn.large, .controls .panel .lside section.contact-form .multi-btn .btn.large, section.contact-form .multi-btn .controls .panel .lside section.bridge .statement .btn.line, .controls .panel .lside section.bridge .statement section.contact-form .multi-btn .btn.line, section.contact-form .multi-btn section.bridge .statement .controls .panel .lside .btn.line, section.bridge .statement .controls .panel .lside section.contact-form .multi-btn .btn.line, section.contact-form .multi-btn .controls .panel .lside section.slider p.btn, .controls .panel .lside section.slider section.contact-form .multi-btn p.btn, section.contact-form .multi-btn section.slider .controls .panel .lside p.btn, section.slider .controls .panel .lside section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .controls .panel .lside section.sliderh p.btn, .controls .panel .lside section.sliderh section.contact-form .multi-btn p.btn, section.contact-form .multi-btn section.sliderh .controls .panel .lside p.btn, section.sliderh .controls .panel .lside section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .controls .panel .lside section.neighbors p.btn, .controls .panel .lside section.neighbors section.contact-form .multi-btn p.btn, section.contact-form .multi-btn section.neighbors .controls .panel .lside p.btn, section.neighbors .controls .panel .lside section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .controls .panel .lside section.bridge.letter p.btn, .controls .panel .lside section.bridge.letter section.contact-form .multi-btn p.btn, section.contact-form .multi-btn section.bridge.letter .controls .panel .lside p.btn, section.bridge.letter .controls .panel .lside section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .controls .panel .lside .story-quote.short p.btn, .controls .panel .lside .story-quote.short section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .story-quote.short .controls .panel .lside p.btn, .story-quote.short .controls .panel .lside section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .controls .panel .lside .aboutcard.team .short.quote p.btn, .controls .panel .lside .aboutcard.team .short.quote section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .aboutcard.team .short.quote .controls .panel .lside p.btn, .aboutcard.team .short.quote .controls .panel .lside section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.den section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn, .aboutcard.team .quote.locale-menu.den .controls .panel .lside section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .controls .panel .lside .story-quote.locale-menu.sea p.btn, .controls .panel .lside .story-quote.locale-menu.sea section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .story-quote.locale-menu.sea .controls .panel .lside p.btn, .story-quote.locale-menu.sea .controls .panel .lside section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .controls .panel .lside .story-quote.locale-menu.den p.btn, .controls .panel .lside .story-quote.locale-menu.den section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .story-quote.locale-menu.den .controls .panel .lside p.btn, .story-quote.locale-menu.den .controls .panel .lside section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .controls .panel .lside section.description p.btn, .controls .panel .lside section.description section.contact-form .multi-btn p.btn, section.contact-form .multi-btn section.description .controls .panel .lside p.btn, section.description .controls .panel .lside section.contact-form .multi-btn p.btn, section.contact-form .multi-btn .controls .panel .lside .aboutcard.board.active .tile h5.btn, .controls .panel .lside .aboutcard.board.active .tile section.contact-form .multi-btn h5.btn, section.contact-form .multi-btn .aboutcard.board.active .tile .controls .panel .lside h5.btn, .aboutcard.board.active .tile .controls .panel .lside section.contact-form .multi-btn h5.btn {
        margin-top: 2.5rem; }
  section.contact-form .app-buttons {
    margin-bottom: 2.5rem; }

.contact_us-form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .contact_us-form .contact_us--form--dropdown_section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 1.5rem 0; }
    .contact_us-form .contact_us--form--dropdown_section .contact_us--form--required {
      top: 10px; }
  .contact_us-form .contact_us--form--dropdown_label {
    color: #fff;
    padding-left: 24px;
    margin-top: -6px;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 4rem; }
  .contact_us-form .contact_us--form--select_arrow {
    position: relative; }
    .contact_us-form .contact_us--form--select_arrow svg {
      position: absolute;
      right: 1.5rem;
      top: 17.5%;
      height: 65%;
      fill: #fff;
      opacity: 0.75; }
  .contact_us-form .contact_us--form--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    /* removes default arrow from firefox */
    text-overflow: "";
    /* removes default arrow from firefox */
    background-color: #252946;
    background-repeat: no-repeat;
    background-position: 0 calc(100% - 1px);
    background-size: 100% auto;
    border: none;
    border-radius: 5px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    position: relative;
    max-width: 450px;
    width: 91.2vw;
    height: 70px;
    line-height: 36px;
    padding: 15px 0 0 10px; }
    .contact_us-form .contact_us--form--select::-ms-expand {
      display: none; }
    .contact_us-form .contact_us--form--select::-webkit-input-placeholder {
      color: inherit;
      opacity: 1; }
    .contact_us-form .contact_us--form--select::-moz-placeholder {
      color: inherit;
      opacity: 1; }
    .contact_us-form .contact_us--form--select:-ms-input-placeholder {
      color: inherit;
      opacity: 1; }
    .contact_us-form .contact_us--form--select::placeholder {
      color: #fff;
      opacity: 1; }
    .contact_us-form .contact_us--form--select:-webkit-autofill {
      -webkit-text-fill-color: inherit;
      -webkit-box-shadow: 0 0 0 1000px #fff inset; }
    .contact_us-form .contact_us--form--select:disabled {
      opacity: 1; }
    .contact_us-form .contact_us--form--select option:required:invalid {
      color: rgba(255, 255, 255, 0.75);
      font-weight: 500;
      font-size: 1.75rem;
      line-height: 36px;
      height: 36px; }
    .contact_us-form .contact_us--form--select option[value=""][disabled] {
      display: none; }
    .contact_us-form .contact_us--form--select option {
      color: black; }
  .contact_us-form .contact_us--form--select_options {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 91.2vw;
    max-width: 450px;
    color: #fff;
    font-size: 1.6667rem;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    cursor: pointer; }
    .contact_us-form .contact_us--form--select_options div {
      height: 70px;
      line-height: 70px; }
    .contact_us-form .contact_us--form--select_options .contact_us--form--select_option {
      background-color: #4a4f80;
      display: none;
      cursor: pointer; }
      .contact_us-form .contact_us--form--select_options .contact_us--form--select_option:hover {
        background-color: #fff;
        color: #252946;
        border: none;
        box-shadow: inset 0 0 0 2px #4a4f80; }
      .contact_us-form .contact_us--form--select_options .contact_us--form--select_option:nth-of-type(2) {
        margin-top: 3px;
        border-radius: 5px 5px 0 0; }
      .contact_us-form .contact_us--form--select_options .contact_us--form--select_option:last-child {
        border-radius: 0 0 5px 5px; }
    .contact_us-form .contact_us--form--select_options.visible .contact_us--form--select_option {
      display: block; }
  .contact_us-form .contact_us--form--input, .contact_us-form section.donate input:not(.checkbox), section.donate .contact_us-form input:not(.checkbox),
  .contact_us-form section.donate textarea:not(.checkbox), section.donate .contact_us-form textarea:not(.checkbox), .contact_us-form .card-form__input, .contact_us-form .card-form__input iframe, .card-form__input .contact_us-form iframe {
    width: 91.2vw;
    max-width: 450px;
    height: 70px;
    border: none;
    border-radius: 5px;
    background: #252946;
    font-size: 1.75rem;
    line-height: 4rem;
    color: #fff;
    font-weight: 400;
    margin: 1.5rem 0;
    padding: 15px 10px 0 10px;
    background-repeat: no-repeat;
    background-position: 0 calc(100% - 1px);
    background-size: 100% auto; }
    .contact_us-form .contact_us--form--input::-webkit-input-placeholder, .contact_us-form section.donate input:not(.checkbox)::-webkit-input-placeholder, section.donate .contact_us-form input:not(.checkbox)::-webkit-input-placeholder,
    .contact_us-form section.donate textarea:not(.checkbox)::-webkit-input-placeholder, section.donate .contact_us-form textarea:not(.checkbox)::-webkit-input-placeholder, .contact_us-form .card-form__input::-webkit-input-placeholder, .contact_us-form .card-form__input iframe::-webkit-input-placeholder, .card-form__input .contact_us-form iframe::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.35);
      opacity: 1; }
    .contact_us-form .contact_us--form--input::-moz-placeholder, .contact_us-form section.donate input:not(.checkbox)::-moz-placeholder, section.donate .contact_us-form input:not(.checkbox)::-moz-placeholder,
    .contact_us-form section.donate textarea:not(.checkbox)::-moz-placeholder, section.donate .contact_us-form textarea:not(.checkbox)::-moz-placeholder, .contact_us-form .card-form__input::-moz-placeholder, .contact_us-form .card-form__input iframe::-moz-placeholder, .card-form__input .contact_us-form iframe::-moz-placeholder {
      color: rgba(255, 255, 255, 0.35);
      opacity: 1; }
    .contact_us-form .contact_us--form--input:-ms-input-placeholder, .contact_us-form section.donate input:-ms-input-placeholder:not(.checkbox), section.donate .contact_us-form input:-ms-input-placeholder:not(.checkbox),
    .contact_us-form section.donate textarea:-ms-input-placeholder:not(.checkbox), section.donate .contact_us-form textarea:-ms-input-placeholder:not(.checkbox), .contact_us-form .card-form__input:-ms-input-placeholder, .contact_us-form .card-form__input iframe:-ms-input-placeholder, .card-form__input .contact_us-form iframe:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.35);
      opacity: 1; }
    .contact_us-form .contact_us--form--input::placeholder, .contact_us-form section.donate input:not(.checkbox)::placeholder, section.donate .contact_us-form input:not(.checkbox)::placeholder,
    .contact_us-form section.donate textarea:not(.checkbox)::placeholder, section.donate .contact_us-form textarea:not(.checkbox)::placeholder, .contact_us-form .card-form__input::placeholder, .contact_us-form .card-form__input iframe::placeholder, .card-form__input .contact_us-form iframe::placeholder {
      color: rgba(255, 255, 255, 0.35);
      opacity: 1; }
    .contact_us-form .contact_us--form--input:-webkit-autofill, .contact_us-form section.donate input:-webkit-autofill:not(.checkbox), section.donate .contact_us-form input:-webkit-autofill:not(.checkbox),
    .contact_us-form section.donate textarea:-webkit-autofill:not(.checkbox), section.donate .contact_us-form textarea:-webkit-autofill:not(.checkbox), .contact_us-form .card-form__input:-webkit-autofill, .contact_us-form .card-form__input iframe:-webkit-autofill, .card-form__input .contact_us-form iframe:-webkit-autofill {
      -webkit-text-fill-color: inherit;
      -webkit-box-shadow: 0 0 0 1000px #fff inset; }
    .contact_us-form .contact_us--form--input:-internal-autofill-selected, .contact_us-form section.donate input:-internal-autofill-selected:not(.checkbox), section.donate .contact_us-form input:-internal-autofill-selected:not(.checkbox),
    .contact_us-form section.donate textarea:-internal-autofill-selected:not(.checkbox), section.donate .contact_us-form textarea:-internal-autofill-selected:not(.checkbox), .contact_us-form .card-form__input:-internal-autofill-selected, .contact_us-form .card-form__input iframe:-internal-autofill-selected, .card-form__input .contact_us-form iframe:-internal-autofill-selected {
      background: #252946 !important;
      color: #fff !important; }
  .contact_us-form.small .contact_us--form--input, .contact_us-form.med .contact_us--form--input, .contact_us-form.small section.donate input:not(.checkbox), section.donate .contact_us-form.small input:not(.checkbox), .contact_us-form.med section.donate input:not(.checkbox), section.donate .contact_us-form.med input:not(.checkbox),
  .contact_us-form.small section.donate textarea:not(.checkbox), section.donate .contact_us-form.small textarea:not(.checkbox),
  .contact_us-form.med section.donate textarea:not(.checkbox), section.donate .contact_us-form.med textarea:not(.checkbox), .contact_us-form.small .card-form__input, .contact_us-form.med .card-form__input, .contact_us-form.small .card-form__input iframe, .card-form__input .contact_us-form.small iframe, .contact_us-form.med .card-form__input iframe, .card-form__input .contact_us-form.med iframe {
    position: relative;
    width: 400px;
    height: 5rem;
    margin-top: 0;
    margin-bottom: 2.5rem;
    font-size: 1.6667rem; }
    @media (max-width: 768px) {
      .contact_us-form.small .contact_us--form--input, .contact_us-form.med .contact_us--form--input, .contact_us-form.small section.donate input:not(.checkbox), section.donate .contact_us-form.small input:not(.checkbox), .contact_us-form.med section.donate input:not(.checkbox), section.donate .contact_us-form.med input:not(.checkbox),
      .contact_us-form.small section.donate textarea:not(.checkbox), section.donate .contact_us-form.small textarea:not(.checkbox),
      .contact_us-form.med section.donate textarea:not(.checkbox), section.donate .contact_us-form.med textarea:not(.checkbox), .contact_us-form.small .card-form__input, .contact_us-form.med .card-form__input, .contact_us-form.small .card-form__input iframe, .card-form__input .contact_us-form.small iframe, .contact_us-form.med .card-form__input iframe, .card-form__input .contact_us-form.med iframe {
        width: 300px;
        height: 4rem;
        margin-bottom: 1.75rem;
        padding: 5px 10px 0 15px;
        line-height: 3rem;
        font-size: 1.5rem; } }
  .contact_us-form.small .contact_us--form--input_message, .contact_us-form.med .contact_us--form--input_message {
    height: 12rem;
    margin-top: 0;
    margin-bottom: 2.5rem; }
    @media (max-width: 768px) {
      .contact_us-form.small .contact_us--form--input_message, .contact_us-form.med .contact_us--form--input_message {
        height: 10rem;
        margin-bottom: 2rem; } }
  .contact_us-form.small .contact_us--form--message_section, .contact_us-form.med .contact_us--form--message_section {
    margin: 0; }
  .contact_us-form.small button[type="submit"], .contact_us-form.med button[type="submit"] {
    min-width: 200px;
    margin-top: 1rem; }
    @media (max-width: 768px) {
      .contact_us-form.small button[type="submit"], .contact_us-form.med button[type="submit"] {
        min-width: 180px; } }
  .contact_us-form.med .contact_us--form--input, .contact_us-form.med section.donate input:not(.checkbox), section.donate .contact_us-form.med input:not(.checkbox),
  .contact_us-form.med section.donate textarea:not(.checkbox), section.donate .contact_us-form.med textarea:not(.checkbox), .contact_us-form.med .card-form__input, .contact_us-form.med .card-form__input iframe, .card-form__input .contact_us-form.med iframe {
    width: 80vw;
    min-width: 300px;
    max-width: 420px;
    height: 5rem;
    margin-top: 0;
    margin-bottom: 2.5rem;
    padding: 0;
    padding-left: 18px;
    line-height: 5rem;
    font-size: 1.6667rem; }
    @media (max-width: 768px) {
      .contact_us-form.med .contact_us--form--input, .contact_us-form.med section.donate input:not(.checkbox), section.donate .contact_us-form.med input:not(.checkbox),
      .contact_us-form.med section.donate textarea:not(.checkbox), section.donate .contact_us-form.med textarea:not(.checkbox), .contact_us-form.med .card-form__input, .contact_us-form.med .card-form__input iframe, .card-form__input .contact_us-form.med iframe {
        height: 5rem;
        margin-bottom: 2.5rem;
        padding: 0;
        padding-left: 18px;
        line-height: 5rem;
        font-size: 1.6667rem; } }
  .contact_us-form.med .contact_us--form--input_message {
    height: 17.5rem;
    margin-top: 0;
    margin-bottom: 2rem; }
    @media (max-width: 768px) {
      .contact_us-form.med .contact_us--form--input_message {
        height: 15rem;
        margin-bottom: 2rem; } }
  .contact_us-form.med .contact_us--form--message_section {
    margin: 0; }
  .contact_us-form.med button[type="submit"] {
    min-width: 210px;
    margin-top: 1rem;
    padding: 0; }
    @media (max-width: 768px) {
      .contact_us-form.med button[type="submit"] {
        min-width: 192px; } }
  .contact_us-form.med .contact_us--form--dropdown_section {
    margin: 0;
    margin-bottom: 2.5rem; }
  .contact_us-form.med .contact_us--form--select {
    width: 80vw;
    min-width: 300px;
    max-width: 420px;
    height: 5rem;
    padding: 0;
    padding-left: 18px;
    line-height: 5rem;
    font-size: 1.75rem;
    letter-spacing: 0.02em; }
  .contact_us-form.med .contact_us--form--select_options {
    width: 80vw;
    min-width: 300px;
    max-width: 420px;
    font-size: 1.6667rem; }
    .contact_us-form.med .contact_us--form--select_options div {
      height: 5rem;
      line-height: 5rem;
      padding: 2px 0 0 21px; }
  .contact_us-form .contact_us--form--pleasespecify_section .contact_us--form--required {
    top: 10px; }
  .contact_us-form .contact_us--form--input_pleasespecify {
    display: none;
    margin: 0 0 10px; }
  .contact_us-form .contact_us--form--message_section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 1.5rem 0; }
    .contact_us-form .contact_us--form--message_section .contact_us--form--required {
      top: 47px; }
  .contact_us-form .contact_us--form--message_label {
    color: #fff;
    padding-left: 24px;
    margin-top: -6px;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 4rem;
    display: none; }
  .contact_us-form .contact_us--form--input_message {
    height: 269px;
    margin: 0 0 20px; }
  .contact_us-form div {
    position: relative; }
  .contact_us-form .contact_us--form--required {
    display: none;
    position: absolute;
    top: 30px;
    left: -3.2vw;
    font-size: 1.6667rem;
    color: #fff; }
  .contact_us-form .contact_us--form--notice_section {
    color: #fff; }
    .contact_us-form .contact_us--form--notice_section p {
      font-size: 18px;
      line-height: 30px;
      font-weight: 400;
      text-align: left; }
  .contact_us-form button[type="submit"] {
    margin-top: 1rem; }
  @media (min-width: 769px) {
    .contact_us-form .contact_us--form--select {
      padding: 6px 0 0 24px; }
    .contact_us-form .contact_us--form--input, .contact_us-form section.donate input:not(.checkbox), section.donate .contact_us-form input:not(.checkbox),
    .contact_us-form section.donate textarea:not(.checkbox), section.donate .contact_us-form textarea:not(.checkbox), .contact_us-form .card-form__input, .contact_us-form .card-form__input iframe, .card-form__input .contact_us-form iframe {
      padding: 6px 0 0 24px; }
    .contact_us-form .contact_us--form--dropdown_section .contact_us--form--required {
      top: 0; }
    .contact_us-form .contact_us--form--pleasespecify_section .contact_us--form--required {
      top: 0; }
    .contact_us-form .contact_us--form--message_section .contact_us--form--required {
      top: 36px; }
    .contact_us-form .contact_us--form--required {
      top: 20px;
      left: -25px;
      font-size: 48px; }
    .contact_us-form .contact_us--form--notice_section p {
      font-size: 1.6667rem;
      line-height: 36px;
      text-align: center; } }

section.contact-form.light {
  color: #000; }

.contact_us-form.light .contact_us--form--dropdown_label,
.contact_us-form.light .contact_us--form--select_selected {
  color: #000; }

.contact_us-form.light .contact_us--form--select {
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.7); }
  .contact_us-form.light .contact_us--form--select::placeholder {
    color: #000; }

.contact_us-form.light .contact_us--form--select_arrow svg {
  fill: #000; }

.contact_us-form.light .contact_us--form--required {
  color: #000; }

.contact_us-form.light .contact_us--form--input, .contact_us-form.light section.donate input:not(.checkbox), section.donate .contact_us-form.light input:not(.checkbox),
.contact_us-form.light section.donate textarea:not(.checkbox), section.donate .contact_us-form.light textarea:not(.checkbox), .contact_us-form.light .card-form__input, .contact_us-form.light .card-form__input iframe, .card-form__input .contact_us-form.light iframe {
  background: #e6e6e6;
  color: #000; }
  .contact_us-form.light .contact_us--form--input::-webkit-input-placeholder, .contact_us-form.light section.donate input:not(.checkbox)::-webkit-input-placeholder, section.donate .contact_us-form.light input:not(.checkbox)::-webkit-input-placeholder,
  .contact_us-form.light section.donate textarea:not(.checkbox)::-webkit-input-placeholder, section.donate .contact_us-form.light textarea:not(.checkbox)::-webkit-input-placeholder, .contact_us-form.light .card-form__input::-webkit-input-placeholder, .contact_us-form.light .card-form__input iframe::-webkit-input-placeholder, .card-form__input .contact_us-form.light iframe::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.6; }
  .contact_us-form.light .contact_us--form--input::-moz-placeholder, .contact_us-form.light section.donate input:not(.checkbox)::-moz-placeholder, section.donate .contact_us-form.light input:not(.checkbox)::-moz-placeholder,
  .contact_us-form.light section.donate textarea:not(.checkbox)::-moz-placeholder, section.donate .contact_us-form.light textarea:not(.checkbox)::-moz-placeholder, .contact_us-form.light .card-form__input::-moz-placeholder, .contact_us-form.light .card-form__input iframe::-moz-placeholder, .card-form__input .contact_us-form.light iframe::-moz-placeholder {
    color: inherit;
    opacity: 0.6; }
  .contact_us-form.light .contact_us--form--input:-ms-input-placeholder, .contact_us-form.light section.donate input:-ms-input-placeholder:not(.checkbox), section.donate .contact_us-form.light input:-ms-input-placeholder:not(.checkbox),
  .contact_us-form.light section.donate textarea:-ms-input-placeholder:not(.checkbox), section.donate .contact_us-form.light textarea:-ms-input-placeholder:not(.checkbox), .contact_us-form.light .card-form__input:-ms-input-placeholder, .contact_us-form.light .card-form__input iframe:-ms-input-placeholder, .card-form__input .contact_us-form.light iframe:-ms-input-placeholder {
    color: inherit;
    opacity: 0.6; }
  .contact_us-form.light .contact_us--form--input::placeholder, .contact_us-form.light section.donate input:not(.checkbox)::placeholder, section.donate .contact_us-form.light input:not(.checkbox)::placeholder,
  .contact_us-form.light section.donate textarea:not(.checkbox)::placeholder, section.donate .contact_us-form.light textarea:not(.checkbox)::placeholder, .contact_us-form.light .card-form__input::placeholder, .contact_us-form.light .card-form__input iframe::placeholder, .card-form__input .contact_us-form.light iframe::placeholder {
    color: inherit;
    opacity: 0.6; }
  .contact_us-form.light .contact_us--form--input:-internal-autofill-selected, .contact_us-form.light section.donate input:-internal-autofill-selected:not(.checkbox), section.donate .contact_us-form.light input:-internal-autofill-selected:not(.checkbox),
  .contact_us-form.light section.donate textarea:-internal-autofill-selected:not(.checkbox), section.donate .contact_us-form.light textarea:-internal-autofill-selected:not(.checkbox), .contact_us-form.light .card-form__input:-internal-autofill-selected, .contact_us-form.light .card-form__input iframe:-internal-autofill-selected, .card-form__input .contact_us-form.light iframe:-internal-autofill-selected {
    background: #e6e6e6 !important;
    color: #000 !important; }

section.testimonials {
  z-index: 3;
  padding-top: 2.5vh;
  background: none; }
  @media (max-width: 768px) {
    section.testimonials:after {
      content: "";
      position: absolute;
      z-index: 2;
      bottom: 0;
      left: 0;
      right: 0;
      height: 7.5vh;
      background: #fff; } }

.testimonial {
  margin: auto; }

.testimonial span {
  display: inline-block;
  margin: 0 auto; }
  .testimonial span:before, .testimonial span:after {
    content: ""; }

.testimonial cite {
  display: block;
  text-align: right;
  font-style: normal; }

.testimonial__top {
  position: relative;
  z-index: 3;
  height: 25vh;
  margin: 15vh 0 0;
  padding-left: 12%;
  color: #fff;
  white-space: nowrap;
  overflow: visible; }
  @media (max-width: 768px) {
    .testimonial__top {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      height: 35vh;
      min-height: 300px;
      padding: 0 12% 6vh; } }
  .testimonial__top cite {
    position: relative;
    width: 45%;
    text-align: left;
    line-height: 1.5;
    font-size: 2rem; }
    @media (max-width: 768px) {
      .testimonial__top cite {
        width: 100%; } }
    .testimonial__top cite .quote-icon {
      position: absolute;
      z-index: 9;
      top: 15.5rem;
      right: 2rem;
      width: 132px;
      height: 132px;
      margin-top: -48px;
      margin-right: -66px;
      background: url("/images/icons/icon-quote.svg") no-repeat 0 0;
      background-size: 100% 100%;
      filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.25)) brightness(1.3);
      animation: floaty 12s 0s ease-in-out infinite alternate; }
      @media (max-width: 768px) {
        .testimonial__top cite .quote-icon {
          top: 12rem;
          width: 108px;
          height: 108px; } }
  .testimonial__top .slider-author-title {
    font-size: 5.25vw;
    letter-spacing: 0.02em;
    text-transform: capitalize; }
    @media (max-width: 768px) {
      .testimonial__top .slider-author-title {
        margin-left: -1vw;
        font-size: 12.25vw; } }
    @media (min-width: 1500px) {
      .testimonial__top .slider-author-title {
        font-size: 6.5rem; } }
  .testimonial__top .slider-author-org {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 528px;
    font-size: 2vw; }
    @media (max-width: 768px) {
      .testimonial__top .slider-author-org {
        font-size: 1.75rem;
        font-weight: 400; } }
    @media (min-width: 1500px) {
      .testimonial__top .slider-author-org {
        font-size: 2.5rem; } }

.testimonial__bottom {
  height: 60vh;
  min-height: 570px;
  padding-left: 12%;
  background-color: #fff;
  color: #000; }
  @media (max-width: 768px) {
    .testimonial__bottom {
      height: auto;
      min-height: 300px;
      padding: 0 12% 6vh; } }
  .testimonial__bottom span {
    margin: 7vh 0;
    width: 36%;
    line-height: 1.83334;
    font-size: 2vw;
    font-weight: 300;
    font-style: italic; }
    @media (max-width: 768px) {
      .testimonial__bottom span {
        width: 100%;
        margin: 6vh 0 7vh;
        font-size: 1.6667rem; } }
    @media (min-width: 1500px) {
      .testimonial__bottom span {
        font-size: 2.5rem; } }

.slider-update .slider__slide-image {
  position: absolute;
  bottom: auto;
  top: 8%;
  bottom: 9%;
  right: 0;
  width: 48%;
  min-height: 660px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-color: #afb4c5;
  box-shadow: 0 6px 24px -3px rgba(0, 0, 0, 0.25); }
  @media (max-width: 768px) {
    .slider-update .slider__slide-image {
      top: 0;
      bottom: 15%;
      width: 100%;
      min-height: auto;
      background-size: auto 105%;
      background-position: 50% 100%; } }
  .slider-update .slider__slide-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom right, rgba(46, 52, 91, 0.1) 25%, rgba(74, 79, 128, 0.9) 90%); }
    @media (max-width: 768px) {
      .slider-update .slider__slide-image:after {
        background-image: linear-gradient(-155deg, rgba(46, 52, 91, 0.1) 15%, rgba(74, 79, 128, 0.9) 70%); } }

section.bridge.letter {
  padding: 22.5vh 0 25vh;
  margin-bottom: 10vh; }
  @media (max-width: 768px) {
    section.bridge.letter {
      padding: 15vh 0;
      margin-bottom: 7.5vh; } }
  section.bridge.letter h5.caps, section.bridge.letter h5.arrowh {
    margin-bottom: 3rem; }
  section.bridge.letter h2, section.bridge.letter h1 {
    position: relative;
    max-width: 870px;
    margin: auto;
    margin-bottom: 4rem;
    line-height: 1.6667;
    font-size: 4.5rem; }
    @media (max-width: 1200px) {
      section.bridge.letter h2, section.bridge.letter h1 {
        font-size: 4.25vw; } }
    @media (max-width: 768px) {
      section.bridge.letter h2, section.bridge.letter h1 {
        width: 95%;
        margin-bottom: 3.25rem;
        line-height: 1.5;
        font-size: 8.4vw; }
        section.bridge.letter h2 br, section.bridge.letter h1 br {
          display: none; } }
    section.bridge.letter h2.small, section.bridge.letter h2.contact_us-form.med, section.bridge.letter h1.small, section.bridge.letter h1.contact_us-form.med {
      font-size: 4.25rem; }
      @media (max-width: 768px) {
        section.bridge.letter h2.small, section.bridge.letter h2.contact_us-form.med, section.bridge.letter h1.small, section.bridge.letter h1.contact_us-form.med {
          font-size: 8vw; } }
  section.bridge.letter h1 {
    font-size: 5rem; }
    @media (max-width: 768px) {
      section.bridge.letter h1 {
        font-size: 9.5vw;
        margin-bottom: 3.5rem; } }
  section.bridge.letter h4 {
    position: relative;
    text-transform: none;
    text-align: left;
    white-space: nowrap;
    max-width: 610px;
    margin: 2.5rem auto 0; }
    section.bridge.letter h4 span {
      position: relative;
      padding: 4px 5px; }
      section.bridge.letter h4 span i {
        position: relative;
        z-index: 1;
        font-style: normal; }
      section.bridge.letter h4 span:after {
        content: '';
        position: absolute;
        z-index: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 8px;
        border-radius: 4px;
        background: rgba(255, 242, 0, 0.7); }
    @media (max-width: 768px) {
      section.bridge.letter h4 {
        width: 90%;
        padding-left: 40px;
        white-space: normal;
        line-height: 1.6667; }
        section.bridge.letter h4 strong {
          position: absolute;
          left: 0; }
        section.bridge.letter h4 span {
          padding: 0;
          box-shadow: inset 0 -5px rgba(255, 242, 0, 0.7); }
          section.bridge.letter h4 span:after {
            display: none; } }
  section.bridge.letter.ctps h4 {
    white-space: normal;
    max-width: 720px;
    margin: 2.5rem auto 0;
    padding-left: 2.5rem;
    font-size: 2.75rem; }
    @media (min-width: 1400px) {
      section.bridge.letter.ctps h4 {
        font-size: 3rem; } }
    @media (max-width: 1024px) {
      section.bridge.letter.ctps h4 {
        max-width: 660px;
        padding-left: 1rem;
        font-size: 2.5rem; } }
    section.bridge.letter.ctps h4 span {
      padding: 4px 5px; }
      section.bridge.letter.ctps h4 span i {
        font-weight: 500; }
    @media (max-width: 768px) {
      section.bridge.letter.ctps h4 {
        width: 90%;
        padding-left: 45px;
        white-space: normal;
        line-height: 1.6667; }
        section.bridge.letter.ctps h4 strong {
          position: absolute;
          left: 0; }
        section.bridge.letter.ctps h4 span {
          padding: 0;
          box-shadow: inset 0 -5px rgba(255, 242, 0, 0.7); }
          section.bridge.letter.ctps h4 span:after {
            display: none; } }
    @media (max-width: 480px) {
      section.bridge.letter.ctps h4 {
        padding-left: 42px;
        font-size: 5.5vw; } }
  section.bridge.letter p {
    position: relative;
    width: 80%;
    max-width: 640px;
    padding-left: 2.5%;
    text-align: left; }
    @media (max-width: 768px) {
      section.bridge.letter p {
        width: 90%;
        padding-left: 1.5%; } }
    @media (max-width: 1200px) {
      section.bridge.letter p.nowrap {
        white-space: normal; } }
    section.bridge.letter p.center, section.bridge.letter .app-showcase.center .phone-wrapper p.phone, .app-showcase.center .phone-wrapper section.bridge.letter p.phone, section.bridge.letter .app-showcase.first .phone-wrapper p.phone, .app-showcase.first .phone-wrapper section.bridge.letter p.phone, section.bridge.letter .app-showcase.fifth .phone-wrapper p.phone, .app-showcase.fifth .phone-wrapper section.bridge.letter p.phone, section.bridge.letter p.first.app-showcase, section.bridge.letter p.fifth.app-showcase {
      text-align: center; }
  section.bridge.letter .line {
    margin: 9vh auto; }
    section.bridge.letter .line.xpad {
      margin: 12vh auto 12vh; }
    @media (max-width: 768px) {
      section.bridge.letter .line {
        margin: 7.8vh auto; }
        section.bridge.letter .line.xpad {
          margin: 9vh auto; } }
  section.bridge.letter .affils {
    position: relative;
    width: 87%;
    margin: 15vh auto 0; }
    @media (max-width: 768px) {
      section.bridge.letter .affils {
        width: 100%;
        margin: 11vh auto 0; } }
    section.bridge.letter .affils h6 {
      margin-bottom: 3.5rem; }
    section.bridge.letter .affils .uhc-tstars {
      width: 78%;
      height: auto;
      margin-bottom: 12.5vh; }
      @media (max-width: 768px) {
        section.bridge.letter .affils .uhc-tstars {
          width: 90%;
          margin-bottom: 10vh; } }
    section.bridge.letter .affils .row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      position: relative;
      width: 100%;
      height: 7rem;
      white-space: nowrap; }
      section.bridge.letter .affils .row img {
        width: 27.5%;
        height: auto; }
      @media (max-width: 768px) {
        section.bridge.letter .affils .row {
          display: block;
          width: 90%;
          height: auto;
          margin: -1rem auto 0;
          white-space: normal; }
          section.bridge.letter .affils .row img {
            width: 42%; }
            section.bridge.letter .affils .row img:first-of-type {
              margin-right: 10%; }
            section.bridge.letter .affils .row img:last-of-type {
              margin-top: 2rem; } }
  section.bridge.letter .contact_provider {
    position: relative;
    width: 80%;
    max-width: 640px;
    padding-left: 2.5%; }
    @media (max-width: 768px) {
      section.bridge.letter .contact_provider {
        width: 90%;
        padding-left: 1.5%; } }
    section.bridge.letter .contact_provider .s-input {
      width: 100%;
      height: 15rem; }
    section.bridge.letter .contact_provider .btn {
      margin-top: 2rem; }

body.stakeholder section.contact-form h2 {
  display: block; }

body.stakeholder section.contact-form h5.caps, body.stakeholder section.contact-form h5.arrowh {
  display: none; }

section.results {
  z-index: 3;
  padding-bottom: 20vh; }
  section.results .content-wrapper {
    width: 100vw;
    max-width: 1440px; }
    @media (max-width: 768px) {
      section.results .content-wrapper {
        width: 92.5%; } }
  section.results .result-row {
    position: relative;
    width: 100%;
    height: 600px; }
    @media (max-width: 768px) {
      section.results .result-row {
        height: 510px;
        margin-bottom: 360px; } }
    section.results .result-row.unfocused .viz-col .stat h1.purpgrad {
      opacity: 0;
      transition: all 0.25s 0.5s; }
    section.results .result-row.unfocused .viz-col .stat h1.shadow {
      color: #fff;
      text-shadow: 0 1.5px 6px rgba(0, 0, 0, 0);
      transition: color 0.1s 0.4s, text-shadow 0.1s 0.4s; }
    section.results .result-row.unfocused .viz-col .photo:before {
      opacity: 0; }
    section.results .result-row.unfocused .viz-col .photo.feast {
      background-size: auto 100%; }
    section.results .result-row.unfocused .viz-col .photo.visit {
      background-size: auto 120%;
      background-position: 25% 0%; }
    section.results .result-row.unfocused .viz-col .photo.group {
      background-size: auto 100%; }
    section.results .result-row.unfocused .viz-col .photo video.keys {
      transform: scale(1.15); }
  section.results .capt-col, section.results .viz-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%; }
    @media (max-width: 768px) {
      section.results .capt-col, section.results .viz-col {
        width: 100%; } }
  section.results .capt-col {
    z-index: 3;
    left: 0;
    align-items: flex-end;
    padding-top: 9%; }
    section.results .capt-col.scroll {
      margin-top: 48vh; }
    @media (max-width: 768px) {
      section.results .capt-col {
        width: 100%;
        height: auto;
        margin-top: 510px;
        padding-top: 13.25%;
        justify-content: flex-start;
        align-items: center; }
        section.results .capt-col.scroll {
          height: 100%;
          padding-top: 9%;
          justify-content: center;
          margin-top: 780px; } }
    section.results .capt-col h2 {
      width: 80%;
      font-size: 5rem;
      margin-right: 0; }
      @media (max-width: 1440px) {
        section.results .capt-col h2 {
          font-size: 4.16667vw; } }
      @media (max-width: 768px) {
        section.results .capt-col h2 {
          width: 90%;
          font-size: 9vw; } }
  section.results .capt-col.alt {
    right: 0;
    left: auto;
    align-items: flex-start; }
    section.results .capt-col.alt.scroll {
      margin-top: 52.5vh; }
    @media (max-width: 768px) {
      section.results .capt-col.alt {
        align-items: flex-end; }
        section.results .capt-col.alt.scroll {
          margin-top: 900px; } }
    section.results .capt-col.alt h2 {
      margin-left: 30px;
      margin-right: 0;
      text-align: left; }
      @media (max-width: 768px) {
        section.results .capt-col.alt h2 {
          width: 82.5%;
          margin-left: 0;
          margin-right: 2.5%; } }
  section.results .capt-col.last {
    height: auto;
    padding-top: 16.75%; }
    section.results .capt-col.last.scroll {
      margin-top: 66vh; }
    section.results .capt-col.last.short, section.results .capt-col.last.locale-menu.sea, section.results .capt-col.last.locale-menu.den {
      padding-top: 23%; }
    section.results .capt-col.last h2 {
      width: 80%;
      margin-right: -7.5%;
      font-size: 5.5vw;
      line-height: 1.4; }
      @media (max-width: 1200px) {
        section.results .capt-col.last h2 {
          min-width: 400px;
          margin-right: 30px; } }
      @media (max-width: 768px) {
        section.results .capt-col.last h2 {
          min-width: 0;
          margin: 0;
          text-align: center;
          font-size: 10.5vw; } }
      @media (min-width: 1500px) {
        section.results .capt-col.last h2 {
          font-size: 6.25rem; } }
      section.results .capt-col.last h2.small, section.results .capt-col.last h2.contact_us-form.med {
        font-size: 4.8vw; }
        @media (max-width: 768px) {
          section.results .capt-col.last h2.small, section.results .capt-col.last h2.contact_us-form.med {
            font-size: 9vw; } }
        @media (min-width: 1500px) {
          section.results .capt-col.last h2.small, section.results .capt-col.last h2.contact_us-form.med {
            font-size: 6rem; } }
    section.results .capt-col.last .btn.cta-scroll {
      margin-top: 2.5rem; }
  section.results .app-buttons {
    margin-top: 2rem; }
  section.results .contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 80%;
    margin-top: 1.5rem;
    margin-right: -7.5%; }
    @media (max-width: 768px) {
      section.results .contact {
        margin-top: 2.5rem;
        margin-right: 0; } }
    section.results .contact.alt {
      align-items: flex-end;
      width: auto;
      margin-right: 30px; }
      @media (max-width: 768px) {
        section.results .contact.alt {
          align-items: center;
          margin-right: 0; }
          section.results .contact.alt .contact_us-form {
            align-items: center; } }
  section.results .contact_us-form {
    align-items: center;
    width: 400px; }
    section.results .contact_us-form .btn.large, section.results .contact_us-form section.bridge .statement .btn.line, section.bridge .statement section.results .contact_us-form .btn.line, section.results .contact_us-form section.slider p.btn, section.slider section.results .contact_us-form p.btn, section.results .contact_us-form section.sliderh p.btn, section.sliderh section.results .contact_us-form p.btn, section.results .contact_us-form section.neighbors p.btn, section.neighbors section.results .contact_us-form p.btn, section.results .contact_us-form section.bridge.letter p.btn, section.bridge.letter section.results .contact_us-form p.btn, section.results .contact_us-form .story-quote.short p.btn, .story-quote.short section.results .contact_us-form p.btn, section.results .contact_us-form .aboutcard.team .short.quote p.btn, .aboutcard.team .short.quote section.results .contact_us-form p.btn, section.results .contact_us-form .aboutcard.team .quote.locale-menu.sea p.btn, .aboutcard.team .quote.locale-menu.sea section.results .contact_us-form p.btn, section.results .contact_us-form .aboutcard.team .quote.locale-menu.den p.btn, .aboutcard.team .quote.locale-menu.den section.results .contact_us-form p.btn, section.results .contact_us-form .story-quote.locale-menu.sea p.btn, .story-quote.locale-menu.sea section.results .contact_us-form p.btn, section.results .contact_us-form .story-quote.locale-menu.den p.btn, .story-quote.locale-menu.den section.results .contact_us-form p.btn, section.results .contact_us-form section.description p.btn, section.description section.results .contact_us-form p.btn, section.results .contact_us-form .aboutcard.board.active .tile h5.btn, .aboutcard.board.active .tile section.results .contact_us-form h5.btn {
      display: none; }
    @media (max-width: 768px) {
      section.results .contact_us-form {
        width: 100%; } }
  section.results .viz-col {
    right: 0;
    padding-right: 30px;
    text-align: center; }
    section.results .viz-col.alt {
      left: 0;
      right: auto;
      padding-right: 0;
      padding-left: 30px; }
    @media (max-width: 768px) {
      section.results .viz-col {
        padding-right: 0; }
        section.results .viz-col.alt {
          padding-left: 0; } }
    section.results .viz-col .stat {
      position: relative;
      z-index: 5;
      padding-top: 1.5rem; }
      section.results .viz-col .stat h1 {
        position: relative;
        z-index: 5;
        margin: 0;
        padding-left: 18px;
        line-height: 1.05;
        font-size: 13vw;
        font-weight: 900;
        white-space: nowrap;
        user-select: none; }
        @media (max-width: 768px) {
          section.results .viz-col .stat h1 {
            font-size: 33.333vw; } }
        @media (min-width: 1500px) {
          section.results .viz-col .stat h1 {
            font-size: 16rem; } }
        section.results .viz-col .stat h1 span {
          display: inline;
          vertical-align: top;
          line-height: 1.15;
          font-size: 11vw;
          font-weight: 600;
          padding-left: 9px; }
          @media (max-width: 768px) {
            section.results .viz-col .stat h1 span {
              line-height: 1.3;
              font-size: 20vw;
              padding-left: 4px; } }
          @media (min-width: 1500px) {
            section.results .viz-col .stat h1 span {
              font-size: 13.5rem; } }
        section.results .viz-col .stat h1.wide, section.results .viz-col .stat h1.intro.stakeholder.alt.xwide, section.results .viz-col .stat h1.intro.xwide.stories, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.stories.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.stories.number, section.results .viz-col .stat h1.intro.xwide.fund, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.fund.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.fund.number, section.results .viz-col .stat h1.intro.xwide.about, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.about.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.about.number, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.stakeholder.alt.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.stakeholder.alt.number, section.results .viz-col .stat section.aboutmain h1.content-wrapper, section.aboutmain section.results .viz-col .stat h1.content-wrapper {
          font-size: 14vw;
          letter-spacing: 0.04em; }
          section.results .viz-col .stat h1.wide:first-letter, section.results .viz-col .stat h1.intro.stakeholder.alt.xwide:first-letter, section.results .viz-col .stat h1.intro.xwide.stories:first-letter, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.stories.number:first-letter, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.stories.number:first-letter, section.results .viz-col .stat h1.intro.xwide.fund:first-letter, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.fund.number:first-letter, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.fund.number:first-letter, section.results .viz-col .stat h1.intro.xwide.about:first-letter, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.about.number:first-letter, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.about.number:first-letter, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.stakeholder.alt.number:first-letter, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.stakeholder.alt.number:first-letter, section.results .viz-col .stat section.aboutmain h1.content-wrapper:first-letter, section.aboutmain section.results .viz-col .stat h1.content-wrapper:first-letter {
            letter-spacing: 0.06em; }
          @media (max-width: 768px) {
            section.results .viz-col .stat h1.wide, section.results .viz-col .stat h1.intro.stakeholder.alt.xwide, section.results .viz-col .stat h1.intro.xwide.stories, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.stories.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.stories.number, section.results .viz-col .stat h1.intro.xwide.fund, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.fund.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.fund.number, section.results .viz-col .stat h1.intro.xwide.about, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.about.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.about.number, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.stakeholder.alt.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.stakeholder.alt.number, section.results .viz-col .stat section.aboutmain h1.content-wrapper, section.aboutmain section.results .viz-col .stat h1.content-wrapper {
              font-size: 35vw;
              letter-spacing: 0.06em; }
              section.results .viz-col .stat h1.wide:first-letter, section.results .viz-col .stat h1.intro.stakeholder.alt.xwide:first-letter, section.results .viz-col .stat h1.intro.xwide.stories:first-letter, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.stories.number:first-letter, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.stories.number:first-letter, section.results .viz-col .stat h1.intro.xwide.fund:first-letter, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.fund.number:first-letter, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.fund.number:first-letter, section.results .viz-col .stat h1.intro.xwide.about:first-letter, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.about.number:first-letter, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.about.number:first-letter, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.stakeholder.alt.number:first-letter, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.stakeholder.alt.number:first-letter, section.results .viz-col .stat section.aboutmain h1.content-wrapper:first-letter, section.aboutmain section.results .viz-col .stat h1.content-wrapper:first-letter {
                letter-spacing: 0.08em; } }
          @media (min-width: 1500px) {
            section.results .viz-col .stat h1.wide, section.results .viz-col .stat h1.intro.stakeholder.alt.xwide, section.results .viz-col .stat h1.intro.xwide.stories, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.stories.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.stories.number, section.results .viz-col .stat h1.intro.xwide.fund, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.fund.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.fund.number, section.results .viz-col .stat h1.intro.xwide.about, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.about.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.about.number, section.results .viz-col .stat .aboutcard.value#val1 h1.intro.stakeholder.alt.number, .aboutcard.value#val1 section.results .viz-col .stat h1.intro.stakeholder.alt.number, section.results .viz-col .stat section.aboutmain h1.content-wrapper, section.aboutmain section.results .viz-col .stat h1.content-wrapper {
              font-size: 17.5rem; } }
        section.results .viz-col .stat h1.nopad {
          padding-left: 0;
          padding-right: 0; }
          @media (max-width: 768px) {
            section.results .viz-col .stat h1.nopad {
              padding-left: 0;
              padding-right: 0; } }
        section.results .viz-col .stat h1.purpgrad {
          color: rgba(255, 255, 255, 0);
          background: linear-gradient(to top right, #9897e3 10%, #b8c2ff 90%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: rgba(255, 255, 255, 0);
          transition: all 0.25s 0.5s; }
        section.results .viz-col .stat h1.shadow {
          color: rgba(255, 255, 255, 0);
          text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          transition: color 0.1s 0.75s, text-shadow 0.25s 0.5s; }
      section.results .viz-col .stat.small h1, section.results .viz-col .stat.contact_us-form.med h1 {
        font-size: 11.25vw; }
        section.results .viz-col .stat.small h1 span, section.results .viz-col .stat.contact_us-form.med h1 span {
          line-height: 1.25;
          font-size: 8vw;
          padding-left: 5px; }
        @media (max-width: 768px) {
          section.results .viz-col .stat.small h1, section.results .viz-col .stat.contact_us-form.med h1 {
            font-size: 25vw; }
            section.results .viz-col .stat.small h1 span, section.results .viz-col .stat.contact_us-form.med h1 span {
              font-size: 15vw;
              padding-left: 2px; }
            section.results .viz-col .stat.small h1 span:first-of-type, section.results .viz-col .stat.contact_us-form.med h1 span:first-of-type {
              line-height: 1.67; } }
        @media (min-width: 1500px) {
          section.results .viz-col .stat.small h1, section.results .viz-col .stat.contact_us-form.med h1 {
            font-size: 13.75rem; }
            section.results .viz-col .stat.small h1 span, section.results .viz-col .stat.contact_us-form.med h1 span {
              font-size: 10rem; } }
      section.results .viz-col .stat h3 {
        width: 75%;
        margin: auto;
        font-size: 4.5rem; }
      section.results .viz-col .stat h4 {
        font-size: 2.6667rem;
        line-height: 1.35;
        font-weight: 400;
        transition: all 0.4s 0.4s; }
        @media (max-width: 768px) {
          section.results .viz-col .stat h4 {
            font-size: 2rem; } }
        section.results .viz-col .stat h4 strong {
          text-transform: none; }
        section.results .viz-col .stat h4 em {
          font-weight: 600; }
      section.results .viz-col .stat h3 .shadow, section.results .viz-col .stat h4 .shadow {
        position: relative; }
        section.results .viz-col .stat h3 .shadow:after, section.results .viz-col .stat h4 .shadow:after {
          content: "";
          position: absolute;
          z-index: -1;
          top: 0;
          bottom: 0;
          left: 10%;
          right: 10%;
          background: #000;
          transform: scaleX(0.875) scaleY(1.175);
          filter: blur(27px);
          opacity: 0.4; }
          @media (max-width: 768px) {
            section.results .viz-col .stat h3 .shadow:after, section.results .viz-col .stat h4 .shadow:after {
              left: 5%;
              right: 5%; } }
        section.results .viz-col .stat h3 .shadow.dark:after, section.results .viz-col .stat h3 section.shadow.bodygap:after, section.results .viz-col .stat h4 .shadow.dark:after, section.results .viz-col .stat h4 section.shadow.bodygap:after {
          transform: scalex(0.925) scaleY(1.2);
          filter: blur(30px);
          opacity: 0.48; }
      section.results .viz-col .stat h5 {
        margin: 1rem 0 0.75rem;
        font-size: 1.6667rem;
        font-weight: 600; }
        @media (max-width: 768px) {
          section.results .viz-col .stat h5 {
            font-size: 1.4rem; } }
      section.results .viz-col .stat .statwrap {
        position: relative; }
        section.results .viz-col .stat .statwrap .shadow {
          position: absolute;
          z-index: 4;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; }
    section.results .viz-col .photo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: rgba(91, 91, 166, 0.75);
      overflow: hidden;
      transition: all 0.5s 0.5s ease-out; }
      section.results .viz-col .photo:before {
        content: "";
        z-index: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient(to bottom right, #5b5ba6 -5%, rgba(91, 91, 166, 0) 90%);
        background-position: center center;
        transition: all 0.4s 0.5s; }
      section.results .viz-col .photo.alt:before {
        background-image: linear-gradient(to bottom left, #5b5ba6 -5%, rgba(91, 91, 166, 0) 90%); }
      section.results .viz-col .photo.feast {
        background-image: url("/images/feast-photo.jpg");
        background-size: auto 111%;
        background-position: 50% 50%; }
      section.results .viz-col .photo.visit {
        background-image: url("/images/outreach-photo3.jpg");
        background-size: auto 120%;
        background-position: 25% 0%; }
      section.results .viz-col .photo.group {
        background-image: url("/images/outreach-photo4.jpg");
        background-size: auto 111%;
        background-position: 50% 50%; }
      section.results .viz-col .photo video.keys {
        position: absolute;
        z-index: 0;
        top: -12%;
        left: 0;
        right: -9%;
        min-width: 720px;
        transform: scale(1);
        transition: all 0.4s 0.5s ease-out; }
    section.results .viz-col .frame {
      position: absolute;
      z-index: 4;
      top: -30px;
      bottom: -30px;
      left: -30px;
      right: 30px; }
      @media (max-width: 768px) {
        section.results .viz-col .frame {
          top: -24px;
          bottom: -24px;
          left: 20px;
          right: 20px; } }
      section.results .viz-col .frame .corner {
        position: absolute;
        z-index: 2;
        width: 80px;
        height: 100px;
        border-radius: 4px;
        background-image: linear-gradient(to top left, #9897e3, #b8c2ff);
        box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.25);
        transition: transform 0.5s 0s cubic-bezier(0.15, 1.5, 0.75, 1.5), opacity 0.3s 0s ease-out; }
        section.results .viz-col .frame .corner.top {
          top: -30px;
          left: -20px;
          clip-path: polygon(0% 0%, 100% 0%, 0% 100%); }
        section.results .viz-col .frame .corner.bot {
          bottom: -24px;
          right: -15px;
          clip-path: polygon(100% 100%, 0% 100%, 100% 0%); }
        @media (max-width: 768px) {
          section.results .viz-col .frame .corner {
            width: 60px;
            height: 75px;
            border-radius: 3px; }
            section.results .viz-col .frame .corner.top {
              top: -15px;
              left: -12px; }
            section.results .viz-col .frame .corner.bot {
              bottom: -15px;
              right: -12px; } }
      section.results .viz-col .frame .lines {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%; }
        section.results .viz-col .frame .lines:before, section.results .viz-col .frame .lines:after {
          content: "";
          position: absolute;
          border-radius: 2px;
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
          transition: 0.5s 0.5s cubic-bezier(0.1, 0.9, 0.25, 1); }
        section.results .viz-col .frame .lines.top:before {
          top: 0;
          left: 0;
          width: 100%;
          height: 4px;
          background-image: linear-gradient(to right, #9897e3, #b8c2ff); }
        section.results .viz-col .frame .lines.top:after {
          top: 0;
          left: 0;
          width: 4px;
          height: 36%;
          background-image: linear-gradient(to top, #9897e3, #b8c2ff); }
        section.results .viz-col .frame .lines.bot:before {
          bottom: 0;
          right: 0;
          width: 4px;
          height: 50%;
          background-image: linear-gradient(to top, #9897e3, #b8c2ff); }
        section.results .viz-col .frame .lines.bot:after {
          bottom: 0;
          right: 0;
          width: 80%;
          height: 4px;
          background-image: linear-gradient(to right, #9897e3, #b8c2ff); }
      section.results .viz-col .frame.alt {
        left: 30px;
        right: -30px; }
        @media (max-width: 768px) {
          section.results .viz-col .frame.alt {
            left: 20px;
            right: 20px; } }
        section.results .viz-col .frame.alt .corner {
          background-image: linear-gradient(to top right, #9897e3, #b8c2ff); }
          section.results .viz-col .frame.alt .corner.top {
            left: auto;
            right: -20px;
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%); }
            @media (max-width: 768px) {
              section.results .viz-col .frame.alt .corner.top {
                right: -12px; } }
          section.results .viz-col .frame.alt .corner.bot {
            right: auto;
            left: -15px;
            clip-path: polygon(100% 100%, 0% 100%, 0% 0%); }
            @media (max-width: 768px) {
              section.results .viz-col .frame.alt .corner.bot {
                left: -12px; } }
        section.results .viz-col .frame.alt .lines.top:before {
          left: auto;
          right: 0;
          width: 100%;
          height: 4px; }
        section.results .viz-col .frame.alt .lines.top:after {
          left: auto;
          right: 0;
          width: 4px;
          height: 37.5%; }
          @media (max-width: 768px) {
            section.results .viz-col .frame.alt .lines.top:after {
              height: 40%; } }
        section.results .viz-col .frame.alt .lines.bot:before {
          right: auto;
          left: 0;
          width: 4px;
          height: 50%; }
        section.results .viz-col .frame.alt .lines.bot:after {
          right: auto;
          left: 0;
          width: 85%;
          height: 4px; }
      section.results .viz-col .frame.short .lines.top:after, section.results .viz-col .frame.locale-menu.sea .lines.top:after, section.results .viz-col .frame.locale-menu.den .lines.top:after {
        height: 30%; }
        @media (max-width: 768px) {
          section.results .viz-col .frame.short .lines.top:after, section.results .viz-col .frame.locale-menu.sea .lines.top:after, section.results .viz-col .frame.locale-menu.den .lines.top:after {
            height: 40%; } }
      section.results .viz-col .frame.long .lines.top:after {
        height: 44%; }
    section.results .viz-col .frame.collapsed .corner, section.results .result-row.unfocused .viz-col .frame .corner, section.results .viz-col .aboutcard.team.unfocused:not(.expanded) .frame .corner, .aboutcard.team.unfocused:not(.expanded) section.results .viz-col .frame .corner, section.results .viz-col .aboutcard.team.expanded .frame .corner, .aboutcard.team.expanded section.results .viz-col .frame .corner {
      opacity: 0;
      transition: all 0.5s 0.4s cubic-bezier(0.1, 0.75, 0.5, 1); }
      section.results .viz-col .frame.collapsed .corner.top, section.results .result-row.unfocused .viz-col .frame .corner.top, section.results .viz-col .aboutcard.team.unfocused:not(.expanded) .frame .corner.top, .aboutcard.team.unfocused:not(.expanded) section.results .viz-col .frame .corner.top, section.results .viz-col .aboutcard.team.expanded .frame .corner.top, .aboutcard.team.expanded section.results .viz-col .frame .corner.top {
        transform: translate(75%, 75%); }
      section.results .viz-col .frame.collapsed .corner.bot, section.results .result-row.unfocused .viz-col .frame .corner.bot, section.results .viz-col .aboutcard.team.unfocused:not(.expanded) .frame .corner.bot, .aboutcard.team.unfocused:not(.expanded) section.results .viz-col .frame .corner.bot, section.results .viz-col .aboutcard.team.expanded .frame .corner.bot, .aboutcard.team.expanded section.results .viz-col .frame .corner.bot {
        transform: translate(-75%, -75%); }
    section.results .viz-col .frame.collapsed .lines:before, section.results .result-row.unfocused .viz-col .frame .lines:before, section.results .viz-col .aboutcard.team.unfocused:not(.expanded) .frame .lines:before, .aboutcard.team.unfocused:not(.expanded) section.results .viz-col .frame .lines:before, section.results .viz-col .aboutcard.team.expanded .frame .lines:before, .aboutcard.team.expanded section.results .viz-col .frame .lines:before, section.results .viz-col .frame.collapsed .lines:after, section.results .result-row.unfocused .viz-col .frame .lines:after, section.results .viz-col .aboutcard.team.unfocused:not(.expanded) .frame .lines:after, .aboutcard.team.unfocused:not(.expanded) section.results .viz-col .frame .lines:after, section.results .viz-col .aboutcard.team.expanded .frame .lines:after, .aboutcard.team.expanded section.results .viz-col .frame .lines:after {
      transition: 0.5s 0s cubic-bezier(0.1, 0.75, 0.4, 1); }
    section.results .viz-col .frame.collapsed .lines.top:before, section.results .result-row.unfocused .viz-col .frame .lines.top:before, section.results .viz-col .aboutcard.team.unfocused:not(.expanded) .frame .lines.top:before, .aboutcard.team.unfocused:not(.expanded) section.results .viz-col .frame .lines.top:before, section.results .viz-col .aboutcard.team.expanded .frame .lines.top:before, .aboutcard.team.expanded section.results .viz-col .frame .lines.top:before, section.results .viz-col .frame.collapsed .lines.bot:after, section.results .result-row.unfocused .viz-col .frame .lines.bot:after, section.results .viz-col .aboutcard.team.unfocused:not(.expanded) .frame .lines.bot:after, .aboutcard.team.unfocused:not(.expanded) section.results .viz-col .frame .lines.bot:after, section.results .viz-col .aboutcard.team.expanded .frame .lines.bot:after, .aboutcard.team.expanded section.results .viz-col .frame .lines.bot:after {
      width: 0; }
    section.results .viz-col .frame.collapsed .lines.top:after, section.results .result-row.unfocused .viz-col .frame .lines.top:after, section.results .viz-col .aboutcard.team.unfocused:not(.expanded) .frame .lines.top:after, .aboutcard.team.unfocused:not(.expanded) section.results .viz-col .frame .lines.top:after, section.results .viz-col .aboutcard.team.expanded .frame .lines.top:after, .aboutcard.team.expanded section.results .viz-col .frame .lines.top:after, section.results .viz-col .frame.collapsed .lines.bot:before, section.results .result-row.unfocused .viz-col .frame .lines.bot:before, section.results .viz-col .aboutcard.team.unfocused:not(.expanded) .frame .lines.bot:before, .aboutcard.team.unfocused:not(.expanded) section.results .viz-col .frame .lines.bot:before, section.results .viz-col .aboutcard.team.expanded .frame .lines.bot:before, .aboutcard.team.expanded section.results .viz-col .frame .lines.bot:before {
      height: 0; }
    section.results .viz-col .frame.collapsed.alt .corner.top, section.results .result-row.unfocused .viz-col .frame.alt .corner.top, section.results .viz-col .aboutcard.team.unfocused:not(.expanded) .frame.alt .corner.top, .aboutcard.team.unfocused:not(.expanded) section.results .viz-col .frame.alt .corner.top, section.results .viz-col .aboutcard.team.expanded .frame.alt .corner.top, .aboutcard.team.expanded section.results .viz-col .frame.alt .corner.top {
      transform: translate(-75%, 75%); }
    section.results .viz-col .frame.collapsed.alt .corner.bot, section.results .result-row.unfocused .viz-col .frame.alt .corner.bot, section.results .viz-col .aboutcard.team.unfocused:not(.expanded) .frame.alt .corner.bot, .aboutcard.team.unfocused:not(.expanded) section.results .viz-col .frame.alt .corner.bot, section.results .viz-col .aboutcard.team.expanded .frame.alt .corner.bot, .aboutcard.team.expanded section.results .viz-col .frame.alt .corner.bot {
      transform: translate(75%, -75%); }

.person_in_need .scroll-anchor#cta-anchor {
  top: 7.5vh; }
  @media (max-width: 768px) {
    .person_in_need .scroll-anchor#cta-anchor {
      top: 20vh; } }

@media (max-width: 768px) {
  .person_in_need section.results, volunteers section.results {
    padding-bottom: 0; }
  .person_in_need section.alumni, volunteers section.alumni {
    margin-top: 0;
    margin-bottom: 50vh;
    padding-top: 10vh; } }

section.outreach {
  text-align: center; }
  section.outreach .content-wrapper {
    width: 85%; }
    @media (max-width: 768px) {
      section.outreach .content-wrapper {
        width: 92.5%; } }
  section.outreach h1 {
    font-size: 4.575vw; }
    @media (max-width: 768px) {
      section.outreach h1 {
        font-size: 9vw; } }
  section.outreach .prop, section.outreach .sdoh {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 4;
    width: 100%; }
  section.outreach .prop {
    height: 110vh; }
    @media (max-width: 768px) {
      section.outreach .prop {
        height: 95vh; } }
    section.outreach .prop .scroll {
      margin-top: -77.5vh; }
      @media (max-width: 768px) {
        section.outreach .prop .scroll {
          margin-top: -66.666vh; } }
    section.outreach .prop .scroll.ctps {
      margin-top: -77.5vh; }
      @media (max-width: 768px) {
        section.outreach .prop .scroll.ctps {
          margin-top: -75vh; } }
    section.outreach .prop h4 {
      z-index: 1;
      margin-top: 2.5%; }
    section.outreach .prop h1 {
      width: 85%;
      margin: auto;
      margin-top: 9%; }
      @media (max-width: 1500px) {
        section.outreach .prop h1 {
          width: 63vw; } }
      @media (max-width: 768px) {
        section.outreach .prop h1 {
          width: 100%;
          margin-top: 15%; } }
      @media (min-width: 1500px) {
        section.outreach .prop h1 {
          font-size: 5.5rem; } }
  section.outreach .photog {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 420px;
    margin-top: -5rem;
    overflow: hidden;
    background-position: center center; }
    @media (max-width: 768px) {
      section.outreach .photog {
        height: 300px;
        overflow: visible; } }
    section.outreach .photog .photo {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(47, 54, 91, 0.75);
      background-position: center center;
      background-size: cover; }
      section.outreach .photog .photo.checkin {
        background-image: url("/images/outreach-photo.jpg"); }
    section.outreach .photog .logomark {
      position: absolute;
      z-index: 2;
      height: 100%;
      opacity: 0.4;
      overflow: hidden; }
      section.outreach .photog .logomark svg {
        height: 150%;
        margin-top: -25%;
        animation: 3.6s fade linear infinite; }
      @media (max-width: 768px) {
        section.outreach .photog .logomark {
          overflow: visible; }
          section.outreach .photog .logomark svg {
            height: 144%;
            margin-top: -22%; } }
  section.outreach .sdoh {
    z-index: 4;
    height: 120vh;
    min-height: 900px;
    margin-bottom: 30vh;
    align-items: flex-end;
    text-align: left; }
    @media (max-width: 768px) {
      section.outreach .sdoh {
        height: 105vh;
        min-height: 780px;
        align-items: center;
        text-align: center;
        margin-bottom: 7.5vh; }
        section.outreach .sdoh br {
          display: none; } }
    section.outreach .sdoh .scroll {
      margin-top: -135vh; }
      @media (max-width: 768px) {
        section.outreach .sdoh .scroll {
          margin-top: -120vh; } }
    section.outreach .sdoh h1 {
      z-index: 3;
      width: 50vw;
      max-width: 750px;
      margin-right: -6vw; }
      section.outreach .sdoh h1 b, section.outreach .sdoh h1 strong {
        text-transform: none; }
      @media (max-width: 768px) {
        section.outreach .sdoh h1 {
          width: 100%;
          margin: 0; } }
      @media (max-width: 1320px) {
        section.outreach .sdoh h1 {
          margin-right: -2.5vw; } }
      @media (min-width: 1500px) {
        section.outreach .sdoh h1 {
          margin-right: -7.5vw;
          font-size: 5.5rem; } }

section.alumni {
  z-index: 1;
  margin-top: 15vh;
  margin-bottom: 20vh; }
  @media (max-width: 768px) {
    section.alumni {
      margin-bottom: 40vh; } }
  section.alumni .alumni {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    width: 100%;
    z-index: 4;
    height: 115vh;
    min-height: 900px; }
    @media (max-width: 768px) {
      section.alumni .alumni {
        align-items: flex-start; } }
    section.alumni .alumni .head {
      position: relative;
      z-index: 4; }
      section.alumni .alumni .head.scroll {
        margin-top: -225vh; }
      @media (max-width: 768px) {
        section.alumni .alumni .head {
          width: 80%; }
          section.alumni .alumni .head.scroll {
            margin-top: -205vh; } }
    section.alumni .alumni h2 {
      position: relative;
      z-index: 3;
      width: 37.5vw;
      max-width: 540px;
      margin-right: -7.5vw;
      line-height: 1.35;
      font-size: 5.1vw; }
      @media (max-width: 1200px) {
        section.alumni .alumni h2 {
          font-size: 6vw;
          margin-left: 7%; } }
      @media (max-width: 768px) {
        section.alumni .alumni h2 {
          width: 95%;
          font-size: 11.25vw; } }
      @media (min-width: 1500px) {
        section.alumni .alumni h2 {
          margin-right: -7.5vw;
          font-size: 6rem; } }
  section.alumni .testimony {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1;
    top: 50vh;
    left: 50%;
    width: 540px;
    height: 540px;
    margin-top: -270px;
    margin-left: -270px;
    border-radius: 50%;
    background: #20233c;
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.15);
    transition: all 0.75s 0s ease-out, box-shadow 0.5s 0s, top 0s 0s; }
    @media (max-width: 1200px) and (min-width: 769px) {
      section.alumni .testimony {
        left: 40%; } }
    @media (max-width: 768px) {
      section.alumni .testimony {
        width: 432px;
        height: 432px;
        margin-top: -216px;
        margin-left: -216px; } }
    section.alumni .testimony:before {
      content: "";
      position: absolute;
      z-index: 2;
      width: 542px;
      height: 542px;
      border-radius: 50%;
      box-shadow: inset 0 -1.5px 0px 2.5px #252946;
      transition: all 0.4s 0.1s; }
      @media (max-width: 768px) {
        section.alumni .testimony:before {
          width: 434px;
          height: 434px;
          box-shadow: inset 0 -1px 0px 2px #252946; } }
    section.alumni .testimony:after {
      content: "";
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-image: linear-gradient(to bottom, rgba(37, 41, 70, 0) 20%, #252946 95%);
      transition: all 0.4s ease-out; }
    section.alumni .testimony .circ-mask {
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      transition: all 0.4s ease-out; }
    section.alumni .testimony video {
      position: absolute;
      z-index: 0;
      width: 100%;
      height: 100%;
      opacity: 0.7;
      transition: all 0.4s ease-out; }
    section.alumni .testimony.hover, section.alumni .story-showcase.hovers .testimony.story-quote.mside, .story-showcase.hovers section.alumni .testimony.story-quote.mside, section.alumni .story-showcase.hovers .aboutcard.team .testimony.mside.quote, .story-showcase.hovers .aboutcard.team section.alumni .testimony.mside.quote, section.alumni .aboutcard.team .story-showcase.hovers .testimony.mside.quote, .aboutcard.team .story-showcase.hovers section.alumni .testimony.mside.quote, section.alumni .story-showcase.hovers .testimony.story-photo, .story-showcase.hovers section.alumni .testimony.story-photo, section.alumni .story-showcase.hovers .testimony.profile-photo, .story-showcase.hovers section.alumni .testimony.profile-photo, section.alumni .story-showcase.hovers .testimony.btn-play, .story-showcase.hovers section.alumni .testimony.btn-play {
      box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
      section.alumni .testimony.hover .circ-mask, section.alumni .story-showcase.hovers .testimony.story-quote.mside .circ-mask, .story-showcase.hovers section.alumni .testimony.story-quote.mside .circ-mask, section.alumni .story-showcase.hovers .aboutcard.team .testimony.mside.quote .circ-mask, .story-showcase.hovers .aboutcard.team section.alumni .testimony.mside.quote .circ-mask, section.alumni .aboutcard.team .story-showcase.hovers .testimony.mside.quote .circ-mask, .aboutcard.team .story-showcase.hovers section.alumni .testimony.mside.quote .circ-mask, section.alumni .story-showcase.hovers .testimony.story-photo .circ-mask, .story-showcase.hovers section.alumni .testimony.story-photo .circ-mask, section.alumni .story-showcase.hovers .testimony.profile-photo .circ-mask, .story-showcase.hovers section.alumni .testimony.profile-photo .circ-mask, section.alumni .story-showcase.hovers .testimony.btn-play .circ-mask, .story-showcase.hovers section.alumni .testimony.btn-play .circ-mask {
        transform: scale(0.93);
        transition: all 0.2s ease-out; }
      section.alumni .testimony.hover:before, section.alumni .story-showcase.hovers .testimony.story-quote.mside:before, .story-showcase.hovers section.alumni .testimony.story-quote.mside:before, section.alumni .story-showcase.hovers .aboutcard.team .testimony.mside.quote:before, .story-showcase.hovers .aboutcard.team section.alumni .testimony.mside.quote:before, section.alumni .aboutcard.team .story-showcase.hovers .testimony.mside.quote:before, .aboutcard.team .story-showcase.hovers section.alumni .testimony.mside.quote:before, section.alumni .story-showcase.hovers .testimony.story-photo:before, .story-showcase.hovers section.alumni .testimony.story-photo:before, section.alumni .story-showcase.hovers .testimony.profile-photo:before, .story-showcase.hovers section.alumni .testimony.profile-photo:before, section.alumni .story-showcase.hovers .testimony.btn-play:before, .story-showcase.hovers section.alumni .testimony.btn-play:before {
        opacity: 0;
        transition: all 0.2s ease-out; }
      section.alumni .testimony.hover:after, section.alumni .story-showcase.hovers .testimony.story-quote.mside:after, .story-showcase.hovers section.alumni .testimony.story-quote.mside:after, section.alumni .story-showcase.hovers .aboutcard.team .testimony.mside.quote:after, .story-showcase.hovers .aboutcard.team section.alumni .testimony.mside.quote:after, section.alumni .aboutcard.team .story-showcase.hovers .testimony.mside.quote:after, .aboutcard.team .story-showcase.hovers section.alumni .testimony.mside.quote:after, section.alumni .story-showcase.hovers .testimony.story-photo:after, .story-showcase.hovers section.alumni .testimony.story-photo:after, section.alumni .story-showcase.hovers .testimony.profile-photo:after, .story-showcase.hovers section.alumni .testimony.profile-photo:after, section.alumni .story-showcase.hovers .testimony.btn-play:after, .story-showcase.hovers section.alumni .testimony.btn-play:after {
        opacity: 0.5;
        transition: all 0.2s ease-out; }
      section.alumni .testimony.hover video, section.alumni .story-showcase.hovers .testimony.story-quote.mside video, .story-showcase.hovers section.alumni .testimony.story-quote.mside video, section.alumni .story-showcase.hovers .aboutcard.team .testimony.mside.quote video, .story-showcase.hovers .aboutcard.team section.alumni .testimony.mside.quote video, section.alumni .aboutcard.team .story-showcase.hovers .testimony.mside.quote video, .aboutcard.team .story-showcase.hovers section.alumni .testimony.mside.quote video, section.alumni .story-showcase.hovers .testimony.story-photo video, .story-showcase.hovers section.alumni .testimony.story-photo video, section.alumni .story-showcase.hovers .testimony.profile-photo video, .story-showcase.hovers section.alumni .testimony.profile-photo video, section.alumni .story-showcase.hovers .testimony.btn-play video, .story-showcase.hovers section.alumni .testimony.btn-play video {
        opacity: 1;
        transition: all 0.2s ease-out; }
  section.alumni .testimony.faded {
    top: 100vh;
    transform: scale(0.7);
    opacity: 0;
    transition: all 0.75s ease-out, top 0s 1s; }

.stakeholder.managed_care section.alumni .alumni .head.scroll {
  margin-top: -282vh; }
  @media (max-width: 768px) {
    .stakeholder.managed_care section.alumni .alumni .head.scroll {
      margin-top: -240vh; } }

body.stakeholder.corporate section.section-slider.partners {
  position: relative;
  bottom: -105%;
  transition: bottom 0.75s 0s ease-out; }

body.stakeholder.corporate section.section-slider.partners.fixy {
  position: fixed;
  bottom: 0; }

body.stakeholder.corporate section.section-slider.partners.fixyout {
  position: fixed;
  bottom: -105%;
  transition: bottom 1.25s 0s ease-in-out; }

@media (max-width: 768px) {
  body.stakeholder.organizations .slide-visuals.first .circles-wrapper.fg {
    opacity: 0.5; } }

.stories section.contact-form {
  padding-top: 20vh; }
  .stories section.contact-form h2 {
    display: block; }

@media (min-width: 769px) {
  .intro.stories .h-col {
    padding-top: 2.5%; }
  .intro.stories .bg-video-button.small, .intro.stories .bg-video-button.contact_us-form.med {
    top: 70%; } }

.intro.studies .content-wrapper {
  align-items: flex-start;
  padding-left: 7.5%; }
  @media (max-width: 768px) {
    .intro.studies .content-wrapper {
      padding-left: 5%; } }

section.contact-cta {
  margin-top: 20vh;
  margin-bottom: 5vh;
  padding: 20vh 0 22.5vh; }
  @media (max-width: 768px) {
    section.contact-cta {
      margin-top: 3vh;
      padding: 15vh 0 18vh; } }
  section.contact-cta .divline, section.contact-cta section.bridge .line, section.bridge section.contact-cta .line, section.contact-cta section.topstats .stat .statline, section.topstats .stat section.contact-cta .statline {
    margin: 14vh 0 11vh; }
  section.contact-cta .contacth {
    max-width: 810px;
    margin: auto;
    margin-bottom: 9vh;
    font-size: 3.75vw; }
    @media (max-width: 768px) {
      section.contact-cta .contacth {
        width: 95%;
        margin-bottom: 6.5vh;
        font-size: 9vw; }
        section.contact-cta .contacth br {
          display: none; } }
    @media (min-width: 1500px) {
      section.contact-cta .contacth {
        font-size: 4.5rem; } }

section.bridge.stories.okc p {
  max-width: 510px; }

.slider-footer {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
  margin-bottom: 7rem; }
  @media (max-width: 768px) {
    .slider-footer {
      margin-top: -4.5rem;
      margin-bottom: 9rem; } }

section.topstats {
  padding-top: 15vh;
  padding-bottom: 10vh; }
  @media (max-width: 768px) {
    section.topstats {
      padding-bottom: 5vh;
      text-align: center; } }
  section.topstats .content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px; }
    @media (max-width: 768px) {
      section.topstats .content-wrapper {
        display: block; } }
  section.topstats .stat {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    position: relative; }
    @media (max-width: 768px) {
      section.topstats .stat {
        width: 50%;
        margin-bottom: 2rem; } }
    section.topstats .stat h2 {
      margin-bottom: 0rem;
      line-height: 1;
      font-size: 5.75vw;
      font-weight: 400;
      letter-spacing: 0.03em; }
      @media (max-width: 768px) {
        section.topstats .stat h2 {
          font-size: 12.5vw; } }
      @media (min-width: 1500px) {
        section.topstats .stat h2 {
          font-size: 7rem; } }
      section.topstats .stat h2 span {
        vertical-align: top;
        padding-top: 2px;
        padding-left: 4px;
        font-weight: 400; }
        @media (max-width: 768px) {
          section.topstats .stat h2 span {
            font-size: 8.75vw; } }
      section.topstats .stat h2.compress {
        letter-spacing: 0; }
      section.topstats .stat h2.purpgrad, section.topstats .stat h2 {
        color: transparent;
        background: linear-gradient(160deg, #b8c2ff 0%, rgba(152, 151, 227, 0) 110%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      section.topstats .stat h2.fadegrad {
        color: transparent;
        background: linear-gradient(160deg, rgba(255, 255, 255, 0.8) -2.5%, rgba(255, 255, 255, 0) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
    section.topstats .stat .statline {
      display: none;
      position: absolute;
      top: 102.5%;
      width: 57.5%;
      height: 2px;
      border-radius: 1px; }
    section.topstats .stat p {
      position: absolute;
      top: 69%;
      left: 70%;
      margin: 0;
      line-height: 1.2;
      font-size: 1.9rem;
      white-space: nowrap; }
      @media (max-width: 768px) {
        section.topstats .stat p {
          position: relative;
          left: auto;
          font-size: 4.5vw;
          text-align: center; } }
    section.topstats .stat.xwide p, section.topstats section.bridge.stories p.stat p, section.bridge.stories section.topstats p.stat p, section.topstats body.fund.runwith section.bridge p.stat p, body.fund.runwith section.bridge section.topstats p.stat p, section.topstats section.bridge.about p.stat p, section.bridge.about section.topstats p.stat p, section.topstats .aboutcard.value#val1 .stat.number p, .aboutcard.value#val1 section.topstats .stat.number p {
      left: 50%; }
      @media (max-width: 768px) {
        section.topstats .stat.xwide p, section.topstats section.bridge.stories p.stat p, section.bridge.stories section.topstats p.stat p, section.topstats body.fund.runwith section.bridge p.stat p, body.fund.runwith section.bridge section.topstats p.stat p, section.topstats section.bridge.about p.stat p, section.bridge.about section.topstats p.stat p, section.topstats .aboutcard.value#val1 .stat.number p, .aboutcard.value#val1 section.topstats .stat.number p {
          left: auto; } }
    section.topstats .stat .btn.tooltip {
      position: absolute;
      top: 0%;
      right: -3.5rem;
      margin-top: 1rem; }
      @media (max-width: 768px) {
        section.topstats .stat .btn.tooltip {
          top: 5%;
          right: 1rem;
          margin-top: 0; } }
      section.topstats .stat .btn.tooltip.bottom {
        top: 110%;
        left: 70%;
        right: auto;
        margin-left: -3.25rem; }
    @media (max-width: 768px) {
      section.topstats .stat.xwide .btn.tooltip, section.topstats section.bridge.stories p.stat .btn.tooltip, section.bridge.stories section.topstats p.stat .btn.tooltip, section.topstats body.fund.runwith section.bridge p.stat .btn.tooltip, body.fund.runwith section.bridge section.topstats p.stat .btn.tooltip, section.topstats section.bridge.about p.stat .btn.tooltip, section.bridge.about section.topstats p.stat .btn.tooltip, section.topstats .aboutcard.value#val1 .stat.number .btn.tooltip, .aboutcard.value#val1 section.topstats .stat.number .btn.tooltip {
        right: -1rem; } }
  @media (min-width: 769px) {
    section.topstats .stat:first-of-type {
      margin-top: 12rem; }
    section.topstats .stat:nth-of-type(2) {
      margin-left: -1.5%; }
    section.topstats .stat:nth-of-type(3) {
      margin-left: 1.5%; }
    section.topstats .stat:last-of-type {
      margin-top: 12.5rem;
      margin-left: 1.5%;
      margin-right: 15%; } }

section.storyslider {
  z-index: 1;
  padding-bottom: 7.5vh; }
  @media (max-width: 768px) {
    section.storyslider {
      padding-bottom: 12.5vh; } }
  section.storyslider .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 85%; }
    @media (max-width: 768px) {
      section.storyslider .content-wrapper {
        width: 90%; } }
    @media (min-width: 1500px) {
      section.storyslider .content-wrapper {
        max-width: 1200px; } }
  section.storyslider .slides-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    min-height: 1104px; }
    @media (max-width: 768px) {
      section.storyslider .slides-wrapper {
        min-height: 840px; } }
  section.storyslider .slider-nav {
    top: 402px;
    margin-top: -150px;
    width: 120px; }
    @media (max-width: 768px) {
      section.storyslider .slider-nav {
        width: 100px;
        height: 120px; } }
    section.storyslider .slider-nav.bottom {
      top: 666px;
      margin-top: -75px; }
      @media (max-width: 768px) {
        section.storyslider .slider-nav.bottom {
          top: 570px;
          margin-top: -60px; } }
    section.storyslider .slider-nav.low {
      top: 720px;
      margin-top: -300px; }
    @media (max-width: 768px) {
      section.storyslider .slider-nav.next {
        right: -4.5%; }
        section.storyslider .slider-nav.next .arrowh {
          display: none; } }
  section.storyslider .bg-counter, section.storyslider .bg-circle {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 804px;
    height: 804px;
    margin: auto; }
    @media (max-width: 768px) {
      section.storyslider .bg-counter, section.storyslider .bg-circle {
        width: 540px;
        height: 540px; } }
  section.storyslider .bg-counter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    section.storyslider .bg-counter .count {
      position: relative;
      width: 6rem;
      height: 6rem;
      line-height: 6rem;
      text-align: center; }
      section.storyslider .bg-counter .count span {
        font-size: 5.75rem;
        font-weight: 100;
        opacity: 0.5; }
        @media (max-width: 768px) {
          section.storyslider .bg-counter .count span {
            font-size: 4.333rem; } }
      section.storyslider .bg-counter .count h1, section.storyslider .bg-counter .count h4 {
        position: absolute;
        line-height: 1;
        margin: 0; }
      section.storyslider .bg-counter .count h1 {
        bottom: 33%;
        right: 75%;
        font-size: 6.75rem;
        text-align: right;
        letter-spacing: -0.015em; }
        @media (max-width: 768px) {
          section.storyslider .bg-counter .count h1 {
            font-size: 5.25rem; } }
      section.storyslider .bg-counter .count h4 {
        top: 45%;
        left: 70%;
        font-size: 4.25rem;
        text-align: left;
        opacity: 0.5; }
        @media (max-width: 768px) {
          section.storyslider .bg-counter .count h4 {
            font-size: 3.25rem; } }
  section.storyslider .bg-circle {
    left: auto;
    bottom: auto; }
    section.storyslider .bg-circle .circle svg circle {
      stroke-dasharray: 12%, 38%, 20%, 15%, 8%, 30%, 15%, 25%, 7%, 24%, 18%, 34%, 15%, 7%; }
    section.storyslider .bg-circle .circle.offset svg circle {
      stroke-dasharray: 12%, 38%, 20%, 15%, 8%, 30%, 15%, 25%, 7%, 24%, 18%, 34%, 15%, 7%; }
    @media (max-width: 768px) {
      section.storyslider .bg-circle span {
        transform: scale(0.65); }
      section.storyslider .bg-circle .circle svg circle {
        stroke-width: 7;
        stroke-dasharray: 18%, 57%, 30%, 22.5%, 12%, 45%, 22.5%, 37.5%, 10.5%, 36%, 27%, 51%, 22.5%, 10.5%; }
      section.storyslider .bg-circle .circle.offset svg circle {
        stroke-dasharray: 18%, 57%, 30%, 22.5%, 12%, 45%, 22.5%, 37.5%, 10.5%, 36%, 27%, 51%, 22.5%, 10.5%; } }
    section.storyslider .bg-circle span {
      transition: transform 1.2s;
      transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 0.9); }
    section.storyslider .bg-circle.pulse span {
      transform: scale(0.85);
      transition: transform 0.5s;
      transition-timing-function: cubic-bezier(0.05, 0.95, 0.05, 0.95); }
      @media (max-width: 768px) {
        section.storyslider .bg-circle.pulse span {
          transform: scale(0.53); } }
      section.storyslider .bg-circle.pulse span .circle svg circle {
        transition: all 0.15s; }

.story-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  min-height: 1104px; }
  @media (max-width: 768px) {
    .story-wrap {
      min-height: 840px; } }
  .story-wrap.storyhide {
    display: none; }

.story-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  margin-top: 660px; }
  @media (max-width: 768px) {
    .story-body {
      margin-top: 528px; } }
  .story-body h1 {
    margin-bottom: 3rem;
    font-size: 7.5vw;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    white-space: nowrap; }
    @media (max-width: 1200px) {
      .story-body h1 {
        font-size: 9vw; } }
    @media (max-width: 768px) {
      .story-body h1 {
        font-size: 15vw; } }
    @media (min-width: 1500px) {
      .story-body h1 {
        font-size: 9rem; } }
  .story-body p {
    max-width: 510px;
    margin: 0;
    margin-right: -2.5rem; }
    @media (max-width: 768px) {
      .story-body p {
        width: 90%;
        margin-right: -2.5%; } }
    @media (min-width: 1280px) {
      .story-body p {
        max-width: 570px; } }
  .story-body .links {
    height: 4rem;
    margin-top: -2rem;
    margin-bottom: 3.5rem;
    text-align: center;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .story-body .links {
        margin-bottom: 2.5rem; } }
    .story-body .links a {
      display: inline-block;
      position: relative;
      font-size: 2rem; }
      @media (max-width: 768px) {
        .story-body .links a {
          font-size: 1.75rem; } }
      .story-body .links a:nth-of-type(2) span:after {
        transform: scaleX(-1); }
    .story-body .links.single a:last-of-type {
      display: none; }
    .story-body .links.multi a {
      position: absolute; }
      .story-body .links.multi a:first-of-type {
        right: 50%;
        margin-right: 3.5%; }
      .story-body .links.multi a:last-of-type {
        left: 50%;
        margin-left: 3.5%; }
      @media (max-width: 768px) {
        .story-body .links.multi a:first-of-type {
          margin-right: 3%; }
        .story-body .links.multi a:last-of-type {
          margin-left: 3%; } }

.story-showcase {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 804px;
  height: 804px; }
  @media (max-width: 768px) {
    .story-showcase {
      width: 540px;
      height: 540px; } }

.story-photo, .profile-photo {
  position: absolute;
  z-index: 0;
  width: 708px;
  height: 708px;
  border-radius: 50%;
  background: #252946;
  box-shadow: 0 6px 27px rgba(0, 0, 0, 0.125); }
  @media (max-width: 768px) {
    .story-photo, .profile-photo {
      width: 444px;
      height: 444px; } }
  .story-photo img, .profile-photo img, .story-photo .circ-mask, .profile-photo .circ-mask, .story-photo span, .profile-photo span {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: all 0.4s ease-out; }
  .story-photo .circ-mask, .profile-photo .circ-mask {
    z-index: 2; }
    .story-photo .circ-mask video, .profile-photo .circ-mask video, .story-photo .circ-mask img, .profile-photo .circ-mask img {
      position: absolute;
      z-index: 0;
      width: 100%;
      height: 100%; }
  .story-photo span, .profile-photo span {
    display: none;
    z-index: 3;
    background-image: linear-gradient(to top left, rgba(74, 79, 128, 0) 40%, rgba(152, 151, 227, 0.6) 100%); }
    @media (max-width: 768px) {
      .story-photo span, .profile-photo span {
        display: block; } }
  .story-photo:before, .profile-photo:before {
    content: '';
    position: absolute;
    z-index: 5;
    top: -1px;
    left: -1px;
    width: 711px;
    height: 711px;
    border-radius: 50%;
    box-shadow: inset 0 -2px 0px 3px #252946;
    transition: all 0.4s 0.1s; }
    @media (max-width: 768px) {
      .story-photo:before, .profile-photo:before {
        width: 447px;
        height: 447px; } }
  .story-photo:after, .profile-photo:after {
    content: '';
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, rgba(37, 41, 70, 0) 20%, #252946 95%);
    transition: all 0.4s ease-out; }
  .story-photo.hover, .story-showcase.hovers .story-photo.story-quote.mside, .story-showcase.hovers .aboutcard.team .story-photo.mside.quote, .aboutcard.team .story-showcase.hovers .story-photo.mside.quote, .story-showcase.hovers .aboutcard.team .mside.quote.profile-photo, .aboutcard.team .story-showcase.hovers .mside.quote.profile-photo, .story-showcase.hovers .story-quote.mside.profile-photo, .story-showcase.hovers .story-photo, .story-showcase.hovers .profile-photo, .hover.profile-photo {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
    .story-photo.hover .circ-mask, .story-showcase.hovers .story-photo .circ-mask, .story-showcase.hovers .profile-photo .circ-mask, .hover.profile-photo .circ-mask, .story-photo.hover img, .story-showcase.hovers .story-photo.story-quote.mside img, .story-showcase.hovers .aboutcard.team .story-photo.mside.quote img, .aboutcard.team .story-showcase.hovers .story-photo.mside.quote img, .story-showcase.hovers .aboutcard.team .mside.quote.profile-photo img, .aboutcard.team .story-showcase.hovers .mside.quote.profile-photo img, .story-showcase.hovers .story-quote.mside.profile-photo img, .story-showcase.hovers .story-photo img, .story-showcase.hovers .profile-photo img, .hover.profile-photo img, .story-photo.hover span, .story-showcase.hovers .story-photo.story-quote.mside span, .story-showcase.hovers .aboutcard.team .story-photo.mside.quote span, .aboutcard.team .story-showcase.hovers .story-photo.mside.quote span, .story-showcase.hovers .aboutcard.team .mside.quote.profile-photo span, .aboutcard.team .story-showcase.hovers .mside.quote.profile-photo span, .story-showcase.hovers .story-quote.mside.profile-photo span, .story-showcase.hovers .story-photo span, .story-showcase.hovers .profile-photo span, .hover.profile-photo span {
      transform: scale(0.925);
      transition: all 0.2s ease-out; }
    .story-photo.hover:before, .story-showcase.hovers .story-photo.story-quote.mside:before, .story-showcase.hovers .aboutcard.team .story-photo.mside.quote:before, .aboutcard.team .story-showcase.hovers .story-photo.mside.quote:before, .story-showcase.hovers .aboutcard.team .mside.quote.profile-photo:before, .aboutcard.team .story-showcase.hovers .mside.quote.profile-photo:before, .story-showcase.hovers .story-quote.mside.profile-photo:before, .story-showcase.hovers .story-photo:before, .story-showcase.hovers .profile-photo:before, .hover.profile-photo:before, .story-photo.hover span, .story-showcase.hovers .story-photo.story-quote.mside span, .story-showcase.hovers .aboutcard.team .story-photo.mside.quote span, .aboutcard.team .story-showcase.hovers .story-photo.mside.quote span, .story-showcase.hovers .aboutcard.team .mside.quote.profile-photo span, .aboutcard.team .story-showcase.hovers .mside.quote.profile-photo span, .story-showcase.hovers .story-quote.mside.profile-photo span, .story-showcase.hovers .story-photo span, .story-showcase.hovers .profile-photo span, .hover.profile-photo span {
      opacity: 0;
      transition: all 0.2s ease-out; }
    .story-photo.hover:after, .story-showcase.hovers .story-photo.story-quote.mside:after, .story-showcase.hovers .aboutcard.team .story-photo.mside.quote:after, .aboutcard.team .story-showcase.hovers .story-photo.mside.quote:after, .story-showcase.hovers .aboutcard.team .mside.quote.profile-photo:after, .aboutcard.team .story-showcase.hovers .mside.quote.profile-photo:after, .story-showcase.hovers .story-quote.mside.profile-photo:after, .story-showcase.hovers .story-photo:after, .story-showcase.hovers .profile-photo:after, .hover.profile-photo:after {
      opacity: 0.5;
      transition: all 0.2s ease-out; }

a.btn-play {
  position: absolute; }
  @media (max-width: 768px) {
    a.btn-play {
      transform: scale(0.825); } }

.story-quote, .aboutcard.team .quote {
  position: absolute;
  z-index: 4;
  top: 6%;
  right: -17.5%;
  width: 50%;
  color: #fff; }
  .story-quote.low, .aboutcard.team .low.quote {
    top: 7%; }
  .story-quote.short, .aboutcard.team .short.quote, .aboutcard.team .quote.locale-menu.sea, .aboutcard.team .quote.locale-menu.den, .story-quote.locale-menu.sea, .story-quote.locale-menu.den {
    top: 7%; }
    .story-quote.short p, .aboutcard.team .short.quote p, .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.den p, .story-quote.locale-menu.sea p, .story-quote.locale-menu.den p {
      margin-bottom: 0; }
  .story-quote.long, .aboutcard.team .long.quote, .story-quote.high, .aboutcard.team .high.quote {
    top: 1.5%; }
    .story-quote.long p, .aboutcard.team .long.quote p, .story-quote.high p, .aboutcard.team .high.quote p {
      line-height: 1.6667; }
  .story-quote .q-wrap, .aboutcard.team .quote .q-wrap {
    padding: 1.75rem 2.5rem 2rem 2.75rem;
    animation: float 2s 0s ease-in-out infinite alternate; }
    .story-quote .q-wrap:before, .aboutcard.team .quote .q-wrap:before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 1rem;
      background-color: #3c426c;
      background-image: linear-gradient(20deg, #33385c 0%, #535b95 100%);
      box-shadow: -2px 4px 12px 0px rgba(0, 0, 0, 0.25); }
    .story-quote .q-wrap:after, .aboutcard.team .quote .q-wrap:after {
      content: '';
      position: absolute;
      z-index: 0;
      bottom: -30px;
      width: 54px;
      height: 33px;
      background: #353a5f;
      clip-path: polygon(0 0, 0 100%, 100% 0); }
  .story-quote .q-icon, .aboutcard.team .quote .q-icon, .story-quote .icon:before, .aboutcard.team .quote .icon:before, .story-quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .story-quote .btn.team:before, .aboutcard.team .quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .aboutcard.team .quote .btn.team:before, .story-quote .profile-nav .btn.team:before, .profile-nav .story-quote .btn.team:before, .aboutcard.team .quote .profile-nav .btn.team:before, .profile-nav .aboutcard.team .quote .btn.team:before, .story-quote .profile-nav .btn.give:before, .profile-nav .story-quote .btn.give:before, .aboutcard.team .quote .profile-nav .btn.give:before, .profile-nav .aboutcard.team .quote .btn.give:before, .story-quote section.locale-members .profile-nav .btn.uibtn.give:before, section.locale-members .profile-nav .story-quote .btn.uibtn.give:before {
    position: absolute;
    z-index: 1;
    top: -19px;
    right: -21px;
    width: 90px;
    height: 90px;
    background: url("/images/icons/icon-quoteb.svg") no-repeat 0 0;
    background-size: 100% 100%;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, 0.25)) brightness(1.3); }
  .story-quote .icon, .aboutcard.team .quote .icon, .story-quote .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .story-quote .btn.team, .aboutcard.team .quote .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .aboutcard.team .quote .btn.team, .story-quote .profile-nav .btn.team, .profile-nav .story-quote .btn.team, .aboutcard.team .quote .profile-nav .btn.team, .profile-nav .aboutcard.team .quote .btn.team, .story-quote .profile-nav .btn.give, .profile-nav .story-quote .btn.give, .aboutcard.team .quote .profile-nav .btn.give, .profile-nav .aboutcard.team .quote .btn.give, .story-quote section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .story-quote .btn.uibtn.give {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    overflow: hidden; }
    .story-quote .icon:before, .aboutcard.team .quote .icon:before, .story-quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .story-quote .btn.team:before, .aboutcard.team .quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .aboutcard.team .quote .btn.team:before, .story-quote .profile-nav .btn.team:before, .profile-nav .story-quote .btn.team:before, .aboutcard.team .quote .profile-nav .btn.team:before, .profile-nav .aboutcard.team .quote .btn.team:before, .story-quote .profile-nav .btn.give:before, .profile-nav .story-quote .btn.give:before, .aboutcard.team .quote .profile-nav .btn.give:before, .profile-nav .aboutcard.team .quote .btn.give:before, .story-quote section.locale-members .profile-nav .btn.uibtn.give:before, section.locale-members .profile-nav .story-quote .btn.uibtn.give:before {
      content: '';
      top: -18px;
      right: -18px;
      width: 105px;
      height: 105px;
      filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2)) brightness(1.5);
      opacity: 0.66; }
  .story-quote p, .aboutcard.team .quote p {
    position: relative;
    z-index: 2;
    margin: 0;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.0033em; }
    .story-quote p:before, .aboutcard.team .quote p:before {
      content: '';
      float: right;
      width: 12.5%;
      height: 1.5rem; }
  .story-quote.white, .aboutcard.team .white.quote {
    color: #000; }
    .story-quote.white .q-wrap:before, .aboutcard.team .white.quote .q-wrap:before {
      background: #fff;
      box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.2); }
    .story-quote.white .q-wrap:after, .aboutcard.team .white.quote .q-wrap:after {
      background: white; }
    .story-quote.white .icon:before, .aboutcard.team .white.quote .icon:before, .story-quote.white .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .story-quote.white .btn.team:before, .aboutcard.team .white.quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .aboutcard.team .white.quote .btn.team:before, .story-quote.white .profile-nav .btn.team:before, .profile-nav .story-quote.white .btn.team:before, .aboutcard.team .white.quote .profile-nav .btn.team:before, .profile-nav .aboutcard.team .white.quote .btn.team:before, .story-quote.white .profile-nav .btn.give:before, .profile-nav .story-quote.white .btn.give:before, .aboutcard.team .white.quote .profile-nav .btn.give:before, .profile-nav .aboutcard.team .white.quote .btn.give:before {
      top: -18px;
      right: -15px;
      filter: brightness(1.3); }
  .story-quote.light, .aboutcard.team .light.quote {
    color: #000; }
    .story-quote.light .q-wrap:before, .aboutcard.team .light.quote .q-wrap:before {
      background: rgba(255, 255, 255, 0);
      background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.8) -50%, white 100%);
      box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.2); }
    .story-quote.light .q-wrap:after, .aboutcard.team .light.quote .q-wrap:after {
      background: rgba(255, 255, 255, 0.9); }
    .story-quote.light .icon:before, .aboutcard.team .light.quote .icon:before, .story-quote.light .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .story-quote.light .btn.team:before, .aboutcard.team .light.quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .aboutcard.team .light.quote .btn.team:before, .story-quote.light .profile-nav .btn.team:before, .profile-nav .story-quote.light .btn.team:before, .aboutcard.team .light.quote .profile-nav .btn.team:before, .profile-nav .aboutcard.team .light.quote .btn.team:before, .story-quote.light .profile-nav .btn.give:before, .profile-nav .story-quote.light .btn.give:before, .aboutcard.team .light.quote .profile-nav .btn.give:before, .profile-nav .aboutcard.team .light.quote .btn.give:before {
      top: -18px;
      right: -15px; }
  .story-quote.purp .q-wrap:before, .aboutcard.team .purp.quote .q-wrap:before {
    background: #949fe3;
    background-image: linear-gradient(37.5deg, #6b7bd8 0%, #949fe3 100%);
    box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.175); }
  .story-quote.purp .q-wrap:after, .aboutcard.team .purp.quote .q-wrap:after {
    background: #6F7ED9; }
  .story-quote.purp .icon:before, .aboutcard.team .purp.quote .icon:before, .story-quote.purp .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .story-quote.purp .btn.team:before, .aboutcard.team .purp.quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .aboutcard.team .purp.quote .btn.team:before, .story-quote.purp .profile-nav .btn.team:before, .profile-nav .story-quote.purp .btn.team:before, .aboutcard.team .purp.quote .profile-nav .btn.team:before, .profile-nav .aboutcard.team .purp.quote .btn.team:before, .story-quote.purp .profile-nav .btn.give:before, .profile-nav .story-quote.purp .btn.give:before, .aboutcard.team .purp.quote .profile-nav .btn.give:before, .profile-nav .aboutcard.team .purp.quote .btn.give:before {
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, 0.25)) brightness(3);
    opacity: 0.33; }
  .story-quote.purp p, .aboutcard.team .purp.quote p {
    font-size: 2.08rem; }

@media (max-width: 768px) {
  .story-quote.mside, .aboutcard.team .mside.quote {
    top: 7.5%;
    right: auto;
    width: 82.5vw;
    min-width: 300px;
    max-width: 420px;
    transform: translate(75%, 0);
    transition: all 0.5s 0s cubic-bezier(0.25, 1, 0.6, 1) !important; }
    .story-quote.mside .q-wrap, .aboutcard.team .mside.quote .q-wrap {
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 132px;
      padding: 1.333rem 2rem 1.75rem 2.25rem; }
    .story-quote.mside .q-wrap:before, .aboutcard.team .mside.quote .q-wrap:before {
      border-radius: 1rem; }
    .story-quote.mside .q-wrap:after, .aboutcard.team .mside.quote .q-wrap:after {
      width: 48px;
      height: 24px;
      bottom: -22px;
      left: 1.75rem;
      transition: all 0.6s 0s cubic-bezier(0.1, 0.9, 0.25, 1) !important; }
    .story-quote.mside .icon:before, .aboutcard.team .mside.quote .icon:before, .story-quote.mside .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .story-quote.mside .btn.team:before, .aboutcard.team .mside.quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .aboutcard.team .mside.quote .btn.team:before, .story-quote.mside .profile-nav .btn.team:before, .profile-nav .story-quote.mside .btn.team:before, .aboutcard.team .mside.quote .profile-nav .btn.team:before, .profile-nav .aboutcard.team .mside.quote .btn.team:before, .story-quote.mside .profile-nav .btn.give:before, .profile-nav .story-quote.mside .btn.give:before, .aboutcard.team .mside.quote .profile-nav .btn.give:before, .profile-nav .aboutcard.team .mside.quote .btn.give:before {
      top: 50%;
      left: -24px;
      right: auto;
      margin-top: -51px;
      opacity: 0.6;
      transform: scale(0.825);
      transition: all 0.6s 0s cubic-bezier(0.1, 0.9, 0.25, 1); }
    .story-quote.mside p, .aboutcard.team .mside.quote p {
      transform: translateX(30px);
      transition: transform 0.6s 0s cubic-bezier(0.25, 1, 0.6, 1);
      animation: 3s cue-fade cubic-bezier(0.25, 1, 0.6, 1) infinite; }
      .story-quote.mside p:before, .aboutcard.team .mside.quote p:before {
        width: 6%; }
    .story-quote.mside:hover, .aboutcard.team .mside.quote:hover, .story-quote.mside.hover, .story-showcase.hovers .story-quote.mside, .story-showcase.hovers .aboutcard.team .mside.quote, .aboutcard.team .story-showcase.hovers .mside.quote, .aboutcard.team .mside.hover.quote {
      transform: translate(0, -50%); }
      .story-quote.mside:hover .q-wrap:after, .aboutcard.team .mside.quote:hover .q-wrap:after, .story-quote.mside.hover .q-wrap:after, .story-showcase.hovers .story-quote.mside .q-wrap:after, .story-showcase.hovers .aboutcard.team .mside.quote .q-wrap:after, .aboutcard.team .story-showcase.hovers .mside.quote .q-wrap:after, .aboutcard.team .mside.hover.quote .q-wrap:after {
        left: 50%;
        width: 66px;
        margin-left: -33px;
        background: #3A4068;
        clip-path: polygon(0 0, 50% 100%, 100% 0); }
      .story-quote.mside:hover .icon:before, .aboutcard.team .mside.quote:hover .icon:before, .story-quote.mside:hover .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .story-quote.mside:hover .btn.team:before, .aboutcard.team .mside.quote:hover .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .aboutcard.team .mside.quote:hover .btn.team:before, .story-quote.mside:hover .profile-nav .btn.team:before, .profile-nav .story-quote.mside:hover .btn.team:before, .aboutcard.team .mside.quote:hover .profile-nav .btn.team:before, .profile-nav .aboutcard.team .mside.quote:hover .btn.team:before, .story-quote.mside:hover .profile-nav .btn.give:before, .profile-nav .story-quote.mside:hover .btn.give:before, .aboutcard.team .mside.quote:hover .profile-nav .btn.give:before, .profile-nav .aboutcard.team .mside.quote:hover .btn.give:before, .story-quote.mside.hover .icon:before, .story-showcase.hovers .story-quote.mside .icon:before, .story-showcase.hovers .aboutcard.team .mside.quote .icon:before, .aboutcard.team .story-showcase.hovers .mside.quote .icon:before, .aboutcard.team .mside.hover.quote .icon:before, .story-quote.mside.hover .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .story-quote.mside.hover .btn.team:before, .story-showcase.hovers .story-quote.mside .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .story-showcase.hovers .story-quote.mside .btn.team:before, .story-showcase.hovers .aboutcard.team .mside.quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .story-showcase.hovers .aboutcard.team .mside.quote .btn.team:before, .aboutcard.team .story-showcase.hovers .mside.quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .aboutcard.team .story-showcase.hovers .mside.quote .btn.team:before, .aboutcard.team .mside.hover.quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .aboutcard.team .mside.hover.quote .btn.team:before, .story-quote.mside.hover .profile-nav .btn.team:before, .profile-nav .story-quote.mside.hover .btn.team:before, .story-showcase.hovers .story-quote.mside .profile-nav .btn.team:before, .profile-nav .story-showcase.hovers .story-quote.mside .btn.team:before, .story-showcase.hovers .aboutcard.team .mside.quote .profile-nav .btn.team:before, .profile-nav .story-showcase.hovers .aboutcard.team .mside.quote .btn.team:before, .aboutcard.team .story-showcase.hovers .mside.quote .profile-nav .btn.team:before, .profile-nav .aboutcard.team .story-showcase.hovers .mside.quote .btn.team:before, .aboutcard.team .mside.hover.quote .profile-nav .btn.team:before, .profile-nav .aboutcard.team .mside.hover.quote .btn.team:before, .story-quote.mside.hover .profile-nav .btn.give:before, .profile-nav .story-quote.mside.hover .btn.give:before, .story-showcase.hovers .story-quote.mside .profile-nav .btn.give:before, .profile-nav .story-showcase.hovers .story-quote.mside .btn.give:before, .story-showcase.hovers .aboutcard.team .mside.quote .profile-nav .btn.give:before, .profile-nav .story-showcase.hovers .aboutcard.team .mside.quote .btn.give:before, .aboutcard.team .story-showcase.hovers .mside.quote .profile-nav .btn.give:before, .profile-nav .aboutcard.team .story-showcase.hovers .mside.quote .btn.give:before, .aboutcard.team .mside.hover.quote .profile-nav .btn.give:before, .profile-nav .aboutcard.team .mside.hover.quote .btn.give:before {
        top: 24px;
        left: 77%; }
      .story-quote.mside:hover p, .aboutcard.team .mside.quote:hover p, .story-quote.mside.hover p, .story-showcase.hovers .story-quote.mside p, .story-showcase.hovers .aboutcard.team .mside.quote p, .aboutcard.team .story-showcase.hovers .mside.quote p, .aboutcard.team .mside.hover.quote p {
        transform: translateX(0);
        animation: none; } }

@media (max-width: 768px) {
  .story-showcase.hovers .lwrap {
    transform: translateY(25%); } }

.story-stat {
  position: absolute;
  z-index: 2;
  width: 40%;
  text-align: right; }
  @media (max-width: 768px) {
    .story-stat {
      text-align: left; } }
  .story-stat h6.caps, .story-stat h6.arrowh {
    float: right;
    font-size: 2.4rem;
    letter-spacing: 0.125em;
    white-space: nowrap; }
    .story-stat h6.caps i, .story-stat h6.arrowh i {
      font-style: normal; }
    @media (max-width: 768px) {
      .story-stat h6.caps, .story-stat h6.arrowh {
        float: none;
        font-size: 2rem; }
        .story-stat h6.caps i, .story-stat h6.arrowh i {
          display: none; } }
  .story-stat h3 {
    float: right;
    font-size: 8vw;
    font-weight: 500;
    margin-bottom: 0;
    white-space: nowrap; }
    .story-stat h3 span {
      font-size: 6vw;
      font-weight: 400; }
    .story-stat h3 small {
      display: inline-block;
      vertical-align: top;
      margin-top: 18px;
      margin-right: 14px;
      font-size: 6vw;
      font-weight: 400; }
    @media (max-width: 768px) {
      .story-stat h3 {
        float: none;
        margin-top: -0.666rem;
        font-size: 6rem; }
        .story-stat h3 span {
          font-size: 4.5rem; }
        .story-stat h3 small {
          font-size: 4.5rem;
          margin-right: 6px; } }
    @media (min-width: 1500px) {
      .story-stat h3 {
        font-size: 10rem; }
        .story-stat h3 span {
          font-size: 7.25rem; }
        .story-stat h3 small {
          font-size: 7.25rem; } }
    .story-stat h3.large, .story-stat section.bridge .statement h3.line, section.bridge .statement .story-stat h3.line {
      font-size: 9vw; }
      @media (max-width: 768px) {
        .story-stat h3.large, .story-stat section.bridge .statement h3.line, section.bridge .statement .story-stat h3.line {
          font-size: 6.666rem; } }
      @media (min-width: 1500px) {
        .story-stat h3.large, .story-stat section.bridge .statement h3.line, section.bridge .statement .story-stat h3.line {
          font-size: 11.25rem; } }
    .story-stat h3.xlarge {
      line-height: 1.25;
      font-size: 10vw; }
      @media (max-width: 768px) {
        .story-stat h3.xlarge {
          font-size: 7.5rem; } }
      @media (min-width: 1500px) {
        .story-stat h3.xlarge {
          font-size: 12.5rem; } }
    .story-stat h3.wide, .story-stat h3.intro.stakeholder.alt.xwide, .story-stat h3.intro.xwide.stories, .story-stat .aboutcard.value#val1 h3.intro.stories.number, .aboutcard.value#val1 .story-stat h3.intro.stories.number, .story-stat h3.intro.xwide.fund, .story-stat .aboutcard.value#val1 h3.intro.fund.number, .aboutcard.value#val1 .story-stat h3.intro.fund.number, .story-stat h3.intro.xwide.about, .story-stat .aboutcard.value#val1 h3.intro.about.number, .aboutcard.value#val1 .story-stat h3.intro.about.number, .story-stat .aboutcard.value#val1 h3.intro.stakeholder.alt.number, .aboutcard.value#val1 .story-stat h3.intro.stakeholder.alt.number, .story-stat section.aboutmain h3.content-wrapper, section.aboutmain .story-stat h3.content-wrapper {
      letter-spacing: 0.0333em; }
    .story-stat h3.xwide, .story-stat .aboutcard.value#val1 h3.number, .aboutcard.value#val1 .story-stat h3.number {
      letter-spacing: 0.1em; }

.story-outcome {
  position: absolute;
  z-index: 2;
  width: 40%; }
  @media (max-width: 768px) {
    .story-outcome {
      text-align: right; } }
  .story-outcome h5.caps, .story-outcome h5.arrowh {
    margin-bottom: 2.5rem;
    font-size: 3rem;
    font-weight: 600;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .story-outcome h5.caps, .story-outcome h5.arrowh {
        float: right;
        margin-bottom: 0.5rem;
        font-size: 2.3332rem;
        font-size: 2rem; } }
  .story-outcome h3 {
    line-height: 1.05;
    font-size: 7.2vw;
    font-weight: 500;
    margin-bottom: 0;
    white-space: nowrap; }
    .story-outcome h3 small {
      margin-top: 1.5rem;
      font-size: 5.2vw;
      font-weight: 400; }
    .story-outcome h3 i {
      font-style: normal; }
    @media (max-width: 768px) {
      .story-outcome h3 {
        float: right;
        font-size: 5rem; }
        .story-outcome h3 small {
          margin-top: 1.332rem;
          font-size: 3.5rem; }
        .story-outcome h3 i {
          display: none; } }
    @media (min-width: 1500px) {
      .story-outcome h3 {
        font-size: 9rem; }
        .story-outcome h3 small {
          font-size: 6.5rem; } }

.story-showcase ul {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%; }

.story-showcase li {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 96px;
  height: 50%;
  margin-left: -48px; }
  .story-showcase li .lwrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }
  .story-showcase li .story-stat, .story-showcase li .story-outcome {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 192px;
    height: 192px;
    margin-top: -96px;
    margin-left: -96px; }
    @media (max-width: 768px) {
      .story-showcase li .story-stat, .story-showcase li .story-outcome {
        width: 144px;
        height: 144px;
        margin-top: -72px;
        margin-left: -72px; } }
  .story-showcase li .story-stat.time {
    top: 100%; }
  .story-showcase li .story-stat.visits {
    top: 106%; }
  .story-showcase li .story-stat.money {
    top: 95%; }
  .story-showcase li .story-stat.support {
    top: 92%; }
    .story-showcase li .story-stat.support h3 {
      margin-right: -10%; }
      .story-showcase li .story-stat.support h3 small {
        vertical-align: inherit;
        font-size: 8.5rem; }
        @media (max-width: 768px) {
          .story-showcase li .story-stat.support h3 small {
            font-size: 4rem; } }
  .story-showcase li .story-outcome {
    top: 77.5%; }
  @media (max-width: 768px) {
    .story-showcase li .story-stat.time {
      top: 45vw; }
    .story-showcase li .story-stat.visits {
      top: 37.5vw; }
    .story-showcase li .story-stat.money {
      top: 45vw; }
    .story-showcase li .story-stat.support {
      top: 45vw; }
    .story-showcase li .story-outcome {
      top: 45vw; } }

.story-showcase li:nth-of-type(1) {
  transform: rotate(125deg); }
  .story-showcase li:nth-of-type(1) .story-stat {
    transform: rotate(-125deg) scale(0.5); }
  @media (max-width: 768px) {
    .story-showcase li:nth-of-type(1) {
      transform: rotate(127.5deg); }
      .story-showcase li:nth-of-type(1) .story-stat {
        transform: rotate(-127.5deg) scale(0.5); } }

.story-showcase li:nth-of-type(2) {
  transform: rotate(92.5deg); }
  .story-showcase li:nth-of-type(2) .story-stat {
    transform: rotate(-92.5deg) scale(0.5); }
  @media (max-width: 768px) {
    .story-showcase li:nth-of-type(2) {
      transform: rotate(90deg); }
      .story-showcase li:nth-of-type(2) .story-stat {
        transform: rotate(-90deg) scale(0.5); } }

.story-showcase li:nth-of-type(3) {
  transform: rotate(63deg); }
  .story-showcase li:nth-of-type(3) .story-stat {
    transform: rotate(-63deg) scale(0.5); }
  @media (max-width: 768px) {
    .story-showcase li:nth-of-type(3) {
      transform: rotate(52.5deg); }
      .story-showcase li:nth-of-type(3) .story-stat {
        transform: rotate(-52.5deg) scale(0.5); } }

.story-showcase li:nth-of-type(4) {
  transform: rotate(-70deg); }
  .story-showcase li:nth-of-type(4) .story-outcome {
    transform: rotate(70deg) scale(0.5); }
  @media (max-width: 768px) {
    .story-showcase li:nth-of-type(4) {
      transform: rotate(-52.5deg); }
      .story-showcase li:nth-of-type(4) .story-outcome {
        transform: rotate(52.5deg) scale(0.5); } }

.storyout-l .story-showcase li:nth-of-type(1) {
  transform: rotate(176deg); }
  .storyout-l .story-showcase li:nth-of-type(1) .story-stat {
    transform: rotate(-176deg) scale(0.5); }
  @media (max-width: 768px) {
    .storyout-l .story-showcase li:nth-of-type(1) {
      transform: rotate(172.5deg); }
      .storyout-l .story-showcase li:nth-of-type(1) .story-stat {
        transform: rotate(-172.5deg) scale(0.5); } }

.storyout-l .story-showcase li:nth-of-type(2) {
  transform: rotate(136.5deg); }
  .storyout-l .story-showcase li:nth-of-type(2) .story-stat {
    transform: rotate(-136.5deg) scale(0.5); }
  @media (max-width: 768px) {
    .storyout-l .story-showcase li:nth-of-type(2) {
      transform: rotate(138deg); }
      .storyout-l .story-showcase li:nth-of-type(2) .story-stat {
        transform: rotate(-138deg) scale(0.5); } }

.storyout-l .story-showcase li:nth-of-type(3) {
  transform: rotate(113deg); }
  .storyout-l .story-showcase li:nth-of-type(3) .story-stat {
    transform: rotate(-113deg) scale(0.5); }
  @media (max-width: 768px) {
    .storyout-l .story-showcase li:nth-of-type(3) {
      transform: rotate(95.5deg); }
      .storyout-l .story-showcase li:nth-of-type(3) .story-stat {
        transform: rotate(-95.5deg) scale(0.5); } }

.storyout-l .story-showcase li:nth-of-type(4) {
  transform: rotate(-20deg); }
  .storyout-l .story-showcase li:nth-of-type(4) .story-outcome {
    transform: rotate(20deg) scale(0.5); }
  @media (max-width: 768px) {
    .storyout-l .story-showcase li:nth-of-type(4) {
      transform: rotate(-5deg); }
      .storyout-l .story-showcase li:nth-of-type(4) .story-outcome {
        transform: rotate(5deg) scale(0.5); } }

.storyout-r .story-showcase li:nth-of-type(1) {
  transform: rotate(64.5deg); }
  .storyout-r .story-showcase li:nth-of-type(1) .story-stat {
    transform: rotate(-64.5deg) scale(0.5); }
  @media (max-width: 768px) {
    .storyout-r .story-showcase li:nth-of-type(1) {
      transform: rotate(82.5deg); }
      .storyout-r .story-showcase li:nth-of-type(1) .story-stat {
        transform: rotate(-82.5deg) scale(0.5); } }

.storyout-r .story-showcase li:nth-of-type(2) {
  transform: rotate(41deg); }
  .storyout-r .story-showcase li:nth-of-type(2) .story-stat {
    transform: rotate(-41deg) scale(0.5); }
  @media (max-width: 768px) {
    .storyout-r .story-showcase li:nth-of-type(2) {
      transform: rotate(41deg); }
      .storyout-r .story-showcase li:nth-of-type(2) .story-stat {
        transform: rotate(-41deg) scale(0.5); } }

.storyout-r .story-showcase li:nth-of-type(3) {
  transform: rotate(5.5deg); }
  .storyout-r .story-showcase li:nth-of-type(3) .story-stat {
    transform: rotate(-5.5deg) scale(0.5); }
  @media (max-width: 768px) {
    .storyout-r .story-showcase li:nth-of-type(3) {
      transform: rotate(4.5deg); }
      .storyout-r .story-showcase li:nth-of-type(3) .story-stat {
        transform: rotate(-4.5deg) scale(0.5); } }

.storyout-r .story-showcase li:nth-of-type(4) {
  transform: rotate(-125deg); }
  .storyout-r .story-showcase li:nth-of-type(4) .story-outcome {
    transform: rotate(125deg) scale(0.5); }
  @media (max-width: 768px) {
    .storyout-r .story-showcase li:nth-of-type(4) {
      transform: rotate(-96.5deg); }
      .storyout-r .story-showcase li:nth-of-type(4) .story-outcome {
        transform: rotate(96.5deg) scale(0.5); } }

.slides-wrapper.stories .slider-nav.next .arrowh {
  animation: 3s cue-fade cubic-bezier(0.25, 1, 0.6, 1) infinite; }
  @media (max-width: 768px) {
    .slides-wrapper.stories .slider-nav.next .arrowh {
      display: none; } }

.slides-wrapper.stories .slider-nav.next .arrow {
  animation: 3s 1.5s cue-right cubic-bezier(0.25, 1, 0.6, 1) infinite; }

.slides-wrapper.stories .slider-nav.next:hover .arrowh {
  animation: none;
  opacity: 1;
  transition: all 0.2s 0s, opacity 0s 0s; }

.slides-wrapper.stories .bg-circle {
  transition: transform 5s 0s cubic-bezier(0.1, 0.9, 0.25, 1); }

.slides-wrapper.st-1 .bg-circle {
  transform: rotate(-1800deg); }

.slides-wrapper.st-2 .bg-circle {
  transform: rotate(-1500deg); }

.slides-wrapper.st-3 .bg-circle {
  transform: rotate(-1200deg); }

.slides-wrapper.st-4 .bg-circle {
  transform: rotate(-900deg); }

.slides-wrapper.st-5 .bg-circle {
  transform: rotate(-600deg); }

.slides-wrapper.st-6 .bg-circle {
  transform: rotate(-300deg); }

.slides-wrapper.st-7 .bg-circle {
  transform: rotate(0deg); }

.slides-wrapper.st-8 .bg-circle {
  transform: rotate(300deg); }

.slides-wrapper.st-9 .bg-circle {
  transform: rotate(600deg); }

.slides-wrapper.st-10 .bg-circle {
  transform: rotate(900deg); }

.slides-wrapper.st-11 .bg-circle {
  transform: rotate(1200deg); }

.slides-wrapper.st-12 .bg-circle {
  transform: rotate(1500deg); }

.slides-wrapper.st-13 .bg-circle {
  transform: rotate(1800deg); }

.slides-wrapper.st-14 .bg-circle {
  transform: rotate(-1800deg); }

.slides-wrapper.st-15 .bg-circle {
  transform: rotate(-1500deg); }

.slides-wrapper.st-16 .bg-circle {
  transform: rotate(-1200deg); }

.slides-wrapper.st-17 .bg-circle {
  transform: rotate(-900deg); }

.slides-wrapper.st-18 .bg-circle {
  transform: rotate(-600deg); }

.slides-wrapper.st-19 .bg-circle {
  transform: rotate(-300deg); }

.slides-wrapper.st-20 .bg-circle {
  transform: rotate(0deg); }

.slides-wrapper.st-21 .bg-circle {
  transform: rotate(300deg); }

.slides-wrapper.st-22 .bg-circle {
  transform: rotate(600deg); }

.slides-wrapper.st-23 .bg-circle {
  transform: rotate(900deg); }

.slides-wrapper.st-24 .bg-circle {
  transform: rotate(1200deg); }

.slides-wrapper.st-25 .bg-circle {
  transform: rotate(1500deg); }

.slides-wrapper.st-26 .bg-circle {
  transform: rotate(1800deg); }

.slides-wrapper.st-27 .bg-circle {
  transform: rotate(-1800deg); }

.slides-wrapper.st-28 .bg-circle {
  transform: rotate(-1500deg); }

.slides-wrapper.st-29 .bg-circle {
  transform: rotate(-1200deg); }

.slides-wrapper.st-30 .bg-circle {
  transform: rotate(-900deg); }

.slides-wrapper.st-31 .bg-circle {
  transform: rotate(-600deg); }

.slides-wrapper.st-32 .bg-circle {
  transform: rotate(-300deg); }

.slides-wrapper.st-33 .bg-circle {
  transform: rotate(0deg); }

.slides-wrapper.st-34 .bg-circle {
  transform: rotate(300deg); }

.slides-wrapper.st-35 .bg-circle {
  transform: rotate(600deg); }

.slides-wrapper.st-36 .bg-circle {
  transform: rotate(900deg); }

.slides-wrapper.st-37 .bg-circle {
  transform: rotate(1200deg); }

.slides-wrapper.st-38 .bg-circle {
  transform: rotate(1500deg); }

.slides-wrapper.st-39 .bg-circle {
  transform: rotate(1800deg); }

.slides-wrapper.st-40 .bg-circle {
  transform: rotate(-1800deg); }

.slides-wrapper.st-41 .bg-circle {
  transform: rotate(-1500deg); }

.slides-wrapper.st-42 .bg-circle {
  transform: rotate(-1200deg); }

.slides-wrapper.st-43 .bg-circle {
  transform: rotate(-900deg); }

.slides-wrapper.st-44 .bg-circle {
  transform: rotate(-600deg); }

.slides-wrapper.st-45 .bg-circle {
  transform: rotate(-300deg); }

.slides-wrapper.st-46 .bg-circle {
  transform: rotate(0deg); }

.slides-wrapper.st-47 .bg-circle {
  transform: rotate(300deg); }

.slides-wrapper.st-48 .bg-circle {
  transform: rotate(600deg); }

.slides-wrapper.st-49 .bg-circle {
  transform: rotate(900deg); }

.slides-wrapper.st-50 .bg-circle {
  transform: rotate(1200deg); }

.slides-wrapper.st-51 .bg-circle {
  transform: rotate(1500deg); }

.slides-wrapper.st-52 .bg-circle {
  transform: rotate(1800deg); }

.slides-wrapper.st-53 .bg-circle {
  transform: rotate(-1800deg); }

.slides-wrapper.st-54 .bg-circle {
  transform: rotate(-1500deg); }

.slides-wrapper.st-55 .bg-circle {
  transform: rotate(-1200deg); }

.slides-wrapper.st-56 .bg-circle {
  transform: rotate(-900deg); }

.slides-wrapper.st-57 .bg-circle {
  transform: rotate(-600deg); }

.slides-wrapper.st-58 .bg-circle {
  transform: rotate(-300deg); }

.story-body {
  transition: all 1.2s 0.375s cubic-bezier(0.2, 0.75, 0.5, 1); }

.story-photo, .profile-photo, a.btn-play {
  transition: transform 1.5s 0s cubic-bezier(0.2, 0.75, 0.5, 1), opacity 1.2s 0s ease-out, box-shadow 0.5s 0s ease-out, top 0s 0s ease-out; }

.story-quote, .aboutcard.team .quote {
  transform-origin: 0% 50%;
  transition: transform 1s 0.75s cubic-bezier(0, 1.25, 0.7, 1.25), opacity 0.5s 0.75s ease-out; }
  .story-quote .q-wrap:after, .aboutcard.team .quote .q-wrap:after {
    transform-origin: 0% 0%;
    transition: 0.25s 1.5s ease-out; }

.stories.unfocused .story-quote, .stories.unfocused .aboutcard.team .quote, .aboutcard.team .stories.unfocused .quote, .storyout-r .story-quote, .storyout-r .aboutcard.team .quote, .aboutcard.team .storyout-r .quote, .quoteout, .aboutcard.team:not(.expanded) .quote {
  opacity: 0;
  transform: translate(-20%, 50%) scale(1);
  transition: all 0.75s 0s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  @media (max-width: 768px) {
    .stories.unfocused .story-quote, .stories.unfocused .aboutcard.team .quote, .aboutcard.team .stories.unfocused .quote, .storyout-r .story-quote, .storyout-r .aboutcard.team .quote, .aboutcard.team .storyout-r .quote, .quoteout, .aboutcard.team:not(.expanded) .quote {
      transform: translate(66%, 66%) scale(0.7); } }
  .stories.unfocused .story-quote .q-wrap:after, .stories.unfocused .aboutcard.team .quote .q-wrap:after, .aboutcard.team .stories.unfocused .quote .q-wrap:after, .storyout-r .story-quote .q-wrap:after, .storyout-r .aboutcard.team .quote .q-wrap:after, .aboutcard.team .storyout-r .quote .q-wrap:after, .quoteout .q-wrap:after, .aboutcard.team:not(.expanded) .quote .q-wrap:after {
    transform: scale(0);
    transition: all 0.33s 0s ease-out; }

.storyout-l .story-quote, .storyout-l .aboutcard.team .quote, .aboutcard.team .storyout-l .quote {
  opacity: 0;
  transform: translate(-20%, 50%) scale(1);
  transition: all 0.75s 0s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  @media (max-width: 768px) {
    .storyout-l .story-quote, .storyout-l .aboutcard.team .quote, .aboutcard.team .storyout-l .quote {
      transform: translate(66%, 66%) scale(0.7); } }
  .storyout-l .story-quote .q-wrap:after, .storyout-l .aboutcard.team .quote .q-wrap:after, .aboutcard.team .storyout-l .quote .q-wrap:after {
    transform: scale(0);
    transition: all 0.33s 0s ease-out; }

.story-showcase li {
  transform-origin: 50% 0%;
  transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  .story-showcase li .lwrap {
    transform-origin: 50% 0%;
    transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  .story-showcase li .story-stat, .story-showcase li .story-outcome {
    transition: all 0.75s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  .story-showcase li:nth-of-type(1) {
    transition: all 1.2s 0s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
    .story-showcase li:nth-of-type(1) .story-stat {
      transition: all 1.2s 0s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  .story-showcase li:nth-of-type(2) {
    transition: all 1.2s 0.15s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
    .story-showcase li:nth-of-type(2) .story-stat {
      transition: all 1.2s 0.15s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  .story-showcase li:nth-of-type(3) {
    transition: all 1.2s 0.3s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
    .story-showcase li:nth-of-type(3) .story-stat {
      transition: all 1.2s 0.3s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  .story-showcase li:nth-of-type(4) {
    transition: all 1.2s 0.45s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
    .story-showcase li:nth-of-type(4) .story-outcome {
      transition: all 1.2s 0.45s cubic-bezier(0.1, 0.5, 0.3, 0.9); }

.storyout-l .story-body, .storyout-r .story-body {
  opacity: 0;
  transition: transform 1s 0s cubic-bezier(0.1, 0.9, 0.3, 1), opacity 0.75s 0s; }

.storyout-l .story-photo, .storyout-l .profile-photo, .storyout-l a.btn-play, .storyout-r .story-photo, .storyout-r .profile-photo, .storyout-r a.btn-play {
  opacity: 0;
  transform: scale(0.666);
  transition: all 0.75s 0s cubic-bezier(0.1, 0.9, 0.3, 1); }

.storyout-l .story-showcase li, .storyout-r .story-showcase li {
  opacity: 0;
  transition: all 0.75s 0s cubic-bezier(0.1, 0.5, 0.3, 0.9); }
  .storyout-l .story-showcase li .story-stat, .storyout-l .story-showcase li .story-outcome, .storyout-r .story-showcase li .story-stat, .storyout-r .story-showcase li .story-outcome {
    transition: all 0.75s 0s cubic-bezier(0.1, 0.5, 0.3, 0.9); }

.storyout-l .story-body {
  transform: translate(-55%, 0); }
  @media (max-width: 768px) {
    .storyout-l .story-body {
      transform: translate(-42%, 0); } }

.storyout-l .story-photo, .storyout-l .profile-photo {
  transform: scale(0.666); }

.storyout-r .story-body {
  transform: translate(55%, 0); }
  @media (max-width: 768px) {
    .storyout-r .story-body {
      transform: translate(42%, 0); } }

.storyout-r .story-photo, .storyout-r .profile-photo {
  transform: scale(1.333); }

@media (min-width: 769px) {
  .intro.fund .bg-video-button.small, .intro.fund .bg-video-button.contact_us-form.med {
    top: 70%; } }

@media (min-width: 1024px) {
  .intro.fund .content-wrapper {
    padding-left: 12.5%; }
  .intro.fund .h-col {
    width: 65%; } }

section.description {
  padding: 15vh 0 0vh; }
  section.description .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 85%; }
    @media (max-width: 768px) {
      section.description .content-wrapper {
        width: 80%; } }
  section.description .divline, section.description section.bridge .line, section.bridge section.description .line, section.description section.topstats .stat .statline, section.topstats .stat section.description .statline {
    margin-top: 10vh; }
  section.description p {
    width: 100%;
    max-width: 510px;
    margin-bottom: 1.5rem; }
    @media (max-width: 768px) {
      section.description p {
        margin-bottom: 0.75rem; } }
    @media (min-width: 1024px) {
      section.description p {
        max-width: 660px; } }

section.donate {
  min-height: 840px;
  padding: 15vh 0 25vh;
  text-align: center; }
  @media (max-width: 768px) {
    section.donate {
      padding-bottom: 420px; } }
  section.donate .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 720px; }
  section.donate .divline, section.donate section.bridge .line, section.bridge section.donate .line, section.donate section.topstats .stat .statline, section.topstats .stat section.donate .statline {
    margin: 2.5vh 0 5vh;
    opacity: 0; }
    @media (max-width: 768px) {
      section.donate .divline, section.donate section.bridge .line, section.bridge section.donate .line, section.donate section.topstats .stat .statline, section.topstats .stat section.donate .statline {
        margin: 2vh 0 3vh; } }
  section.donate h3 {
    font-size: 4.5rem;
    margin-bottom: 3rem;
    white-space: nowrap; }
    @media (max-width: 768px) {
      section.donate h3 {
        font-size: 3rem;
        white-space: normal; } }
  section.donate h4 {
    font-size: 2.5rem; }
    @media (max-width: 768px) {
      section.donate h4 {
        font-size: 2rem; } }
  section.donate .subh {
    margin-top: -2.25rem;
    margin-bottom: 3rem;
    opacity: 0.8; }
  section.donate label, section.donate h3, section.donate h4 {
    width: 80vw;
    line-height: 1.25; }
    section.donate label br, section.donate h3 br, section.donate h4 br {
      display: none; }
    @media (max-width: 768px) {
      section.donate label, section.donate h3, section.donate h4 {
        min-width: 300px;
        max-width: 420px; }
        section.donate label br, section.donate h3 br, section.donate h4 br {
          display: block; } }
  section.donate p, section.donate .presets, section.donate .custom-amount {
    width: 80vw;
    min-width: 300px;
    max-width: 420px; }
  section.donate .presets {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2rem; }
    section.donate .presets .btn.large, section.donate .presets section.bridge .statement .btn.line, section.bridge .statement section.donate .presets .btn.line, section.donate .presets section.slider p.btn, section.slider section.donate .presets p.btn, section.donate .presets section.sliderh p.btn, section.sliderh section.donate .presets p.btn, section.donate .presets section.neighbors p.btn, section.neighbors section.donate .presets p.btn, section.donate .presets section.bridge.letter p.btn, section.bridge.letter section.donate .presets p.btn, section.donate .presets .story-quote.short p.btn, .story-quote.short section.donate .presets p.btn, section.donate .presets .aboutcard.team .short.quote p.btn, .aboutcard.team .short.quote section.donate .presets p.btn, section.donate .presets .aboutcard.team .quote.locale-menu.sea p.btn, .aboutcard.team .quote.locale-menu.sea section.donate .presets p.btn, section.donate .presets .aboutcard.team .quote.locale-menu.den p.btn, .aboutcard.team .quote.locale-menu.den section.donate .presets p.btn, section.donate .presets .story-quote.locale-menu.sea p.btn, .story-quote.locale-menu.sea section.donate .presets p.btn, section.donate .presets .story-quote.locale-menu.den p.btn, .story-quote.locale-menu.den section.donate .presets p.btn, section.donate .presets section.description p.btn, section.description section.donate .presets p.btn, section.donate .presets .aboutcard.board.active .tile h5.btn, .aboutcard.board.active .tile section.donate .presets h5.btn {
      padding: 0;
      width: 22.5%;
      line-height: 1.75rem;
      font-size: 1.75rem;
      letter-spacing: 0.05rem; }
      section.donate .presets .btn.large span, section.donate .presets section.bridge .statement .btn.line span, section.bridge .statement section.donate .presets .btn.line span, section.donate .presets section.slider p.btn span, section.slider section.donate .presets p.btn span, section.donate .presets section.sliderh p.btn span, section.sliderh section.donate .presets p.btn span, section.donate .presets section.neighbors p.btn span, section.neighbors section.donate .presets p.btn span, section.donate .presets section.bridge.letter p.btn span, section.bridge.letter section.donate .presets p.btn span, section.donate .presets .story-quote.short p.btn span, .story-quote.short section.donate .presets p.btn span, section.donate .presets .aboutcard.team .short.quote p.btn span, .aboutcard.team .short.quote section.donate .presets p.btn span, section.donate .presets .aboutcard.team .quote.locale-menu.sea p.btn span, .aboutcard.team .quote.locale-menu.sea section.donate .presets p.btn span, section.donate .presets .aboutcard.team .quote.locale-menu.den p.btn span, .aboutcard.team .quote.locale-menu.den section.donate .presets p.btn span, section.donate .presets .story-quote.locale-menu.sea p.btn span, .story-quote.locale-menu.sea section.donate .presets p.btn span, section.donate .presets .story-quote.locale-menu.den p.btn span, .story-quote.locale-menu.den section.donate .presets p.btn span, section.donate .presets section.description p.btn span, section.description section.donate .presets p.btn span, section.donate .presets .aboutcard.board.active .tile h5.btn span, .aboutcard.board.active .tile section.donate .presets h5.btn span {
        font-size: 1.5rem;
        font-weight: 500;
        margin-right: 2px; }
  section.donate .custom-amount {
    white-space: nowrap;
    text-align: center; }
    section.donate .custom-amount h5 {
      display: inline-block;
      width: 18%;
      padding-left: 20px;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      opacity: 0.6; }
      @media (max-width: 768px) {
        section.donate .custom-amount h5 {
          width: 16%;
          padding-left: 15px; } }
    section.donate .custom-amount span {
      display: inline-block;
      width: 7.8333%;
      font-size: 2.25rem;
      transform: translateY(3px);
      opacity: 0.5; }
      @media (max-width: 768px) {
        section.donate .custom-amount span {
          width: 9.8333%; } }
  section.donate .custom_amount-input {
    width: 74% !important;
    min-width: 74% !important;
    max-width: 390px !important; }
  section.donate .emailSection {
    text-align: center; }
    section.donate .emailSection p {
      margin: auto;
      margin-top: -0.5rem;
      padding-left: 1.25rem;
      line-height: 1.5;
      font-size: 1.6rem;
      font-style: italic;
      opacity: 0.8; }
      @media (max-width: 768px) {
        section.donate .emailSection p {
          font-size: 1.25rem; }
          section.donate .emailSection p br {
            display: none; } }
  section.donate .braintree-section {
    max-width: 720px; }
    section.donate .braintree-section .braintree-placeholder,
    section.donate .braintree-section .braintree-heading {
      display: none; }
  @media (max-width: 768px) {
    section.donate .recurring button {
      padding: 0 12px; } }
  section.donate .donation-summary .checkbox-div {
    justify-content: center;
    display: flex;
    padding-top: .5rem;
    padding-right: 1.3rem; }
    section.donate .donation-summary .checkbox-div span {
      font-weight: 500;
      font-size: 1.75rem; }
  section.donate .donation-summary {
    align-items: center;
    display: flex;
    flex-direction: column; }
  section.donate .donation-summary .checkbox {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    width: 15px; }
  section.donate .donation-summary .summary-line {
    display: flex;
    align-items: center;
    min-width: 265px; }
  section.donate .summary-line.top-border {
    border-top: 1px #aba8a8 solid;
    padding-top: .5rem; }
  section.donate .summary-line.bottom-border {
    padding-bottom: .5rem; }
  section.donate .donation-summary .summary-number {
    margin: 0;
    width: auto;
    max-width: none;
    min-width: 20px; }
  section.donate .donation-summary .summary-desc-title {
    margin: 0;
    width: auto;
    max-width: none;
    min-width: 180px; }
  section.donate .donation-summary .summary-span {
    margin-left: 1rem;
    font-weight: 300; }
  section.donate .btn.xlarge, section.donate section.bridge p.btn, section.bridge section.donate p.btn, section.donate section.teamcta .h-col p.btn, section.teamcta .h-col section.donate p.btn, section.donate .btn.giant {
    width: 80vw;
    max-width: 375px;
    margin-top: 2.5rem; }
  section.donate .contact_us-form .contact_us--form--dropdown_section {
    align-items: center; }
  section.donate .contact_us--form--dropdown_section {
    width: 100%;
    max-width: 420px; }
    section.donate .contact_us--form--dropdown_section svg {
      position: absolute;
      right: 1.5rem;
      top: 17.5%;
      height: 65%;
      fill: #000;
      opacity: 0.75; }

#donate-submit-button.disabled, .slides-wrapper.first .slider-nav.prev #donate-submit-button.arrow, .slides-wrapper.last .slider-nav.next #donate-submit-button.arrow, .aboutcard.team.unfocused:not(.expanded) .title #donate-submit-button.arrow, .aboutcard.team.expanded .title #donate-submit-button.arrow, #payment-method-button.disabled, .slides-wrapper.first .slider-nav.prev #payment-method-button.arrow, .slides-wrapper.last .slider-nav.next #payment-method-button.arrow, .aboutcard.team.unfocused:not(.expanded) .title #payment-method-button.arrow, .aboutcard.team.expanded .title #payment-method-button.arrow {
  opacity: 0.75;
  color: rgba(255, 255, 255, 0.6); }
  #donate-submit-button.disabled:hover, .slides-wrapper.first .slider-nav.prev #donate-submit-button.arrow:hover, .slides-wrapper.last .slider-nav.next #donate-submit-button.arrow:hover, .aboutcard.team.unfocused:not(.expanded) .title #donate-submit-button.arrow:hover, .aboutcard.team.expanded .title #donate-submit-button.arrow:hover, #payment-method-button.disabled:hover, .slides-wrapper.first .slider-nav.prev #payment-method-button.arrow:hover, .slides-wrapper.last .slider-nav.next #payment-method-button.arrow:hover, .aboutcard.team.unfocused:not(.expanded) .title #payment-method-button.arrow:hover, .aboutcard.team.expanded .title #payment-method-button.arrow:hover {
    opacity: 0.75;
    color: rgba(255, 255, 255, 0.6);
    background: linear-gradient(45deg, #3b3f69 -50%, #6065a5 100%); }

#payment-method-button {
  margin: 0;
  max-width: 415px;
  min-width: 333px;
  padding: 0; }

.payment-form {
  display: none; }

.fund section.neighbors {
  padding-top: 27.5vh;
  padding-bottom: 12.5vh; }

.fund .card-form__layer, .fund .card-form__inner {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .fund .card-form__layer h3, .fund .card-form__inner h3 {
    white-space: break-spaces; }

.card-form__layer form {
  display: flex;
  flex-direction: column;
  align-items: center; }

.card-form__layer label, .card-form__layer h3, .card-form__layer h4 {
  width: 80vw;
  line-height: 1.25; }
  .card-form__layer label br, .card-form__layer h3 br, .card-form__layer h4 br {
    display: none; }
  @media (max-width: 768px) {
    .card-form__layer label, .card-form__layer h3, .card-form__layer h4 {
      min-width: 300px;
      max-width: 420px; }
      .card-form__layer label br, .card-form__layer h3 br, .card-form__layer h4 br {
        display: block; } }

.card-form__input {
  padding: 0 0 0 18px !important; }
  .card-form__input iframe {
    padding: 0 !important; }
  .card-form__input:focus, .card-form__input.braintree-hosted-fields-focused {
    border: 1px solid #83BCFF;
    box-shadow: 0px 0px 12px 0px rgba(131, 188, 255, 0.6);
    outline: none; }
  .card-form__input.braintree-hosted-fields-invalid {
    border: 1px solid tomato;
    box-shadow: 0px 0px 12px 0px rgba(255, 99, 71, 0.6); }

body.fund.runwith video.bg-video {
  display: none; }

body.fund.runwith .poster {
  background: url("/images/runwith-poster.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 0%; }

body.fund.runwith .intro.fund h1 {
  margin: 0 0 0 0px; }
  body.fund.runwith .intro.fund h1 em {
    font-weight: 600;
    letter-spacing: 0.0225em; }

body.fund.runwith .intro.fund .logo-button {
  display: block;
  position: absolute;
  top: 50%; }
  body.fund.runwith .intro.fund .logo-button a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%; }
  body.fund.runwith .intro.fund .logo-button img {
    width: 100%;
    height: auto; }
  @media (max-width: 768px) {
    body.fund.runwith .intro.fund .logo-button {
      z-index: 99;
      top: 100%;
      left: 50%;
      width: 9rem;
      margin-top: 1rem;
      margin-left: -4.5rem; } }

@media (min-width: 769px) {
  body.fund.runwith .intro.fund .content-wrapper {
    padding-left: 5%; }
  body.fund.runwith .intro.fund .h-col {
    width: 75%;
    padding-top: 2.5%; } }
  @media (min-width: 769px) and (max-width: 768px) {
    body.fund.runwith .intro.fund .h-col {
      width: 100%; } }

@media (min-width: 769px) {
  body.fund.runwith .intro.fund .logo-button {
    top: auto;
    bottom: 0;
    left: 100%;
    width: 20vw;
    margin-top: -10vh;
    margin-left: -2.5rem; } }

@media (min-width: 1024px) {
  body.fund.runwith .intro.fund .content-wrapper {
    padding-left: 7.5%; }
  body.fund.runwith .intro.fund .h-col {
    width: 70%; }
  body.fund.runwith .intro.fund .logo-button {
    top: 50%;
    bottom: auto;
    width: 192px;
    margin-top: -7.5rem;
    margin-left: 1rem; } }

body.about video.bg-video {
  display: none; }

body.about .poster {
  background: url("/images/about-poster.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 10%; }

@media (min-width: 769px) {
  .intro.about .h-col {
    padding-top: 2.5%; }
  .intro.about .bg-video-button.small, .intro.about .bg-video-button.contact_us-form.med {
    top: 70%; } }

section.bridge.about h2 {
  width: 80%; }

section.aboutmain {
  min-height: 150vh;
  margin-bottom: 20vh;
  padding: 15vh 0; }
  @media (max-width: 768px) {
    section.aboutmain {
      margin-bottom: 17.5vh; } }
  section.aboutmain .abouth {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 15vh 0 20vh; }
    @media (max-width: 768px) {
      section.aboutmain .abouth {
        padding: 7vh 0 14vh; } }
    section.aboutmain .abouth h1 {
      font-size: 5.25vw; }
      @media (min-width: 1500px) {
        section.aboutmain .abouth h1 {
          font-size: 6.5rem; } }
      @media (max-width: 768px) {
        section.aboutmain .abouth h1 {
          font-size: 11vw; } }
  @media (max-width: 1350px) {
    section.aboutmain .content-wrapper {
      width: 92.5vw; } }
  @media (max-width: 1170px) {
    section.aboutmain .content-wrapper {
      width: 80%; } }
  @media (max-width: 1080px) {
    section.aboutmain .content-wrapper {
      width: 85vw; } }
  @media (max-width: 768px) {
    section.aboutmain .content-wrapper {
      width: 100vw; } }

.aboutgrid {
  display: grid;
  position: relative;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(6, 37.5vw);
  column-gap: 1.25rem;
  row-gap: 1.25rem;
  grid-auto-flow: dense;
  transition: all 0.5s 0s ease-out; }
  .aboutgrid.tall {
    grid-template-rows: repeat(7, 37.5vw); }
  .aboutgrid.xtall {
    grid-template-rows: repeat(10, 37.5vw); }
  @media (min-width: 1500px) {
    .aboutgrid {
      grid-template-rows: repeat(6, 540px); }
      .aboutgrid.tall {
        grid-template-rows: repeat(7, 540px); }
      .aboutgrid.xtall {
        grid-template-rows: repeat(10, 540px); } }
  @media (max-width: 1350px) {
    .aboutgrid {
      grid-template-rows: repeat(6, 42vw); }
      .aboutgrid.tall {
        grid-template-rows: repeat(7, 42vw); }
      .aboutgrid.xtall {
        grid-template-rows: repeat(10, 42vw); } }
  @media (max-width: 1170px) {
    .aboutgrid {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: repeat(9, 51vw);
      column-gap: 2vw;
      row-gap: 2vw; }
      .aboutgrid.tall {
        grid-template-rows: repeat(10, 49vw); }
      .aboutgrid.xtall {
        grid-template-rows: repeat(15, 49vw); } }
  @media (max-width: 1024px) {
    .aboutgrid {
      grid-template-rows: repeat(9, 58.5vw); }
      .aboutgrid.tall {
        grid-template-rows: repeat(10, 56vw); }
      .aboutgrid.xtall {
        grid-template-rows: repeat(15, 56vw); } }
  @media (max-width: 768px) {
    .aboutgrid {
      grid-template-rows: repeat(9, 60vh);
      column-gap: 0;
      row-gap: 0; }
      .aboutgrid.tall {
        grid-template-rows: repeat(10, 57.5vh); }
      .aboutgrid.xtall {
        grid-template-rows: repeat(15, 57.5vh); } }
  .aboutgrid .aboutcard.expanded {
    grid-column: span 2;
    grid-row: span 2; }
    @media (min-width: 1171px) {
      .aboutgrid .aboutcard.expanded.lside {
        grid-column: 1 / 3; }
      .aboutgrid .aboutcard.expanded:nth-of-type(3n+3) {
        grid-column: 2 / 4; }
      .aboutgrid .aboutcard.expanded:nth-of-type(2).lside {
        grid-row: 1 / 3; }
      .aboutgrid .aboutcard.expanded:nth-of-type(3) {
        grid-row: 1 / 3; }
      .aboutgrid .aboutcard.expanded:nth-of-type(5).lside {
        grid-row: 2 / 4; }
      .aboutgrid .aboutcard.expanded:nth-of-type(6) {
        grid-row: 2 / 4; }
      .aboutgrid .aboutcard.expanded:nth-of-type(8).lside {
        grid-row: 3 / 5; }
      .aboutgrid .aboutcard.expanded:nth-of-type(9) {
        grid-row: 3 / 5; }
      .aboutgrid .aboutcard.expanded:nth-of-type(11).lside {
        grid-row: 4 / 6; }
      .aboutgrid .aboutcard.expanded:nth-of-type(12) {
        grid-row: 4 / 6; }
      .aboutgrid .aboutcard.expanded:nth-of-type(14).lside {
        grid-row: 5 / 7; }
      .aboutgrid .aboutcard.expanded:nth-of-type(15) {
        grid-row: 5 / 7; } }
    @media (max-width: 1170px) {
      .aboutgrid .aboutcard.expanded:nth-of-type(2) {
        grid-row: 1 / 3; }
      .aboutgrid .aboutcard.expanded:nth-of-type(14).rside {
        grid-row: 7 / 9; } }
  @media (max-width: 1170px) {
    .aboutgrid:not(.tall) .aboutcard:nth-of-type(6) {
      grid-column: 1 / 2;
      grid-row: 3 / 4; }
    .aboutgrid:not(.tall) .aboutcard:nth-of-type(13) {
      grid-column: 2 / 3; }
    .aboutgrid.tall .aboutcard:nth-of-type(4):not(.expanded) {
      grid-column: 2 / 3; }
    .aboutgrid.tall .aboutcard:nth-of-type(4).expanded {
      grid-row: 2 / 4; }
    .aboutgrid.tall .aboutcard:nth-of-type(6).expanded {
      grid-column: 1 / 3;
      grid-row: 3 / 5; }
    .aboutgrid.tall .aboutcard:nth-of-type(8).expanded {
      grid-row: 4 / 6; }
    .aboutgrid.tall .aboutcard:nth-of-type(9):not(.expanded) {
      grid-column: 2 / 3; }
    .aboutgrid.tall .aboutcard:nth-of-type(10).expanded {
      grid-row: 5 / 7; }
    .aboutgrid.tall .aboutcard:nth-of-type(12).expanded {
      grid-row: 6 / 8; }
    .aboutgrid.tall .aboutcard:nth-of-type(14).expanded {
      grid-row: 7 / 9; } }

.aboutcard {
  grid-column: span 1;
  grid-row: span 1;
  display: inline-flex;
  vertical-align: top;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 9%;
  transition: all 0.33s 0s ease-out; }
  .aboutcard .content {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    padding: 9%;
    overflow: hidden; }
  .aboutcard .title {
    align-self: start;
    position: absolute;
    z-index: 2;
    top: auto;
    bottom: 10%;
    left: 9%;
    width: 85%;
    transition: all 0.6s cubic-bezier(0.1, 0.5, 0.3, 1); }
    @media (max-width: 768px) {
      .aboutcard .title {
        bottom: 12%;
        left: 12%; } }
  .aboutcard .caps, .aboutcard .arrowh {
    line-height: 1.333;
    letter-spacing: 0.1em; }

.aboutcard.team {
  background-size: auto 117.5%;
  background-position: 50% 33%;
  background-repeat: no-repeat;
  background-color: #3c426c;
  cursor: pointer; }
  @media (max-width: 1170px) {
    .aboutcard.team {
      background-size: cover; } }
  @media (max-width: 768px) {
    .aboutcard.team .frame, .aboutcard.team h1 .arrow {
      display: none; } }
  .aboutcard.team:before, .aboutcard.team:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.15s 0s; }
  .aboutcard.team:before {
    background: linear-gradient(45deg, #5b5ba5 0%, rgba(91, 91, 165, 0) 75%);
    opacity: 1; }
  .aboutcard.team:after {
    background: linear-gradient(30deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 66%);
    opacity: 0; }
  .aboutcard.team .title {
    bottom: 10%; }
    @media (max-width: 768px) {
      .aboutcard.team .title {
        bottom: 10%; } }
    .aboutcard.team .title h5 {
      margin-bottom: 1rem;
      font-size: 1.75rem;
      font-weight: 600;
      white-space: nowrap; }
      @media (max-width: 768px) {
        .aboutcard.team .title h5 {
          width: 80%;
          font-size: 3.25vw;
          white-space: normal; } }
    .aboutcard.team .title h1 {
      margin-bottom: 0;
      line-height: 1;
      font-size: 5vw;
      font-weight: 500;
      text-transform: none;
      white-space: nowrap; }
      .aboutcard.team .title h1.short .arrow, .aboutcard.team .title h1.locale-menu.sea .arrow, .aboutcard.team .title h1.locale-menu.den .arrow {
        margin-left: 0rem;
        width: 48px;
        background: transparent; }
      @media (min-width: 1500px) {
        .aboutcard.team .title h1 {
          font-size: 6.25rem; } }
      @media (max-width: 1170px) {
        .aboutcard.team .title h1 {
          font-size: 6.66vw; } }
      @media (max-width: 768px) {
        .aboutcard.team .title h1 {
          font-size: 9vw; } }
    .aboutcard.team .title h5, .aboutcard.team .title h1 {
      transition: all 0.6s 0s; }
    .aboutcard.team .title .arrow {
      margin-top: -0.5rem;
      margin-left: 3rem;
      width: 60px;
      height: 5px;
      border-radius: 2.5px;
      background: #fff;
      transition: all 0.5s 0.5s cubic-bezier(0.15, 1.25, 0.75, 1.25); }
      .aboutcard.team .title .arrow:before, .aboutcard.team .title .arrow:after {
        width: 36px;
        height: 5px;
        border-radius: 2.5px; }
      .aboutcard.team .title .arrow:before {
        transform: rotate(45deg) translateY(1px); }
      .aboutcard.team .title .arrow:after {
        transform: rotate(-45deg) translateY(0px); }
  .aboutcard.team a.arrow {
    position: absolute;
    z-index: 9;
    top: 5.5rem;
    left: 7.5%;
    width: 5rem;
    height: 6rem; }
    .aboutcard.team a.arrow:before, .aboutcard.team a.arrow:after {
      left: 25%;
      width: 36px;
      height: 5px;
      border-radius: 2.5px; }
    .aboutcard.team a.arrow:before {
      transform: rotate(45deg) translateY(-1px); }
    .aboutcard.team a.arrow:after {
      transform: rotate(-45deg) translateY(0px); }
    @media (max-width: 768px) {
      .aboutcard.team a.arrow {
        left: 4.5%; } }
  .aboutcard.team .quote {
    z-index: 9;
    top: -3.5%;
    right: -9%;
    min-width: 390px;
    width: 52.5%; }
    .aboutcard.team .quote small {
      white-space: nowrap;
      font-style: normal;
      font-weight: 300;
      opacity: 0.75; }
    .aboutcard.team .quote .q-wrap:after {
      left: 15%;
      background: #363b61; }
    @media (max-width: 768px) {
      .aboutcard.team .quote {
        top: -4.5%;
        right: -4.5%;
        width: 66%;
        min-width: 330px; }
        .aboutcard.team .quote .q-icon, .aboutcard.team .quote .icon:before, .aboutcard.team .quote .encourage .encourage-wrapper .btn.team:before, .encourage .encourage-wrapper .aboutcard.team .quote .btn.team:before, .aboutcard.team .quote .profile-nav .btn.team:before, .profile-nav .aboutcard.team .quote .btn.team:before, .aboutcard.team .quote .profile-nav .btn.give:before, .profile-nav .aboutcard.team .quote .btn.give:before {
          top: -15px;
          right: -18px;
          width: 96px;
          height: 96px; }
        .aboutcard.team .quote .q-wrap:before {
          background-image: linear-gradient(60deg, #33385c 0%, #535b95 100%); }
        .aboutcard.team .quote .q-wrap:after {
          left: auto;
          right: 50px;
          background: #464c7d; } }
  .aboutcard.team:not(.expanded) h5, .aboutcard.team:not(.expanded) h1 {
    user-select: none; }
  .aboutcard.team:not(.expanded) a.arrow {
    display: none; }
  .aboutcard.team .profile {
    display: none;
    align-self: start;
    position: relative;
    z-index: 2;
    width: 90%;
    margin-top: 2rem;
    transition: all 0.6s cubic-bezier(0.1, 0.5, 0.3, 1); }
    .aboutcard.team .profile p {
      font-size: 1.8333rem; }
      @media (max-width: 768px) {
        .aboutcard.team .profile p {
          font-size: 4vw; } }
      .aboutcard.team .profile p a {
        font-weight: 400;
        text-decoration: underline; }
  .aboutcard.team .links {
    position: relative;
    height: 5rem;
    margin-bottom: 2.5rem; }
    @media (max-width: 768px) {
      .aboutcard.team .links {
        height: 3.25rem;
        margin-bottom: 1.75rem; } }
    .aboutcard.team .links a {
      display: inline-flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      vertical-align: top;
      width: 3.5rem;
      height: 100%;
      margin-right: 1.75rem; }
      @media (max-width: 768px) {
        .aboutcard.team .links a {
          width: 2.75rem; } }
      .aboutcard.team .links a img {
        width: 75%;
        height: auto;
        opacity: 0.75;
        transition: all 0.25s 0s; }
      .aboutcard.team .links a:hover img {
        opacity: 1;
        transform: scale(1.1);
        transition: all 0.075s 0s; }
      .aboutcard.team .links a h5 {
        display: none; }
      .aboutcard.team .links a:last-of-type {
        margin-right: 2.5rem; }
    .aboutcard.team .links a.text {
      width: auto;
      margin-left: 1rem; }
      .aboutcard.team .links a.text h5 {
        width: auto;
        font-size: 2rem; }
      .aboutcard.team .links a.text img {
        display: none; }
      @media (max-width: 768px) {
        .aboutcard.team .links a.text {
          margin-left: 0.5rem; }
          .aboutcard.team .links a.text h5 {
            font-size: 4.5vw; } }
    .aboutcard.team .links.divider {
      display: inline-flex;
      align-items: center;
      min-width: 60%;
      margin-top: -0.25rem;
      margin-bottom: 0rem; }
      .aboutcard.team .links.divider .line {
        width: 25%;
        height: 4px;
        border-radius: 2px; }
  .aboutcard.team.unfocused:not(.expanded) {
    z-index: 1;
    background-size: auto 110%;
    box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.175); }
    @media (max-width: 1170px) {
      .aboutcard.team.unfocused:not(.expanded) {
        background-size: cover; } }
    .aboutcard.team.unfocused:not(.expanded):before {
      opacity: 0;
      transition: all 0.4s 0s; }
    .aboutcard.team.unfocused:not(.expanded):after {
      opacity: 1;
      transition: all 0.4s 0s; }
    .aboutcard.team.unfocused:not(.expanded) .title {
      transform: translateY(87.5%); }
      @media (max-width: 768px) {
        .aboutcard.team.unfocused:not(.expanded) .title {
          transform: translateY(82.5%) translateX(-3.33%); } }
      .aboutcard.team.unfocused:not(.expanded) .title h1 {
        opacity: 0; }
      .aboutcard.team.unfocused:not(.expanded) .title .arrow {
        width: 5px; }
      .aboutcard.team.unfocused:not(.expanded) .title h5 {
        font-size: 2rem;
        font-weight: 900;
        text-shadow: 0 0 15px rgba(14, 14, 14, 0.6), 0 0 24px rgba(14, 14, 14, 0.6); }
        @media (max-width: 768px) {
          .aboutcard.team.unfocused:not(.expanded) .title h5 {
            width: 100%;
            font-size: 4vw; } }
  .aboutcard.team.expanded {
    cursor: inherit;
    background-size: cover; }
    .aboutcard.team.expanded:before {
      background: linear-gradient(-30deg, #252946 25%, rgba(47, 54, 91, 0) 75%); }
    .aboutcard.team.expanded:after {
      background: linear-gradient(30deg, #191d37 0%, rgba(25, 29, 55, 0) 100%);
      opacity: 1; }
    .aboutcard.team.expanded .content {
      padding: 9%; }
    .aboutcard.team.expanded .title {
      left: 9%; }
      @media (max-width: 768px) {
        .aboutcard.team.expanded .title {
          left: 7.5%; } }
      .aboutcard.team.expanded .title h5 {
        margin-bottom: 2rem; }
        @media (max-width: 768px) {
          .aboutcard.team.expanded .title h5 {
            font-size: 4vw; } }
      .aboutcard.team.expanded .title h1 br {
        display: none; }
      @media (max-width: 768px) {
        .aboutcard.team.expanded .title h1 {
          font-size: 10.75vw; } }
      .aboutcard.team.expanded .title .arrow {
        width: 5px;
        transition: all 0.5s 0s ease; }
    .aboutcard.team.expanded .profile {
      display: block; }
      @media (max-width: 768px) {
        .aboutcard.team.expanded .profile {
          width: 97.5%; } }

.aboutcard.value:after {
  content: '';
  position: absolute;
  z-index: -2;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: linear-gradient(150deg, #191d37 15%, rgba(25, 29, 55, 0) 75%);
  transition: all 0.4s cubic-bezier(0.1, 0.75, 0.25, 1); }

.aboutcard.value .label {
  align-self: start;
  color: #b8c2ff;
  transition: all 0.4s cubic-bezier(0.1, 0.75, 0.25, 1); }
  .aboutcard.value .label h6 {
    position: absolute;
    top: 8.333%;
    font-size: 1.5rem;
    font-weight: 400; }
    @media (max-width: 768px) {
      .aboutcard.value .label h6 {
        top: 7.5%;
        font-size: 3vw; } }
  .aboutcard.value .label .number {
    position: absolute;
    top: 3.5%;
    right: 9%; }
    @media (max-width: 768px) {
      .aboutcard.value .label .number {
        top: 2.5%; } }
    .aboutcard.value .label .number span {
      display: inline-block;
      line-height: 1;
      font-size: 8rem;
      font-weight: 900;
      color: rgba(255, 255, 255, 0);
      background: linear-gradient(to top right, #9897e3 10%, #b8c2ff 90%);
      text-shadow: none;
      -webkit-text-stroke: 1.5px transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(255, 255, 255, 0);
      transform: scale(1.05, 1);
      transition: all 0.4s cubic-bezier(0.1, 0.75, 0.25, 1); }
      @media (max-width: 768px) {
        .aboutcard.value .label .number span {
          font-size: 15.5vw; } }
    .aboutcard.value .label .number:before {
      content: '#';
      position: absolute;
      top: 21%;
      right: 100%;
      margin-right: 1rem;
      font-size: 4.5rem;
      font-weight: 300; }
      @media (max-width: 768px) {
        .aboutcard.value .label .number:before {
          top: 24%;
          margin-right: 1vw;
          font-size: 8.5vw; } }
    .aboutcard.value .label .number.xwide span, .aboutcard.value .label section.bridge.stories p.number span, section.bridge.stories .aboutcard.value .label p.number span, .aboutcard.value .label body.fund.runwith section.bridge p.number span, body.fund.runwith section.bridge .aboutcard.value .label p.number span, .aboutcard.value .label section.bridge.about p.number span, section.bridge.about .aboutcard.value .label p.number span, .aboutcard.value#val1 .label .number span {
      transform: scale(1.1, 1); }
    .aboutcard.value .label .number.xwide:before, .aboutcard.value .label section.bridge.stories p.number:before, section.bridge.stories .aboutcard.value .label p.number:before, .aboutcard.value .label body.fund.runwith section.bridge p.number:before, body.fund.runwith section.bridge .aboutcard.value .label p.number:before, .aboutcard.value .label section.bridge.about p.number:before, section.bridge.about .aboutcard.value .label p.number:before, .aboutcard.value#val1 .label .number:before {
      top: 22.5%;
      margin-right: 1.333rem; }
      @media (max-width: 768px) {
        .aboutcard.value .label .number.xwide:before, .aboutcard.value .label section.bridge.stories p.number:before, section.bridge.stories .aboutcard.value .label p.number:before, .aboutcard.value .label body.fund.runwith section.bridge p.number:before, body.fund.runwith section.bridge .aboutcard.value .label p.number:before, .aboutcard.value .label section.bridge.about p.number:before, section.bridge.about .aboutcard.value .label p.number:before, .aboutcard.value#val1 .label .number:before {
          top: 24%;
          margin-right: 1.333vw; } }

.aboutcard.value .title {
  width: 80%; }
  @media (max-width: 768px) {
    .aboutcard.value .title {
      bottom: 8.5%;
      left: 9.5%;
      width: 90%; } }
  .aboutcard.value .title h5 {
    font-size: 1.45rem;
    font-weight: 500;
    letter-spacing: 0.2em; }
    @media (max-width: 768px) {
      .aboutcard.value .title h5 {
        font-size: 3.5vw; } }
  .aboutcard.value .title h2 {
    margin-bottom: 2.5rem;
    line-height: 1.1;
    font-size: 4.2vw;
    font-weight: 400; }
    .aboutcard.value .title h2 em {
      letter-spacing: 0.0125em; }
    @media (min-width: 1500px) {
      .aboutcard.value .title h2 {
        font-size: 5.5rem; } }
    @media (max-width: 768px) {
      .aboutcard.value .title h2 {
        margin-bottom: 3vw;
        font-size: 9.5vw; } }
  .aboutcard.value .title p {
    font-size: 1.6667rem;
    line-height: 1.5; }
    @media (max-width: 768px) {
      .aboutcard.value .title p {
        width: 95%;
        font-size: 4vw; } }
  .aboutcard.value .title h5, .aboutcard.value .title h2, .aboutcard.value .title p {
    transition: all 0.6s 0s; }

.aboutcard.value .icon, .aboutcard.value .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .aboutcard.value .btn.team, .aboutcard.value .profile-nav .btn.team, .profile-nav .aboutcard.value .btn.team, .aboutcard.value .profile-nav .btn.give, .profile-nav .aboutcard.value .btn.give, .aboutcard.value section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .aboutcard.value .btn.uibtn.give {
  position: absolute;
  z-index: 1;
  width: 180px;
  height: 180px;
  margin-bottom: 1.75rem;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  animation: floaty 11s 0s ease-in-out infinite alternate; }
  .aboutcard.value .icon svg, .aboutcard.value .encourage .encourage-wrapper .btn.team svg, .encourage .encourage-wrapper .aboutcard.value .btn.team svg, .aboutcard.value .profile-nav .btn.team svg, .profile-nav .aboutcard.value .btn.team svg, .aboutcard.value .profile-nav .btn.give svg, .profile-nav .aboutcard.value .btn.give svg {
    fill: #575db1;
    opacity: 1;
    transform: scale(1.25);
    transform-origin: -175% 35%;
    transition: all 0.6s cubic-bezier(0.1, 0.75, 0.25, 1); }
    @media (max-width: 768px) {
      .aboutcard.value .icon svg, .aboutcard.value .encourage .encourage-wrapper .btn.team svg, .encourage .encourage-wrapper .aboutcard.value .btn.team svg, .aboutcard.value .profile-nav .btn.team svg, .profile-nav .aboutcard.value .btn.team svg, .aboutcard.value .profile-nav .btn.give svg, .profile-nav .aboutcard.value .btn.give svg {
        transform-origin: 125% -80%;
        transform: scale(0.8); } }
  .aboutcard.value .icon.large, .aboutcard.value .encourage .encourage-wrapper .large.btn.team, .encourage .encourage-wrapper .aboutcard.value .large.btn.team, .aboutcard.value .encourage .encourage-wrapper section.bridge .statement .btn.team.line, .encourage .encourage-wrapper section.bridge .statement .aboutcard.value .btn.team.line, .aboutcard.value section.bridge .statement .encourage .encourage-wrapper .btn.team.line, section.bridge .statement .encourage .encourage-wrapper .aboutcard.value .btn.team.line, .aboutcard.value .encourage .encourage-wrapper section.slider p.btn.team, .encourage .encourage-wrapper section.slider .aboutcard.value p.btn.team, .aboutcard.value section.slider .encourage .encourage-wrapper p.btn.team, section.slider .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper section.sliderh p.btn.team, .encourage .encourage-wrapper section.sliderh .aboutcard.value p.btn.team, .aboutcard.value section.sliderh .encourage .encourage-wrapper p.btn.team, section.sliderh .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper section.neighbors p.btn.team, .encourage .encourage-wrapper section.neighbors .aboutcard.value p.btn.team, .aboutcard.value section.neighbors .encourage .encourage-wrapper p.btn.team, section.neighbors .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper section.bridge.letter p.btn.team, .encourage .encourage-wrapper section.bridge.letter .aboutcard.value p.btn.team, .aboutcard.value section.bridge.letter .encourage .encourage-wrapper p.btn.team, section.bridge.letter .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper .story-quote.short p.btn.team, .encourage .encourage-wrapper .story-quote.short .aboutcard.value p.btn.team, .aboutcard.value .story-quote.short .encourage .encourage-wrapper p.btn.team, .story-quote.short .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper .aboutcard.team .short.quote p.btn.team, .encourage .encourage-wrapper .aboutcard.team .short.quote .aboutcard.value p.btn.team, .aboutcard.value .aboutcard.team .short.quote .encourage .encourage-wrapper p.btn.team, .aboutcard.team .short.quote .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper .aboutcard.team .quote.locale-menu.sea p.btn.team, .encourage .encourage-wrapper .aboutcard.team .quote.locale-menu.sea .aboutcard.value p.btn.team, .aboutcard.value .aboutcard.team .quote.locale-menu.sea .encourage .encourage-wrapper p.btn.team, .aboutcard.team .quote.locale-menu.sea .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper .aboutcard.team .quote.locale-menu.den p.btn.team, .encourage .encourage-wrapper .aboutcard.team .quote.locale-menu.den .aboutcard.value p.btn.team, .aboutcard.value .aboutcard.team .quote.locale-menu.den .encourage .encourage-wrapper p.btn.team, .aboutcard.team .quote.locale-menu.den .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper .story-quote.locale-menu.sea p.btn.team, .encourage .encourage-wrapper .story-quote.locale-menu.sea .aboutcard.value p.btn.team, .aboutcard.value .story-quote.locale-menu.sea .encourage .encourage-wrapper p.btn.team, .story-quote.locale-menu.sea .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper .story-quote.locale-menu.den p.btn.team, .encourage .encourage-wrapper .story-quote.locale-menu.den .aboutcard.value p.btn.team, .aboutcard.value .story-quote.locale-menu.den .encourage .encourage-wrapper p.btn.team, .story-quote.locale-menu.den .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper section.description p.btn.team, .encourage .encourage-wrapper section.description .aboutcard.value p.btn.team, .aboutcard.value section.description .encourage .encourage-wrapper p.btn.team, section.description .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper .aboutcard.board.active .tile h5.btn.team, .encourage .encourage-wrapper .aboutcard.board.active .tile .aboutcard.value h5.btn.team, .aboutcard.value .aboutcard.board.active .tile .encourage .encourage-wrapper h5.btn.team, .aboutcard.board.active .tile .encourage .encourage-wrapper .aboutcard.value h5.btn.team, .aboutcard.value section.bridge .statement .icon.line, section.bridge .statement .aboutcard.value .icon.line, .aboutcard.value section.bridge .statement .profile-nav .line.btn.team, section.bridge .statement .profile-nav .aboutcard.value .line.btn.team, .aboutcard.value .profile-nav section.bridge .statement .line.btn.team, .profile-nav section.bridge .statement .aboutcard.value .line.btn.team, .aboutcard.value section.bridge .statement .profile-nav .line.btn.give, section.bridge .statement .profile-nav .aboutcard.value .line.btn.give, .aboutcard.value .profile-nav section.bridge .statement .line.btn.give, .profile-nav section.bridge .statement .aboutcard.value .line.btn.give, .aboutcard.value section.slider p.icon, section.slider .aboutcard.value p.icon, .aboutcard.value section.slider .profile-nav p.btn.team, section.slider .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav section.slider p.btn.team, .profile-nav section.slider .aboutcard.value p.btn.team, .aboutcard.value section.slider .profile-nav p.btn.give, section.slider .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav section.slider p.btn.give, .profile-nav section.slider .aboutcard.value p.btn.give, .aboutcard.value section.slider section.locale-members .profile-nav p.btn.uibtn.give, section.slider section.locale-members .profile-nav .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav section.slider p.btn.uibtn.give, section.locale-members .profile-nav section.slider .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.sliderh p.icon, section.sliderh .aboutcard.value p.icon, .aboutcard.value section.sliderh .profile-nav p.btn.team, section.sliderh .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav section.sliderh p.btn.team, .profile-nav section.sliderh .aboutcard.value p.btn.team, .aboutcard.value section.sliderh .profile-nav p.btn.give, section.sliderh .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav section.sliderh p.btn.give, .profile-nav section.sliderh .aboutcard.value p.btn.give, .aboutcard.value section.sliderh section.locale-members .profile-nav p.btn.uibtn.give, section.sliderh section.locale-members .profile-nav .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav section.sliderh p.btn.uibtn.give, section.locale-members .profile-nav section.sliderh .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.sliderh.hook p.icon, section.sliderh.hook .aboutcard.value p.icon, .aboutcard.value section.sliderh.hook .encourage .encourage-wrapper p.btn.team, section.sliderh.hook .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper section.sliderh.hook p.btn.team, .encourage .encourage-wrapper section.sliderh.hook .aboutcard.value p.btn.team, .aboutcard.value section.sliderh.hook .profile-nav p.btn.team, section.sliderh.hook .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav section.sliderh.hook p.btn.team, .profile-nav section.sliderh.hook .aboutcard.value p.btn.team, .aboutcard.value section.sliderh.hook .profile-nav p.btn.give, section.sliderh.hook .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav section.sliderh.hook p.btn.give, .profile-nav section.sliderh.hook .aboutcard.value p.btn.give, .aboutcard.value section.neighbors p.icon, section.neighbors .aboutcard.value p.icon, .aboutcard.value section.neighbors .profile-nav p.btn.team, section.neighbors .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav section.neighbors p.btn.team, .profile-nav section.neighbors .aboutcard.value p.btn.team, .aboutcard.value section.neighbors .profile-nav p.btn.give, section.neighbors .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav section.neighbors p.btn.give, .profile-nav section.neighbors .aboutcard.value p.btn.give, .aboutcard.value section.neighbors section.locale-members .profile-nav p.btn.uibtn.give, section.neighbors section.locale-members .profile-nav .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav section.neighbors p.btn.uibtn.give, section.locale-members .profile-nav section.neighbors .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.bridge.letter p.icon, section.bridge.letter .aboutcard.value p.icon, .aboutcard.value section.bridge.letter .profile-nav p.btn.team, section.bridge.letter .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav section.bridge.letter p.btn.team, .profile-nav section.bridge.letter .aboutcard.value p.btn.team, .aboutcard.value section.bridge.letter .profile-nav p.btn.give, section.bridge.letter .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav section.bridge.letter p.btn.give, .profile-nav section.bridge.letter .aboutcard.value p.btn.give, .aboutcard.value .story-quote.short p.icon, .story-quote.short .aboutcard.value p.icon, .aboutcard.value .aboutcard.team .short.quote p.icon, .aboutcard.team .short.quote .aboutcard.value p.icon, .aboutcard.value .aboutcard.team .quote.locale-menu.sea p.icon, .aboutcard.team .quote.locale-menu.sea .aboutcard.value p.icon, .aboutcard.value .aboutcard.team .quote.locale-menu.den p.icon, .aboutcard.team .quote.locale-menu.den .aboutcard.value p.icon, .aboutcard.value .story-quote.locale-menu.sea p.icon, .story-quote.locale-menu.sea .aboutcard.value p.icon, .aboutcard.value .story-quote.locale-menu.den p.icon, .story-quote.locale-menu.den .aboutcard.value p.icon, .aboutcard.value .story-quote.short .profile-nav p.btn.team, .story-quote.short .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav .story-quote.short p.btn.team, .profile-nav .story-quote.short .aboutcard.value p.btn.team, .aboutcard.value .aboutcard.team .short.quote .profile-nav p.btn.team, .aboutcard.team .short.quote .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav .aboutcard.team .short.quote p.btn.team, .profile-nav .aboutcard.team .short.quote .aboutcard.value p.btn.team, .aboutcard.value .aboutcard.team .quote.locale-menu.sea .profile-nav p.btn.team, .aboutcard.team .quote.locale-menu.sea .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav .aboutcard.team .quote.locale-menu.sea p.btn.team, .profile-nav .aboutcard.team .quote.locale-menu.sea .aboutcard.value p.btn.team, .aboutcard.value .aboutcard.team .quote.locale-menu.den .profile-nav p.btn.team, .aboutcard.team .quote.locale-menu.den .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav .aboutcard.team .quote.locale-menu.den p.btn.team, .profile-nav .aboutcard.team .quote.locale-menu.den .aboutcard.value p.btn.team, .aboutcard.value .story-quote.locale-menu.sea .profile-nav p.btn.team, .story-quote.locale-menu.sea .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav .story-quote.locale-menu.sea p.btn.team, .profile-nav .story-quote.locale-menu.sea .aboutcard.value p.btn.team, .aboutcard.value .story-quote.locale-menu.den .profile-nav p.btn.team, .story-quote.locale-menu.den .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav .story-quote.locale-menu.den p.btn.team, .profile-nav .story-quote.locale-menu.den .aboutcard.value p.btn.team, .aboutcard.value .story-quote.short .profile-nav p.btn.give, .story-quote.short .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav .story-quote.short p.btn.give, .profile-nav .story-quote.short .aboutcard.value p.btn.give, .aboutcard.value .aboutcard.team .short.quote .profile-nav p.btn.give, .aboutcard.team .short.quote .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav .aboutcard.team .short.quote p.btn.give, .profile-nav .aboutcard.team .short.quote .aboutcard.value p.btn.give, .aboutcard.value .aboutcard.team .quote.locale-menu.sea .profile-nav p.btn.give, .aboutcard.team .quote.locale-menu.sea .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav .aboutcard.team .quote.locale-menu.sea p.btn.give, .profile-nav .aboutcard.team .quote.locale-menu.sea .aboutcard.value p.btn.give, .aboutcard.value .aboutcard.team .quote.locale-menu.den .profile-nav p.btn.give, .aboutcard.team .quote.locale-menu.den .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav .aboutcard.team .quote.locale-menu.den p.btn.give, .profile-nav .aboutcard.team .quote.locale-menu.den .aboutcard.value p.btn.give, .aboutcard.value .story-quote.locale-menu.sea .profile-nav p.btn.give, .story-quote.locale-menu.sea .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav .story-quote.locale-menu.sea p.btn.give, .profile-nav .story-quote.locale-menu.sea .aboutcard.value p.btn.give, .aboutcard.value .story-quote.locale-menu.den .profile-nav p.btn.give, .story-quote.locale-menu.den .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav .story-quote.locale-menu.den p.btn.give, .profile-nav .story-quote.locale-menu.den .aboutcard.value p.btn.give, .aboutcard.value section.description p.icon, section.description .aboutcard.value p.icon, .aboutcard.value section.description .profile-nav p.btn.team, section.description .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav section.description p.btn.team, .profile-nav section.description .aboutcard.value p.btn.team, .aboutcard.value section.description .profile-nav p.btn.give, section.description .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav section.description p.btn.give, .profile-nav section.description .aboutcard.value p.btn.give, .aboutcard.value section.description section.locale-members .profile-nav p.btn.uibtn.give, section.description section.locale-members .profile-nav .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav section.description p.btn.uibtn.give, section.locale-members .profile-nav section.description .aboutcard.value p.btn.uibtn.give, .aboutcard.value .aboutcard.board.active .tile h5.icon, .aboutcard.board.active .tile .aboutcard.value h5.icon, .aboutcard.value .aboutcard.board.active .tile .profile-nav h5.btn.team, .aboutcard.board.active .tile .profile-nav .aboutcard.value h5.btn.team, .aboutcard.value .profile-nav .aboutcard.board.active .tile h5.btn.team, .profile-nav .aboutcard.board.active .tile .aboutcard.value h5.btn.team, .aboutcard.value .aboutcard.board.active .tile .profile-nav h5.btn.give, .aboutcard.board.active .tile .profile-nav .aboutcard.value h5.btn.give, .aboutcard.value .profile-nav .aboutcard.board.active .tile h5.btn.give, .profile-nav .aboutcard.board.active .tile .aboutcard.value h5.btn.give, .aboutcard.value .profile-nav .large.btn.team, .profile-nav .aboutcard.value .large.btn.team, .aboutcard.value .profile-nav .large.btn.give, .profile-nav .aboutcard.value .large.btn.give, .aboutcard.value section.locale-members .profile-nav .large.btn.uibtn.give, section.locale-members .profile-nav .aboutcard.value .large.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav section.bridge .statement .btn.uibtn.give.line, section.locale-members .profile-nav section.bridge .statement .aboutcard.value .btn.uibtn.give.line, .aboutcard.value section.bridge .statement section.locale-members .profile-nav .btn.uibtn.give.line, section.bridge .statement section.locale-members .profile-nav .aboutcard.value .btn.uibtn.give.line, .aboutcard.value section.locale-members .profile-nav section.bridge.letter p.btn.uibtn.give, section.locale-members .profile-nav section.bridge.letter .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.bridge.letter section.locale-members .profile-nav p.btn.uibtn.give, section.bridge.letter section.locale-members .profile-nav .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav .story-quote.short p.btn.uibtn.give, section.locale-members .profile-nav .story-quote.short .aboutcard.value p.btn.uibtn.give, .aboutcard.value .story-quote.short section.locale-members .profile-nav p.btn.uibtn.give, .story-quote.short section.locale-members .profile-nav .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav .aboutcard.team .short.quote p.btn.uibtn.give, section.locale-members .profile-nav .aboutcard.team .short.quote .aboutcard.value p.btn.uibtn.give, .aboutcard.value .aboutcard.team .short.quote section.locale-members .profile-nav p.btn.uibtn.give, .aboutcard.team .short.quote section.locale-members .profile-nav .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav .aboutcard.team .quote.locale-menu.sea p.btn.uibtn.give, section.locale-members .profile-nav .aboutcard.team .quote.locale-menu.sea .aboutcard.value p.btn.uibtn.give, .aboutcard.value .aboutcard.team .quote.locale-menu.sea section.locale-members .profile-nav p.btn.uibtn.give, .aboutcard.team .quote.locale-menu.sea section.locale-members .profile-nav .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav .aboutcard.team .quote.locale-menu.den p.btn.uibtn.give, section.locale-members .profile-nav .aboutcard.team .quote.locale-menu.den .aboutcard.value p.btn.uibtn.give, .aboutcard.value .aboutcard.team .quote.locale-menu.den section.locale-members .profile-nav p.btn.uibtn.give, .aboutcard.team .quote.locale-menu.den section.locale-members .profile-nav .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav .story-quote.locale-menu.sea p.btn.uibtn.give, section.locale-members .profile-nav .story-quote.locale-menu.sea .aboutcard.value p.btn.uibtn.give, .aboutcard.value .story-quote.locale-menu.sea section.locale-members .profile-nav p.btn.uibtn.give, .story-quote.locale-menu.sea section.locale-members .profile-nav .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav .story-quote.locale-menu.den p.btn.uibtn.give, section.locale-members .profile-nav .story-quote.locale-menu.den .aboutcard.value p.btn.uibtn.give, .aboutcard.value .story-quote.locale-menu.den section.locale-members .profile-nav p.btn.uibtn.give, .story-quote.locale-menu.den section.locale-members .profile-nav .aboutcard.value p.btn.uibtn.give, .aboutcard.value section.locale-members .profile-nav .aboutcard.board.active .tile h5.btn.uibtn.give, section.locale-members .profile-nav .aboutcard.board.active .tile .aboutcard.value h5.btn.uibtn.give, .aboutcard.value .aboutcard.board.active .tile section.locale-members .profile-nav h5.btn.uibtn.give, .aboutcard.board.active .tile section.locale-members .profile-nav .aboutcard.value h5.btn.uibtn.give {
    width: 195px;
    height: 195px; }
  .aboutcard.value .icon.xlarge, .aboutcard.value .encourage .encourage-wrapper .xlarge.btn.team, .encourage .encourage-wrapper .aboutcard.value .xlarge.btn.team, .aboutcard.value .encourage .encourage-wrapper section.bridge p.btn.team, .encourage .encourage-wrapper section.bridge .aboutcard.value p.btn.team, .aboutcard.value section.bridge .encourage .encourage-wrapper p.btn.team, section.bridge .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value .encourage .encourage-wrapper section.teamcta .h-col p.btn.team, .encourage .encourage-wrapper section.teamcta .h-col .aboutcard.value p.btn.team, .aboutcard.value section.teamcta .h-col .encourage .encourage-wrapper p.btn.team, section.teamcta .h-col .encourage .encourage-wrapper .aboutcard.value p.btn.team, .aboutcard.value section.bridge p.icon, section.bridge .aboutcard.value p.icon, .aboutcard.value section.bridge .profile-nav p.btn.team, section.bridge .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav section.bridge p.btn.team, .profile-nav section.bridge .aboutcard.value p.btn.team, .aboutcard.value section.bridge .profile-nav p.btn.give, section.bridge .profile-nav .aboutcard.value p.btn.give, .aboutcard.value .profile-nav section.bridge p.btn.give, .profile-nav section.bridge .aboutcard.value p.btn.give, .aboutcard.value .profile-nav .xlarge.btn.team, .profile-nav .aboutcard.value .xlarge.btn.team, .aboutcard.value .profile-nav section.teamcta .h-col p.btn.team, .profile-nav section.teamcta .h-col .aboutcard.value p.btn.team, .aboutcard.value section.teamcta .h-col .profile-nav p.btn.team, section.teamcta .h-col .profile-nav .aboutcard.value p.btn.team, .aboutcard.value .profile-nav .xlarge.btn.give, .profile-nav .aboutcard.value .xlarge.btn.give, .aboutcard.value .profile-nav section.teamcta .h-col p.btn.give, .profile-nav section.teamcta .h-col .aboutcard.value p.btn.give, .aboutcard.value section.teamcta .h-col .profile-nav p.btn.give, section.teamcta .h-col .profile-nav .aboutcard.value p.btn.give, .aboutcard.value section.teamcta .h-col p.icon, section.teamcta .h-col .aboutcard.value p.icon {
    width: 222px;
    height: 222px; }

.aboutcard.value.unfocused:not(.expanded):after {
  width: 98.75%;
  height: 98.75%;
  background-color: #191d37; }
  @media (max-width: 768px) {
    .aboutcard.value.unfocused:not(.expanded):after {
      width: 100%;
      height: 100%; } }

.aboutcard.value.unfocused:not(.expanded) .label {
  color: #7279e8; }
  .aboutcard.value.unfocused:not(.expanded) .label .number span {
    text-shadow: 1px -1px 0 #7279e8, 1px 0 0 #7279e8, 1px 1px 0 #7279e8, -1px -1px 0 #7279e8, -1px 0 0 #7279e8, -1px 1px 0 #7279e8;
    color: #191d37;
    -webkit-text-fill-color: #191d37;
    -webkit-text-stroke: 1.5px #7279e8; }

.aboutcard.value.unfocused:not(.expanded) .title {
  transform: translateY(90%); }
  @media (max-width: 768px) {
    .aboutcard.value.unfocused:not(.expanded) .title {
      transform: translateY(75%) translateX(12.5%); } }
  .aboutcard.value.unfocused:not(.expanded) .title h5 {
    font-size: 1.75rem; }
    @media (max-width: 768px) {
      .aboutcard.value.unfocused:not(.expanded) .title h5 {
        font-size: 3.75vw; } }
  .aboutcard.value.unfocused:not(.expanded) .title h2, .aboutcard.value.unfocused:not(.expanded) .title p {
    opacity: 0; }

.aboutcard.value.unfocused:not(.expanded) .icon, .aboutcard.value.unfocused:not(.expanded) .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .aboutcard.value.unfocused:not(.expanded) .btn.team, .aboutcard.value.unfocused:not(.expanded) .profile-nav .btn.team, .profile-nav .aboutcard.value.unfocused:not(.expanded) .btn.team, .aboutcard.value.unfocused:not(.expanded) .profile-nav .btn.give, .profile-nav .aboutcard.value.unfocused:not(.expanded) .btn.give {
  animation: none; }
  .aboutcard.value.unfocused:not(.expanded) .icon svg, .aboutcard.value.unfocused:not(.expanded) .encourage .encourage-wrapper .btn.team svg, .encourage .encourage-wrapper .aboutcard.value.unfocused:not(.expanded) .btn.team svg, .aboutcard.value.unfocused:not(.expanded) .profile-nav .btn.team svg, .profile-nav .aboutcard.value.unfocused:not(.expanded) .btn.team svg, .aboutcard.value.unfocused:not(.expanded) .profile-nav .btn.give svg, .profile-nav .aboutcard.value.unfocused:not(.expanded) .btn.give svg {
    fill: #7279e8;
    opacity: 0.5;
    transform: scale(1); }

.aboutcard.board {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
  padding: 0;
  cursor: pointer; }
  .aboutcard.board:hover:not(.active) ul li {
    transform: scale(0.925);
    transition: 0.33s 0s cubic-bezier(0.15, 1.5, 0.75, 1.5); }
  .aboutcard.board:hover:not(.active) .tile {
    transform: translateY(-3%);
    transition: 0.33s 0s cubic-bezier(0.1, 0.9, 0.25, 1); }
  .aboutcard.board:hover:not(.active) .tile:before {
    transform: translateY(3%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 0% 100%);
    transition: 0.33s 0s cubic-bezier(0.1, 0.9, 0.25, 1); }
  .aboutcard.board > break {
    display: inline-flex;
    width: 46px;
    height: 100%; }
  .aboutcard.board ul {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 100%; }
    .aboutcard.board ul > break {
      display: inline-flex;
      width: 100%;
      height: 48px; }
    .aboutcard.board ul li {
      display: inline-flex;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      transition: 0.6s 0s cubic-bezier(0.25, 0.75, 0.25, 0.9); }
    .aboutcard.board ul:last-of-type li:last-of-type {
      opacity: 0; }
  .aboutcard.board .tile {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    z-index: 3;
    width: 77%;
    height: 82%;
    padding: 10%;
    color: #000;
    transition: 0.6s 0s cubic-bezier(0.25, 0.75, 0.25, 0.9); }
    @media (max-width: 768px) {
      .aboutcard.board .tile {
        width: 84%;
        height: 84%;
        padding: 12.5%; } }
    .aboutcard.board .tile h5 {
      font-size: 1.75rem;
      font-weight: 600;
      transition: 0.6s 0s cubic-bezier(0.25, 0.75, 0.25, 0.9); }
      @media (max-width: 768px) {
        .aboutcard.board .tile h5 {
          font-size: 4vw; } }
    .aboutcard.board .tile:before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: 0px 3px 18px 1.5px rgba(0, 0, 0, 0.175);
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
      transition: 0.5s 0s cubic-bezier(0.1, 0.9, 0.25, 1); }
  .aboutcard.board.expanded {
    grid-column: span 2;
    grid-row: span 3; }
    .aboutcard.board.expanded .tile {
      display: none; }
  .aboutcard.board.active ul li {
    transform: scale(0);
    transition: 0.5s 0s cubic-bezier(0.25, 0.75, 0.25, 0.9); }
  .aboutcard.board.active .tile {
    text-align: right;
    padding: 0; }
    .aboutcard.board.active .tile h5 {
      color: #fff; }
    .aboutcard.board.active .tile:before {
      clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
      clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }
    @media (max-width: 768px) {
      .aboutcard.board.active .tile {
        width: 78%;
        height: 88%; } }

.aboutcard.boardmem {
  cursor: inherit;
  animation: growin 0.6s 0s cubic-bezier(0.25, 0.75, 0.25, 0.9);
  background-size: cover; }
  .aboutcard.boardmem.unfocused:not(.expanded) {
    background-size: cover; }
  .aboutcard.boardmem .title {
    bottom: 9%; }
    @media (max-width: 768px) {
      .aboutcard.boardmem .title {
        left: 7.5%; } }
    .aboutcard.boardmem .title h5 {
      width: 100%;
      font-size: 1.5rem !important; }
      @media (max-width: 768px) {
        .aboutcard.boardmem .title h5 {
          font-size: 3.5vw !important; } }
    .aboutcard.boardmem .title h1 {
      min-height: 6rem;
      white-space: normal;
      font-size: 4.5vw;
      transition: all 0.3s 0s; }
      @media (min-width: 1500px) {
        .aboutcard.boardmem .title h1 {
          font-size: 5.75rem; } }
      @media (max-width: 768px) {
        .aboutcard.boardmem .title h1 {
          min-height: 4.5rem;
          font-size: 10vw; } }
    .aboutcard.boardmem .title p {
      display: none;
      font-size: 1.6667rem;
      line-height: 1.5; }
      @media (max-width: 768px) {
        .aboutcard.boardmem .title p {
          font-size: 3.33vw; } }
    .aboutcard.boardmem .title h5, .aboutcard.boardmem .title h2, .aboutcard.boardmem .title p {
      transition: all 0.6s 0s; }
  .aboutcard.boardmem.unfocused .title {
    bottom: 12%; }
    .aboutcard.boardmem.unfocused .title h1 {
      min-height: 11rem; }
    @media (max-width: 768px) {
      .aboutcard.boardmem.unfocused .title {
        bottom: 12%;
        left: 9%; }
        .aboutcard.boardmem.unfocused .title h1 {
          min-height: 8rem; } }
  .aboutcard.boardmem.unfocused h5 {
    margin-bottom: 4rem;
    font-size: 1.75rem !important;
    text-shadow: 0 0 12px rgba(62, 62, 62, 0.5), 0 0 21px rgba(62, 62, 62, 0.33) !important; }
    @media (max-width: 768px) {
      .aboutcard.boardmem.unfocused h5 {
        margin-bottom: 1.5rem;
        font-size: 3.5vw !important; } }
  @media (max-width: 768px) {
    .aboutcard.boardmem.unfocused p {
      display: none; } }

.aboutcard .frame {
  position: absolute;
  z-index: 4;
  top: -18px;
  bottom: 18px;
  left: -18px;
  right: 15px; }
  @media (max-width: 768px) {
    .aboutcard .frame {
      top: -24px;
      bottom: -24px;
      left: 20px;
      right: 20px; } }
  .aboutcard .frame .corner {
    position: absolute;
    z-index: 2;
    width: 75px;
    height: 93px;
    border-radius: 2px;
    background-image: linear-gradient(to top right, #9897e3, #b8c2ff);
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.25);
    transition: transform 0.5s 0s cubic-bezier(0.15, 1.5, 0.75, 1.5), opacity 0.3s 0s ease-out; }
    @media (max-width: 768px) {
      .aboutcard .frame .corner {
        width: 60px;
        height: 75px;
        border-radius: 3px; } }
    .aboutcard .frame .corner.top {
      left: auto;
      top: -21px;
      right: -24px;
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%); }
      @media (max-width: 768px) {
        .aboutcard .frame .corner.top {
          top: -15px;
          right: -12px; } }
    .aboutcard .frame .corner.bot {
      right: auto;
      bottom: -27px;
      left: -15px;
      clip-path: polygon(100% 100%, 0% 100%, 0% 0%); }
      @media (max-width: 768px) {
        .aboutcard .frame .corner.bot {
          bottom: -15px;
          left: -12px; } }
  .aboutcard .frame .lines {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%; }
    .aboutcard .frame .lines:before, .aboutcard .frame .lines:after {
      content: "";
      position: absolute;
      border-radius: 2px;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
      transition: 0.5s 0.5s cubic-bezier(0.1, 0.9, 0.25, 1); }
    .aboutcard .frame .lines.top:before {
      top: 0;
      left: auto;
      right: 0;
      width: 75%;
      height: 4px;
      background-image: linear-gradient(to right, #9897e3, #b8c2ff); }
    .aboutcard .frame .lines.top:after {
      top: 0;
      left: auto;
      right: 0;
      width: 4px;
      height: 66%;
      background-image: linear-gradient(to top, #9897e3, #b8c2ff); }
      @media (max-width: 768px) {
        .aboutcard .frame .lines.top:after {
          height: 40%; } }
    .aboutcard .frame .lines.bot:before {
      bottom: 0;
      left: 0;
      right: auto;
      width: 4px;
      height: 60%;
      background-image: linear-gradient(to top, #9897e3, #b8c2ff); }
    .aboutcard .frame .lines.bot:after {
      bottom: 0;
      left: 0;
      right: auto;
      width: 70%;
      height: 4px;
      background-image: linear-gradient(to right, #9897e3, #b8c2ff); }
  .aboutcard .frame.collapsed .corner, .aboutcard section.results .result-row.unfocused .viz-col .frame .corner, section.results .result-row.unfocused .viz-col .aboutcard .frame .corner, .aboutcard.team.unfocused:not(.expanded) .frame .corner, .aboutcard.team.expanded .frame .corner, .aboutcard .frame.collapsedb .corner, .aboutcard.team.unfocused:not(.expanded).rside .frame .corner {
    opacity: 0;
    transition: all 0.5s 0.4s cubic-bezier(0.1, 0.75, 0.5, 1); }
  .aboutcard .frame.collapsed .lines:before, .aboutcard section.results .result-row.unfocused .viz-col .frame .lines:before, section.results .result-row.unfocused .viz-col .aboutcard .frame .lines:before, .aboutcard.team.unfocused:not(.expanded) .frame .lines:before, .aboutcard.team.expanded .frame .lines:before, .aboutcard .frame.collapsed .lines:after, .aboutcard section.results .result-row.unfocused .viz-col .frame .lines:after, section.results .result-row.unfocused .viz-col .aboutcard .frame .lines:after, .aboutcard.team.unfocused:not(.expanded) .frame .lines:after, .aboutcard.team.expanded .frame .lines:after, .aboutcard .frame.collapsedb .lines:before, .aboutcard.team.unfocused:not(.expanded).rside .frame .lines:before, .aboutcard .frame.collapsedb .lines:after, .aboutcard.team.unfocused:not(.expanded).rside .frame .lines:after {
    transition: 0.5s 0s cubic-bezier(0.1, 0.75, 0.4, 1); }
  .aboutcard .frame.collapsed .lines.top:before, .aboutcard section.results .result-row.unfocused .viz-col .frame .lines.top:before, section.results .result-row.unfocused .viz-col .aboutcard .frame .lines.top:before, .aboutcard.team.unfocused:not(.expanded) .frame .lines.top:before, .aboutcard.team.expanded .frame .lines.top:before, .aboutcard .frame.collapsed .lines.bot:after, .aboutcard section.results .result-row.unfocused .viz-col .frame .lines.bot:after, section.results .result-row.unfocused .viz-col .aboutcard .frame .lines.bot:after, .aboutcard.team.unfocused:not(.expanded) .frame .lines.bot:after, .aboutcard.team.expanded .frame .lines.bot:after, .aboutcard .frame.collapsedb .lines.top:before, .aboutcard.team.unfocused:not(.expanded).rside .frame .lines.top:before, .aboutcard .frame.collapsedb .lines.bot:after, .aboutcard.team.unfocused:not(.expanded).rside .frame .lines.bot:after {
    width: 0; }
  .aboutcard .frame.collapsed .lines.top:after, .aboutcard section.results .result-row.unfocused .viz-col .frame .lines.top:after, section.results .result-row.unfocused .viz-col .aboutcard .frame .lines.top:after, .aboutcard.team.unfocused:not(.expanded) .frame .lines.top:after, .aboutcard.team.expanded .frame .lines.top:after, .aboutcard .frame.collapsed .lines.bot:before, .aboutcard section.results .result-row.unfocused .viz-col .frame .lines.bot:before, section.results .result-row.unfocused .viz-col .aboutcard .frame .lines.bot:before, .aboutcard.team.unfocused:not(.expanded) .frame .lines.bot:before, .aboutcard.team.expanded .frame .lines.bot:before, .aboutcard .frame.collapsedb .lines.top:after, .aboutcard.team.unfocused:not(.expanded).rside .frame .lines.top:after, .aboutcard .frame.collapsedb .lines.bot:before, .aboutcard.team.unfocused:not(.expanded).rside .frame .lines.bot:before {
    height: 0; }
  .aboutcard .frame.collapsed .corner.top, .aboutcard section.results .result-row.unfocused .viz-col .frame .corner.top, section.results .result-row.unfocused .viz-col .aboutcard .frame .corner.top, .aboutcard.team.unfocused:not(.expanded) .frame .corner.top, .aboutcard.team.expanded .frame .corner.top {
    transform: translate(-75%, 75%); }
  .aboutcard .frame.collapsed .corner.bot, .aboutcard section.results .result-row.unfocused .viz-col .frame .corner.bot, section.results .result-row.unfocused .viz-col .aboutcard .frame .corner.bot, .aboutcard.team.unfocused:not(.expanded) .frame .corner.bot, .aboutcard.team.expanded .frame .corner.bot {
    transform: translate(75%, -75%); }
  .aboutcard .frame.collapsedb .corner.top, .aboutcard.team.unfocused:not(.expanded).rside .frame .corner.top {
    transform: translate(75%, 75%); }
  .aboutcard .frame.collapsedb .corner.bot, .aboutcard.team.unfocused:not(.expanded).rside .frame .corner.bot {
    transform: translate(-75%, -75%); }

.aboutcard.rside .frame {
  left: 15px;
  right: -18px; }
  @media (max-width: 768px) {
    .aboutcard.rside .frame {
      left: 20px;
      right: 20px; } }
  .aboutcard.rside .frame .corner {
    background-image: linear-gradient(to top left, #9897e3, #b8c2ff); }
    .aboutcard.rside .frame .corner.top {
      top: -21px;
      left: -20px;
      right: auto;
      clip-path: polygon(0% 0%, 100% 0%, 0% 100%); }
    .aboutcard.rside .frame .corner.bot {
      left: auto;
      right: -15px;
      bottom: -27px;
      clip-path: polygon(100% 100%, 0% 100%, 100% 0%); }
  .aboutcard.rside .frame .lines.top:before {
    left: 0;
    right: auto;
    width: 81%; }
  .aboutcard.rside .frame .lines.top:after {
    left: 0;
    right: auto;
    height: 36%; }
  .aboutcard.rside .frame .lines.bot:before {
    left: auto;
    right: 0;
    height: 50%; }
  .aboutcard.rside .frame .lines.bot:after {
    left: auto;
    right: 0;
    width: 80%; }

.jonathan {
  background-image: url("/images/team/jonathan.jpg"); }

.jessica {
  background-image: url("/images/team/jessica.jpg"); }

.chris {
  background-image: url("/images/team/chris.jpg"); }

.arrido {
  background-image: url("/images/team/arrido.jpg"); }

.ashish {
  background-image: url("/images/team/ashishb.jpg"); }

.danny {
  background-image: url("/images/team/danny.jpg"); }

.isa {
  background-image: url("/images/team/isa.jpg"); }

.ariel {
  background-image: url("/images/team/ariel.jpg"); }

.drew {
  background-image: url("/images/team/drew.jpg"); }

.justin {
  background-image: url("/images/team/placeholderc.jpg"); }

.tess {
  background-image: url("/images/team/tess.jpg"); }

.jashan {
  background-image: url("/images/team/placeholderc.jpg"); }

.brian_h, .aboutcard.board ul:nth-of-type(1) li:nth-of-type(1) {
  background-image: url("/images/team/adv-brianh.jpg"); }

.tanya_s, .aboutcard.board ul:nth-of-type(2) li:nth-of-type(1) {
  background-image: url("/images/team/adv-tanyas.jpg"); }

.matt_m, .aboutcard.board ul:nth-of-type(2) li:nth-of-type(3) {
  background-image: url("/images/team/adv-mattm.jpg"); }

.emma_c, .aboutcard.board ul:nth-of-type(1) li:nth-of-type(2) {
  background-image: url("/images/team/adv-emmac.jpg"); }

.james_d, .aboutcard.board ul:nth-of-type(2) li:nth-of-type(2) {
  background-image: url("/images/team/adv-jamesd.jpg"); }

.jenny_i, .aboutcard.board ul:nth-of-type(3) li:nth-of-type(2) {
  background-image: url("/images/team/adv-jennyi.jpg"); }

.mike_s, .aboutcard.board ul:nth-of-type(1) li:nth-of-type(3) {
  background-image: url("/images/team/adv-mikes.jpg"); }

.jillian_m, .aboutcard.board ul:nth-of-type(3) li:nth-of-type(1) {
  background-image: url("/images/team/adv-jillianm.jpg"); }

.john_h, .aboutcard.board ul:nth-of-type(3) li:nth-of-type(3) {
  background-image: url("/images/team/adv-johnh.jpg"); }

.eric_w, .aboutcard.board ul:nth-of-type(1) li:nth-of-type(4) {
  background-image: url("/images/team/adv-ericw.jpg"); }

.fred_d, .aboutcard.board ul:nth-of-type(2) li:nth-of-type(4) {
  background-image: url("/images/team/adv-fredd.jpg"); }

.omid_t, .aboutcard.board ul:nth-of-type(3) li:nth-of-type(4) {
  background-image: url("/images/team/adv-omidt.jpg"); }

.intro.appland .bg-video-button, section.teamcta .bg-video-button {
  display: none; }

@media (min-width: 769px) {
  .intro.appland .h-col, section.teamcta .h-col {
    padding-top: 2%;
    width: 55%; } }

@media (max-width: 768px) {
  .intro.appland .h-col, section.teamcta .h-col {
    height: 66.666%;
    padding-top: 0;
    text-align: center; } }

.intro.appland h1, section.teamcta h1 {
  font-size: 6vw;
  margin-bottom: 3rem;
  white-space: nowrap; }
  @media (min-width: 1560px) {
    .intro.appland h1, section.teamcta h1 {
      font-size: 8rem; } }
  @media (max-width: 768px) {
    .intro.appland h1, section.teamcta h1 {
      margin: 0 auto;
      font-size: 12.5vw; } }
  .intro.appland h1 span, section.teamcta h1 span {
    position: relative;
    padding-bottom: 3px;
    font-weight: 500;
    text-transform: none; }
    @media (max-width: 768px) {
      .intro.appland h1 span, section.teamcta h1 span {
        padding-bottom: 6px; } }
    .intro.appland h1 span:after, section.teamcta h1 span:after {
      content: '';
      position: absolute;
      z-index: -1;
      bottom: 9%;
      left: -2px;
      right: -1px;
      height: 10px;
      border-radius: 5px;
      background-image: linear-gradient(to right, #9897e3 0%, #b8c2ff 100%);
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
      animation: floatmin 2s 0s ease-in-out infinite alternate; }
      @media (max-width: 768px) {
        .intro.appland h1 span:after, section.teamcta h1 span:after {
          height: 7px;
          border-radius: 3.5px; } }

.intro.appland h6, section.teamcta h6 {
  z-index: 2;
  width: 80%;
  max-width: 660px;
  margin: 2.5rem 0 4.5%;
  line-height: 1.75;
  font-size: 2vw;
  font-weight: 300; }
  @media (min-width: 1560px) {
    .intro.appland h6, section.teamcta h6 {
      font-size: 30px; } }
  @media (max-width: 1200px) {
    .intro.appland h6, section.teamcta h6 {
      width: 81%;
      line-height: 1.666;
      font-size: 2rem; }
      .intro.appland h6 br, section.teamcta h6 br {
        display: none; } }
  @media (max-width: 1100px) {
    .intro.appland h6, section.teamcta h6 {
      width: 100%; } }
  @media (max-width: 768px) {
    .intro.appland h6, section.teamcta h6 {
      display: none;
      width: 80vw;
      max-width: 360px;
      margin: 4.5% auto 4.5%;
      margin-top: 1.25rem;
      line-height: 1.666;
      font-size: 1.58333rem; } }

.intro.appland .state, section.teamcta .state {
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: all 0.8s 0s ease-out; }
  .intro.appland .state.out, section.teamcta .state.out, .intro.appland body.splash .showcase .uiwrap .state.profiles, body.splash .showcase .uiwrap .intro.appland .state.profiles, section.teamcta body.splash .showcase .uiwrap .state.profiles, body.splash .showcase .uiwrap section.teamcta .state.profiles, .intro.appland body.splash .showcase .uiwrap .state.profile, body.splash .showcase .uiwrap .intro.appland .state.profile, section.teamcta body.splash .showcase .uiwrap .state.profile, body.splash .showcase .uiwrap section.teamcta .state.profile, .intro.appland body.splash .showcase .uiwrap .state.sdoh1, body.splash .showcase .uiwrap .intro.appland .state.sdoh1, section.teamcta body.splash .showcase .uiwrap .state.sdoh1, body.splash .showcase .uiwrap section.teamcta .state.sdoh1, .intro.appland body.splash .showcase .uiwrap .state.need1, body.splash .showcase .uiwrap .intro.appland .state.need1, section.teamcta body.splash .showcase .uiwrap .state.need1, body.splash .showcase .uiwrap section.teamcta .state.need1 {
    opacity: 0;
    transform: translate(-40%, 0); }

.intro.appland .state1, section.teamcta .state1, .intro.appland .state2, section.teamcta .state2, .intro.appland .state3, section.teamcta .state3 {
  position: absolute;
  z-index: 2;
  top: 0;
  opacity: 0;
  transform: translate(50%, 0);
  transition: all 0.5s 0s ease-out; }
  @media (max-width: 768px) {
    .intro.appland .state1, section.teamcta .state1, .intro.appland .state2, section.teamcta .state2, .intro.appland .state3, section.teamcta .state3 {
      width: 100%; } }
  .intro.appland .state1 h1, section.teamcta .state1 h1, .intro.appland .state2 h1, section.teamcta .state2 h1, .intro.appland .state3 h1, section.teamcta .state3 h1 {
    margin-top: 4vh; }
    @media (max-width: 768px) {
      .intro.appland .state1 h1, section.teamcta .state1 h1, .intro.appland .state2 h1, section.teamcta .state2 h1, .intro.appland .state3 h1, section.teamcta .state3 h1 {
        margin-top: 0; } }
  .intro.appland .state1 h6, section.teamcta .state1 h6, .intro.appland .state2 h6, section.teamcta .state2 h6, .intro.appland .state3 h6, section.teamcta .state3 h6 {
    max-width: 720px;
    line-height: 1.5; }
  .intro.appland .state1.out, section.teamcta .state1.out, .intro.appland body.splash .showcase .uiwrap .state1.profiles, body.splash .showcase .uiwrap .intro.appland .state1.profiles, section.teamcta body.splash .showcase .uiwrap .state1.profiles, body.splash .showcase .uiwrap section.teamcta .state1.profiles, .intro.appland body.splash .showcase .uiwrap .state1.profile, body.splash .showcase .uiwrap .intro.appland .state1.profile, section.teamcta body.splash .showcase .uiwrap .state1.profile, body.splash .showcase .uiwrap section.teamcta .state1.profile, .intro.appland body.splash .showcase .uiwrap .state1.sdoh1, body.splash .showcase .uiwrap .intro.appland .state1.sdoh1, section.teamcta body.splash .showcase .uiwrap .state1.sdoh1, body.splash .showcase .uiwrap section.teamcta .state1.sdoh1, .intro.appland body.splash .showcase .uiwrap .state1.need1, body.splash .showcase .uiwrap .intro.appland .state1.need1, section.teamcta body.splash .showcase .uiwrap .state1.need1, body.splash .showcase .uiwrap section.teamcta .state1.need1, .intro.appland .state2.out, section.teamcta .state2.out, .intro.appland body.splash .showcase .uiwrap .state2.profiles, body.splash .showcase .uiwrap .intro.appland .state2.profiles, section.teamcta body.splash .showcase .uiwrap .state2.profiles, body.splash .showcase .uiwrap section.teamcta .state2.profiles, .intro.appland body.splash .showcase .uiwrap .state2.profile, body.splash .showcase .uiwrap .intro.appland .state2.profile, section.teamcta body.splash .showcase .uiwrap .state2.profile, body.splash .showcase .uiwrap section.teamcta .state2.profile, .intro.appland body.splash .showcase .uiwrap .state2.sdoh1, body.splash .showcase .uiwrap .intro.appland .state2.sdoh1, section.teamcta body.splash .showcase .uiwrap .state2.sdoh1, body.splash .showcase .uiwrap section.teamcta .state2.sdoh1, .intro.appland body.splash .showcase .uiwrap .state2.need1, body.splash .showcase .uiwrap .intro.appland .state2.need1, section.teamcta body.splash .showcase .uiwrap .state2.need1, body.splash .showcase .uiwrap section.teamcta .state2.need1, .intro.appland .state3.out, section.teamcta .state3.out, .intro.appland body.splash .showcase .uiwrap .state3.profiles, body.splash .showcase .uiwrap .intro.appland .state3.profiles, section.teamcta body.splash .showcase .uiwrap .state3.profiles, body.splash .showcase .uiwrap section.teamcta .state3.profiles, .intro.appland body.splash .showcase .uiwrap .state3.profile, body.splash .showcase .uiwrap .intro.appland .state3.profile, section.teamcta body.splash .showcase .uiwrap .state3.profile, body.splash .showcase .uiwrap section.teamcta .state3.profile, .intro.appland body.splash .showcase .uiwrap .state3.sdoh1, body.splash .showcase .uiwrap .intro.appland .state3.sdoh1, section.teamcta body.splash .showcase .uiwrap .state3.sdoh1, body.splash .showcase .uiwrap section.teamcta .state3.sdoh1, .intro.appland body.splash .showcase .uiwrap .state3.need1, body.splash .showcase .uiwrap .intro.appland .state3.need1, section.teamcta body.splash .showcase .uiwrap .state3.need1, body.splash .showcase .uiwrap section.teamcta .state3.need1 {
    opacity: 0;
    transform: translate(50%, 0); }

body.appland .bg-video-container:before {
  background-color: #2f365b;
  opacity: 0.875; }
  @media (max-width: 768px) {
    body.appland .bg-video-container:before {
      opacity: 1; } }

body.appland .main {
  margin-top: -5vh; }

@media (max-width: 768px) {
  body.appland section.bridge {
    margin-top: 20vh; } }

body.appland section.bridge .content-wrapper {
  min-height: 624px; }
  @media (max-width: 768px) {
    body.appland section.bridge .content-wrapper {
      min-height: 480px; } }

body.appland section.bridge h2 {
  z-index: 2;
  width: 75%;
  padding-top: 15vh;
  font-weight: 400; }
  @media (max-width: 768px) {
    body.appland section.bridge h2 {
      padding-top: 7.5vh;
      width: 90%; } }

body.appland section.bridge p {
  z-index: 2; }

body.appland section.bridge .statement h2 {
  padding-top: 9vh; }

body.appland section.bridge .scroll-cue {
  display: none; }

body.appland section.bridge .app-buttons {
  position: absolute;
  right: 0;
  top: 0;
  width: 55%;
  height: 80px;
  margin-top: -40px;
  text-align: left; }
  body.appland section.bridge .app-buttons .btn-app {
    margin-top: 0; }
  @media (max-width: 768px) {
    body.appland section.bridge .app-buttons {
      top: 6.5rem;
      right: auto;
      width: 100%;
      height: 4rem;
      margin-top: -2rem;
      text-align: center; } }

body.appland section.neighbors {
  padding-bottom: 15vh; }

.showcase {
  z-index: 0;
  position: absolute;
  top: -87.5vh;
  right: 63%;
  width: 50%;
  height: 87.5vh;
  min-height: 744px;
  max-height: 1020px; }
  @media (min-height: 1100px) {
    .showcase {
      top: auto;
      bottom: 100%; } }
  @media (max-width: 768px) {
    .showcase {
      width: 100%;
      top: -85vh;
      right: auto;
      left: -5%; } }
  .showcase .iphone {
    position: relative;
    width: 100%;
    height: 100%; }
    .showcase .iphone img {
      width: auto;
      height: 100%;
      pointer-events: none; }
    .showcase .iphone .mockup {
      position: relative;
      z-index: -5; }
    @media (max-width: 768px) {
      .showcase .iphone {
        transform: scale(0.8); } }
  .showcase .screen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 175vh;
    min-height: 1488px;
    max-height: 2040px;
    perspective: 87.5vh; }
    .showcase .screen .screenwrap {
      position: relative;
      margin: auto;
      height: 105%;
      transform: rotateY(15deg); }
      .showcase .screen .screenwrap img.base {
        z-index: -999;
        position: relative;
        width: auto;
        height: 50%;
        opacity: 0; }
  .showcase .uiwrap {
    z-index: 5;
    position: absolute;
    top: 5%;
    left: -10%;
    width: 120%;
    height: 40%; }
    .showcase .uiwrap > div {
      opacity: 0; }
    .showcase .uiwrap div {
      position: absolute;
      margin: auto;
      transition: all 0.75s 0s ease-in-out; }
      .showcase .uiwrap div .float {
        position: absolute;
        width: 100%;
        height: 100%;
        animation-name: floatymin;
        animation-timing: ease-in-out;
        animation-direction: alternate;
        animation-iteration-count: infinite; }
      .showcase .uiwrap div img {
        width: 100%;
        height: 100%;
        transition: all 0.75s 0s ease-in-out; }
    .showcase .uiwrap .splashbod {
      z-index: 1;
      top: 10%;
      right: 0;
      width: 75%;
      height: 85%; }
      .showcase .uiwrap .splashbod img.out, body.splash .showcase .uiwrap .splashbod img.profiles, body.splash .showcase .uiwrap .splashbod img.profile, body.splash .showcase .uiwrap .splashbod img.sdoh1, body.splash .showcase .uiwrap .splashbod img.need1 {
        opacity: 0;
        transform: translate(0, 50%); }
    .showcase .uiwrap .splashneed {
      z-index: 2;
      top: 57%;
      right: -10%;
      width: 75%;
      height: 42.5%;
      transform: scaleX(0.95); }
      .showcase .uiwrap .splashneed img.out, body.splash .showcase .uiwrap .splashneed img.profiles, body.splash .showcase .uiwrap .splashneed img.profile, body.splash .showcase .uiwrap .splashneed img.sdoh1, body.splash .showcase .uiwrap .splashneed img.need1 {
        opacity: 0;
        transform: translate(45%, 0%); }
    .showcase .uiwrap .outlinef {
      z-index: -1;
      top: 7.5%;
      left: 5%;
      width: 100%;
      height: 63%; }
      .showcase .uiwrap .outlinef img {
        position: absolute;
        left: 0;
        height: 100%; }
        .showcase .uiwrap .outlinef img:nth-of-type(1) {
          z-index: 1; }
        .showcase .uiwrap .outlinef img.out, body.splash .showcase .uiwrap .outlinef img.profiles, body.splash .showcase .uiwrap .outlinef img.profile, body.splash .showcase .uiwrap .outlinef img.sdoh1, body.splash .showcase .uiwrap .outlinef img.need1 {
          opacity: 0;
          transform: scale(0.25); }
    .showcase .uiwrap .splashpics {
      z-index: 0;
      top: 0;
      left: -10%;
      width: 120%;
      height: 80%;
      transition: all 1.2s 0.4s; }
      .showcase .uiwrap .splashpics.out, body.splash .showcase .uiwrap .splashpics.profiles, body.splash .showcase .uiwrap .splashpics.profile, body.splash .showcase .uiwrap .splashpics.sdoh1, body.splash .showcase .uiwrap .splashpics.need1 {
        opacity: 0;
        transform: scale(0.25); }
      .showcase .uiwrap .splashpics .pic {
        position: absolute;
        width: 96px;
        height: 108px;
        border-radius: 50%;
        box-shadow: -1.5px 2px 9px 1.5px rgba(0, 0, 0, 0.25); }
        .showcase .uiwrap .splashpics .pic:nth-of-type(1) {
          top: -3%;
          left: 20%;
          background-image: url("/images/stories/Haile_G.jpg");
          background-size: 110% auto;
          background-position: 33%;
          transform: scale(0.6); }
        .showcase .uiwrap .splashpics .pic:nth-of-type(2) {
          top: 25%;
          left: -4%;
          background-image: url("/images/stories/Gloria_D.jpg");
          background-size: 133% auto;
          background-position: 40%;
          transform: scale(0.7); }
        .showcase .uiwrap .splashpics .pic:nth-of-type(3) {
          top: 66%;
          left: 7.5%;
          background-image: url("/images/stories/RavenR.jpg");
          background-size: 110% auto;
          background-position: 50%;
          transform: scale(0.85); }
        .showcase .uiwrap .splashpics .pic:nth-of-type(4) {
          top: 0%;
          right: 10%;
          background-image: url("/images/stories/Robert_D.jpg");
          background-size: 125% auto;
          background-position: 33%;
          transform: scale(0.725); }
        .showcase .uiwrap .splashpics .pic:nth-of-type(5) {
          top: 35%;
          right: -10%;
          background-image: url("/images/stories/Laura_L.jpg");
          background-size: 110% auto;
          background-position: 33%;
          transform: scale(0.55); }
    .showcase .uiwrap .profiles {
      top: 7.5%;
      left: 5%;
      width: 100%;
      height: 63%; }
      .showcase .uiwrap .profiles img {
        position: absolute;
        left: 0;
        height: 100%;
        transition: all 1.33s 0s ease-out;
        transition-timing-function: cubic-bezier(0.1, 0.5, 0.3, 1); }
      .showcase .uiwrap .profiles.out img, body.splash .showcase .uiwrap .profiles img {
        opacity: 0;
        transform: scale(0.5) translate(120%, 0); }
    .showcase .uiwrap .profile {
      top: 7.5%;
      left: 5%;
      width: 100%;
      height: 63%; }
      .showcase .uiwrap .profile .photo {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        transform: scale(0.75);
        transition: all 1.33s 0s ease-out;
        transition-timing-function: cubic-bezier(0.1, 0.5, 0.3, 1);
        background: #191d37;
        box-shadow: 0 7px 42px 5px rgba(0, 0, 0, 0.25); }
        .showcase .uiwrap .profile .photo:before {
          content: '';
          z-index: 9;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background-image: linear-gradient(to bottom, rgba(23, 25, 61, 0) 33%, #17193d 100%); }
        .showcase .uiwrap .profile .photo img {
          position: absolute;
          left: 0;
          height: 100%;
          border-radius: 50%; }
      .showcase .uiwrap .profile.out .photo, body.splash .showcase .uiwrap .profile .photo {
        opacity: 0;
        transform: scale(0.5) translate(120%, 0); }
    .showcase .uiwrap .sdoh1 {
      top: 3%;
      left: -25%;
      width: 84%;
      height: 32%;
      transition-duration: 1.2s;
      transition-timing-function: cubic-bezier(0.1, 0.5, 0.3, 1); }
      .showcase .uiwrap .sdoh1.out, body.splash .showcase .uiwrap .sdoh1 {
        transform: translate(-40%, 0); }
    .showcase .uiwrap .need1 {
      top: 51%;
      left: 27%;
      width: 85%;
      height: 45%;
      transition-duration: 1.2s;
      transition-timing-function: cubic-bezier(0.1, 0.5, 0.3, 1); }
      .showcase .uiwrap .need1.out, body.splash .showcase .uiwrap .need1 {
        transform: translate(40%, 0); }
  .showcase .float1 {
    animation-duration: 14s;
    animation-delay: 0s; }
  .showcase .float2 {
    animation-duration: 14s;
    animation-delay: 0.5s; }
  .showcase .float3 {
    animation-duration: 12s;
    animation-delay: 1s;
    animation-direction: alternate-reverse; }
  .showcase .float4 {
    animation-duration: 13s;
    animation-delay: 3s;
    animation-direction: alternate-reverse; }
  .showcase .float5 {
    animation-duration: 13s;
    animation-delay: 2s; }
  .showcase .float6 {
    animation-duration: 14s;
    animation-delay: 4s; }

body.splash .intro.appland .state, body.splash section.teamcta .state {
  opacity: 1; }

body.splash .intro.appland .state1, body.splash section.teamcta .state1 {
  opacity: 0;
  transform: translate(50%, 0); }

body.splash .intro.appland .state3, body.splash section.teamcta .state3 {
  opacity: 0;
  transform: translate(-40%, 0); }

body.splash .showcase .uiwrap img.ui1 {
  display: none; }

body.splash .showcase .uiwrap img.ui2 {
  display: none; }

body.splash .showcase .uiwrap img.ui3 {
  display: none; }

body.splash .showcase .uiwrap .splashbod {
  opacity: 1; }
  body.splash .showcase .uiwrap .splashbod.out, body.splash .showcase .uiwrap .splashbod.profiles, body.splash .showcase .uiwrap .splashbod.profile, body.splash .showcase .uiwrap .splashbod.sdoh1, body.splash .showcase .uiwrap .splashbod.need1 {
    opacity: 0; }

body.splash .showcase .uiwrap .splashneed {
  opacity: 1; }
  body.splash .showcase .uiwrap .splashneed img {
    transition: all 0.9s 0.75s; }

body.splash .showcase .uiwrap .splashpics {
  opacity: 1; }
  body.splash .showcase .uiwrap .splashpics.out, body.splash .showcase .uiwrap .splashpics.profiles, body.splash .showcase .uiwrap .splashpics.profile, body.splash .showcase .uiwrap .splashpics.sdoh1, body.splash .showcase .uiwrap .splashpics.need1 {
    opacity: 0; }

body.splash .showcase .uiwrap .outlinef {
  opacity: 1;
  transform: scale(1.15); }

body.splash1 .intro.appland .state, body.splash1 section.teamcta .state {
  transform: translate(-40%, 0); }

body.splash1 .intro.appland .state1, body.splash1 section.teamcta .state1 {
  opacity: 1;
  transform: translate(0, 0);
  transition: all 1.2s 0.33s;
  transition-timing-function: cubic-bezier(0.1, 0.5, 0.3, 1); }

body.splash1 .showcase .uiwrap img.ui1 {
  display: block; }

body.splash1 .showcase .uiwrap img.ui2 {
  display: none; }

body.splash1 .showcase .uiwrap img.ui3 {
  display: none; }

body.splash1 .showcase .uiwrap .splashbod {
  opacity: 0;
  transform: translate(0, -50%);
  transition-delay: 0s; }

body.splash1 .showcase .uiwrap .splashneed img {
  opacity: 0;
  transform: translate(-75%, 0);
  transition-delay: 0s; }

body.splash1 .showcase .uiwrap .splashpics {
  opacity: 0;
  transform: scale(1.25);
  transition: all 1.2s 0s; }

body.splash1 .showcase .uiwrap .outlinef {
  opacity: 1;
  transform: scale(1); }
  body.splash1 .showcase .uiwrap .outlinef img:nth-of-type(1) {
    opacity: 1; }
  body.splash1 .showcase .uiwrap .outlinef img:nth-of-type(2) {
    opacity: 0; }

body.splash1 .showcase .uiwrap .profiles, body.splash1 .showcase .uiwrap .profile {
  opacity: 1;
  transition-delay: 0s; }

body.splash1 .showcase .uiwrap .sdoh1 {
  opacity: 1;
  transition-delay: 0.9s; }

body.splash1 .showcase .uiwrap .need1 {
  opacity: 1;
  transition-delay: 1.2s; }

body.splash2 .intro.appland .state1, body.splash2 section.teamcta .state1 {
  opacity: 0;
  transform: translate(-40%, 0); }

body.splash2 .intro.appland .state2, body.splash2 section.teamcta .state2 {
  opacity: 1;
  transform: translate(0, 0);
  transition: all 1.2s 0.33s;
  transition-timing-function: cubic-bezier(0.1, 0.5, 0.3, 1); }

body.splash2 .showcase .uiwrap img.ui1 {
  display: none; }

body.splash2 .showcase .uiwrap img.ui2 {
  display: block; }

body.splash2 .showcase .uiwrap img.ui3 {
  display: none; }

body.splash2 .showcase .uiwrap .splashbod {
  opacity: 0;
  transform: translate(0, -50%);
  transition-delay: 0s; }

body.splash2 .showcase .uiwrap .splashneed img {
  opacity: 0;
  transform: translate(-75%, 0);
  transition-delay: 0s; }

body.splash2 .showcase .uiwrap .splashpics {
  opacity: 0;
  transform: scale(1.25);
  transition: all 1.2s 0s; }

body.splash2 .showcase .uiwrap .outlinef {
  opacity: 1;
  transform: scale(1); }
  body.splash2 .showcase .uiwrap .outlinef img:nth-of-type(1) {
    opacity: 1; }
  body.splash2 .showcase .uiwrap .outlinef img:nth-of-type(2) {
    opacity: 0; }

body.splash2 .showcase .uiwrap .profiles {
  opacity: 1;
  transition-delay: 0s; }

body.splash2 .showcase .uiwrap .sdoh1 {
  opacity: 1;
  transition-delay: 0.9s; }

body.splash2 .showcase .uiwrap .need1 {
  opacity: 1;
  transition-delay: 1.2s; }

body.splash3 .intro.appland .state1, body.splash3 section.teamcta .state1 {
  opacity: 0;
  transform: translate(-40%, 0); }

body.splash3 .intro.appland .state2, body.splash3 section.teamcta .state2 {
  opacity: 0;
  transform: translate(-40%, 0); }

body.splash3 .intro.appland .state3, body.splash3 section.teamcta .state3 {
  opacity: 1;
  transform: translate(0, 0);
  transition: all 1.2s 0.33s;
  transition-timing-function: cubic-bezier(0.1, 0.5, 0.3, 1); }

body.splash3 .showcase .uiwrap img.ui1 {
  display: none; }

body.splash3 .showcase .uiwrap img.ui2 {
  display: none; }

body.splash3 .showcase .uiwrap img.ui3 {
  display: block; }

body.splash3 .showcase .uiwrap .splashbod {
  opacity: 0;
  transform: translate(0, -50%);
  transition-delay: 0s; }

body.splash3 .showcase .uiwrap .splashneed img {
  opacity: 0;
  transform: translate(-75%, 0);
  transition-delay: 0s; }

body.splash3 .showcase .uiwrap .splashpics {
  opacity: 0;
  transform: scale(1.25);
  transition: all 1.2s 0s; }

body.splash3 .showcase .uiwrap .outlinef {
  opacity: 1;
  transform: scale(1); }
  body.splash3 .showcase .uiwrap .outlinef img:nth-of-type(1) {
    opacity: 1; }
  body.splash3 .showcase .uiwrap .outlinef img:nth-of-type(2) {
    opacity: 0; }

body.splash3 .showcase .uiwrap .profiles {
  opacity: 1;
  transition-delay: 0s; }

body.splash3 .showcase .uiwrap .sdoh1 {
  opacity: 1;
  transition-delay: 0.9s; }

body.splash3 .showcase .uiwrap .need1 {
  opacity: 1;
  transition-delay: 1.2s; }

section.features {
  padding: 25vh 0 15vh; }
  section.features .feature {
    position: relative;
    width: 100%;
    margin-bottom: 15vh; }
    section.features .feature:first-of-type {
      margin-bottom: 25vh; }
    @media (max-width: 768px) {
      section.features .feature {
        margin-bottom: 10vh; }
        section.features .feature:first-of-type {
          margin-bottom: 30vh; } }
  section.features .v-col {
    display: inline-block;
    position: relative;
    z-index: 0;
    vertical-align: top;
    width: 45%;
    height: 100%;
    margin-top: -5rem; }
    section.features .v-col.alt {
      margin-top: -12rem; }
    @media (max-width: 768px) {
      section.features .v-col {
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto; } }
    section.features .v-col img.acts {
      transform: scale(1.3);
      transform-origin: 50% 33%; }
      @media (max-width: 768px) {
        section.features .v-col img.acts {
          margin-bottom: 3vh; } }
    section.features .v-col img.teams {
      transform: scale(0.95);
      transform-origin: 0% 50%; }
  section.features .c-col {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 50%;
    margin-left: 5%; }
    section.features .c-col.alt {
      float: left; }
      @media (max-width: 768px) {
        section.features .c-col.alt {
          float: none;
          margin-top: 3vh; } }
    section.features .c-col p {
      width: 80%; }
    @media (max-width: 768px) {
      section.features .c-col {
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto; }
        section.features .c-col p {
          width: 100%; } }

.intro.profile {
  text-align: center; }
  .intro.profile .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 91.5vh;
    min-height: 900px;
    max-height: 1024px;
    padding-top: 0; }
    @media (max-width: 768px) {
      .intro.profile .content-wrapper {
        height: 88vh;
        min-height: 690px;
        max-height: 900px; } }

.profile-wrap {
  position: absolute;
  width: 100%;
  height: 576px;
  margin-top: 3vh; }
  @media (max-width: 768px) {
    .profile-wrap {
      height: 420px;
      margin-top: 7.5vh; } }

.profile-circles {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: -3;
  width: 100%;
  height: 100%; }
  .profile-circles .bg-circle {
    z-index: -2;
    width: 576px;
    height: 576px;
    margin-left: -288px;
    margin-bottom: -288px; }
    @media (max-width: 768px) {
      .profile-circles .bg-circle {
        width: 420px;
        height: 420px;
        margin-left: -210px;
        margin-bottom: -210px; } }
    .profile-circles .bg-circle .circle svg circle {
      stroke: #a8b1e8;
      stroke: #a5a6d2;
      stroke-width: 8;
      stroke-dasharray: 15%, 24%, 9%, 20%, 18%, 30%; }
    .profile-circles .bg-circle .circle.offset svg circle {
      stroke-dasharray: 15%, 24%, 9%, 20%, 18%, 30%; }
    @media (max-width: 768px) {
      .profile-circles .bg-circle span {
        transform: scale(0.666); }
      .profile-circles .bg-circle .circle svg circle {
        stroke-width: 9; } }
  .profile-circles .bg-fade {
    position: absolute;
    z-index: -1;
    bottom: -4rem;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to bottom, rgba(47, 54, 91, 0) 0%, #2f365b 60%); }

.profile-photo {
  z-index: 1;
  width: 480px;
  height: 480px;
  background: #191d37;
  box-shadow: 0 7px 42px 5px rgba(0, 0, 0, 0.25);
  animation: floatyminb 13.333s 0s ease-in-out infinite alternate; }
  @media (max-width: 768px) {
    .profile-photo {
      width: 324px;
      height: 324px; } }
  .profile-photo img {
    display: block; }
  .profile-photo:before {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 483px;
    height: 483px;
    box-shadow: inset 0 -2px 0px 3px #17193d; }
    @media (max-width: 768px) {
      .profile-photo:before {
        width: 327px;
        height: 327px; } }
  .profile-photo:after {
    background-image: linear-gradient(to bottom, rgba(23, 25, 61, 0) 33%, #17193d 100%); }

.profile-label {
  position: absolute;
  z-index: 5;
  top: -2rem;
  width: 100%;
  height: 4rem; }
  @media (max-width: 768px) {
    .profile-label {
      transform: scale(0.7);
      transform-origin: 50% 75%; } }
  .profile-label h5.caps, .profile-label h5.arrowh {
    display: inline-block;
    position: relative;
    height: 4rem;
    padding: 0 2.25rem 0 2.75rem;
    line-height: 4rem;
    font-family: 'Manrope', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.25em; }
    @media (max-width: 768px) {
      .profile-label h5.caps, .profile-label h5.arrowh {
        font-size: 1.8333rem; } }
    .profile-label h5.caps:before, .profile-label h5.arrowh:before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 2rem;
      background: #2f365b; }
    .profile-label h5.caps:after, .profile-label h5.arrowh:after {
      content: '';
      position: absolute;
      z-index: -2;
      top: -4px;
      right: -5px;
      bottom: -4px;
      left: -5px;
      border-radius: 58px;
      background-image: linear-gradient(to bottom, #999cc1, #60669e); }
  .profile-label .icon, .profile-label .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .profile-label .btn.team, .profile-label .profile-nav .btn.team, .profile-nav .profile-label .btn.team, .profile-label .profile-nav .btn.give, .profile-nav .profile-label .btn.give, .profile-label section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .profile-label .btn.uibtn.give {
    position: absolute;
    z-index: 2;
    top: -1.5rem;
    left: -4rem;
    width: 7rem;
    height: 7rem;
    background-image: url("/images/icons/icon-member.png");
    background-size: cover; }

.profile-nav {
  position: relative;
  z-index: 3;
  margin-top: -10.5rem; }
  @media (max-width: 768px) {
    .profile-nav {
      margin-top: -7.5rem;
      white-space: nowrap; } }
  .profile-nav h1 {
    display: block;
    min-height: 8rem;
    margin-bottom: 0;
    padding-bottom: 2.5rem;
    line-height: 1.1;
    font-size: 8.5rem;
    font-weight: 500;
    letter-spacing: 0.0333em;
    text-transform: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    @media (max-width: 768px) {
      .profile-nav h1 {
        width: 98%;
        margin-left: 2%;
        font-size: 6rem; } }
    @media (max-width: 480px) {
      .profile-nav h1 {
        min-height: 8rem;
        padding-bottom: 1rem;
        font-size: 15.5vw; } }
  .profile-nav .btn {
    display: inline-block; }
    @media (max-width: 768px) {
      .profile-nav .btn h4 span {
        display: none; } }
  .profile-nav .btn.team .icon, .profile-nav .btn.team .btn.team, .profile-nav .btn.team .btn.give, section.locale-members .profile-nav .btn.team .btn.uibtn.give {
    background-image: url("/images/icons/icon-teamsd.png");
    background-image: url("/images/icons/icon-messages.png"); }
  @media (max-width: 768px) {
    .profile-nav .btn.team {
      width: 50%;
      margin-left: -2.5%; } }
  .profile-nav .btn.give {
    margin-left: 2rem; }
    .profile-nav .btn.give .icon, .profile-nav .btn.give .btn.team, .profile-nav .btn.give .btn.give, section.locale-members .profile-nav .btn.give .btn.uibtn.give {
      background-image: url("/images/icons/icon-giveb.svg"); }
    @media (max-width: 768px) {
      .profile-nav .btn.give {
        width: 44%;
        margin-left: 3%; } }

.modal-wrapper {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding: 1rem; }
  @media (max-width: 582px) {
    .modal-wrapper {
      bottom: 3rem; } }
  .modal-wrapper .encourage-modal {
    width: 500px;
    padding: 2rem;
    border-radius: 4rem;
    background: #696DD8;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2); }
    .modal-wrapper .encourage-modal .encourage-modal-header {
      display: flex;
      justify-content: flex-end; }
      .modal-wrapper .encourage-modal .encourage-modal-header .btn-close {
        padding-right: 1rem; }
    .modal-wrapper .encourage-modal .encourage-modal-pointer {
      height: 30px;
      width: 30px;
      background: #696DD8;
      transform: rotate(45deg);
      border-radius: 0 0 12px 0;
      position: absolute;
      bottom: 0;
      left: 40%; }
  .modal-wrapper .modal-inputs .input-message {
    flex-direction: column; }
    .modal-wrapper .modal-inputs .input-message .send-message {
      align-self: flex-end;
      bottom: 8px; }
    .modal-wrapper .modal-inputs .input-message .input-headers {
      align-self: flex-start;
      padding: 0.5rem 1.5rem 0.5rem; }

#modal-message-input {
  padding-right: 5.5rem; }

section.bridge.float.profile {
  z-index: 6;
  width: 70vw;
  max-width: 1024px;
  padding: 10.5vh 0; }
  @media (max-width: 768px) {
    section.bridge.float.profile {
      width: 92.5vw;
      padding: 13vh 0 6vh 0; } }
  section.bridge.float.profile:after {
    box-shadow: 0 6px 30px -1px rgba(0, 0, 0, 0.2); }
  section.bridge.float.profile .content-wrapper {
    width: 75%;
    max-width: 780px;
    text-align: left; }
    @media (max-width: 768px) {
      section.bridge.float.profile .content-wrapper {
        width: 82.5%; } }
  section.bridge.float.profile h2 {
    margin-left: 2%;
    line-height: 1.27;
    font-size: 4.58333vw;
    font-weight: 400;
    text-transform: none; }
    @media (min-width: 1500px) {
      section.bridge.float.profile h2 {
        font-size: 5.5rem; } }
    @media (max-width: 1170px) {
      section.bridge.float.profile h2 {
        margin-left: 0;
        font-size: 4.5rem; } }
    @media (max-width: 768px) {
      section.bridge.float.profile h2 {
        width: 100%;
        font-size: 3.5rem; } }
  section.bridge.float.profile p {
    width: 100%;
    max-width: 600px;
    margin-top: 0;
    margin-bottom: 2.25rem;
    text-align: left; }
    @media (max-width: 768px) {
      section.bridge.float.profile p {
        font-size: 1.666rem; } }
  section.bridge.float.profile .iconheading {
    position: absolute;
    top: 0;
    height: 7.5rem; }
    @media (max-width: 768px) {
      section.bridge.float.profile .iconheading {
        transform: scale(0.7);
        transform-origin: 50% 0%; } }

.quotehead {
  position: relative; }
  .quotehead span {
    position: relative;
    z-index: 1; }
  .quotehead .icon, .quotehead .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .quotehead .btn.team, .quotehead .profile-nav .btn.team, .profile-nav .quotehead .btn.team, .quotehead .profile-nav .btn.give, .profile-nav .quotehead .btn.give, .quotehead section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .quotehead .btn.uibtn.give {
    position: absolute;
    z-index: 0;
    top: 50%;
    margin-top: -5.75rem;
    right: -7.5rem;
    width: 11.5rem;
    height: 11.5rem;
    background: url("/images/icons/icon-quoted.svg") no-repeat 0 0;
    background-size: cover;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, 0.25));
    animation: floaty 12s 0s ease-in-out infinite alternate; }
    @media (max-width: 768px) {
      .quotehead .icon, .quotehead .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .quotehead .btn.team, .quotehead .profile-nav .btn.team, .profile-nav .quotehead .btn.team, .quotehead .profile-nav .btn.give, .profile-nav .quotehead .btn.give, .quotehead section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .quotehead .btn.uibtn.give {
        top: 10%;
        right: -16.5%;
        width: 8.5rem;
        height: 8.5rem;
        margin-top: -4.25rem; } }

.iconheading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  z-index: 9;
  width: 100%; }
  @media (max-width: 768px) {
    .iconheading {
      transform: scale(0.7);
      transform-origin: 50% 100%; } }
  .iconheading h4.caps, .iconheading h4.arrowh {
    font-family: 'Manrope', sans-serif;
    line-height: 54px;
    font-size: 2.1666rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    white-space: nowrap; }
  .iconheading .icon, .iconheading .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .iconheading .btn.team, .iconheading .profile-nav .btn.team, .profile-nav .iconheading .btn.team, .iconheading .profile-nav .btn.give, .profile-nav .iconheading .btn.give, .iconheading section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .iconheading .btn.uibtn.give {
    position: absolute;
    z-index: -1;
    top: -24px;
    width: 122px;
    height: 115px; }

section.progress {
  z-index: 5;
  padding: 15vh 0; }
  @media (max-width: 768px) {
    section.progress {
      padding: 17.5vh 0 25vh 0; } }
  section.progress .content-wrapper {
    min-height: 750px; }
    @media (max-width: 768px) {
      section.progress .content-wrapper {
        min-height: 528px; } }
  section.progress .progress-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: 100%; }
  section.progress .iconheading {
    position: absolute;
    top: 0.5rem; }
    section.progress .iconheading .icon, section.progress .iconheading .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper section.progress .iconheading .btn.team, section.progress .iconheading .profile-nav .btn.team, .profile-nav section.progress .iconheading .btn.team, section.progress .iconheading .profile-nav .btn.give, .profile-nav section.progress .iconheading .btn.give {
      top: -54px;
      width: 120px;
      height: 120px; }
  section.progress .conf-message {
    box-shadow: inset 0 0 0 1px rgba(255, 242, 0, 0.4);
    position: relative;
    width: 100%;
    margin-top: -1.5rem; }
    @media (max-width: 768px) {
      section.progress .conf-message {
        width: 100%;
        margin-top: -2rem; } }

.progress-circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  z-index: -3;
  width: 100%;
  height: 750px; }
  @media (max-width: 768px) {
    .progress-circle {
      height: 528px; } }
  .progress-circle .bg-circle {
    z-index: -2;
    width: 750px;
    height: 750px;
    margin-left: -375px;
    margin-bottom: -375px; }
    @media (max-width: 768px) {
      .progress-circle .bg-circle {
        width: 528px;
        height: 528px;
        margin-left: -264px;
        margin-bottom: -264px; } }
    .progress-circle .bg-circle .circle svg circle {
      stroke: #17193d;
      stroke-width: 10;
      stroke-dasharray: 15%, 24%, 9%, 20%, 18%, 30%; }
    .progress-circle .bg-circle .circle.offset svg circle {
      stroke-dasharray: 15%, 24%, 9%, 20%, 18%, 30%; }
    @media (max-width: 768px) {
      .progress-circle .bg-circle span {
        transform: scale(0.666);
        transform-origin: 50% 50%; }
      .progress-circle .bg-circle .circle svg circle {
        stroke-width: 9; } }

.progress-stats {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1024px;
  height: 10rem;
  margin-top: 12.5rem;
  margin-bottom: 5rem;
  padding-top: 2rem;
  text-align: center; }
  .progress-stats .stat {
    display: inline-flex;
    flex-direction: all;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 30%;
    height: 100%;
    text-align: left;
    font-family: 'Manrope', sans-serif; }
    @media (max-width: 768px) {
      .progress-stats .stat {
        transform: scale(0.8);
        transform-origin: 0% 50%; } }
    .progress-stats .stat:first-of-type {
      margin-left: 5%;
      margin-right: 2.5%; }
      @media (max-width: 768px) {
        .progress-stats .stat:first-of-type {
          margin: 0; } }
    .progress-stats .stat:last-of-type {
      width: 25%;
      margin-left: 7.5%; }
      @media (max-width: 768px) {
        .progress-stats .stat:last-of-type {
          margin: 0; } }
    .progress-stats .stat h1 {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      line-height: 1;
      font-size: 6rem;
      font-weight: 500;
      margin-right: 1.5rem; }
    .progress-stats .stat h5.caps, .progress-stats .stat h5.arrowh {
      display: inline-block;
      vertical-align: bottom;
      position: relative;
      margin-top: 1.75rem;
      line-height: 2rem;
      font-size: 1.666rem;
      font-weight: 600;
      letter-spacing: 0.225em;
      white-space: nowrap; }

.progress-cards {
  z-index: 5; }
  .progress-cards .card {
    width: 660px;
    min-height: 23rem; }
    @media (max-width: 768px) {
      .progress-cards .card {
        width: 100%;
        min-height: 16rem; } }

section.giveform {
  z-index: 6;
  margin-top: -5vh;
  margin-bottom: 5vh;
  padding-top: 5vh;
  padding-bottom: 5vh; }
  @media (max-width: 768px) {
    section.giveform {
      margin-bottom: 9vh; } }
  section.giveform .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Manrope', sans-serif; }
  section.giveform .give-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: 600px;
    min-height: 760px;
    padding: 3.5rem 4.75rem; }
    @media (max-width: 768px) {
      section.giveform .give-wrap {
        width: 100%;
        max-width: 420px;
        min-height: 660px;
        padding: 3.5rem 2.5rem; } }
    section.giveform .give-wrap:after {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 3rem;
      background: #696DD8;
      box-shadow: 0 6px 30px -1px rgba(0, 0, 0, 0.2); }
  section.giveform.contact .give-wrap {
    min-height: 780px; }
    @media (max-width: 768px) {
      section.giveform.contact .give-wrap {
        min-height: 760px; } }
  section.giveform.payment .give-wrap {
    min-height: 1050px; }
    @media (max-width: 768px) {
      section.giveform.payment .give-wrap {
        min-height: 1032px; } }
  section.giveform.thanks .tabs {
    margin-top: 0rem; }
    @media (max-width: 768px) {
      section.giveform.thanks .tabs {
        margin-top: -2rem; } }
  section.giveform.thanks .description {
    display: none; }
  section.giveform.thanks .give-wrap {
    min-height: 720px; }
    @media (max-width: 768px) {
      section.giveform.thanks .give-wrap {
        min-height: 630px; } }
  section.giveform.thanks .btn.proceed {
    display: none; }
  section.giveform .tabs {
    position: relative;
    z-index: 6;
    width: 100%;
    height: 8rem;
    line-height: 8rem;
    margin-bottom: 2rem;
    white-space: nowrap;
    display: flex;
    justify-content: space-around; }
    section.giveform .tabs a {
      display: inline-block;
      position: relative;
      font-size: 3.5rem;
      font-weight: 900;
      text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25); }
      section.giveform .tabs a.disabled, section.giveform .tabs .slides-wrapper.first .slider-nav.prev a.arrow, .slides-wrapper.first .slider-nav.prev section.giveform .tabs a.arrow, section.giveform .tabs .slides-wrapper.last .slider-nav.next a.arrow, .slides-wrapper.last .slider-nav.next section.giveform .tabs a.arrow, section.giveform .tabs .aboutcard.team.unfocused:not(.expanded) .title a.arrow, .aboutcard.team.unfocused:not(.expanded) .title section.giveform .tabs a.arrow, section.giveform .tabs .aboutcard.team.expanded .title a.arrow, .aboutcard.team.expanded .title section.giveform .tabs a.arrow {
        font-weight: 400;
        opacity: 0.5;
        transform: scale(0.9);
        transform-origin: 50% 60%;
        cursor: pointer; }
        section.giveform .tabs a.disabled:after, section.giveform .tabs .slides-wrapper.first .slider-nav.prev a.arrow:after, .slides-wrapper.first .slider-nav.prev section.giveform .tabs a.arrow:after, section.giveform .tabs .slides-wrapper.last .slider-nav.next a.arrow:after, .slides-wrapper.last .slider-nav.next section.giveform .tabs a.arrow:after, section.giveform .tabs .aboutcard.team.unfocused:not(.expanded) .title a.arrow:after, .aboutcard.team.unfocused:not(.expanded) .title section.giveform .tabs a.arrow:after, section.giveform .tabs .aboutcard.team.expanded .title a.arrow:after, .aboutcard.team.expanded .title section.giveform .tabs a.arrow:after {
          content: none; }
      section.giveform .tabs a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: -3px;
        right: -4px;
        height: 10px;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
        @media (max-width: 768px) {
          section.giveform .tabs a:after {
            height: 8px;
            border-radius: 4px; } }
      section.giveform .tabs a.active:after {
        height: 14px;
        bottom: -1rem;
        border-radius: 7px;
        background-image: linear-gradient(to right, #9ea3ef, #dcdffc);
        box-shadow: 0px 3px 9px -1px rgba(0, 0, 0, 0.25); }
        @media (max-width: 768px) {
          section.giveform .tabs a.active:after {
            bottom: -0.333rem;
            height: 11px;
            border-radius: 5.5px; } }
  @media (max-width: 768px) {
    section.giveform .tabs {
      margin-top: -1rem;
      line-height: 10rem; }
      section.giveform .tabs a {
        font-size: 2.25rem; }
        section.giveform .tabs a:last-of-type {
          margin-left: 3%; } }
  section.giveform .tabs a:last-of-type {
    margin-left: 6%; }
  section.giveform .description p {
    width: 90%;
    font-size: 2rem; }
    @media (max-width: 768px) {
      section.giveform .description p {
        width: 100%;
        font-size: 1.666rem; } }
    section.giveform .description p a {
      position: relative;
      font-size: 2.25rem;
      font-weight: 600;
      text-decoration: underline; }
      @media (max-width: 768px) {
        section.giveform .description p a {
          font-size: 1.875rem;
          white-space: nowrap; } }
  section.giveform .formcard {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 3rem 3.75rem 5rem;
    border-radius: 1.75rem 1.75rem 3rem 3rem;
    background: #fff;
    color: #000;
    transition: all 0.75s 0s;
    transition-timing-function: cubic-bezier(0, 0.8, 0.4, 1); }
    @media (max-width: 768px) {
      section.giveform .formcard {
        padding: 3rem 1.75rem 5rem; } }
    section.giveform .formcard .summary, section.giveform .formcard .step-wrap {
      display: none; }
  section.giveform .btn.proceed {
    position: absolute;
    bottom: -40px;
    width: 60%; }
    @media (max-width: 768px) {
      section.giveform .btn.proceed {
        bottom: -3rem;
        width: 70%; } }
  section.giveform h5.caps, section.giveform h5.arrowh {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    white-space: nowrap;
    color: #6777a4; }
    @media (max-width: 768px) {
      section.giveform h5.caps, section.giveform h5.arrowh {
        margin-top: 0; } }
  section.giveform form.gift {
    position: relative;
    height: 100%; }
  section.giveform .step1 h5.caps, section.giveform .step1 h5.arrowh {
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: -1rem; }
  section.giveform .step2 h5.caps, section.giveform .step2 h5.arrowh {
    margin-top: 2rem; }
  section.giveform .step3 h5.caps, section.giveform .step3 h5.arrowh {
    margin-top: 2rem; }
  section.giveform .step4 {
    height: 100%;
    text-align: center;
    color: #fff;
    scroll-margin-top: 7rem; }
    section.giveform .step4 .conf-message {
      position: relative;
      width: 100%; }
      @media (max-width: 768px) {
        section.giveform .step4 .conf-message {
          width: 100%;
          margin-bottom: 2rem; } }
    section.giveform .step4 h2 {
      margin-top: -1rem;
      line-height: 1.333;
      font-size: 5rem;
      text-transform: none; }
    section.giveform .step4 h5.caps, section.giveform .step4 h5.arrowh {
      margin-top: 0;
      white-space: normal;
      font-size: 2rem; }
    section.giveform .step4 h1.yourgift {
      display: inline-block;
      position: relative;
      padding-right: 2rem;
      width: auto;
      line-height: 8rem;
      font-size: 8.25rem;
      font-weight: 800; }
      section.giveform .step4 h1.yourgift:before {
        content: '$';
        font-size: 6.25rem;
        font-weight: 400;
        margin-right: 1rem; }
    section.giveform .step4 h5 {
      margin-top: 2rem;
      font-size: 1.75rem; }
  section.giveform .summary {
    position: relative;
    width: 80%;
    margin: auto; }
    section.giveform .summary h5.caps, section.giveform .summary h5.arrowh {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
      text-align: center; }
    section.giveform .summary .row {
      display: block;
      position: relative;
      width: 100%;
      height: 3rem;
      white-space: nowrap; }
    section.giveform .summary h6.caps, section.giveform .summary h6.arrowh {
      float: left;
      line-height: 2rem;
      font-size: 1.25rem;
      letter-spacing: 0.025em; }
    section.giveform .summary h3 {
      float: right;
      line-height: 1.5rem;
      font-size: 2rem;
      font-weight: 500; }
      @media (max-width: 768px) {
        section.giveform .summary h3 {
          font-size: 1.25rem; } }
      section.giveform .summary h3.fullname {
        text-transform: capitalize; }
      section.giveform .summary h3.charge:before {
        content: '$';
        margin-right: 0.25rem;
        font-weight: 300; }
      section.giveform .summary h3 span:before {
        content: '.'; }
    @media (max-width: 768px) {
      section.giveform .summary .row.email h3 {
        text-align: right;
        font-size: 1.75rem;
        width: 75%;
        height: 2.5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; } }
  section.giveform .step3 h5.caps, section.giveform .step3 h5.arrowh {
    margin-top: 2rem; }
  section.giveform .step4 {
    height: 100%;
    text-align: center;
    color: #fff; }
    section.giveform .step4 h2 {
      margin-top: -1rem;
      line-height: 1.333;
      font-size: 5rem;
      text-transform: none; }
      @media (max-width: 768px) {
        section.giveform .step4 h2 {
          font-size: 10vw;
          font-weight: 500; } }
    section.giveform .step4 h5.caps, section.giveform .step4 h5.arrowh {
      font-size: 2.25rem;
      color: #fff;
      margin-top: 0; }
      @media (max-width: 768px) {
        section.giveform .step4 h5.caps, section.giveform .step4 h5.arrowh {
          font-size: 1.75rem; } }
    section.giveform .step4 h1.yourgift {
      display: inline-block;
      position: relative;
      padding-right: 2rem;
      width: auto;
      line-height: 8rem;
      font-size: 8.25rem;
      font-weight: 800; }
      section.giveform .step4 h1.yourgift:before {
        content: '$';
        font-size: 6.25rem;
        font-weight: 400;
        margin-right: 1rem; }
    section.giveform .step4 h5 {
      margin-top: 2rem;
      font-size: 1.75rem; }
  section.giveform .summary {
    position: relative;
    width: 80%;
    margin: auto; }
    section.giveform .summary h5.caps, section.giveform .summary h5.arrowh {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
      text-align: center; }
    section.giveform .summary .row {
      display: block;
      position: relative;
      width: 100%;
      height: 3rem; }
    section.giveform .summary h6.caps, section.giveform .summary h6.arrowh {
      float: left;
      line-height: 2rem;
      font-size: 1.25rem;
      letter-spacing: 0.025em; }
    section.giveform .summary h3 {
      float: right;
      line-height: 1.5rem;
      font-size: 2rem;
      font-weight: 500; }
      section.giveform .summary h3.fullname {
        text-transform: capitalize; }
      section.giveform .summary h3.charge:before {
        content: '$';
        margin-right: 0.25rem;
        font-weight: 300; }
      section.giveform .summary h3 span:before {
        content: '.'; }
  section.giveform .formcard .braintree-heading {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    color: #ff0019; }
  section.giveform .step-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  section.giveform .formcard.formstep1 {
    height: 44%; }
    section.giveform .formcard.formstep1 .step-wrap.step1 {
      display: flex;
      align-items: center; }
  section.giveform .formcard.formstep2 {
    height: 80%;
    height: 635px; }
    @media (max-width: 768px) {
      section.giveform .formcard.formstep2 {
        height: 635px; } }
    section.giveform .formcard.formstep2 .step-wrap.step2 {
      display: flex; }
    section.giveform .formcard.formstep2 .summary {
      display: block; }
  section.giveform .formcard.formstep3 {
    height: 907px; }
    section.giveform .formcard.formstep3 .step-wrap.step3 {
      display: flex; }
    section.giveform .formcard.formstep3 .summary {
      display: block; }
  section.giveform .formcard.formstep4 {
    height: 720px;
    padding-top: 192px;
    background: #7279e8;
    background-image: linear-gradient(to top, #464fe1, #7279e8); }
    section.giveform .formcard.formstep4 .step-wrap.step4 {
      display: flex; }

section.givewithtokenform {
  z-index: 6;
  margin-top: -5vh;
  margin-bottom: 5vh;
  padding-top: 5vh;
  padding-bottom: 5vh;
  /*Dropdown*/ }
  @media (max-width: 768px) {
    section.givewithtokenform {
      margin-bottom: 9vh; } }
  section.givewithtokenform .form-title {
    text-align: center;
    width: 100%; }
  section.givewithtokenform .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Manrope', sans-serif; }
  section.givewithtokenform .contact-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    margin-top: 2rem; }
  section.givewithtokenform .give-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: 600px;
    min-height: 1360px;
    padding: 3.5rem 4.75rem; }
    @media (max-width: 768px) {
      section.givewithtokenform .give-wrap {
        width: 100%;
        max-width: 420px;
        min-height: 1330px;
        padding: 3.5rem 2.5rem; } }
    section.givewithtokenform .give-wrap:after {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 3rem;
      background: #696DD8;
      box-shadow: 0 6px 30px -1px rgba(0, 0, 0, 0.2); }
  section.givewithtokenform.contact .give-wrap {
    min-height: 780px; }
    @media (max-width: 768px) {
      section.givewithtokenform.contact .give-wrap {
        min-height: 760px; } }
  section.givewithtokenform.payment .give-wrap {
    min-height: 1050px; }
    @media (max-width: 768px) {
      section.givewithtokenform.payment .give-wrap {
        min-height: 1032px; } }
  section.givewithtokenform.thanks .tabs {
    margin-top: 0rem; }
    @media (max-width: 768px) {
      section.givewithtokenform.thanks .tabs {
        margin-top: -2rem; } }
  section.givewithtokenform.thanks .description {
    display: none; }
  section.givewithtokenform.thanks .give-wrap {
    min-height: 720px; }
    @media (max-width: 768px) {
      section.givewithtokenform.thanks .give-wrap {
        min-height: 630px; } }
  section.givewithtokenform.thanks .btn.proceed {
    display: none; }
  section.givewithtokenform .tabs {
    position: relative;
    z-index: 6;
    width: 100%;
    height: 8rem;
    line-height: 8rem;
    margin-bottom: 2rem;
    white-space: nowrap;
    display: flex;
    justify-content: space-around; }
    section.givewithtokenform .tabs a {
      display: inline-block;
      position: relative;
      font-size: 3.5rem;
      font-weight: 900;
      text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25); }
      section.givewithtokenform .tabs a.disabled, section.givewithtokenform .tabs .slides-wrapper.first .slider-nav.prev a.arrow, .slides-wrapper.first .slider-nav.prev section.givewithtokenform .tabs a.arrow, section.givewithtokenform .tabs .slides-wrapper.last .slider-nav.next a.arrow, .slides-wrapper.last .slider-nav.next section.givewithtokenform .tabs a.arrow, section.givewithtokenform .tabs .aboutcard.team.unfocused:not(.expanded) .title a.arrow, .aboutcard.team.unfocused:not(.expanded) .title section.givewithtokenform .tabs a.arrow, section.givewithtokenform .tabs .aboutcard.team.expanded .title a.arrow, .aboutcard.team.expanded .title section.givewithtokenform .tabs a.arrow {
        font-weight: 400;
        opacity: 0.5;
        transform: scale(0.9);
        transform-origin: 50% 60%;
        cursor: pointer; }
        section.givewithtokenform .tabs a.disabled:after, section.givewithtokenform .tabs .slides-wrapper.first .slider-nav.prev a.arrow:after, .slides-wrapper.first .slider-nav.prev section.givewithtokenform .tabs a.arrow:after, section.givewithtokenform .tabs .slides-wrapper.last .slider-nav.next a.arrow:after, .slides-wrapper.last .slider-nav.next section.givewithtokenform .tabs a.arrow:after, section.givewithtokenform .tabs .aboutcard.team.unfocused:not(.expanded) .title a.arrow:after, .aboutcard.team.unfocused:not(.expanded) .title section.givewithtokenform .tabs a.arrow:after, section.givewithtokenform .tabs .aboutcard.team.expanded .title a.arrow:after, .aboutcard.team.expanded .title section.givewithtokenform .tabs a.arrow:after {
          content: none; }
      section.givewithtokenform .tabs a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: -3px;
        right: -4px;
        height: 10px;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
        @media (max-width: 768px) {
          section.givewithtokenform .tabs a:after {
            height: 8px;
            border-radius: 4px; } }
      section.givewithtokenform .tabs a.active:after {
        height: 14px;
        bottom: -1rem;
        border-radius: 7px;
        background-image: linear-gradient(to right, #9ea3ef, #dcdffc);
        box-shadow: 0px 3px 9px -1px rgba(0, 0, 0, 0.25); }
        @media (max-width: 768px) {
          section.givewithtokenform .tabs a.active:after {
            bottom: -0.333rem;
            height: 11px;
            border-radius: 5.5px; } }
  @media (max-width: 768px) {
    section.givewithtokenform .tabs {
      margin-top: -1rem;
      line-height: 10rem; }
      section.givewithtokenform .tabs a {
        font-size: 2.25rem; }
        section.givewithtokenform .tabs a:last-of-type {
          margin-left: 3%; } }
  section.givewithtokenform .tabs a:last-of-type {
    margin-left: 6%; }
  section.givewithtokenform .description .description-monthly, section.givewithtokenform .description .description-now {
    height: 165px; }
  section.givewithtokenform .description p {
    width: 90%;
    font-size: 2rem; }
    @media (max-width: 768px) {
      section.givewithtokenform .description p {
        width: 100%;
        font-size: 1.666rem; } }
    section.givewithtokenform .description p a {
      position: relative;
      font-size: 2.25rem;
      font-weight: 600;
      text-decoration: underline; }
      @media (max-width: 768px) {
        section.givewithtokenform .description p a {
          font-size: 1.875rem;
          white-space: nowrap; } }
  section.givewithtokenform .formcard {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 3rem 3.75rem 5rem;
    border-radius: 1.75rem 1.75rem 3rem 3rem;
    background: #fff;
    color: #000;
    transition: all 0.75s 0s;
    transition-timing-function: cubic-bezier(0, 0.8, 0.4, 1); }
    @media (max-width: 768px) {
      section.givewithtokenform .formcard {
        padding: 3rem .5rem 5rem; } }
  section.givewithtokenform .btn.proceed {
    position: absolute;
    bottom: -40px;
    width: 60%; }
    @media (max-width: 768px) {
      section.givewithtokenform .btn.proceed {
        bottom: -3rem;
        width: 70%; } }
  section.givewithtokenform h5.caps, section.givewithtokenform h5.arrowh {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    white-space: nowrap;
    color: #6777a4; }
    @media (max-width: 768px) {
      section.givewithtokenform h5.caps, section.givewithtokenform h5.arrowh {
        margin-top: 0; } }
  section.givewithtokenform form.gift {
    position: relative;
    height: 100%; }
  section.givewithtokenform .step1 h5.caps, section.givewithtokenform .step1 h5.arrowh {
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: -1rem; }
  section.givewithtokenform .step2 h5.caps, section.givewithtokenform .step2 h5.arrowh {
    margin-top: 2rem; }
  section.givewithtokenform .step3 h5.caps, section.givewithtokenform .step3 h5.arrowh {
    margin-top: 2rem; }
  section.givewithtokenform .step4 {
    height: 100%;
    text-align: center;
    color: #fff;
    scroll-margin-top: 7rem; }
    section.givewithtokenform .step4 .conf-message {
      position: relative;
      width: 100%; }
      @media (max-width: 768px) {
        section.givewithtokenform .step4 .conf-message {
          width: 100%;
          margin-bottom: 2rem; } }
    section.givewithtokenform .step4 h2 {
      margin-top: -1rem;
      line-height: 1.333;
      font-size: 5rem;
      text-transform: none; }
    section.givewithtokenform .step4 h5.caps, section.givewithtokenform .step4 h5.arrowh {
      margin-top: 0;
      white-space: normal;
      font-size: 2rem; }
    section.givewithtokenform .step4 h1.yourgift {
      display: inline-block;
      position: relative;
      padding-right: 2rem;
      width: auto;
      line-height: 8rem;
      font-size: 8.25rem;
      font-weight: 800; }
      section.givewithtokenform .step4 h1.yourgift:before {
        content: '$';
        font-size: 6.25rem;
        font-weight: 400;
        margin-right: 1rem; }
    section.givewithtokenform .step4 h5 {
      margin-top: 2rem;
      font-size: 1.75rem; }
  section.givewithtokenform .cc-num, section.givewithtokenform .cc-expiration-date, section.givewithtokenform .cc-cvv, section.givewithtokenform .cc-postal-code {
    width: 100%; }
  section.givewithtokenform .summary {
    position: relative;
    width: 80%;
    margin: auto;
    margin-bottom: 2rem;
    margin-top: 2rem; }
    section.givewithtokenform .summary h5.caps, section.givewithtokenform .summary h5.arrowh {
      margin-top: 1.5rem;
      margin-bottom: 2.5rem;
      text-align: center; }
    section.givewithtokenform .summary .row {
      display: block;
      position: relative;
      width: 100%;
      height: 3rem;
      white-space: nowrap; }
    section.givewithtokenform .summary h6.caps, section.givewithtokenform .summary h6.arrowh {
      float: left;
      line-height: 2rem;
      font-size: 1.25rem;
      letter-spacing: 0.025em; }
    section.givewithtokenform .summary h3 {
      float: right;
      line-height: 1.5rem;
      font-size: 2rem;
      font-weight: 500; }
      @media (max-width: 768px) {
        section.givewithtokenform .summary h3 {
          font-size: 1.25rem; } }
      section.givewithtokenform .summary h3.fullname {
        text-transform: capitalize; }
      section.givewithtokenform .summary h3.charge:before {
        content: '$';
        margin-right: 0.25rem;
        font-weight: 300; }
      section.givewithtokenform .summary h3 span:before {
        content: '.'; }
    @media (max-width: 768px) {
      section.givewithtokenform .summary .row.email h3 {
        text-align: right;
        font-size: 1.75rem;
        width: 75%;
        height: 2.5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; } }
  section.givewithtokenform .dropdown {
    margin: 2em auto;
    width: 14.5em;
    border: .1em solid #c0cdd1;
    border-radius: 15px;
    /*List*/ }
    section.givewithtokenform .dropdown .dropdown-heading {
      border-radius: 15px;
      align-items: center;
      grid-template-columns: auto 1fr auto;
      display: grid;
      padding: .5em;
      color: #000;
      text-decoration: none; }
      section.givewithtokenform .dropdown .dropdown-heading:focus, section.givewithtokenform .dropdown .dropdown-heading:hover {
        background: #ecf0f1; }
      section.givewithtokenform .dropdown .dropdown-heading:active {
        background: #afb4c5; }
    section.givewithtokenform .dropdown .dropdown-svg {
      width: 16px; }
    section.givewithtokenform .dropdown .dropdown-credit-card-svg {
      width: 30px;
      margin-right: 1rem; }
    section.givewithtokenform .dropdown ul {
      border-bottom-right-radius: 15px;
      border-bottom-left-radius: 15px;
      max-height: 0;
      overflow-y: auto;
      transition: max-height 0.3s ease;
      display: none;
      border-top: grey solid 1px; }
    section.givewithtokenform .dropdown ul.open {
      max-height: 200px;
      display: block; }
    section.givewithtokenform .dropdown li {
      display: flex;
      padding: .5em;
      background-color: #f9f9f9;
      cursor: pointer; }
      section.givewithtokenform .dropdown li:not(:first-child) {
        border-top: .1em solid #dde4e6; }
      section.givewithtokenform .dropdown li:focus, section.givewithtokenform .dropdown li:hover {
        background-color: #ecf0f1; }
    section.givewithtokenform .dropdown li.active {
      background-color: #d9d2e9; }
  section.givewithtokenform #newCardSection {
    margin-top: 2rem; }
  section.givewithtokenform #donate-submit-button {
    position: absolute;
    bottom: -40px;
    left: 100px; }
    @media (max-width: 768px) {
      section.givewithtokenform #donate-submit-button {
        bottom: -3rem;
        width: 100%;
        left: -3px; } }
  section.givewithtokenform .formcard .braintree-heading {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    color: #ff0019;
    text-align: center; }
  section.givewithtokenform .step-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  section.givewithtokenform .formcard.formstep1 {
    height: 44%; }
    section.givewithtokenform .formcard.formstep1 .step-wrap.step1 {
      display: flex;
      align-items: center; }
  section.givewithtokenform .formcard.formstep2 {
    height: 80%;
    height: 635px; }
    @media (max-width: 768px) {
      section.givewithtokenform .formcard.formstep2 {
        height: 635px; } }
    section.givewithtokenform .formcard.formstep2 .step-wrap.step2 {
      display: flex; }
    section.givewithtokenform .formcard.formstep2 .summary {
      display: block; }
  section.givewithtokenform .formcard.formstep3 {
    height: 907px; }
    section.givewithtokenform .formcard.formstep3 .step-wrap.step3 {
      display: flex; }
    section.givewithtokenform .formcard.formstep3 .summary {
      display: block; }
  section.givewithtokenform .formcard.formstep4 {
    height: 720px;
    padding-top: 192px;
    background: #7279e8;
    background-image: linear-gradient(to top, #464fe1, #7279e8); }
    section.givewithtokenform .formcard.formstep4 .step-wrap.step4 {
      display: flex; }

.encourage-message {
  width: 100%; }

section.teamcta {
  z-index: 4;
  min-height: 720px; }
  section.teamcta .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-items: flex-end;
    justify-content: flex-end;
    height: 75vh;
    min-height: 720px;
    max-height: 900px; }
    @media (max-width: 768px) {
      section.teamcta .content-wrapper {
        justify-content: flex-start; } }
  section.teamcta .h-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-items: flex-start;
    position: relative;
    z-index: 3;
    min-height: 80%;
    height: 90%; }
    @media (max-width: 768px) {
      section.teamcta .h-col {
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin-top: 6rem; } }
    section.teamcta .h-col h4 {
      margin-bottom: 1rem;
      font-size: 3.5rem;
      margin-bottom: 0; }
      section.teamcta .h-col h4 i {
        display: none; }
      @media (max-width: 768px) {
        section.teamcta .h-col h4 {
          margin: 0 auto;
          font-size: 7vw;
          font-weight: 400; }
          section.teamcta .h-col h4 i {
            display: inline; } }
    section.teamcta .h-col h1 i {
      display: inline; }
    @media (max-width: 768px) {
      section.teamcta .h-col h1 {
        margin-top: 1rem;
        font-size: 12.5vw;
        white-space: normal; }
        section.teamcta .h-col h1 i {
          display: none; } }
    section.teamcta .h-col p {
      margin-top: 0; }
      @media (max-width: 1280px) {
        section.teamcta .h-col p {
          font-size: 2vw; } }
      @media (max-width: 768px) {
        section.teamcta .h-col p {
          display: none; } }
    section.teamcta .h-col h1 span:after {
      left: 0px; }
    section.teamcta .h-col i {
      font-style: normal; }
    section.teamcta .h-col .app-buttons {
      position: absolute;
      left: 0;
      right: -2px;
      bottom: -40px;
      height: 80px; }
      section.teamcta .h-col .app-buttons .btn-app {
        margin-top: 0; }
      @media (max-width: 768px) {
        section.teamcta .h-col .app-buttons {
          bottom: -12vh;
          height: 4rem; } }

section.teamshowcase {
  z-index: 3;
  height: 0;
  min-height: 0;
  max-height: 0;
  padding-top: 17.5vh;
  padding-bottom: 0; }
  section.teamshowcase:after {
    content: none; }
  section.teamshowcase .showcase {
    top: auto;
    bottom: -2.5vh; }

section.promise {
  margin-top: -17.5vh;
  padding-top: 45vh; }
  section.promise .feature {
    margin-bottom: 10vh; }
    section.promise .feature:first-of-type {
      margin-bottom: 12.5vh; }
    section.promise .feature:last-of-type {
      margin-top: 25vh; }

body.profile section.neighbors {
  padding-bottom: 15vh; }

.grecaptcha-badge {
  display: none; }

@media (max-width: 768px) {
  .progress-stats {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .progress-stats .stat {
      width: auto; }
      .progress-stats .stat h5.caps, .progress-stats .stat h5.arrowh {
        font-size: 1.25rem; }
      .progress-stats .stat:first-of-type {
        margin-right: 0;
        margin-left: 0; }
      .progress-stats .stat:last-of-type {
        margin-left: 0;
        width: auto; }
  .teamshowcase .content-wrapper .showcase {
    bottom: -4.5vh; }
  section.giveform h5.caps, section.giveform h5.arrowh {
    font-size: 1.25rem; }
  section.giveform .formcard.formstep1 {
    height: auto; }
  section.giveform .input-wrap {
    flex-direction: column;
    width: 100%; }
  section.giveform .input-wrap.contact {
    gap: 0rem; } }

body.journal .header .header-inner {
  max-width: 1368px; }

body.journal .container.collapsed:not(:first-of-type), body.journal section.results .result-row.unfocused .viz-col .container.frame:not(:first-of-type), section.results .result-row.unfocused .viz-col body.journal .container.frame:not(:first-of-type), body.journal .aboutcard.team.unfocused:not(.expanded) .container.frame:not(:first-of-type), .aboutcard.team.unfocused:not(.expanded) body.journal .container.frame:not(:first-of-type), body.journal .aboutcard.team.expanded .container.frame:not(:first-of-type), .aboutcard.team.expanded body.journal .container.frame:not(:first-of-type) {
  margin-top: -10vh; }

.intro.cover.journal .coverbg img, section.intro.cover.bridge.float.locale .coverbg img {
  width: 100%; }
  @media (max-width: 768px) {
    .intro.cover.journal .coverbg img, section.intro.cover.bridge.float.locale .coverbg img {
      width: auto; } }

.intro.cover.journal h1.title, section.intro.cover.bridge.float.locale h1.title {
  z-index: 3;
  width: 103.333%;
  line-height: 1.18;
  padding-bottom: 1rem;
  margin-bottom: 2.333vh;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: -0.5rem;
  text-transform: none;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden; }
  @media (max-width: 1280px) {
    .intro.cover.journal h1.title, section.intro.cover.bridge.float.locale h1.title {
      width: 105%; } }
  @media (max-width: 768px) {
    .intro.cover.journal h1.title, section.intro.cover.bridge.float.locale h1.title {
      width: 100%;
      padding-bottom: 0.5rem;
      font-size: 11.5vw; }
      .intro.cover.journal h1.title br, section.intro.cover.bridge.float.locale h1.title br {
        display: none; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .intro.cover.journal h1.title, section.intro.cover.bridge.float.locale h1.title {
      max-width: 480px;
      font-size: 4.5rem; } }
  .intro.cover.journal h1.title u:after, section.intro.cover.bridge.float.locale h1.title u:after {
    animation: floatmin 2.4s 0s ease-in-out infinite alternate; }
  @media (max-width: 768px) {
    .intro.cover.journal h1.title.xlong, section.intro.cover.bridge.float.locale h1.title.xlong {
      width: 105%;
      font-size: 10.333vw; } }

.intro.cover.journal .author, section.intro.cover.bridge.float.locale .author {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  top: -7.25rem;
  left: -5rem;
  height: 10rem; }
  @media (max-width: 768px) {
    .intro.cover.journal .author, section.intro.cover.bridge.float.locale .author {
      top: -9rem;
      left: 0rem;
      transform: scale(0.6);
      transform-origin: 100% 50%; } }
  .intro.cover.journal .author .photo, section.intro.cover.bridge.float.locale .author .photo, .intro.cover.journal .author .photo img, section.intro.cover.bridge.float.locale .author .photo img {
    position: relative;
    z-index: 2;
    width: 10rem;
    height: 10rem;
    border-radius: 5rem; }
  .intro.cover.journal .author .photo, section.intro.cover.bridge.float.locale .author .photo {
    background: #191d37;
    box-shadow: 0 4px 21px 3px rgba(0, 0, 0, 0.4);
    animation: floatmin 2.4s 0s ease-in-out infinite alternate; }
    .intro.cover.journal .author .photo:before, section.intro.cover.bridge.float.locale .author .photo:before {
      content: '';
      position: absolute;
      z-index: 3;
      top: -1px;
      left: -1px;
      width: 122px;
      height: 122px;
      border-radius: 50%;
      box-shadow: inset 0 -2px 1.5px 1.5px #17193d; }
    .intro.cover.journal .author .photo:after, section.intro.cover.bridge.float.locale .author .photo:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover;
      z-index: 3;
      border-radius: 50%;
      background-image: linear-gradient(to bottom, rgba(23, 25, 61, 0) 30%, #17193d 110%); }
  .intro.cover.journal .author h4, section.intro.cover.bridge.float.locale .author h4 {
    position: absolute;
    z-index: 3;
    left: 90%;
    margin-bottom: 0.5rem;
    white-space: nowrap;
    font-size: 3rem;
    font-weight: 400; }
    .intro.cover.journal .author h4 a, section.intro.cover.bridge.float.locale .author h4 a {
      text-transform: none;
      font-weight: 600; }
    @media (max-width: 768px) {
      .intro.cover.journal .author h4, section.intro.cover.bridge.float.locale .author h4 {
        font-size: 3.75rem; } }
  .intro.cover.journal .author .date, section.intro.cover.bridge.float.locale .author .date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    right: 90%;
    text-align: center; }
    @media (max-width: 768px) {
      .intro.cover.journal .author .date, section.intro.cover.bridge.float.locale .author .date {
        right: 100%; } }
    .intro.cover.journal .author .date h5.caps, section.intro.cover.bridge.float.locale .author .date h5.caps, .intro.cover.journal .author .date h5.arrowh, section.intro.cover.bridge.float.locale .author .date h5.arrowh, .intro.cover.journal .author .date h3, section.intro.cover.bridge.float.locale .author .date h3 {
      width: 100%;
      margin: 0; }
    .intro.cover.journal .author .date h5.caps, section.intro.cover.bridge.float.locale .author .date h5.caps, .intro.cover.journal .author .date h5.arrowh, section.intro.cover.bridge.float.locale .author .date h5.arrowh {
      line-height: 3rem;
      font-size: 2.1666rem;
      font-weight: 600;
      letter-spacing: 0.21666em; }
    .intro.cover.journal .author .date h3, section.intro.cover.bridge.float.locale .author .date h3 {
      line-height: 5rem;
      font-size: 6rem;
      font-weight: 500;
      letter-spacing: 0.075em; }
    .intro.cover.journal .author .date h6, section.intro.cover.bridge.float.locale .author .date h6 {
      margin-top: 0.3rem;
      font-size: 1.75rem;
      font-weight: 300;
      letter-spacing: 0.333em; }

.intro.cover.journal ul.tags, section.intro.cover.bridge.float.locale ul.tags {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  height: 3.5rem; }
  @media (max-width: 768px) {
    .intro.cover.journal ul.tags, section.intro.cover.bridge.float.locale ul.tags {
      height: 2.75rem; } }
  .intro.cover.journal ul.tags h4, section.intro.cover.bridge.float.locale ul.tags h4 {
    display: inline-block;
    margin: 0;
    line-height: 3rem;
    font-size: 2.8333rem;
    font-weight: 400;
    letter-spacing: 0.04em; }
    @media (max-width: 768px) {
      .intro.cover.journal ul.tags h4, section.intro.cover.bridge.float.locale ul.tags h4 {
        line-height: 2.75rem;
        font-size: 1.8333rem; } }
  .intro.cover.journal ul.tags li, section.intro.cover.bridge.float.locale ul.tags li {
    margin-left: 1rem;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .intro.cover.journal ul.tags li, section.intro.cover.bridge.float.locale ul.tags li {
        margin-left: 0.666rem; } }
  .intro.cover.journal ul.tags li a, section.intro.cover.bridge.float.locale ul.tags li a {
    display: inline-block;
    height: 3.5rem;
    padding: 0 1.5rem;
    line-height: 3.5rem;
    border-radius: 1.75rem;
    background: #454981;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 1.666rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75); }
    @media (max-width: 768px) {
      .intro.cover.journal ul.tags li a, section.intro.cover.bridge.float.locale ul.tags li a {
        height: 2.5rem;
        padding: 0 1rem;
        line-height: 2.5rem;
        font-size: 1.25rem; } }

.intro.cover.journal .btn.proceed, section.intro.cover.bridge.float.locale .btn.proceed {
  display: none;
  position: absolute;
  z-index: 9;
  top: 100%;
  margin-top: -2rem;
  left: 50%;
  margin-left: -18.75rem; }

.intro.cover.journal.collapsed, section.results .result-row.unfocused .viz-col .intro.cover.journal.frame, section.results .result-row.unfocused .viz-col section.intro.cover.frame.bridge.float.locale, .aboutcard.team.unfocused:not(.expanded) .intro.cover.journal.frame, .aboutcard.team.unfocused:not(.expanded) section.intro.cover.frame.bridge.float.locale, .aboutcard.team.expanded .intro.cover.journal.frame, .aboutcard.team.expanded section.intro.cover.frame.bridge.float.locale, section.intro.cover.collapsed.bridge.float.locale {
  max-width: 1600px;
  margin: auto; }
  .intro.cover.journal.collapsed .content-wrapper, section.results .result-row.unfocused .viz-col .intro.cover.journal.frame .content-wrapper, section.results .result-row.unfocused .viz-col section.intro.cover.frame.bridge.float.locale .content-wrapper, .aboutcard.team.unfocused:not(.expanded) .intro.cover.journal.frame .content-wrapper, .aboutcard.team.unfocused:not(.expanded) section.intro.cover.frame.bridge.float.locale .content-wrapper, .aboutcard.team.expanded .intro.cover.journal.frame .content-wrapper, .aboutcard.team.expanded section.intro.cover.frame.bridge.float.locale .content-wrapper, section.intro.cover.collapsed.bridge.float.locale .content-wrapper {
    height: 90vh;
    min-height: 840px;
    max-height: 960px; }
    @media (max-width: 768px) {
      .intro.cover.journal.collapsed .content-wrapper, section.results .result-row.unfocused .viz-col .intro.cover.journal.frame .content-wrapper, section.results .result-row.unfocused .viz-col section.intro.cover.frame.bridge.float.locale .content-wrapper, .aboutcard.team.unfocused:not(.expanded) .intro.cover.journal.frame .content-wrapper, .aboutcard.team.unfocused:not(.expanded) section.intro.cover.frame.bridge.float.locale .content-wrapper, .aboutcard.team.expanded .intro.cover.journal.frame .content-wrapper, .aboutcard.team.expanded section.intro.cover.frame.bridge.float.locale .content-wrapper, section.intro.cover.collapsed.bridge.float.locale .content-wrapper {
        height: 80vh;
        min-height: 600px;
        max-height: 780px; } }
  .intro.cover.journal.collapsed .cover-wrap, section.results .result-row.unfocused .viz-col .intro.cover.journal.frame .cover-wrap, section.results .result-row.unfocused .viz-col section.intro.cover.frame.bridge.float.locale .cover-wrap, .aboutcard.team.unfocused:not(.expanded) .intro.cover.journal.frame .cover-wrap, .aboutcard.team.unfocused:not(.expanded) section.intro.cover.frame.bridge.float.locale .cover-wrap, .aboutcard.team.expanded .intro.cover.journal.frame .cover-wrap, .aboutcard.team.expanded section.intro.cover.frame.bridge.float.locale .cover-wrap, section.intro.cover.collapsed.bridge.float.locale .cover-wrap {
    padding-bottom: 7rem; }
    @media (max-width: 768px) {
      .intro.cover.journal.collapsed .cover-wrap, section.results .result-row.unfocused .viz-col .intro.cover.journal.frame .cover-wrap, section.results .result-row.unfocused .viz-col section.intro.cover.frame.bridge.float.locale .cover-wrap, .aboutcard.team.unfocused:not(.expanded) .intro.cover.journal.frame .cover-wrap, .aboutcard.team.unfocused:not(.expanded) section.intro.cover.frame.bridge.float.locale .cover-wrap, .aboutcard.team.expanded .intro.cover.journal.frame .cover-wrap, .aboutcard.team.expanded section.intro.cover.frame.bridge.float.locale .cover-wrap, section.intro.cover.collapsed.bridge.float.locale .cover-wrap {
        padding-top: 8rem;
        padding-bottom: 3.25rem; } }
  .intro.cover.journal.collapsed ul.tags, section.results .result-row.unfocused .viz-col .intro.cover.journal.frame ul.tags, section.results .result-row.unfocused .viz-col section.intro.cover.frame.bridge.float.locale ul.tags, .aboutcard.team.unfocused:not(.expanded) .intro.cover.journal.frame ul.tags, .aboutcard.team.unfocused:not(.expanded) section.intro.cover.frame.bridge.float.locale ul.tags, .aboutcard.team.expanded .intro.cover.journal.frame ul.tags, .aboutcard.team.expanded section.intro.cover.frame.bridge.float.locale ul.tags, section.intro.cover.collapsed.bridge.float.locale ul.tags {
    transform: scale(0.85);
    transform-origin: 0% -50%; }
  .intro.cover.journal.collapsed .btn.proceed, section.results .result-row.unfocused .viz-col .intro.cover.journal.frame .btn.proceed, section.results .result-row.unfocused .viz-col section.intro.cover.frame.bridge.float.locale .btn.proceed, .aboutcard.team.unfocused:not(.expanded) .intro.cover.journal.frame .btn.proceed, .aboutcard.team.unfocused:not(.expanded) section.intro.cover.frame.bridge.float.locale .btn.proceed, .aboutcard.team.expanded .intro.cover.journal.frame .btn.proceed, .aboutcard.team.expanded section.intro.cover.frame.bridge.float.locale .btn.proceed, section.intro.cover.collapsed.bridge.float.locale .btn.proceed {
    display: inline-block; }
    @media (max-width: 768px) {
      .intro.cover.journal.collapsed .btn.proceed, section.results .result-row.unfocused .viz-col .intro.cover.journal.frame .btn.proceed, section.results .result-row.unfocused .viz-col section.intro.cover.frame.bridge.float.locale .btn.proceed, .aboutcard.team.unfocused:not(.expanded) .intro.cover.journal.frame .btn.proceed, .aboutcard.team.unfocused:not(.expanded) section.intro.cover.frame.bridge.float.locale .btn.proceed, .aboutcard.team.expanded .intro.cover.journal.frame .btn.proceed, .aboutcard.team.expanded section.intro.cover.frame.bridge.float.locale .btn.proceed, section.intro.cover.collapsed.bridge.float.locale .btn.proceed {
        width: 300px;
        left: 50%;
        margin-left: -150px;
        transform: scale(0.8333);
        transform-origin: 50% 100%; } }

section.bridge.float.journal, section.bridge.float.locale {
  background: none;
  z-index: 6;
  padding: 10.5vh 0 12.5vh; }
  @media (max-width: 768px) {
    section.bridge.float.journal, section.bridge.float.locale {
      width: 92.5vw;
      padding: 6vh 0 12vh 0; } }
  section.bridge.float.journal:after, section.bridge.float.locale:after {
    box-shadow: 0 6px 30px -1px rgba(0, 0, 0, 0.2); }
  section.bridge.float.journal .content-wrapper, section.bridge.float.locale .content-wrapper {
    width: 77.5%;
    max-width: 840px;
    text-align: left; }
    @media (max-width: 768px) {
      section.bridge.float.journal .content-wrapper, section.bridge.float.locale .content-wrapper {
        width: 87.5%;
        max-width: 480px; } }
  section.bridge.float.journal h2, section.bridge.float.locale h2 {
    position: relative;
    margin-left: 3.5%;
    margin-top: 3vh;
    margin-bottom: 6vh;
    line-height: 1.25;
    font-size: 4.25vw;
    font-weight: 400;
    text-transform: none; }
    @media (min-width: 1500px) {
      section.bridge.float.journal h2, section.bridge.float.locale h2 {
        font-size: 5.5rem; } }
    @media (max-width: 1170px) {
      section.bridge.float.journal h2, section.bridge.float.locale h2 {
        margin-left: 0;
        font-size: 4.5rem; } }
    @media (max-width: 768px) {
      section.bridge.float.journal h2, section.bridge.float.locale h2 {
        width: 100%;
        font-size: 3.5rem; } }
    section.bridge.float.journal h2.small, section.bridge.float.locale h2.small, section.bridge.float.journal h2.contact_us-form.med, section.bridge.float.locale h2.contact_us-form.med {
      line-height: 1.333;
      font-size: 4.5rem; }
      @media (max-width: 768px) {
        section.bridge.float.journal h2.small, section.bridge.float.locale h2.small, section.bridge.float.journal h2.contact_us-form.med, section.bridge.float.locale h2.contact_us-form.med {
          font-size: 3.25rem; } }
  section.bridge.float.journal p, section.bridge.float.locale p {
    position: relative;
    width: 100%;
    max-width: 660px;
    margin-top: 0;
    margin-bottom: 2.25rem;
    text-align: left; }
    @media (max-width: 768px) {
      section.bridge.float.journal p, section.bridge.float.locale p {
        font-size: 1.666rem; } }
    section.bridge.float.journal p.large, section.bridge.float.locale p.large, section.bridge.float.journal .statement p.line, section.bridge.float.locale .statement p.line, section.bridge.float.journal section.slider p, section.slider section.bridge.float.journal p, section.bridge.float.locale section.slider p, section.slider section.bridge.float.locale p, section.bridge.float.journal section.sliderh p, section.sliderh section.bridge.float.journal p, section.bridge.float.locale section.sliderh p, section.sliderh section.bridge.float.locale p, section.bridge.float.journal section.neighbors p, section.neighbors section.bridge.float.journal p, section.bridge.float.locale section.neighbors p, section.neighbors section.bridge.float.locale p, section.bridge.float.journal section.bridge.letter p, section.bridge.letter section.bridge.float.journal p, section.bridge.float.locale section.bridge.letter p, section.bridge.letter section.bridge.float.locale p, section.bridge.float.journal .story-quote.short p, .story-quote.short section.bridge.float.journal p, section.bridge.float.locale .story-quote.short p, .story-quote.short section.bridge.float.locale p, section.bridge.float.journal .aboutcard.team .short.quote p, .aboutcard.team .short.quote section.bridge.float.journal p, section.bridge.float.locale .aboutcard.team .short.quote p, .aboutcard.team .short.quote section.bridge.float.locale p, section.bridge.float.journal .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.sea section.bridge.float.journal p, section.bridge.float.locale .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.sea section.bridge.float.locale p, section.bridge.float.journal .aboutcard.team .quote.locale-menu.den p, .aboutcard.team .quote.locale-menu.den section.bridge.float.journal p, section.bridge.float.locale .aboutcard.team .quote.locale-menu.den p, .aboutcard.team .quote.locale-menu.den section.bridge.float.locale p, section.bridge.float.journal .story-quote.locale-menu.sea p, .story-quote.locale-menu.sea section.bridge.float.journal p, section.bridge.float.locale .story-quote.locale-menu.sea p, .story-quote.locale-menu.sea section.bridge.float.locale p, section.bridge.float.journal .story-quote.locale-menu.den p, .story-quote.locale-menu.den section.bridge.float.journal p, section.bridge.float.locale .story-quote.locale-menu.den p, .story-quote.locale-menu.den section.bridge.float.locale p, section.bridge.float.journal section.description p, section.description section.bridge.float.journal p, section.bridge.float.locale section.description p, section.description section.bridge.float.locale p {
      font-size: 2.5rem; }
      @media (max-width: 768px) {
        section.bridge.float.journal p.large, section.bridge.float.locale p.large, section.bridge.float.journal .statement p.line, section.bridge.float.locale .statement p.line, section.bridge.float.journal section.slider p, section.slider section.bridge.float.journal p, section.bridge.float.locale section.slider p, section.slider section.bridge.float.locale p, section.bridge.float.journal section.sliderh p, section.sliderh section.bridge.float.journal p, section.bridge.float.locale section.sliderh p, section.sliderh section.bridge.float.locale p, section.bridge.float.journal section.neighbors p, section.neighbors section.bridge.float.journal p, section.bridge.float.locale section.neighbors p, section.neighbors section.bridge.float.locale p, section.bridge.float.journal section.bridge.letter p, section.bridge.letter section.bridge.float.journal p, section.bridge.float.locale section.bridge.letter p, section.bridge.letter section.bridge.float.locale p, section.bridge.float.journal .story-quote.short p, .story-quote.short section.bridge.float.journal p, section.bridge.float.locale .story-quote.short p, .story-quote.short section.bridge.float.locale p, section.bridge.float.journal .aboutcard.team .short.quote p, .aboutcard.team .short.quote section.bridge.float.journal p, section.bridge.float.locale .aboutcard.team .short.quote p, .aboutcard.team .short.quote section.bridge.float.locale p, section.bridge.float.journal .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.sea section.bridge.float.journal p, section.bridge.float.locale .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.sea section.bridge.float.locale p, section.bridge.float.journal .aboutcard.team .quote.locale-menu.den p, .aboutcard.team .quote.locale-menu.den section.bridge.float.journal p, section.bridge.float.locale .aboutcard.team .quote.locale-menu.den p, .aboutcard.team .quote.locale-menu.den section.bridge.float.locale p, section.bridge.float.journal .story-quote.locale-menu.sea p, .story-quote.locale-menu.sea section.bridge.float.journal p, section.bridge.float.locale .story-quote.locale-menu.sea p, .story-quote.locale-menu.sea section.bridge.float.locale p, section.bridge.float.journal .story-quote.locale-menu.den p, .story-quote.locale-menu.den section.bridge.float.journal p, section.bridge.float.locale .story-quote.locale-menu.den p, .story-quote.locale-menu.den section.bridge.float.locale p, section.bridge.float.journal section.description p, section.description section.bridge.float.journal p, section.bridge.float.locale section.description p, section.description section.bridge.float.locale p {
          font-size: 2rem; } }
    section.bridge.float.journal p.small, section.bridge.float.locale p.small, section.bridge.float.journal p.contact_us-form.med, section.bridge.float.locale p.contact_us-form.med {
      font-size: 2rem; }
      @media (max-width: 768px) {
        section.bridge.float.journal p.small, section.bridge.float.locale p.small, section.bridge.float.journal p.contact_us-form.med, section.bridge.float.locale p.contact_us-form.med {
          font-size: 1.666rem; } }
  section.bridge.float.journal a, section.bridge.float.locale a {
    text-decoration: underline;
    font-weight: 500;
    color: #5b5ba6; }
  section.bridge.float.journal .line, section.bridge.float.locale .line {
    width: 80px;
    height: 10px;
    border-radius: 5px;
    margin: 4.5vh 0 8vh;
    opacity: 1;
    background: #a6a4d3; }
    @media (max-width: 768px) {
      section.bridge.float.journal .line, section.bridge.float.locale .line {
        height: 7px;
        border-radius: 3.5px; } }
  section.bridge.float.journal ul.basic, section.bridge.float.locale ul.basic {
    margin-top: 3vh; }
    section.bridge.float.journal ul.basic p, section.bridge.float.locale ul.basic p {
      padding-left: 5%;
      line-height: 1.25;
      font-size: 2rem;
      font-weight: 500;
      width: 110%; }
      section.bridge.float.journal ul.basic p:before, section.bridge.float.locale ul.basic p:before {
        content: '•';
        position: absolute;
        top: 0;
        left: 0; }
      @media (max-width: 768px) {
        section.bridge.float.journal ul.basic p, section.bridge.float.locale ul.basic p {
          width: 100%; } }

.main.collapsed, section.results .result-row.unfocused .viz-col .main.frame, .aboutcard.team.unfocused:not(.expanded) .main.frame, .aboutcard.team.expanded .main.frame {
  position: relative;
  z-index: 2;
  perspective: 1200px;
  perspective-origin: 50% 25%; }
  .main.collapsed section.bridge.float.journal, section.results .result-row.unfocused .viz-col .main.frame section.bridge.float.journal, .aboutcard.team.unfocused:not(.expanded) .main.frame section.bridge.float.journal, .aboutcard.team.expanded .main.frame section.bridge.float.journal, .main.collapsed section.bridge.float.locale, section.results .result-row.unfocused .viz-col .main.frame section.bridge.float.locale, .aboutcard.team.unfocused:not(.expanded) .main.frame section.bridge.float.locale, .aboutcard.team.expanded .main.frame section.bridge.float.locale {
    transform: scaleX(0.95) scaleY(0.8) scaleZ(1) rotateX(-18deg);
    transform-origin: 50% 33%; }

section.bridge.float.journal.collapsed, section.results .result-row.unfocused .viz-col section.bridge.float.journal.frame, section.results .result-row.unfocused .viz-col section.bridge.float.frame.locale, .aboutcard.team.unfocused:not(.expanded) section.bridge.float.journal.frame, .aboutcard.team.unfocused:not(.expanded) section.bridge.float.frame.locale, .aboutcard.team.expanded section.bridge.float.journal.frame, .aboutcard.team.expanded section.bridge.float.frame.locale, section.bridge.float.collapsed.locale {
  height: 33.333vh;
  min-height: 15rem;
  max-height: 30rem;
  padding: 6.666vh 0;
  overflow: hidden; }
  section.bridge.float.journal.collapsed .btn.proceed, section.results .result-row.unfocused .viz-col section.bridge.float.journal.frame .btn.proceed, section.results .result-row.unfocused .viz-col section.bridge.float.frame.locale .btn.proceed, .aboutcard.team.unfocused:not(.expanded) section.bridge.float.journal.frame .btn.proceed, .aboutcard.team.unfocused:not(.expanded) section.bridge.float.frame.locale .btn.proceed, .aboutcard.team.expanded section.bridge.float.journal.frame .btn.proceed, .aboutcard.team.expanded section.bridge.float.frame.locale .btn.proceed, section.bridge.float.collapsed.locale .btn.proceed {
    position: absolute;
    z-index: 9; }
  section.bridge.float.journal.collapsed .content-wrapper, section.results .result-row.unfocused .viz-col section.bridge.float.journal.frame .content-wrapper, section.results .result-row.unfocused .viz-col section.bridge.float.frame.locale .content-wrapper, .aboutcard.team.unfocused:not(.expanded) section.bridge.float.journal.frame .content-wrapper, .aboutcard.team.unfocused:not(.expanded) section.bridge.float.frame.locale .content-wrapper, .aboutcard.team.expanded section.bridge.float.journal.frame .content-wrapper, .aboutcard.team.expanded section.bridge.float.frame.locale .content-wrapper, section.bridge.float.collapsed.locale .content-wrapper {
    z-index: 0;
    opacity: 0.5;
    transform: scale(0.9333);
    transform-origin: 50% 0%; }
    @media (max-width: 768px) {
      section.bridge.float.journal.collapsed .content-wrapper, section.results .result-row.unfocused .viz-col section.bridge.float.journal.frame .content-wrapper, section.results .result-row.unfocused .viz-col section.bridge.float.frame.locale .content-wrapper, .aboutcard.team.unfocused:not(.expanded) section.bridge.float.journal.frame .content-wrapper, .aboutcard.team.unfocused:not(.expanded) section.bridge.float.frame.locale .content-wrapper, .aboutcard.team.expanded section.bridge.float.journal.frame .content-wrapper, .aboutcard.team.expanded section.bridge.float.frame.locale .content-wrapper, section.bridge.float.collapsed.locale .content-wrapper {
        transform: scale(0.888);
        transform-origin: 50% -33%; } }
  section.bridge.float.journal.collapsed:before, section.results .result-row.unfocused .viz-col section.bridge.float.journal.frame:before, section.results .result-row.unfocused .viz-col section.bridge.float.frame.locale:before, .aboutcard.team.unfocused:not(.expanded) section.bridge.float.journal.frame:before, .aboutcard.team.unfocused:not(.expanded) section.bridge.float.frame.locale:before, .aboutcard.team.expanded section.bridge.float.journal.frame:before, .aboutcard.team.expanded section.bridge.float.frame.locale:before, section.bridge.float.collapsed.locale:before {
    content: '';
    z-index: 1;
    background-image: linear-gradient(to bottom, rgba(211, 211, 229, 0), rgba(211, 211, 229, 0.8)); }

section.bridge.float.journal .imgcapt, section.bridge.float.locale .imgcapt {
  position: relative;
  margin-top: 6vh;
  margin-bottom: 1.5rem; }
  section.bridge.float.journal .imgcapt.large, section.bridge.float.locale .imgcapt.large, section.bridge.float.journal .statement .imgcapt.line, section.bridge.float.locale .statement .imgcapt.line, section.bridge.float.journal section.slider p.imgcapt, section.slider section.bridge.float.journal p.imgcapt, section.bridge.float.locale section.slider p.imgcapt, section.slider section.bridge.float.locale p.imgcapt, section.bridge.float.journal section.sliderh p.imgcapt, section.sliderh section.bridge.float.journal p.imgcapt, section.bridge.float.locale section.sliderh p.imgcapt, section.sliderh section.bridge.float.locale p.imgcapt, section.bridge.float.journal section.neighbors p.imgcapt, section.neighbors section.bridge.float.journal p.imgcapt, section.bridge.float.locale section.neighbors p.imgcapt, section.neighbors section.bridge.float.locale p.imgcapt, section.bridge.float.journal section.bridge.letter p.imgcapt, section.bridge.letter section.bridge.float.journal p.imgcapt, section.bridge.float.locale section.bridge.letter p.imgcapt, section.bridge.letter section.bridge.float.locale p.imgcapt, section.bridge.float.journal .story-quote.short p.imgcapt, .story-quote.short section.bridge.float.journal p.imgcapt, section.bridge.float.locale .story-quote.short p.imgcapt, .story-quote.short section.bridge.float.locale p.imgcapt, section.bridge.float.journal .aboutcard.team .short.quote p.imgcapt, .aboutcard.team .short.quote section.bridge.float.journal p.imgcapt, section.bridge.float.locale .aboutcard.team .short.quote p.imgcapt, .aboutcard.team .short.quote section.bridge.float.locale p.imgcapt, section.bridge.float.journal .aboutcard.team .quote.locale-menu.sea p.imgcapt, .aboutcard.team .quote.locale-menu.sea section.bridge.float.journal p.imgcapt, section.bridge.float.locale .aboutcard.team .quote.locale-menu.sea p.imgcapt, .aboutcard.team .quote.locale-menu.sea section.bridge.float.locale p.imgcapt, section.bridge.float.journal .aboutcard.team .quote.locale-menu.den p.imgcapt, .aboutcard.team .quote.locale-menu.den section.bridge.float.journal p.imgcapt, section.bridge.float.locale .aboutcard.team .quote.locale-menu.den p.imgcapt, .aboutcard.team .quote.locale-menu.den section.bridge.float.locale p.imgcapt, section.bridge.float.journal .story-quote.locale-menu.sea p.imgcapt, .story-quote.locale-menu.sea section.bridge.float.journal p.imgcapt, section.bridge.float.locale .story-quote.locale-menu.sea p.imgcapt, .story-quote.locale-menu.sea section.bridge.float.locale p.imgcapt, section.bridge.float.journal .story-quote.locale-menu.den p.imgcapt, .story-quote.locale-menu.den section.bridge.float.journal p.imgcapt, section.bridge.float.locale .story-quote.locale-menu.den p.imgcapt, .story-quote.locale-menu.den section.bridge.float.locale p.imgcapt, section.bridge.float.journal section.description p.imgcapt, section.description section.bridge.float.journal p.imgcapt, section.bridge.float.locale section.description p.imgcapt, section.description section.bridge.float.locale p.imgcapt, section.bridge.float.journal .aboutcard.board.active .tile h5.imgcapt, .aboutcard.board.active .tile section.bridge.float.journal h5.imgcapt, section.bridge.float.locale .aboutcard.board.active .tile h5.imgcapt, .aboutcard.board.active .tile section.bridge.float.locale h5.imgcapt {
    width: 110%; }
    @media (max-width: 768px) {
      section.bridge.float.journal .imgcapt.large, section.bridge.float.locale .imgcapt.large, section.bridge.float.journal .statement .imgcapt.line, section.bridge.float.locale .statement .imgcapt.line, section.bridge.float.journal section.slider p.imgcapt, section.slider section.bridge.float.journal p.imgcapt, section.bridge.float.locale section.slider p.imgcapt, section.slider section.bridge.float.locale p.imgcapt, section.bridge.float.journal section.sliderh p.imgcapt, section.sliderh section.bridge.float.journal p.imgcapt, section.bridge.float.locale section.sliderh p.imgcapt, section.sliderh section.bridge.float.locale p.imgcapt, section.bridge.float.journal section.neighbors p.imgcapt, section.neighbors section.bridge.float.journal p.imgcapt, section.bridge.float.locale section.neighbors p.imgcapt, section.neighbors section.bridge.float.locale p.imgcapt, section.bridge.float.journal section.bridge.letter p.imgcapt, section.bridge.letter section.bridge.float.journal p.imgcapt, section.bridge.float.locale section.bridge.letter p.imgcapt, section.bridge.letter section.bridge.float.locale p.imgcapt, section.bridge.float.journal .story-quote.short p.imgcapt, .story-quote.short section.bridge.float.journal p.imgcapt, section.bridge.float.locale .story-quote.short p.imgcapt, .story-quote.short section.bridge.float.locale p.imgcapt, section.bridge.float.journal .aboutcard.team .short.quote p.imgcapt, .aboutcard.team .short.quote section.bridge.float.journal p.imgcapt, section.bridge.float.locale .aboutcard.team .short.quote p.imgcapt, .aboutcard.team .short.quote section.bridge.float.locale p.imgcapt, section.bridge.float.journal .aboutcard.team .quote.locale-menu.sea p.imgcapt, .aboutcard.team .quote.locale-menu.sea section.bridge.float.journal p.imgcapt, section.bridge.float.locale .aboutcard.team .quote.locale-menu.sea p.imgcapt, .aboutcard.team .quote.locale-menu.sea section.bridge.float.locale p.imgcapt, section.bridge.float.journal .aboutcard.team .quote.locale-menu.den p.imgcapt, .aboutcard.team .quote.locale-menu.den section.bridge.float.journal p.imgcapt, section.bridge.float.locale .aboutcard.team .quote.locale-menu.den p.imgcapt, .aboutcard.team .quote.locale-menu.den section.bridge.float.locale p.imgcapt, section.bridge.float.journal .story-quote.locale-menu.sea p.imgcapt, .story-quote.locale-menu.sea section.bridge.float.journal p.imgcapt, section.bridge.float.locale .story-quote.locale-menu.sea p.imgcapt, .story-quote.locale-menu.sea section.bridge.float.locale p.imgcapt, section.bridge.float.journal .story-quote.locale-menu.den p.imgcapt, .story-quote.locale-menu.den section.bridge.float.journal p.imgcapt, section.bridge.float.locale .story-quote.locale-menu.den p.imgcapt, .story-quote.locale-menu.den section.bridge.float.locale p.imgcapt, section.bridge.float.journal section.description p.imgcapt, section.description section.bridge.float.journal p.imgcapt, section.bridge.float.locale section.description p.imgcapt, section.description section.bridge.float.locale p.imgcapt, section.bridge.float.journal .aboutcard.board.active .tile h5.imgcapt, .aboutcard.board.active .tile section.bridge.float.journal h5.imgcapt, section.bridge.float.locale .aboutcard.board.active .tile h5.imgcapt, .aboutcard.board.active .tile section.bridge.float.locale h5.imgcapt {
        width: 125%;
        max-width: 480px; } }
  section.bridge.float.journal .imgcapt p, section.bridge.float.locale .imgcapt p {
    width: 66%;
    margin: auto;
    padding: 2rem 0 3.5rem;
    font-style: italic;
    opacity: 0.75;
    font-size: 2rem; }
    @media (max-width: 768px) {
      section.bridge.float.journal .imgcapt p, section.bridge.float.locale .imgcapt p {
        font-size: 1.5rem;
        min-width: 300px; } }

section.bridge.float.journal .imghead, section.bridge.float.locale .imghead {
  position: relative;
  width: 100%;
  max-width: 660px;
  min-height: 330px;
  margin-top: 20vh;
  margin-bottom: 1.5vh;
  margin-left: 0%; }
  @media (max-width: 768px) {
    section.bridge.float.journal .imghead, section.bridge.float.locale .imghead {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      justify-content: flex-end;
      align-items: flex-start;
      margin-top: 30vh; } }
  section.bridge.float.journal .imghead.top, section.bridge.float.locale .imghead.top {
    margin-bottom: 0; }
  section.bridge.float.journal .imghead h5.caps, section.bridge.float.locale .imghead h5.caps, section.bridge.float.journal .imghead h5.arrowh, section.bridge.float.locale .imghead h5.arrowh {
    position: relative;
    z-index: 2;
    font-size: 2.25rem;
    letter-spacing: 0.15em; }
    @media (max-width: 768px) {
      section.bridge.float.journal .imghead h5.caps, section.bridge.float.locale .imghead h5.caps, section.bridge.float.journal .imghead h5.arrowh, section.bridge.float.locale .imghead h5.arrowh {
        font-size: 1.5rem; } }
  section.bridge.float.journal .imghead.small h2, section.bridge.float.locale .imghead.small h2, section.bridge.float.journal .imghead.contact_us-form.med h2, section.bridge.float.locale .imghead.contact_us-form.med h2 {
    font-size: 4.25vw; }
    @media (min-width: 1500px) {
      section.bridge.float.journal .imghead.small h2, section.bridge.float.locale .imghead.small h2, section.bridge.float.journal .imghead.contact_us-form.med h2, section.bridge.float.locale .imghead.contact_us-form.med h2 {
        font-size: 5.75rem; } }
    @media (max-width: 768px) {
      section.bridge.float.journal .imghead.small h2, section.bridge.float.locale .imghead.small h2, section.bridge.float.journal .imghead.contact_us-form.med h2, section.bridge.float.locale .imghead.contact_us-form.med h2 {
        font-size: 8.5vw;
        margin: 0.75vh 0 2.5vh; } }
  section.bridge.float.journal .imghead h2, section.bridge.float.locale .imghead h2 {
    position: relative;
    z-index: 3;
    max-width: 660px;
    margin: 2vh 0 5.5vh;
    line-height: 1.25;
    font-size: 5vw;
    font-weight: 300;
    text-transform: lowercase; }
    @media (min-width: 1500px) {
      section.bridge.float.journal .imghead h2, section.bridge.float.locale .imghead h2 {
        font-size: 6.25rem; } }
    @media (max-width: 768px) {
      section.bridge.float.journal .imghead h2, section.bridge.float.locale .imghead h2 {
        font-size: 10vw;
        margin: 0.75vh 0 2.5vh; } }
    section.bridge.float.journal .imghead h2.large, section.bridge.float.locale .imghead h2.large, section.bridge.float.journal .imghead .statement h2.line, section.bridge.float.journal .statement .imghead h2.line, section.bridge.float.locale .imghead .statement h2.line, section.bridge.float.locale .statement .imghead h2.line {
      font-size: 7vw; }
      @media (min-width: 1500px) {
        section.bridge.float.journal .imghead h2.large, section.bridge.float.locale .imghead h2.large, section.bridge.float.journal .imghead .statement h2.line, section.bridge.float.journal .statement .imghead h2.line, section.bridge.float.locale .imghead .statement h2.line, section.bridge.float.locale .statement .imghead h2.line {
          font-size: 8.25rem; } }
      @media (max-width: 768px) {
        section.bridge.float.journal .imghead h2.large, section.bridge.float.locale .imghead h2.large, section.bridge.float.journal .imghead .statement h2.line, section.bridge.float.journal .statement .imghead h2.line, section.bridge.float.locale .imghead .statement h2.line, section.bridge.float.locale .statement .imghead h2.line {
          font-size: 13.333vw;
          margin: 0.75vh 0 2.5vh; } }
  section.bridge.float.journal .imghead .line, section.bridge.float.locale .imghead .line {
    width: 10rem;
    margin: 3.5vh 0 5vh;
    background: #a6a4d3;
    opacity: 1; }
    @media (max-width: 768px) {
      section.bridge.float.journal .imghead .line, section.bridge.float.locale .imghead .line {
        width: 80px;
        margin: 2vh 0 3vh; } }
  section.bridge.float.journal .imghead .img-wrap, section.bridge.float.locale .imghead .img-wrap {
    position: absolute;
    z-index: 0;
    top: -25%;
    left: 66.666%;
    width: 732px;
    height: 150%;
    overflow: hidden; }
    @media (max-width: 768px) {
      section.bridge.float.journal .imghead .img-wrap, section.bridge.float.locale .imghead .img-wrap {
        top: -50%;
        left: -15%;
        width: 130%;
        height: auto; } }
    section.bridge.float.journal .imghead .img-wrap img, section.bridge.float.locale .imghead .img-wrap img {
      min-width: 100%;
      width: auto;
      height: auto;
      min-height: 100%; }
    section.bridge.float.journal .imghead .img-wrap:before, section.bridge.float.locale .imghead .img-wrap:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover;
      z-index: 2;
      background: linear-gradient(to right, rgba(255, 255, 255, 0.66) 0%, rgba(255, 255, 255, 0) 60%), linear-gradient(to top right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 80%); }
      @media (max-width: 768px) {
        section.bridge.float.journal .imghead .img-wrap:before, section.bridge.float.locale .imghead .img-wrap:before {
          background: linear-gradient(to top, rgba(255, 255, 255, 0.66) 0%, rgba(255, 255, 255, 0) 75%), linear-gradient(to top right, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 90%); } }
    section.bridge.float.journal .imghead .img-wrap.zoom img, section.bridge.float.locale .imghead .img-wrap.zoom img {
      transform: scale(1.15); }

section.bodygap .content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  min-height: 600px;
  max-height: 750px; }

section.bodygap.quotebreak .quote-wrap {
  position: relative;
  width: 75%;
  min-width: 720px;
  max-width: 900px; }
  @media (max-width: 768px) {
    section.bodygap.quotebreak .quote-wrap {
      min-width: 100%;
      max-width: 480px; } }
  section.bodygap.quotebreak .quote-wrap h1 {
    margin: 12.5vh 0 0 0;
    line-height: 1.333;
    font-size: 5vw;
    font-weight: 400;
    font-style: italic;
    text-align: center; }
    @media (min-width: 1500px) {
      section.bodygap.quotebreak .quote-wrap h1 {
        font-size: 6.25rem; } }
    @media (max-width: 768px) {
      section.bodygap.quotebreak .quote-wrap h1 {
        font-size: 3.666rem; } }

section.bodygap.foot .content-wrapper {
  height: auto;
  min-height: 450px;
  max-height: auto;
  justify-content: flex-end; }
  section.bodygap.foot .content-wrapper .quote-wrap h1 {
    margin-top: 23rem;
    margin-bottom: 6.25rem; }
    @media (max-width: 768px) {
      section.bodygap.foot .content-wrapper .quote-wrap h1 {
        margin-top: 16rem;
        margin-bottom: 2rem; } }

.path-line {
  position: absolute;
  top: 100%;
  width: 100%; }
  .path-line img {
    width: auto;
    height: 40vh;
    min-height: 360px;
    max-height: 480px;
    margin-top: -12vh; }
  @media (max-width: 768px) {
    .path-line {
      transform: scale(0.75);
      transform-origin: 50% -20%; } }
  .path-line.fixed img {
    height: 375px;
    min-height: 375px;
    max-height: 375px;
    margin-top: -115px; }
    @media (max-width: 768px) {
      .path-line.fixed img {
        margin-top: -100px; } }

.pagew, section.bridge.float.locale {
  width: 70vw;
  max-width: 1120px; }
  @media (min-width: 768px) and (max-width: 1400px) {
    .pagew, section.bridge.float.locale {
      width: 75vw;
      min-width: 940px; } }
  @media (min-width: 768px) and (max-width: 1168px) {
    .pagew, section.bridge.float.locale {
      width: 80vw;
      min-width: 792px; } }
  @media (min-width: 768px) and (max-width: 960px) {
    .pagew, section.bridge.float.locale {
      width: 85vw;
      min-width: 690px; } }

body.locale .header .header-inner {
  max-width: 1368px; }

.intro.locale .cover-wrap {
  justify-content: center;
  padding-top: 22.5rem; }
  @media (max-width: 768px) {
    .intro.locale .cover-wrap {
      padding-top: 28.333vh; } }

.intro.locale .covercol {
  width: 66%; }
  @media (max-width: 768px) {
    .intro.locale .covercol {
      width: 95%; } }

.intro.locale .locale-menu h1 {
  padding-right: 0; }

.intro.locale .locale-menu .arrow {
  display: none; }

.locale-menu {
  position: relative;
  width: auto; }
  @media (max-width: 768px) {
    .locale-menu {
      width: 100%;
      max-width: 600px;
      padding-left: 5%; } }
  .locale-menu h4 {
    line-height: 1.1;
    font-size: 3.5vw;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.04em;
    margin: 0;
    white-space: nowrap;
    text-align: left; }
    @media (min-width: 1600px) {
      .locale-menu h4 {
        font-size: 4.666rem; } }
    @media (max-width: 768px) {
      .locale-menu h4 {
        width: 100%;
        font-size: 8vw;
        margin-bottom: 1rem; } }
  .locale-menu h1 {
    position: relative;
    z-index: 5;
    align-items: flex-start;
    margin: 0;
    padding-right: 10.5rem;
    line-height: 1.15;
    font-size: 9.6vw;
    font-weight: 500;
    letter-spacing: 0.03em;
    cursor: pointer;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .locale-menu h1 {
        display: inline-block;
        width: auto;
        padding-right: 0.5rem;
        font-size: 18vw; } }
    @media (min-width: 1600px) {
      .locale-menu h1 {
        font-size: 13rem; } }
    .locale-menu h1:after {
      content: '';
      position: absolute;
      z-index: -1;
      top: 100%;
      left: -0.5rem;
      right: -0.5rem;
      height: 14px;
      border-radius: 7px;
      background-image: linear-gradient(to right, #9897e3 0%, #b8c2ff 100%);
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
      @media (max-width: 768px) {
        .locale-menu h1:after {
          height: 10px;
          border-radius: 5px; } }
  .locale-menu.small h1, .locale-menu.contact_us-form.med h1 {
    font-size: 8vw;
    letter-spacing: 0.025em; }
    @media (min-width: 1600px) {
      .locale-menu.small h1, .locale-menu.contact_us-form.med h1 {
        font-size: 11rem; } }
    @media (max-width: 768px) {
      .locale-menu.small h1, .locale-menu.contact_us-form.med h1 {
        font-size: 4.5rem; } }
  .locale-menu.short h1, .locale-menu.sea h1, .locale-menu.den h1 {
    font-size: 10.25vw; }
    @media (max-width: 768px) {
      .locale-menu.short h1, .locale-menu.sea h1, .locale-menu.den h1 {
        font-size: 22vw; } }
    @media (min-width: 1600px) {
      .locale-menu.short h1, .locale-menu.sea h1, .locale-menu.den h1 {
        font-size: 14rem; } }
  .locale-menu .arrow {
    position: absolute;
    top: 50%;
    right: 0;
    width: 80px;
    height: 4rem; }
    @media (max-width: 768px) {
      .locale-menu .arrow {
        display: none; } }
    .locale-menu .arrow span:before, .locale-menu .arrow span:after {
      content: '';
      position: absolute;
      width: 62px;
      height: 14px;
      border-radius: 7px;
      background: #bac3fe; }
    .locale-menu .arrow span:before {
      right: 50%;
      bottom: 0;
      transform: rotate(47.5deg);
      transform-origin: 95% 100%; }
    .locale-menu .arrow span:after {
      left: 50%;
      bottom: 0;
      transform: rotate(-47.5deg);
      transform-origin: 5% 100%; }
  .locale-menu .icon, .locale-menu .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .locale-menu .btn.team, .locale-menu .profile-nav .btn.team, .profile-nav .locale-menu .btn.team, .locale-menu .profile-nav .btn.give, .profile-nav .locale-menu .btn.give, .locale-menu section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .locale-menu .btn.uibtn.give {
    position: absolute;
    z-index: -1;
    top: 50%; }
    @media (max-width: 768px) {
      .locale-menu .icon, .locale-menu .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .locale-menu .btn.team, .locale-menu .profile-nav .btn.team, .profile-nav .locale-menu .btn.team, .locale-menu .profile-nav .btn.give, .profile-nav .locale-menu .btn.give, .locale-menu section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .locale-menu .btn.uibtn.give {
        right: 0;
        left: auto; } }
    .locale-menu .icon svg, .locale-menu .encourage .encourage-wrapper .btn.team svg, .encourage .encourage-wrapper .locale-menu .btn.team svg, .locale-menu .profile-nav .btn.team svg, .profile-nav .locale-menu .btn.team svg, .locale-menu .profile-nav .btn.give svg, .profile-nav .locale-menu .btn.give svg, .locale-menu section.locale-members .profile-nav .btn.uibtn.give svg, section.locale-members .profile-nav .locale-menu .btn.uibtn.give svg {
      animation: float 3.3s 0s ease-in-out infinite alternate; }

.locale-menu.lou .icon, .locale-menu.lou .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .locale-menu.lou .btn.team, .locale-menu.lou .profile-nav .btn.team, .profile-nav .locale-menu.lou .btn.team, .locale-menu.lou .profile-nav .btn.give, .profile-nav .locale-menu.lou .btn.give, .locale-menu.lou section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .locale-menu.lou .btn.uibtn.give {
  left: -210px;
  width: 375px;
  margin-top: -15rem; }
  @media (max-width: 768px) {
    .locale-menu.lou .icon, .locale-menu.lou .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .locale-menu.lou .btn.team, .locale-menu.lou .profile-nav .btn.team, .profile-nav .locale-menu.lou .btn.team, .locale-menu.lou .profile-nav .btn.give, .profile-nav .locale-menu.lou .btn.give, .locale-menu.lou section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .locale-menu.lou .btn.uibtn.give {
      width: 204px;
      left: auto;
      margin-top: -8rem; } }

.locale-menu.ie, .locale-menu.oc {
  left: -5vw; }
  @media (max-width: 768px) {
    .locale-menu.ie, .locale-menu.oc {
      left: 0; } }
  .locale-menu.ie h1, .locale-menu.oc h1 {
    font-size: 8.5vw; }
    @media (max-width: 768px) {
      .locale-menu.ie h1, .locale-menu.oc h1 {
        font-size: 14vw; } }
    @media (min-width: 1600px) {
      .locale-menu.ie h1, .locale-menu.oc h1 {
        font-size: 11.75rem; } }

.locale-menu.la .icon, .locale-menu.la .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .locale-menu.la .btn.team, .locale-menu.la .profile-nav .btn.team, .profile-nav .locale-menu.la .btn.team, .locale-menu.la .profile-nav .btn.give, .profile-nav .locale-menu.la .btn.give, .locale-menu.la section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .locale-menu.la .btn.uibtn.give {
  left: -360px;
  width: 420px;
  margin-top: -13.5rem; }
  @media (max-width: 768px) {
    .locale-menu.la .icon, .locale-menu.la .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .locale-menu.la .btn.team, .locale-menu.la .profile-nav .btn.team, .profile-nav .locale-menu.la .btn.team, .locale-menu.la .profile-nav .btn.give, .profile-nav .locale-menu.la .btn.give, .locale-menu.la section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .locale-menu.la .btn.uibtn.give {
      width: 228px;
      left: auto;
      margin-top: -14rem; } }

.locale-menu.sea .icon, .locale-menu.sea .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .locale-menu.sea .btn.team, .locale-menu.sea .profile-nav .btn.team, .profile-nav .locale-menu.sea .btn.team, .locale-menu.sea .profile-nav .btn.give, .profile-nav .locale-menu.sea .btn.give, .locale-menu.sea section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .locale-menu.sea .btn.uibtn.give {
  left: -270px;
  width: 375px;
  margin-top: -15rem; }
  @media (max-width: 768px) {
    .locale-menu.sea .icon, .locale-menu.sea .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .locale-menu.sea .btn.team, .locale-menu.sea .profile-nav .btn.team, .profile-nav .locale-menu.sea .btn.team, .locale-menu.sea .profile-nav .btn.give, .profile-nav .locale-menu.sea .btn.give, .locale-menu.sea section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .locale-menu.sea .btn.uibtn.give {
      width: 240px;
      left: auto;
      right: -30px;
      margin-top: -11rem; } }

.locale-menu.den .icon, .locale-menu.den .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .locale-menu.den .btn.team, .locale-menu.den .profile-nav .btn.team, .profile-nav .locale-menu.den .btn.team, .locale-menu.den .profile-nav .btn.give, .profile-nav .locale-menu.den .btn.give, .locale-menu.den section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .locale-menu.den .btn.uibtn.give {
  left: -350px;
  width: 408px;
  margin-top: -15.5rem; }
  @media (max-width: 768px) {
    .locale-menu.den .icon, .locale-menu.den .encourage .encourage-wrapper .btn.team, .encourage .encourage-wrapper .locale-menu.den .btn.team, .locale-menu.den .profile-nav .btn.team, .profile-nav .locale-menu.den .btn.team, .locale-menu.den .profile-nav .btn.give, .profile-nav .locale-menu.den .btn.give, .locale-menu.den section.locale-members .profile-nav .btn.uibtn.give, section.locale-members .profile-nav .locale-menu.den .btn.uibtn.give {
      width: 228px;
      left: auto;
      right: -50px;
      margin-top: -13.5rem; } }

.locale-modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999; }
  .locale-modal .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 999;
    width: 100%;
    height: 100%; }
  .locale-modal .menu {
    position: absolute;
    z-index: 9;
    width: 600px;
    min-height: 240px;
    color: #fff;
    padding: 3.333rem 0; }
    @media (max-width: 768px) {
      .locale-modal .menu {
        width: 88%;
        padding: 2.333rem 0; } }
    .locale-modal .menu:after {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #2f365b;
      background-image: linear-gradient(30deg, #33385c 0%, #535b95 100%);
      border-radius: 2rem;
      box-shadow: 0 6px 36px -3px rgba(0, 0, 0, 0.25); }
    .locale-modal .menu li {
      display: block;
      position: relative;
      z-index: 1;
      padding: 0.75rem 3rem;
      padding-right: 4.5rem; }
      @media (max-width: 768px) {
        .locale-modal .menu li {
          padding: 0.75rem 3rem;
          padding-right: 3.75rem; } }
      .locale-modal .menu li h4 {
        font-size: 3rem;
        font-weight: 500; }
        @media (max-width: 768px) {
          .locale-modal .menu li h4 {
            font-size: 2.8333rem; } }
      .locale-modal .menu li a {
        display: block;
        padding: 0.3rem 2rem;
        color: rgba(255, 255, 255, 0.6); }
        @media (max-width: 768px) {
          .locale-modal .menu li a {
            padding: 0rem 0; } }
        .locale-modal .menu li a:hover {
          color: #fff;
          box-shadow: inset -6px 0 #fff; }
  .locale-modal .bgfade {
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }

body.locale-menu-open .locale-modal {
  display: block; }

@media (max-width: 768px) {
  section.bridge.float.locale {
    width: 92.5vw;
    padding: 6vh 0 6vh 0; } }

@media (max-width: 768px) {
  section.bridge.float.locale .content-wrapper {
    max-width: 480px; } }

section.bridge.float.locale .content-wrapper.wide, section.bridge.float.locale .content-wrapper.intro.stakeholder.alt.xwide, section.bridge.float.locale .content-wrapper.intro.xwide.stories, section.bridge.float.locale section.bridge.stories p.content-wrapper.intro.stories, section.bridge.stories section.bridge.float.locale p.content-wrapper.intro.stories, body.fund.runwith section.bridge.float.locale p.content-wrapper.intro.stories, section.bridge.float.locale section.bridge.about p.content-wrapper.intro.stories, section.bridge.about section.bridge.float.locale p.content-wrapper.intro.stories, section.bridge.float.locale .aboutcard.value#val1 .content-wrapper.intro.stories.number, .aboutcard.value#val1 section.bridge.float.locale .content-wrapper.intro.stories.number, section.bridge.float.locale section.bridge.stories p.content-wrapper.intro.stakeholder.alt, section.bridge.stories section.bridge.float.locale p.content-wrapper.intro.stakeholder.alt, section.bridge.float.locale section.bridge.stories p.content-wrapper.intro.fund, section.bridge.stories section.bridge.float.locale p.content-wrapper.intro.fund, section.bridge.float.locale section.bridge.stories p.content-wrapper.intro.about, section.bridge.stories section.bridge.float.locale p.content-wrapper.intro.about, section.bridge.float.locale .content-wrapper.intro.xwide.fund, body.fund.runwith section.bridge.float.locale p.content-wrapper.intro.fund, section.bridge.float.locale section.bridge.about p.content-wrapper.intro.fund, section.bridge.about section.bridge.float.locale p.content-wrapper.intro.fund, section.bridge.float.locale .aboutcard.value#val1 .content-wrapper.intro.fund.number, .aboutcard.value#val1 section.bridge.float.locale .content-wrapper.intro.fund.number, body.fund.runwith section.bridge.float.locale p.content-wrapper.intro.stakeholder.alt, body.fund.runwith section.bridge.float.locale p.content-wrapper.intro.about, section.bridge.float.locale .content-wrapper.intro.xwide.about, section.bridge.float.locale section.bridge.about p.content-wrapper.intro.about, section.bridge.about section.bridge.float.locale p.content-wrapper.intro.about, section.bridge.float.locale .aboutcard.value#val1 .content-wrapper.intro.about.number, .aboutcard.value#val1 section.bridge.float.locale .content-wrapper.intro.about.number, section.bridge.float.locale section.bridge.about p.content-wrapper.intro.stakeholder.alt, section.bridge.about section.bridge.float.locale p.content-wrapper.intro.stakeholder.alt, section.bridge.float.locale .aboutcard.value#val1 .content-wrapper.intro.stakeholder.alt.number, .aboutcard.value#val1 section.bridge.float.locale .content-wrapper.intro.stakeholder.alt.number, section.bridge.float.locale section.bridge.wide p.content-wrapper, section.bridge.wide section.bridge.float.locale p.content-wrapper, section.bridge.float.locale section.aboutmain .content-wrapper, section.aboutmain section.bridge.float.locale .content-wrapper, body.appland section.bridge.float.locale p.content-wrapper {
  width: 80%;
  max-width: 900px; }
  @media (max-width: 768px) {
    section.bridge.float.locale .content-wrapper.wide, section.bridge.float.locale .content-wrapper.intro.stakeholder.alt.xwide, section.bridge.float.locale .content-wrapper.intro.xwide.stories, section.bridge.float.locale section.bridge.stories p.content-wrapper.intro.stories, section.bridge.stories section.bridge.float.locale p.content-wrapper.intro.stories, body.fund.runwith section.bridge.float.locale p.content-wrapper.intro.stories, section.bridge.float.locale section.bridge.about p.content-wrapper.intro.stories, section.bridge.about section.bridge.float.locale p.content-wrapper.intro.stories, section.bridge.float.locale .aboutcard.value#val1 .content-wrapper.intro.stories.number, .aboutcard.value#val1 section.bridge.float.locale .content-wrapper.intro.stories.number, section.bridge.float.locale section.bridge.stories p.content-wrapper.intro.stakeholder.alt, section.bridge.stories section.bridge.float.locale p.content-wrapper.intro.stakeholder.alt, section.bridge.float.locale section.bridge.stories p.content-wrapper.intro.fund, section.bridge.stories section.bridge.float.locale p.content-wrapper.intro.fund, section.bridge.float.locale section.bridge.stories p.content-wrapper.intro.about, section.bridge.stories section.bridge.float.locale p.content-wrapper.intro.about, section.bridge.float.locale .content-wrapper.intro.xwide.fund, body.fund.runwith section.bridge.float.locale p.content-wrapper.intro.fund, section.bridge.float.locale section.bridge.about p.content-wrapper.intro.fund, section.bridge.about section.bridge.float.locale p.content-wrapper.intro.fund, section.bridge.float.locale .aboutcard.value#val1 .content-wrapper.intro.fund.number, .aboutcard.value#val1 section.bridge.float.locale .content-wrapper.intro.fund.number, body.fund.runwith section.bridge.float.locale p.content-wrapper.intro.stakeholder.alt, body.fund.runwith section.bridge.float.locale p.content-wrapper.intro.about, section.bridge.float.locale .content-wrapper.intro.xwide.about, section.bridge.float.locale section.bridge.about p.content-wrapper.intro.about, section.bridge.about section.bridge.float.locale p.content-wrapper.intro.about, section.bridge.float.locale .aboutcard.value#val1 .content-wrapper.intro.about.number, .aboutcard.value#val1 section.bridge.float.locale .content-wrapper.intro.about.number, section.bridge.float.locale section.bridge.about p.content-wrapper.intro.stakeholder.alt, section.bridge.about section.bridge.float.locale p.content-wrapper.intro.stakeholder.alt, section.bridge.float.locale .aboutcard.value#val1 .content-wrapper.intro.stakeholder.alt.number, .aboutcard.value#val1 section.bridge.float.locale .content-wrapper.intro.stakeholder.alt.number, section.bridge.float.locale section.bridge.wide p.content-wrapper, section.bridge.wide section.bridge.float.locale p.content-wrapper, section.bridge.float.locale section.aboutmain .content-wrapper, section.aboutmain section.bridge.float.locale .content-wrapper, body.appland section.bridge.float.locale p.content-wrapper {
      width: 92.5%;
      max-width: 480px; } }

section.bridge.float.locale.bottomcta {
  margin-bottom: 7.5vh; }
  @media (max-width: 768px) {
    section.bridge.float.locale.bottomcta {
      padding-bottom: 12vh; } }

section.bridge.float.locale a.scroll-cue {
  top: -4.5rem;
  height: 5.5rem;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.75); }
  section.bridge.float.locale a.scroll-cue h5.arrowh {
    line-height: 1;
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 2.75rem; }
  section.bridge.float.locale a.scroll-cue.fat .arrow:before, section.bridge.float.locale section.bridge.light a.scroll-cue .arrow:before, section.bridge.light section.bridge.float.locale a.scroll-cue .arrow:before, section.bridge.float.locale section.bridge.stakeholder a.scroll-cue .arrow:before, section.bridge.stakeholder section.bridge.float.locale a.scroll-cue .arrow:before, section.bridge.float.locale section.bridge.about a.scroll-cue .arrow:before, section.bridge.about section.bridge.float.locale a.scroll-cue .arrow:before, section.bridge.float.locale a.scroll-cue .arrow:before, section.bridge.float.locale a.scroll-cue.fat .arrow:after, section.bridge.float.locale section.bridge.light a.scroll-cue .arrow:after, section.bridge.light section.bridge.float.locale a.scroll-cue .arrow:after, section.bridge.float.locale section.bridge.stakeholder a.scroll-cue .arrow:after, section.bridge.stakeholder section.bridge.float.locale a.scroll-cue .arrow:after, section.bridge.float.locale section.bridge.about a.scroll-cue .arrow:after, section.bridge.about section.bridge.float.locale a.scroll-cue .arrow:after, section.bridge.float.locale a.scroll-cue .arrow:after {
    width: 42px;
    height: 8px;
    border-radius: 4px; }

section.bridge.float.locale .line {
  margin: 3vh 0 3vh; }
  @media (max-width: 768px) {
    section.bridge.float.locale .line {
      width: 20%;
      max-width: 90px;
      margin: 1.5vh 0 1.5vh; } }

section.bridge.float.locale h4.leadin {
  font-size: 3.333rem;
  font-weight: 400;
  font-style: italic;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem; }
  @media (max-width: 768px) {
    section.bridge.float.locale h4.leadin {
      margin-top: 2.5vh;
      margin-bottom: 0;
      font-size: 2.25rem;
      font-size: 6vw; } }

section.bridge.float.locale h2 {
  line-height: 1.4;
  font-size: 5.5vw;
  text-align: center;
  max-width: 780px; }
  @media (min-width: 1400px) {
    section.bridge.float.locale h2 {
      font-size: 6rem; } }
  @media (max-width: 768px) {
    section.bridge.float.locale h2 {
      font-size: 10.5vw;
      margin-bottom: 4vh; } }
  section.bridge.float.locale h2.small, section.bridge.float.locale h2.contact_us-form.med {
    max-width: 900px;
    margin-left: auto;
    font-size: 5rem; }
    @media (min-width: 1600px) {
      section.bridge.float.locale h2.small, section.bridge.float.locale h2.contact_us-form.med {
        font-size: 5.5rem; } }
    @media (max-width: 768px) {
      section.bridge.float.locale h2.small, section.bridge.float.locale h2.contact_us-form.med {
        font-size: 9vw;
        margin-bottom: 5vh; } }

section.bridge.float.locale h4 {
  max-width: 660px;
  margin-top: 3vh;
  margin-bottom: 7vh;
  line-height: 1.666;
  text-transform: none; }
  @media (max-width: 768px) {
    section.bridge.float.locale h4 {
      margin: 4vh 0 2vh;
      text-align: center;
      font-size: 5vw; } }
  @media (min-width: 769px) {
    section.bridge.float.locale h4 {
      margin-left: 5%; } }

section.bridge.float.locale p {
  font-size: 2.5rem;
  margin: 4vh 0 1rem;
  max-width: 700px;
  text-align: center; }
  @media (max-width: 768px) {
    section.bridge.float.locale p {
      line-height: 1.5;
      font-size: 2rem; } }
  section.bridge.float.locale p.long {
    text-align: left;
    font-size: 2.25rem;
    max-width: 600px; }
  section.bridge.float.locale p.large, section.bridge.float.locale .statement p.line, section.bridge.float.locale section.slider p, section.slider section.bridge.float.locale p, section.bridge.float.locale section.sliderh p, section.sliderh section.bridge.float.locale p, section.bridge.float.locale section.neighbors p, section.neighbors section.bridge.float.locale p, section.bridge.float.locale section.bridge.letter p, section.bridge.letter section.bridge.float.locale p, section.bridge.float.locale .story-quote.short p, .story-quote.short section.bridge.float.locale p, section.bridge.float.locale .aboutcard.team .short.quote p, .aboutcard.team .short.quote section.bridge.float.locale p, section.bridge.float.locale .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.sea section.bridge.float.locale p, section.bridge.float.locale .aboutcard.team .quote.locale-menu.den p, .aboutcard.team .quote.locale-menu.den section.bridge.float.locale p, section.bridge.float.locale .story-quote.locale-menu.sea p, .story-quote.locale-menu.sea section.bridge.float.locale p, section.bridge.float.locale .story-quote.locale-menu.den p, .story-quote.locale-menu.den section.bridge.float.locale p, section.bridge.float.locale section.description p, section.description section.bridge.float.locale p {
    max-width: 750px;
    font-size: 2.75rem; }
    @media (max-width: 768px) {
      section.bridge.float.locale p.large, section.bridge.float.locale .statement p.line, section.bridge.float.locale section.slider p, section.slider section.bridge.float.locale p, section.bridge.float.locale section.sliderh p, section.sliderh section.bridge.float.locale p, section.bridge.float.locale section.neighbors p, section.neighbors section.bridge.float.locale p, section.bridge.float.locale section.bridge.letter p, section.bridge.letter section.bridge.float.locale p, section.bridge.float.locale .story-quote.short p, .story-quote.short section.bridge.float.locale p, section.bridge.float.locale .aboutcard.team .short.quote p, .aboutcard.team .short.quote section.bridge.float.locale p, section.bridge.float.locale .aboutcard.team .quote.locale-menu.sea p, .aboutcard.team .quote.locale-menu.sea section.bridge.float.locale p, section.bridge.float.locale .aboutcard.team .quote.locale-menu.den p, .aboutcard.team .quote.locale-menu.den section.bridge.float.locale p, section.bridge.float.locale .story-quote.locale-menu.sea p, .story-quote.locale-menu.sea section.bridge.float.locale p, section.bridge.float.locale .story-quote.locale-menu.den p, .story-quote.locale-menu.den section.bridge.float.locale p, section.bridge.float.locale section.description p, section.description section.bridge.float.locale p {
        font-size: 5.75vw; } }

section.bridge.float.locale p.leadout {
  font-size: 2.75rem;
  margin: 3.5rem 0 8vh;
  text-align: center; }
  section.bridge.float.locale p.leadout em {
    display: block; }
  @media (max-width: 768px) {
    section.bridge.float.locale p.leadout {
      font-size: 7.25vw; } }

section.bridge.float.locale .path-line img {
  margin-top: -7.5vh;
  max-height: 360px; }
  @media (max-width: 768px) {
    section.bridge.float.locale .path-line img {
      margin-top: -12.5vh; } }

section.bridge.locale .affils {
  position: relative;
  width: 90%;
  margin: 2.5vh auto 7.5vh;
  text-align: center; }
  @media (max-width: 768px) {
    section.bridge.locale .affils {
      width: 100%;
      margin: 3vh auto 0;
      transform: scale(0.95); } }
  section.bridge.locale .affils h6 {
    margin-bottom: 2rem; }
  section.bridge.locale .affils .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    height: 7rem;
    margin-bottom: 3rem;
    white-space: nowrap; }
    section.bridge.locale .affils .row img {
      width: 27.5%;
      height: auto; }
    @media (max-width: 768px) {
      section.bridge.locale .affils .row {
        display: block;
        width: 90%;
        height: auto;
        margin: -1rem auto 0;
        white-space: normal; }
        section.bridge.locale .affils .row img {
          width: 42%; }
          section.bridge.locale .affils .row img:first-of-type {
            margin-right: 10%; }
          section.bridge.locale .affils .row img:last-of-type {
            margin-top: 2rem;
            margin-bottom: 2.5rem; }
        section.bridge.locale .affils .row:first-of-type img:last-of-type {
          margin-top: 0; } }
  section.bridge.locale .affils .row.single {
    justify-content: center;
    height: 10rem; }
    section.bridge.locale .affils .row.single img {
      width: auto; }
      @media (max-width: 768px) {
        section.bridge.locale .affils .row.single img {
          min-width: 300px; }
          section.bridge.locale .affils .row.single img:first-of-type, section.bridge.locale .affils .row.single img:last-of-type {
            margin: 0; } }
  section.bridge.locale .affils #hopebuss {
    transform-origin: 50% 10%;
    transform: scale(0.75); }
  section.bridge.locale .affils #camedcenter {
    transform: scale(1.15); }
  section.bridge.locale .affils #bpm {
    transform: scale(0.75); }
  section.bridge.locale .affils #sulzbacher {
    transform: scale(0.75); }
  section.bridge.locale .affils #fam {
    transform: scale(0.8); }

section.bridge.locale .ctablock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20rem;
  padding-bottom: 1rem;
  padding-left: 2.5%;
  border-radius: 0 0 20px 20px;
  background: rgba(0, 0, 0, 0.08);
  text-align: left; }
  @media (max-width: 1024px) {
    section.bridge.locale .ctablock {
      padding-left: 7.5%; } }
  @media (max-width: 768px) {
    section.bridge.locale .ctablock {
      flex-direction: column;
      height: 17rem;
      padding-bottom: 2rem;
      padding-left: 0;
      text-align: center; } }
  section.bridge.locale .ctablock:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0 0 20px 20px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 33%, #fff 100%); }
  section.bridge.locale .ctablock h2 {
    display: inline-block;
    position: relative;
    margin: 0;
    text-align: left;
    line-height: 1.333;
    font-size: 4.5rem;
    white-space: nowrap; }
    section.bridge.locale .ctablock h2 strong {
      display: block;
      font-size: 5rem; }
    @media (max-width: 1440px) {
      section.bridge.locale .ctablock h2 {
        font-size: 3.75vw; }
        section.bridge.locale .ctablock h2 strong {
          letter-spacing: 0;
          font-size: 4.1666vw; } }
    @media (max-width: 1200px) {
      section.bridge.locale .ctablock h2 {
        font-size: 4.25vw; }
        section.bridge.locale .ctablock h2 strong {
          font-size: 4.5vw; } }
    @media (max-width: 1024px) {
      section.bridge.locale .ctablock h2 {
        padding-top: 1.5%;
        font-size: 4vw; }
        section.bridge.locale .ctablock h2 strong {
          font-size: 4.25vw; } }
    @media (max-width: 768px) {
      section.bridge.locale .ctablock h2 {
        width: 100%;
        padding: 0 2.5vw;
        font-size: 5.5vw;
        text-align: center; }
        section.bridge.locale .ctablock h2 strong {
          font-size: 7vw; } }
    @media (max-width: 540px) {
      section.bridge.locale .ctablock h2 {
        font-size: 7.777vw; }
        section.bridge.locale .ctablock h2 strong {
          font-size: 8.888vw; } }
  section.bridge.locale .ctablock .ctabtns {
    display: inline-flex;
    position: relative;
    margin-left: 5.5%;
    margin-right: 2.5%;
    padding-top: 1rem; }
    @media (max-width: 1440px) {
      section.bridge.locale .ctablock .ctabtns {
        margin-left: 3.75vw; } }
    @media (max-width: 768px) {
      section.bridge.locale .ctablock .ctabtns {
        position: absolute;
        top: 100%;
        margin-top: -3rem;
        padding-top: 0.5rem; } }
    section.bridge.locale .ctablock .ctabtns .btn.uibtn h4 {
      letter-spacing: 0.0333em;
      margin: 0;
      line-height: 6.25rem; }
      @media (max-width: 768px) {
        section.bridge.locale .ctablock .ctabtns .btn.uibtn h4 {
          font-size: 2rem;
          line-height: 4.75rem; } }
    section.bridge.locale .ctablock .ctabtns .btn.uibtn.solid, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.give, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.give {
      padding: 0 4.25rem;
      box-shadow: 2px 4px 10px -1px rgba(0, 0, 0, 0.15);
      color: #fff; }
      @media (max-width: 1200px) {
        section.bridge.locale .ctablock .ctabtns .btn.uibtn.solid h4 span, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.give h4 span, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.give h4 span {
          display: none; } }
      @media (max-width: 768px) {
        section.bridge.locale .ctablock .ctabtns .btn.uibtn.solid h4 span, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.give h4 span, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.give h4 span {
          display: inline; } }
    section.bridge.locale .ctablock .ctabtns .btn.uibtn.underline, section.bridge.locale .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team, .encourage .encourage-wrapper section.bridge.locale .ctablock .ctabtns .btn.uibtn.team, section.bridge.locale .ctablock .ctabtns .story-body .links a span.btn.uibtn, .story-body .links a section.bridge.locale .ctablock .ctabtns span.btn.uibtn, section.bridge.locale .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn, .aboutcard.team .links a.text section.bridge.locale .ctablock .ctabtns h5.btn.uibtn, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.team, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.team, section.bridge.locale .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile, section.locale-members .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.profile {
      margin-left: 2.5rem;
      color: rgba(73, 67, 137, 0.75); }
      @media (max-width: 1440px) {
        section.bridge.locale .ctablock .ctabtns .btn.uibtn.underline, section.bridge.locale .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team, .encourage .encourage-wrapper section.bridge.locale .ctablock .ctabtns .btn.uibtn.team, section.bridge.locale .ctablock .ctabtns .story-body .links a span.btn.uibtn, .story-body .links a section.bridge.locale .ctablock .ctabtns span.btn.uibtn, section.bridge.locale .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn, .aboutcard.team .links a.text section.bridge.locale .ctablock .ctabtns h5.btn.uibtn, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.team, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.team, section.bridge.locale .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile, section.locale-members .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.profile {
          margin-left: 2.1vw; } }
      @media (max-width: 768px) {
        section.bridge.locale .ctablock .ctabtns .btn.uibtn.underline, section.bridge.locale .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team, .encourage .encourage-wrapper section.bridge.locale .ctablock .ctabtns .btn.uibtn.team, section.bridge.locale .ctablock .ctabtns .story-body .links a span.btn.uibtn, .story-body .links a section.bridge.locale .ctablock .ctabtns span.btn.uibtn, section.bridge.locale .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn, .aboutcard.team .links a.text section.bridge.locale .ctablock .ctabtns h5.btn.uibtn, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.team, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.team, section.bridge.locale .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile, section.locale-members .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.profile {
          margin-top: 1.5rem; } }
      section.bridge.locale .ctablock .ctabtns .btn.uibtn.underline h4, section.bridge.locale .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team h4, .encourage .encourage-wrapper section.bridge.locale .ctablock .ctabtns .btn.uibtn.team h4, section.bridge.locale .ctablock .ctabtns .story-body .links a span.btn.uibtn h4, .story-body .links a section.bridge.locale .ctablock .ctabtns span.btn.uibtn h4, section.bridge.locale .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn h4, .aboutcard.team .links a.text section.bridge.locale .ctablock .ctabtns h5.btn.uibtn h4, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.team h4, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.team h4, section.bridge.locale .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile h4, section.locale-members .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.profile h4 {
        font-size: 2.333rem; }
        @media (max-width: 1320px) {
          section.bridge.locale .ctablock .ctabtns .btn.uibtn.underline h4 span, section.bridge.locale .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team h4 span, .encourage .encourage-wrapper section.bridge.locale .ctablock .ctabtns .btn.uibtn.team h4 span, section.bridge.locale .ctablock .ctabtns .story-body .links a span.btn.uibtn h4 span, .story-body .links a section.bridge.locale .ctablock .ctabtns span.btn.uibtn h4 span, section.bridge.locale .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn h4 span, .aboutcard.team .links a.text section.bridge.locale .ctablock .ctabtns h5.btn.uibtn h4 span, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.team h4 span, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.team h4 span, section.bridge.locale .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile h4 span, section.locale-members .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.profile h4 span {
            display: none; } }
        @media (max-width: 768px) {
          section.bridge.locale .ctablock .ctabtns .btn.uibtn.underline h4 span, section.bridge.locale .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team h4 span, .encourage .encourage-wrapper section.bridge.locale .ctablock .ctabtns .btn.uibtn.team h4 span, section.bridge.locale .ctablock .ctabtns .story-body .links a span.btn.uibtn h4 span, .story-body .links a section.bridge.locale .ctablock .ctabtns span.btn.uibtn h4 span, section.bridge.locale .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn h4 span, .aboutcard.team .links a.text section.bridge.locale .ctablock .ctabtns h5.btn.uibtn h4 span, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.team h4 span, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.team h4 span, section.bridge.locale .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile h4 span, section.locale-members .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.profile h4 span {
            display: inline; } }
        @media (max-width: 768px) {
          section.bridge.locale .ctablock .ctabtns .btn.uibtn.underline h4, section.bridge.locale .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team h4, .encourage .encourage-wrapper section.bridge.locale .ctablock .ctabtns .btn.uibtn.team h4, section.bridge.locale .ctablock .ctabtns .story-body .links a span.btn.uibtn h4, .story-body .links a section.bridge.locale .ctablock .ctabtns span.btn.uibtn h4, section.bridge.locale .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn h4, .aboutcard.team .links a.text section.bridge.locale .ctablock .ctabtns h5.btn.uibtn h4, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.team h4, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.team h4, section.bridge.locale .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile h4, section.locale-members .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.profile h4 {
            font-size: 2rem;
            color: #c3c7dc; } }
      section.bridge.locale .ctablock .ctabtns .btn.uibtn.underline h4:after, section.bridge.locale .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team h4:after, .encourage .encourage-wrapper section.bridge.locale .ctablock .ctabtns .btn.uibtn.team h4:after, section.bridge.locale .ctablock .ctabtns .story-body .links a span.btn.uibtn h4:after, .story-body .links a section.bridge.locale .ctablock .ctabtns span.btn.uibtn h4:after, section.bridge.locale .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn h4:after, .aboutcard.team .links a.text section.bridge.locale .ctablock .ctabtns h5.btn.uibtn h4:after, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.team h4:after, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.team h4:after, section.bridge.locale .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile h4:after, section.locale-members .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.profile h4:after {
        background: #9399c0;
        box-shadow: none; }
    @media (max-width: 1024px) {
      section.bridge.locale .ctablock .ctabtns {
        flex-direction: column;
        margin-right: 6vw; }
        section.bridge.locale .ctablock .ctabtns .btn.uibtn.underline, section.bridge.locale .ctablock .ctabtns .encourage .encourage-wrapper .btn.uibtn.team, .encourage .encourage-wrapper section.bridge.locale .ctablock .ctabtns .btn.uibtn.team, section.bridge.locale .ctablock .ctabtns .story-body .links a span.btn.uibtn, .story-body .links a section.bridge.locale .ctablock .ctabtns span.btn.uibtn, section.bridge.locale .ctablock .ctabtns .aboutcard.team .links a.text h5.btn.uibtn, .aboutcard.team .links a.text section.bridge.locale .ctablock .ctabtns h5.btn.uibtn, section.bridge.locale .ctablock .ctabtns .profile-nav .btn.uibtn.team, .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.team, section.bridge.locale .ctablock .ctabtns section.locale-members .profile-nav .btn.uibtn.profile, section.locale-members .profile-nav section.bridge.locale .ctablock .ctabtns .btn.uibtn.profile {
          margin-left: 0; } }

section.locale-members {
  padding: 22.5rem 0 10rem;
  text-align: center; }
  @media (max-width: 768px) {
    section.locale-members {
      padding: 20vh 0 15vh; } }
  section.locale-members .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90vh;
    min-height: 900px;
    max-height: 960px;
    margin-bottom: 2.5rem;
    padding: 0;
    padding-bottom: 17.5rem; }
    @media (max-width: 768px) {
      section.locale-members .content-wrapper {
        height: 90vh;
        min-height: 690px;
        margin-bottom: 0vh; } }
  section.locale-members .profile-wrap {
    position: absolute;
    width: 864px;
    height: 576px;
    margin-top: 0vh; }
    @media (max-width: 768px) {
      section.locale-members .profile-wrap {
        width: 100%;
        height: 420px;
        margin-top: 7.5vh; } }
  section.locale-members .story-quote, section.locale-members .aboutcard.team .quote, .aboutcard.team section.locale-members .quote {
    z-index: 6;
    top: -9%;
    top: 0%;
    left: 57.5%;
    left: 64.5%;
    right: auto;
    width: 48%; }
    @media (max-width: 768px) {
      section.locale-members .story-quote, section.locale-members .aboutcard.team .quote, .aboutcard.team section.locale-members .quote {
        display: none; } }
    section.locale-members .story-quote .q-wrap:before, section.locale-members .aboutcard.team .quote .q-wrap:before, .aboutcard.team section.locale-members .quote .q-wrap:before {
      border-radius: 1.25rem;
      background-image: linear-gradient(25deg, #535b95 0%, #33385c 133%); }
    section.locale-members .story-quote .q-wrap:after, section.locale-members .aboutcard.team .quote .q-wrap:after, .aboutcard.team section.locale-members .quote .q-wrap:after {
      left: 4rem;
      left: 2.5rem;
      bottom: -3rem;
      width: 5.5rem;
      height: 3.25rem;
      background: #535b95; }
  section.locale-members .profile-nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    section.locale-members .profile-nav .ui-cards .card {
      width: 600px;
      min-height: 20rem;
      margin: 0;
      transform: scale(0.9);
      cursor: pointer; }
      @media (max-width: 768px) {
        section.locale-members .profile-nav .ui-cards .card {
          width: 100%;
          max-width: 450px;
          min-height: 15rem; } }
      section.locale-members .profile-nav .ui-cards .card .cardwrap {
        min-height: 20rem;
        text-align: left; }
        @media (max-width: 768px) {
          section.locale-members .profile-nav .ui-cards .card .cardwrap {
            min-height: 15rem; } }
      section.locale-members .profile-nav .ui-cards .card .carddate {
        display: none; }
      section.locale-members .profile-nav .ui-cards .card h4.title {
        max-height: 12rem; }
        @media (max-width: 768px) {
          section.locale-members .profile-nav .ui-cards .card h4.title {
            white-space: normal; } }
      section.locale-members .profile-nav .ui-cards .card .status {
        margin-bottom: 1rem; }
        @media (max-width: 768px) {
          section.locale-members .profile-nav .ui-cards .card .status {
            margin-bottom: 1.75rem; } }
        @media (max-width: 768px) {
          section.locale-members .profile-nav .ui-cards .card .status .indicator {
            width: 3rem;
            height: 3rem;
            margin-left: 1.25rem;
            margin-right: 1.333rem; } }
        @media (max-width: 768px) {
          section.locale-members .profile-nav .ui-cards .card .status h4.caps, section.locale-members .profile-nav .ui-cards .card .status h4.arrowh {
            line-height: 3rem;
            font-size: 1.5rem; } }
      @media (max-width: 768px) {
        section.locale-members .profile-nav .ui-cards .card ul.activity {
          min-height: 0.5rem;
          margin-top: 0.75rem;
          margin-bottom: 0.25rem; } }
    section.locale-members .profile-nav h1 {
      display: none; }
    section.locale-members .profile-nav .btn.profile {
      margin-top: 0.5rem; }
      @media (max-width: 768px) {
        section.locale-members .profile-nav .btn.profile {
          margin-top: 0.75rem; } }
    section.locale-members .profile-nav .btn.uibtn.give {
      z-index: 5;
      min-width: 360px;
      margin-top: -3rem;
      margin-left: 0; }
      @media (max-width: 768px) {
        section.locale-members .profile-nav .btn.uibtn.give {
          width: auto;
          min-width: 288px;
          max-width: 348px;
          margin-top: -2.5rem;
          padding-right: 10.5%; } }
      @media (max-width: 768px) {
        section.locale-members .profile-nav .btn.uibtn.give h4 {
          font-size: 1.9rem;
          letter-spacing: 0.1rem; } }

section.storyslider.locale {
  padding: 12rem 0; }
  section.storyslider.locale h2 {
    width: 75%;
    max-width: 800px;
    font-size: 3.9vw;
    text-align: left;
    margin: auto;
    margin-bottom: 4rem; }
    @media (min-width: 1600px) {
      section.storyslider.locale h2 {
        font-size: 5.25rem; } }
    @media (max-width: 768px) {
      section.storyslider.locale h2 {
        width: 100%;
        font-size: 8vw; } }

section.storyslider.locale.lou .story1 .story-stat.money, section.storyslider.locale.lou .story2 .story-stat.money, section.storyslider.locale.lou .story3 .story-stat.money {
  display: none; }

section.storyslider.locale.lou .story1 .story-stat.support, section.storyslider.locale.lou .story2 .story-stat.support, section.storyslider.locale.lou .story3 .story-stat.support {
  display: block; }

.story-stat.support {
  display: none; }

section.contact-form.locale {
  padding: 0vh 0 0vh; }
  section.contact-form.locale h2 {
    width: 80%;
    max-width: 930px;
    font-size: 3.666vw;
    text-align: left;
    margin: auto;
    padding-left: 5%; }
    @media (min-width: 769px) {
      section.contact-form.locale h2 {
        min-width: 720px; } }
    @media (max-width: 1280px) {
      section.contact-form.locale h2 {
        font-size: 4.25rem; } }
    @media (min-width: 1600px) {
      section.contact-form.locale h2 {
        font-size: 5rem; } }
    @media (max-width: 768px) {
      section.contact-form.locale h2 {
        width: 100%;
        font-size: 9vw;
        text-align: center;
        padding: 0; } }
  section.contact-form.locale h3 {
    font-size: 3.75rem;
    margin: 4rem 0 3rem;
    text-align: center; }
    @media (max-width: 768px) {
      section.contact-form.locale h3 {
        font-size: 7.5vw; } }

section.tempimgs {
  padding-top: 20rem;
  padding-bottom: 7.5rem;
  text-align: center; }
  section.tempimgs .content-wrapper {
    width: 100%;
    max-width: 1440px; }
  section.tempimgs img {
    width: 100%; }

body.locale section.testimonials {
  display: none; }

#privacy-policy h1 {
  color: black;
  font-family: "Times New Roman", serif;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  font-size: 18pt;
  text-transform: none;
  margin-bottom: 1rem; }

#privacy-policy .p, #privacy-policy p {
  color: black;
  font-family: "Times New Roman", serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt;
  margin: 0pt;
  text-transform: none;
  max-width: 600px;
  width: 100%; }

#privacy-policy h3 {
  color: black;
  font-family: "Times New Roman", serif;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  font-size: 10pt;
  text-transform: none; }

#privacy-policy .s1 {
  color: black;
  font-family: "Times New Roman", serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt;
  text-transform: none; }

#privacy-policy h2 {
  color: black;
  font-family: "Times New Roman", serif;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  font-size: 13.5pt;
  text-transform: none;
  margin-bottom: 1rem; }

#privacy-policy .s2 {
  color: #00F;
  font-family: "Times New Roman", serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt;
  text-transform: none; }

#privacy-policy .s4 {
  color: #1154CC;
  font-family: "Times New Roman", serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt;
  text-transform: none; }

#privacy-policy .s5 {
  color: black;
  font-family: "Times New Roman", serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 6.5pt;
  vertical-align: 3pt;
  text-transform: none; }

#privacy-policy li {
  display: block; }

#privacy-policy #l1 {
  padding-left: 0pt;
  counter-reset: c1 1; }

#privacy-policy #l1 > li > *:first-child:before {
  counter-increment: c1;
  content: counter(c1, decimal) ". ";
  color: black;
  font-family: "Times New Roman", serif;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  font-size: 13.5pt; }

#privacy-policy #l1 > li:first-child > *:first-child:before {
  counter-increment: c1 0; }

#privacy-policy #l2 {
  padding-left: 0pt; }

#privacy-policy #l2 > li > *:first-child:before {
  content: "● ";
  color: black;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt; }

#privacy-policy #l3 {
  padding-left: 0pt; }

#privacy-policy #l3 > li > *:first-child:before {
  content: "● ";
  color: black;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt; }

#privacy-policy #l4 {
  padding-left: 0pt; }

#privacy-policy #l4 > li > *:first-child:before {
  content: "● ";
  color: black;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt; }

.trans {
  transition: all 0.5s ease-out; }

.floatj {
  animation-name: floatymin;
  animation-timing: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  animation-delay: 0s; }

.float1 {
  animation-duration: 14s;
  animation-delay: 0s; }

.float2 {
  animation-duration: 14s;
  animation-delay: 0.5s; }

.float3 {
  animation-duration: 12s;
  animation-delay: 1s;
  animation-direction: alternate-reverse; }

.float4 {
  animation-duration: 13s;
  animation-delay: 3s;
  animation-direction: alternate-reverse; }

.float5 {
  animation-duration: 13s;
  animation-delay: 2s; }

.float6 {
  animation-duration: 14s;
  animation-delay: 4s; }

body.journey {
  min-width: 1920px;
  min-height: 1080px;
  line-height: 30px;
  font-size: 24px;
  background: #0d0e26;
  color: #fff; }

.journey .wrapper {
  position: relative;
  min-height: 1080px;
  overflow: hidden; }

.journey .frame {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 1920px;
  height: 1080px;
  transition: all 1s cubic-bezier(0.1, 0.75, 0.25, 1);
  margin-left: -960px;
  background: #31375a;
  transform-origin: 50% 33%; }
  .journey .frame:after {
    position: fixed;
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background: linear-gradient(90deg, #31375a 0%, rgba(91, 93, 165, 0.33) 133%); }

.journey .zoomframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  overflow: visible;
  transition: all 1s cubic-bezier(0.1, 0.75, 0.25, 1); }

body.journey.jfst1 .jrxframe .step1 {
  z-index: 9; }

body.journey.jfst2 .jrxframe .step2 {
  z-index: 9; }

body.journey.jfst3 .jrxframe .step3 {
  z-index: 9; }

body.journey.jfst4 .jrxframe .step4 {
  z-index: 9; }

body.journey.jfst5 .jrxframe .step5 {
  z-index: 9; }

body.journey.jfst6 .jrxframe .step6 {
  z-index: 9; }

body.journey.jfst7 .jrxframe .step7 {
  z-index: 9; }

.jrxframe {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  width: 13440px;
  height: 1080px;
  padding: 0 260px;
  overflow: visible;
  transition: all 1s cubic-bezier(0.1, 0.75, 0.25, 1); }
  .jrxframe.fg {
    z-index: 10; }
  .jrxframe.bg {
    z-index: 2; }
    .jrxframe.bg .step-wrapper {
      transition: all 1.33s cubic-bezier(0.1, 0.75, 0.25, 1); }
    .jrxframe.bg .step-wrapper .step-frame {
      box-shadow: -3px 7px 24px -1px rgba(0, 0, 0, 0.2); }
  .jrxframe .step-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    width: 1400px;
    height: 800px;
    overflow: visible; }
    .jrxframe .step-wrapper.step1 {
      z-index: 7; }
    .jrxframe .step-wrapper.step2 {
      z-index: 6; }
    .jrxframe .step-wrapper.step3 {
      z-index: 5; }
    .jrxframe .step-wrapper.step4 {
      z-index: 4; }
    .jrxframe .step-wrapper.step5 {
      z-index: 3; }
    .jrxframe .step-wrapper.step6 {
      z-index: 2; }
    .jrxframe .step-wrapper.step7 {
      z-index: 1; }
    .jrxframe .step-wrapper .step-frame {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      overflow: visible; }
    .jrxframe .step-wrapper .heading {
      position: absolute;
      z-index: 5;
      left: -10%;
      bottom: -4.5rem;
      width: 1080px;
      z-index: 4;
      transition: all 0.9s 0.3s cubic-bezier(0.1, 0.5, 0.3, 1);
      transform-origin: 5% 95%; }
      .jrxframe .step-wrapper .heading h1 {
        margin-left: -0.5rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin-bottom: -2rem;
        padding-bottom: 2rem;
        line-height: 0.9;
        font-size: 9.5rem;
        font-weight: 400;
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.33); }
        .jrxframe .step-wrapper .heading h1 u {
          line-height: 1.2;
          font-weight: 600; }
          .jrxframe .step-wrapper .heading h1 u:after {
            left: -6px;
            right: -6px;
            bottom: -6px;
            height: 14px;
            border-radius: 7px;
            background: linear-gradient(to right, #9897e3 0%, #b8c2ff 100%);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
            animation: floatmin 3s 0s ease-in-out infinite alternate; }
      .jrxframe .step-wrapper .heading.small h1, .jrxframe .step-wrapper .heading.contact_us-form.med h1 {
        line-height: 0.85;
        font-size: 8.5rem;
        font-weight: 400;
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
        .jrxframe .step-wrapper .heading.small h1 u, .jrxframe .step-wrapper .heading.contact_us-form.med h1 u {
          line-height: 1.2; }
          .jrxframe .step-wrapper .heading.small h1 u:after, .jrxframe .step-wrapper .heading.contact_us-form.med h1 u:after {
            bottom: -9px; }
      .jrxframe .step-wrapper .heading.triline h1 {
        line-height: 0.85;
        font-size: 10rem;
        font-weight: 400;
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
        .jrxframe .step-wrapper .heading.triline h1 u {
          line-height: 1.2; }
          .jrxframe .step-wrapper .heading.triline h1 u:after {
            bottom: -9px; }
    .jrxframe .step-wrapper .caption {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: absolute;
      z-index: 4;
      bottom: -5%;
      right: -180px;
      width: 504px;
      letter-spacing: 0.015em;
      color: #dcdefa;
      opacity: 0;
      transform: translateX(-40%);
      transition: all 1.2s 0s cubic-bezier(0.1, 0.5, 0.3, 1);
      transform-origin: 5% 95%; }
      .jrxframe .step-wrapper .caption b {
        color: #fff; }
      .jrxframe .step-wrapper .caption h3 {
        line-height: 1.35;
        font-size: 3.5rem;
        font-weight: 400;
        text-transform: none;
        letter-spacing: 0;
        text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.33); }
      .jrxframe .step-wrapper .caption.short h3, .jrxframe .step-wrapper .caption.locale-menu.sea h3, .jrxframe .step-wrapper .caption.locale-menu.den h3 {
        margin-top: 1.5rem;
        line-height: 1.6;
        font-size: 3.666rem; }
      .jrxframe .step-wrapper .caption.middle {
        height: 110%; }
        .jrxframe .step-wrapper .caption.middle h3 {
          margin-top: 3rem;
          line-height: 1.45;
          font-size: 3.666rem; }
      .jrxframe .step-wrapper .caption.middlesmall {
        height: 110%; }
        .jrxframe .step-wrapper .caption.middlesmall h3 {
          margin-top: 3rem;
          line-height: 1.45;
          font-size: 3.333rem; }
      .jrxframe .step-wrapper .caption.longsmall h3 {
        font-size: 3.25rem; }
    .jrxframe .step-wrapper .story-quote, .jrxframe .step-wrapper .aboutcard.team .quote, .aboutcard.team .jrxframe .step-wrapper .quote {
      width: 450px;
      right: -150px;
      transform-origin: 0% 100%;
      transform: scale(0.6) translateY(5rem);
      opacity: 0;
      transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1); }
      .jrxframe .step-wrapper .story-quote p, .jrxframe .step-wrapper .aboutcard.team .quote p, .aboutcard.team .jrxframe .step-wrapper .quote p {
        line-height: 1.42;
        font-size: 2.5rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0em; }
      .jrxframe .step-wrapper .story-quote .q-wrap, .jrxframe .step-wrapper .aboutcard.team .quote .q-wrap, .aboutcard.team .jrxframe .step-wrapper .quote .q-wrap {
        padding: 1.75rem 1.5rem 2rem 3rem;
        animation: float 2s 0s ease-in-out infinite alternate; }
        .jrxframe .step-wrapper .story-quote .q-wrap:before, .jrxframe .step-wrapper .aboutcard.team .quote .q-wrap:before, .aboutcard.team .jrxframe .step-wrapper .quote .q-wrap:before {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-size: cover;
          border-radius: 1.5rem;
          box-shadow: -2px 4px 12px 0px rgba(0, 0, 0, 0.25); }
        .jrxframe .step-wrapper .story-quote .q-wrap:after, .jrxframe .step-wrapper .aboutcard.team .quote .q-wrap:after, .aboutcard.team .jrxframe .step-wrapper .quote .q-wrap:after {
          bottom: -30px;
          width: 54px;
          height: 33px;
          clip-path: polygon(0 0, 0 100%, 100% 0); }
    .jrxframe .step-wrapper .bg-scene {
      position: absolute;
      z-index: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #252946;
      transition: transform 0.75s 0.1s cubic-bezier(0.1, 0.5, 0.3, 1), opacity 0.3s 0s, width 1s cubic-bezier(0.1, 0.75, 0.25, 1); }
      .jrxframe .step-wrapper .bg-scene:before, .jrxframe .step-wrapper .bg-scene:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        z-index: 3;
        background-image: linear-gradient(to bottom right, rgba(23, 25, 61, 0) 25%, #17193d 100%);
        opacity: 0.5;
        transition: all 1s cubic-bezier(0.1, 0.75, 0.25, 1); }
      .jrxframe .step-wrapper .bg-scene:before {
        background-image: linear-gradient(to bottom left, rgba(23, 25, 61, 0) 50%, #17193d 125%); }
      .jrxframe .step-wrapper .bg-scene:after {
        opacity: 0.5; }
      .jrxframe .step-wrapper .bg-scene .photo, .jrxframe .step-wrapper .bg-scene .video {
        position: absolute;
        top: -140px;
        left: -260px;
        width: 1920px;
        height: 1080px;
        transition: all 1s cubic-bezier(0.1, 0.75, 0.25, 1); }
        .jrxframe .step-wrapper .bg-scene .photo img, .jrxframe .step-wrapper .bg-scene .video img {
          width: 1920px;
          height: 1080px; }
        .jrxframe .step-wrapper .bg-scene .photo.x1800, .jrxframe .step-wrapper .bg-scene .video.x1800 {
          top: -30px;
          left: -120px; }
          .jrxframe .step-wrapper .bg-scene .photo.x1800 img, .jrxframe .step-wrapper .bg-scene .video.x1800 img {
            width: 1800px;
            height: auto; }
        .jrxframe .step-wrapper .bg-scene .photo.x1680, .jrxframe .step-wrapper .bg-scene .video.x1680 {
          top: 0px;
          left: -120px; }
          .jrxframe .step-wrapper .bg-scene .photo.x1680 img, .jrxframe .step-wrapper .bg-scene .video.x1680 img {
            width: 1680px;
            height: auto; }
        .jrxframe .step-wrapper .bg-scene .photo.x1560, .jrxframe .step-wrapper .bg-scene .video.x1560 {
          top: 0px;
          left: -90px; }
          .jrxframe .step-wrapper .bg-scene .photo.x1560 img, .jrxframe .step-wrapper .bg-scene .video.x1560 img {
            width: 1500px;
            height: auto; }
        .jrxframe .step-wrapper .bg-scene .photo.fit, .jrxframe .step-wrapper .bg-scene .video.fit {
          top: 0px;
          left: 0px; }
          .jrxframe .step-wrapper .bg-scene .photo.fit img, .jrxframe .step-wrapper .bg-scene .video.fit img {
            width: 1400px;
            height: auto; }
      .jrxframe .step-wrapper .bg-scene video {
        width: 1920px;
        height: 1080px;
        opacity: 0.5; }
        .jrxframe .step-wrapper .bg-scene video:before, .jrxframe .step-wrapper .bg-scene video:after {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-size: cover;
          z-index: 3;
          background-image: linear-gradient(to bottom right, rgba(23, 25, 61, 0) -10%, #17193d 100%);
          transition: all 1s cubic-bezier(0.1, 0.75, 0.25, 1);
          opacity: 0.75; }
        .jrxframe .step-wrapper .bg-scene video:after {
          content: ''; }
    .jrxframe .step-wrapper.pending .heading {
      opacity: 0;
      transform: translateY(7.5rem); }
    .jrxframe .step-wrapper.pending .caption {
      opacity: 0;
      transform: translateX(100%); }
    .jrxframe .step-wrapper.pending .bg-scene {
      opacity: 0.5; }
      .jrxframe .step-wrapper.pending .bg-scene img {
        opacity: 0.25; }
      .jrxframe .step-wrapper.pending .bg-scene video {
        opacity: 0.25; }
    .jrxframe .step-wrapper.step2 .bg-scene .photo {
      transform: scale(1.15) translateY(3%); }
    .jrxframe .step-wrapper.step6 .bg-scene .video {
      transform-origin: 100% 0%;
      transform: scale(1.2) translateX(-10%); }
    .jrxframe .step-wrapper.step5 .bg-scene:after, .jrxframe .step-wrapper.step6 .bg-scene:after {
      content: '';
      background-image: linear-gradient(to bottom right, rgba(23, 25, 61, 0) 40%, #17193d 110%);
      opacity: 0.8; }
    .jrxframe .step-wrapper.step5 .bg-scene:before, .jrxframe .step-wrapper.step6 .bg-scene:before {
      content: '';
      background-image: linear-gradient(to bottom left, rgba(23, 25, 61, 0) 40%, #17193d 110%);
      opacity: 1; }
    .jrxframe .step-wrapper.step7 .bg-scene:after {
      content: '';
      background-image: linear-gradient(to right, rgba(23, 25, 61, 0) 33%, #17193d 110%);
      opacity: 0.8; }
    .jrxframe .step-wrapper.step7 .bg-scene:before {
      content: '';
      background-image: linear-gradient(to bottom left, rgba(23, 25, 61, 0) 50%, #17193d 120%);
      opacity: 1; }

.fixframe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 4;
  width: 1920px;
  height: 1080px;
  min-height: 1080px;
  max-height: 1080px;
  transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1); }
  .fixframe .jphone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    width: 528px;
    height: 1040px;
    transition: all 1.33s 0s cubic-bezier(0.1, 0.5, 0.3, 1); }
    .fixframe .jphone img {
      position: absolute;
      z-index: 1;
      width: 100%; }
  .fixframe .japp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 8;
    width: 900px;
    height: 75%;
    transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1); }
    .fixframe .japp .jappstep {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: visible;
      transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1); }
      .fixframe .japp .jappstep .float {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1); }
        .fixframe .japp .jappstep .float:nth-of-type(1) {
          animation-duration: 11s;
          animation-delay: 0s; }
        .fixframe .japp .jappstep .float:nth-of-type(2) {
          animation-duration: 13.5s;
          animation-delay: 1.5s; }
        .fixframe .japp .jappstep .float:nth-of-type(3) {
          animation-duration: 12s;
          animation-delay: 0.75s; }
        .fixframe .japp .jappstep .float:nth-of-type(4) {
          animation-duration: 13.5s;
          animation-delay: 0s; }
        .fixframe .japp .jappstep .float:nth-of-type(5) {
          animation-duration: 11.5s;
          animation-delay: 1s; }
        .fixframe .japp .jappstep .float:nth-of-type(6) {
          animation-duration: 13s;
          animation-delay: 0.5s; }
        .fixframe .japp .jappstep .float.subfix {
          z-index: 0; }
        .fixframe .japp .jappstep .float.sub1 {
          z-index: 1; }
        .fixframe .japp .jappstep .float.sub2 {
          z-index: 2; }
        .fixframe .japp .jappstep .float.sub3 {
          z-index: 3; }
      .fixframe .japp .jappstep .twrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0.6) translateY(5rem);
        transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1); }
      .fixframe .japp .jappstep img {
        position: absolute;
        transform-origin: 50% 50%;
        transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1);
        width: 480px; }
      .fixframe .japp .jappstep .float.sub2, .fixframe .japp .jappstep .float.sub3 {
        margin-left: 400px;
        opacity: 0; }
      .fixframe .japp .jappstep.substep2 .sub1 {
        opacity: 0;
        margin-left: -300px; }
      .fixframe .japp .jappstep.substep2 .sub2 {
        opacity: 1;
        margin-left: 0; }
      .fixframe .japp .jappstep.substep3 .sub1, .fixframe .japp .jappstep.substep3 .sub2 {
        opacity: 0;
        margin-left: -300px; }
      .fixframe .japp .jappstep.substep3 .sub3 {
        opacity: 1;
        margin-left: 0; }
    .fixframe .japp .uistep1 .tooltip {
      top: -10%;
      width: 680px; }
    .fixframe .japp .uistep1 .addbtn {
      bottom: -5%;
      width: 400px; }
    .fixframe .japp .uistep2 .float:nth-of-type(1) {
      z-index: 2;
      animation-duration: 9.5s;
      animation-delay: 0s;
      transition-delay: 0s; }
    .fixframe .japp .uistep2 .question {
      width: 450px;
      margin-top: -550px; }
    .fixframe .japp .uistep2 .float:nth-of-type(2) {
      z-index: 1;
      animation-duration: 12s;
      animation-delay: 1.5s;
      transition-delay: 0.25s; }
    .fixframe .japp .uistep2 .newneed {
      width: 500px;
      margin-top: 220px; }
    .fixframe .japp .uistep2 .float:nth-of-type(3) {
      z-index: 1;
      animation-duration: 10.5s;
      animation-delay: 0.75s;
      transition-delay: 0.3s; }
    .fixframe .japp .uistep2 .profpic {
      width: 420px;
      width: 360px;
      margin-top: -30px;
      margin-top: -180px;
      margin-left: -480px;
      margin-left: -330px;
      transform: perspective(400px) scaleX(0.88) rotateY(20deg); }
    .fixframe .japp .uistep2 .profpic {
      width: 380px;
      margin-top: -370px;
      margin-left: -320px;
      transform: none; }
    .fixframe .japp .uistep2 .float:nth-of-type(4) {
      z-index: 2;
      animation-duration: 12s;
      animation-delay: 0s;
      transition-delay: 0.6s; }
    .fixframe .japp .uistep2 .profstory {
      width: 420px;
      margin-top: -160px;
      margin-left: 300px;
      transform: none; }
    .fixframe .japp .uistep2 .float:nth-of-type(5) {
      z-index: 3;
      animation-duration: 9.5s;
      animation-delay: 0s;
      transition-delay: 0s; }
    .fixframe .japp .uistep2 .profstack {
      margin-top: 390px; }
    .fixframe .japp .uistep3 .float:nth-of-type(1) {
      z-index: 2;
      animation-duration: 9.5s;
      animation-delay: 0s;
      transition-delay: 0s; }
    .fixframe .japp .uistep3 .question {
      width: 450px;
      margin-top: -600px; }
    .fixframe .japp .uistep3 .float:nth-of-type(2) {
      z-index: 1;
      animation-duration: 12s;
      animation-delay: 1.5s;
      transition-delay: 0.25s; }
    .fixframe .japp .uistep3 .newact {
      width: 500px;
      margin-top: 120px; }
    .fixframe .japp .uistep3 .float:nth-of-type(3) {
      z-index: 3;
      animation-duration: 10.5s;
      animation-delay: 1s;
      transition-delay: 0.25s; }
    .fixframe .japp .uistep3 .actcard {
      width: 640px;
      margin-top: 144px; }
    .fixframe .japp .uistep3 .float:nth-of-type(4) {
      z-index: 6;
      animation-duration: 12s;
      animation-delay: 0.75s;
      transition-delay: 0.3s; }
    .fixframe .japp .uistep3 .actcardb {
      width: 400px;
      margin-top: 390px; }
    .fixframe .japp .uistep3 .float:nth-of-type(5) {
      z-index: 5;
      animation-duration: 10s;
      animation-delay: 0s;
      transition-delay: 0.6s; }
    .fixframe .japp .uistep3 .reward {
      width: 732px;
      margin-top: 60px; }
    .fixframe .japp .uistep3 .float:nth-of-type(6) {
      z-index: 4;
      animation-duration: 10s;
      animation-delay: 0s;
      transition-delay: 1s; }
    .fixframe .japp .uistep3 .burst {
      width: 800px;
      margin-top: -30px; }
    .fixframe .japp .uistep4 .float:nth-of-type(1) {
      z-index: 2;
      animation-duration: 9.5s;
      animation-delay: 0s;
      transition-delay: 0s; }
    .fixframe .japp .uistep4 .blurb {
      width: 390px;
      margin-top: -30px;
      margin-left: 540px; }
    .fixframe .japp .uistep4 .float:nth-of-type(2) {
      z-index: 1;
      animation-duration: 12s;
      animation-delay: 1.5s;
      transition-delay: 0.25s; }
    .fixframe .japp .uistep4 .screen {
      width: 360px;
      margin-top: -180px; }
    .fixframe .japp .uistep5 .float:nth-of-type(1) {
      z-index: 1;
      animation-duration: 10.5s;
      animation-delay: 1s;
      transition-delay: 0s; }
    .fixframe .japp .uistep5 .balance {
      width: 500px;
      margin-top: -12px;
      margin-left: -75px; }
    .fixframe .japp .uistep5 .float:nth-of-type(2) {
      z-index: 4;
      animation-duration: 12s;
      animation-delay: 1.5s;
      transition-delay: 0.4s; }
    .fixframe .japp .uistep5 .dbtcard {
      width: 408px;
      margin-top: -340px;
      margin-left: 400px; }
    .fixframe .japp .uistep5 .float:nth-of-type(3) {
      z-index: 2;
      animation-duration: 12s;
      animation-delay: 1.5s;
      transition-delay: 0.2s; }
    .fixframe .japp .uistep5 .purchase {
      width: 375px;
      margin-top: -200px; }
    .fixframe .japp .uistep6 .float:nth-of-type(1) {
      z-index: 2;
      animation-duration: 12s;
      animation-delay: 0s;
      transition-delay: 0s; }
    .fixframe .japp .uistep6 .report {
      width: 900px;
      margin-top: -66px;
      margin-left: 100px; }
    .fixframe .japp .uistep6 .float:nth-of-type(2) {
      z-index: 1;
      animation-duration: 10.5s;
      animation-delay: 1s;
      transition-delay: 0.25s; }
    .fixframe .japp .uistep6 .sdoh {
      width: 400px;
      margin-top: -30px;
      margin-left: -360px;
      transform: perspective(500px) scaleX(0.9) rotateY(15deg); }
    .fixframe .japp .uistep6 .float:nth-of-type(3) {
      z-index: 3;
      animation-duration: 12s;
      animation-delay: 0.75s;
      transition-delay: 0.3s; }
    .fixframe .japp .uistep6 .progress {
      width: 480px;
      margin-top: -60px;
      margin-left: -360px;
      transform: perspective(500px) scaleX(0.9) rotateY(15deg); }
    .fixframe .japp .uistep6 .float:nth-of-type(4) {
      z-index: 4;
      animation-duration: 10s;
      animation-delay: 0s;
      transition-delay: 0.6s; }
    .fixframe .japp .uistep6 .update {
      width: 450px;
      margin-top: 270px;
      margin-left: 100px; }
  .fixframe .member {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    z-index: 6;
    width: 504px;
    height: 100%;
    padding-top: 8rem;
    transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1);
    transform: scale(0.75) translateX(-50%);
    opacity: 0; }
    .fixframe .member img {
      animation: breathesolidf 5s 0.5s ease-in-out infinite alternate; }
  .fixframe .bg-circle {
    z-index: 4;
    width: 576px;
    height: 576px;
    margin-left: -288px;
    margin-bottom: -288px; }
    .fixframe .bg-circle .circzoom {
      width: 576px;
      height: 576px;
      transition: all 1s cubic-bezier(0.1, 0.75, 0.25, 1); }
    .fixframe .bg-circle .circle svg circle {
      stroke: #9fa5e3;
      stroke-width: 18;
      stroke-dasharray: 22.5%, 36%, 13.5%, 30%, 27%, 45%; }
    .fixframe .bg-circle .circle.offset svg circle {
      stroke-dasharray: 22.5%, 36%, 13.5%, 30%, 27%, 45%; }
    .fixframe .bg-circle span {
      transition: transform 1.2s;
      transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 0.9); }
    .fixframe .bg-circle.pulse span {
      transform: scale(0.85);
      transition: transform 0.5s;
      transition-timing-function: cubic-bezier(0.05, 0.95, 0.05, 0.95); }
      .fixframe .bg-circle.pulse span .circle svg circle {
        stroke-width: 20;
        transition: all 0.15s; }

.trans {
  transition: all 0.5s ease-out; }

.floatj {
  animation-name: floatymin;
  animation-timing: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  animation-delay: 0s; }

.float1 {
  animation-duration: 14s;
  animation-delay: 0s; }

.float2 {
  animation-duration: 14s;
  animation-delay: 0.5s; }

.float3 {
  animation-duration: 12s;
  animation-delay: 1s;
  animation-direction: alternate-reverse; }

.float4 {
  animation-duration: 13s;
  animation-delay: 3s;
  animation-direction: alternate-reverse; }

.float5 {
  animation-duration: 13s;
  animation-delay: 2s; }

.float6 {
  animation-duration: 14s;
  animation-delay: 4s; }

.jrxframe.st1 {
  left: 0; }
  .jrxframe.st1 .step1 .heading {
    left: -12%;
    bottom: -7%;
    transform: scale(0.95); }
  .jrxframe.st1 .step1 .caption {
    opacity: 1;
    transform: none; }
  .jrxframe.st1 .step1 .bg-scene {
    opacity: 1; }
    .jrxframe.st1 .step1 .bg-scene .photo img {
      animation: breathesolid 5s 0s ease-in-out infinite alternate; }
    .jrxframe.st1 .step1 .bg-scene:after {
      opacity: 0; }

.jrxframe.st2 {
  left: -1400px; }
  .jrxframe.st2 .step2 .heading {
    transform: scale(0.9); }
  .jrxframe.st2 .step2 .caption {
    opacity: 1;
    transform: none; }
  .jrxframe.st2 .step2 .story-quote, .jrxframe.st2 .step2 .aboutcard.team .quote, .aboutcard.team .jrxframe.st2 .step2 .quote {
    transform: scale(1);
    opacity: 1;
    transition: all 1s 1s cubic-bezier(0.15, 1.25, 0.75, 1.25); }
  .jrxframe.st2 .step2 .bg-scene {
    opacity: 1; }
    .jrxframe.st2 .step2 .bg-scene .photo img {
      animation: breathesolid 5s 0s ease-in-out infinite alternate; }

.jrxframe.st3 {
  left: -2800px; }
  .jrxframe.st3 .step3 .heading {
    transform: scale(0.9); }
  .jrxframe.st3 .step3 .caption {
    opacity: 1;
    transform: none; }
  .jrxframe.st3 .step3 .story-quote, .jrxframe.st3 .step3 .aboutcard.team .quote, .aboutcard.team .jrxframe.st3 .step3 .quote {
    transform: scale(1);
    opacity: 1;
    transition: all 1s 1s cubic-bezier(0.15, 1.25, 0.75, 1.25); }
  .jrxframe.st3 .step3 .bg-scene {
    opacity: 1; }
    .jrxframe.st3 .step3 .bg-scene .photo img {
      animation: breathesolid 5s 0s ease-in-out infinite alternate; }

.jrxframe.st4 {
  left: -4200px; }
  .jrxframe.st4 .step4 .heading {
    transform: scale(0.85); }
  .jrxframe.st4 .step4 .caption {
    opacity: 1;
    transform: none; }
  .jrxframe.st4 .step4 .bg-scene {
    opacity: 1; }
    .jrxframe.st4 .step4 .bg-scene .photo img {
      animation: breathesolid 5s 0s ease-in-out infinite alternate; }
    .jrxframe.st4 .step4 .bg-scene:after {
      opacity: 0; }

.jrxframe.st5 {
  left: -5600px; }
  .jrxframe.st5 .step5 .heading {
    transform: scale(0.85); }
  .jrxframe.st5 .step5 .caption {
    opacity: 1;
    transform: none; }
  .jrxframe.st5 .step5 .bg-scene {
    opacity: 1; }
    .jrxframe.st5 .step5 .bg-scene .photo img {
      animation: breathesolid 5s 0s ease-in-out infinite alternate; }
    .jrxframe.st5 .step5 .bg-scene .photo video {
      width: 1440px; }
    .jrxframe.st5 .step5 .bg-scene video {
      opacity: 1; }

.jrxframe.st6 {
  left: -7000px; }
  .jrxframe.st6 .step6 .heading {
    transform: scale(0.85); }
  .jrxframe.st6 .step6 .caption {
    opacity: 1;
    transform: none; }
  .jrxframe.st6 .step6 .bg-scene {
    opacity: 1; }
    .jrxframe.st6 .step6 .bg-scene .photo img {
      animation: breathesolid 5s 0s ease-in-out infinite alternate; }
    .jrxframe.st6 .step6 .bg-scene .photo video {
      width: 1440px; }
    .jrxframe.st6 .step6 .bg-scene video {
      opacity: 1; }

.jrxframe.st7 {
  left: -8400px; }
  .jrxframe.st7 .step7 .heading {
    transform: scale(1.1); }
  .jrxframe.st7 .step7 .caption {
    opacity: 1;
    transform: none; }
  .jrxframe.st7 .step7 .bg-scene {
    opacity: 1; }
    .jrxframe.st7 .step7 .bg-scene .photo img {
      animation: breathesolid 5s 0s ease-in-out infinite alternate; }
    .jrxframe.st7 .step7 .bg-scene video {
      opacity: 1; }

.trans {
  transition: all 0.5s ease-out; }

.floatj {
  animation-name: floatymin;
  animation-timing: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  animation-delay: 0s; }

.float1 {
  animation-duration: 14s;
  animation-delay: 0s; }

.float2 {
  animation-duration: 14s;
  animation-delay: 0.5s; }

.float3 {
  animation-duration: 12s;
  animation-delay: 1s;
  animation-direction: alternate-reverse; }

.float4 {
  animation-duration: 13s;
  animation-delay: 3s;
  animation-direction: alternate-reverse; }

.float5 {
  animation-duration: 13s;
  animation-delay: 2s; }

.float6 {
  animation-duration: 14s;
  animation-delay: 4s; }

.fixframe.st1 .japp .uistep1 .float {
  animation-name: floatymin;
  animation-timing: ease;
  animation-direction: alternate;
  animation-iteration-count: infinite; }

.fixframe.st1 .japp .uistep1 .twrap {
  opacity: 1;
  transform-origin: 50% 50%;
  transform: scale(1) translateX(0) translateY(0);
  transition: all 1.2s 1.2s cubic-bezier(0.1, 0.9, 0.25, 1); }

.fixframe.st1 .member {
  opacity: 1;
  transform: scale(1); }

.fixframe.st1 .bg-circle .circzoom {
  transform: scale(0.7) translateY(-7%); }

.fixframe.st1 .bg-circle .circle svg circle {
  stroke-width: 23; }

.fixframe.st2 .japp .uistep2 .float {
  animation-name: floatymin;
  animation-timing: ease;
  animation-direction: alternate;
  animation-iteration-count: infinite; }

.fixframe.st2 .japp .uistep2 .twrap {
  opacity: 1;
  transform-origin: 50% 50%;
  transform: scale(1) translateX(0) translateY(0);
  transition: all 1.2s 1.2s cubic-bezier(0.1, 0.9, 0.25, 1); }

.fixframe.st2 .bg-circle .circzoom {
  transform: scale(0.87) translateY(0); }

.fixframe.st2 .bg-circle .circle svg circle {
  stroke-width: 19;
  stroke: #888cc4; }

.fixframe.st2 .circle {
  transform: rotate(450deg); }

.fixframe.st3 .japp .uistep3 .float {
  animation-name: floatymin;
  animation-timing: ease;
  animation-direction: alternate;
  animation-iteration-count: infinite; }

.fixframe.st3 .japp .uistep3 .twrap {
  opacity: 1;
  transform-origin: 50% 50%;
  transform: scale(1) translateX(0) translateY(0);
  transition: all 1.2s 1.2s cubic-bezier(0.1, 0.9, 0.25, 1); }

.fixframe.st3 .bg-circle .circzoom {
  transform: scale(0.9) translateY(0); }

.fixframe.st3 .bg-circle .circle svg circle {
  stroke-width: 20; }

.fixframe.st3 .circle {
  transform: rotate(900deg); }

.fixframe.st4 .japp .uistep4 .float {
  animation-name: floatymin;
  animation-timing: ease;
  animation-direction: alternate;
  animation-iteration-count: infinite; }

.fixframe.st4 .japp .uistep4 .twrap {
  opacity: 1;
  transform-origin: 50% 50%;
  transform: scale(1) translateX(0) translateY(0);
  transition: all 1.2s 1.2s cubic-bezier(0.1, 0.9, 0.25, 1); }

.fixframe.st4 .bg-circle .circzoom {
  transform: scale(0.9) translateY(0); }

.fixframe.st4 .bg-circle .circle svg circle {
  stroke-width: 20; }

.fixframe.st4 .circle {
  transform: rotate(1350deg); }

.fixframe.st5 .japp .uistep5 .float {
  animation-name: floatymin;
  animation-timing: ease;
  animation-direction: alternate;
  animation-iteration-count: infinite; }

.fixframe.st5 .japp .uistep5 .twrap {
  opacity: 1;
  transform-origin: 50% 50%;
  transform: scale(1) translateX(0) translateY(0);
  transition: all 1.2s 1.2s cubic-bezier(0.1, 0.9, 0.25, 1); }

.fixframe.st5 .bg-circle .circzoom {
  transform: scale(0.9) translateY(0); }

.fixframe.st5 .bg-circle .circle svg circle {
  stroke-width: 20; }

.fixframe.st5 .circle {
  transform: rotate(1800deg); }

.fixframe.st6 .japp .uistep6 .float {
  animation-name: floatymin;
  animation-timing: ease;
  animation-direction: alternate;
  animation-iteration-count: infinite; }

.fixframe.st6 .japp .uistep6 .twrap {
  opacity: 1;
  transform-origin: 50% 50%;
  transform: scale(1) translateX(0) translateY(0);
  transition: all 1.2s 1.2s cubic-bezier(0.1, 0.9, 0.25, 1); }

.fixframe.st6 .bg-circle .circzoom {
  transform: scale(0.9) translateY(0); }

.fixframe.st6 .bg-circle .circle svg circle {
  stroke-width: 20; }

.fixframe.st6 .circle {
  transform: rotate(2250deg); }

.fixframe.st7 .jphone {
  opacity: 0;
  transform: scale(0.6);
  transition: all 0.9s 0s cubic-bezier(0.1, 0.9, 0.25, 1); }

.fixframe.st7 .bg-circle .circzoom {
  transform: scale(0.7) translateY(-7%); }

.fixframe.st7 .bg-circle .circle svg circle {
  stroke-width: 25;
  stroke: #bac3fe; }

.fixframe.st7 .circle {
  transform: rotate(2700deg); }

.trans {
  transition: all 0.5s ease-out; }

.floatj {
  animation-name: floatymin;
  animation-timing: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  animation-delay: 0s; }

.float1 {
  animation-duration: 14s;
  animation-delay: 0s; }

.float2 {
  animation-duration: 14s;
  animation-delay: 0.5s; }

.float3 {
  animation-duration: 12s;
  animation-delay: 1s;
  animation-direction: alternate-reverse; }

.float4 {
  animation-duration: 13s;
  animation-delay: 3s;
  animation-direction: alternate-reverse; }

.float5 {
  animation-duration: 13s;
  animation-delay: 2s; }

.float6 {
  animation-duration: 14s;
  animation-delay: 4s; }

body.journey.zoomout .zoomframe {
  transform: scale(0.55); }

body.journey.zoomout.jfst1 .jrxframe.bg .step1 {
  transform: scale(1.333); }

body.journey.zoomout.jfst2 .jrxframe.bg .step2 {
  transform: scale(1.333); }

body.journey.zoomout.jfst3 .jrxframe.bg .step3 {
  transform: scale(1.333); }

body.journey.zoomout.jfst4 .jrxframe.bg .step4 {
  transform: scale(1.333); }

body.journey.zoomout.jfst5 .jrxframe.bg .step5 {
  transform: scale(1.333); }

body.journey.zoomout.jfst6 .jrxframe.bg .step6 {
  transform: scale(1.333); }

body.journey.zoomout.jfst7 .jrxframe.bg .step7 {
  transform: scale(1.333); }

body.journey.zoomout .jrxframe .step-wrapper .heading {
  transform: scale(1.05) translateX(-33%) translateY(88%);
  transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1); }

body.journey.zoomout .jrxframe .step-wrapper .caption {
  opacity: 0; }

body.journey.zoomout .jrxframe .step-wrapper .story-quote, body.journey.zoomout .jrxframe .step-wrapper .aboutcard.team .quote, .aboutcard.team body.journey.zoomout .jrxframe .step-wrapper .quote {
  transform: scale(1.1) translateX(25%) translateY(-90%);
  transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1); }

body.journey.zoomout .jphone {
  transform: scale(0.75);
  transition: all 0.9s 0s cubic-bezier(0.1, 0.9, 0.25, 1);
  z-index: -1; }

body.journey.zoomout .member {
  transform: scale(0.6) translateY(0%); }

body.journey.zoomout .fixframe .japp {
  transform: scale(0.8) translateY(0%); }

body.journey.zoomout .fixframe .bg-circle {
  z-index: -1; }
  body.journey.zoomout .fixframe .bg-circle .circzoom {
    transform: scale(0.8133) translateY(0); }
  body.journey.zoomout .fixframe .bg-circle .circle svg circle {
    stroke-width: 11;
    stroke: #9899e7; }

body.journey.zoomfull .jrxframe {
  transform: scale(0.333); }

body.journey.zoomfull .fixframe .japp {
  opacity: 0;
  transform: scale(0.5) translateY(5rem); }

body.journey.zoomfull .jphone {
  opacity: 0;
  transform: scale(0.4);
  transition: all 0.9s 0s cubic-bezier(0.1, 0.9, 0.25, 1); }

body.journey.zoomfull .member {
  opacity: 0;
  transform: scale(0.4); }

body.journey.zoomfull .bg-circle .circzoom {
  transform: scale(1) translateY(0); }

body.journey.pathview .jphone {
  opacity: 0;
  transform: scale(0.4);
  transition: all 0.9s 0s cubic-bezier(0.1, 0.9, 0.25, 1);
  display: none; }

body.journey.pathview .member {
  opacity: 0;
  transform: scale(0.4);
  display: none; }

body.journey.pathview .jrxframe {
  left: 0;
  width: 1920px;
  transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1); }
  body.journey.pathview .jrxframe .bg-scene {
    transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1);
    transition-delay: 0s; }
    body.journey.pathview .jrxframe .bg-scene .photo {
      transform: translateX(-33%);
      transition: all 1s 0s cubic-bezier(0.1, 0.75, 0.25, 1); }
  body.journey.pathview .jrxframe .step-wrapper .heading {
    display: none;
    width: 900px;
    display: none;
    transform: scale(0.5) translateX(10%) translateY(-25%); }
  body.journey.pathview .jrxframe .step-wrapper .caption {
    display: none;
    opacity: 0; }
  body.journey.pathview .jrxframe .step-wrapper .story-quote, body.journey.pathview .jrxframe .step-wrapper .aboutcard.team .quote, .aboutcard.team body.journey.pathview .jrxframe .step-wrapper .quote {
    display: none;
    transform: scale(0.6) translateY(5rem);
    opacity: 0; }

body.journey.pathview .jphone {
  display: none;
  opacity: 0;
  transform: scale(0.4);
  transition: all 0.9s 0s cubic-bezier(0.1, 0.9, 0.25, 1); }

body.journey.pathview .fixframe .japp {
  display: none;
  opacity: 0;
  transform: scale(0.6) translateY(5rem); }

body.journey.pathview .fixframe .bg-circle {
  z-index: -1; }
  body.journey.pathview .fixframe .bg-circle .circzoom {
    transform: scale(1.2) translateY(0); }
  body.journey.pathview .fixframe .bg-circle .circle svg circle {
    stroke-width: 16;
    stroke: #bac3fe; }

body.journey.controlp .frame {
  transform: scale(0.8); }

.controls {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 1080px;
  max-height: 1200px;
  z-index: 0; }
  .controls .panel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1920px;
    height: 10rem;
    margin-left: -960px; }
    .controls .panel div {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      justify-content: center;
      position: relative;
      min-width: 20%;
      height: 100%;
      padding: 0 0.75rem; }
      .controls .panel div .btn.large, .controls .panel div section.bridge .statement .btn.line, section.bridge .statement .controls .panel div .btn.line, .controls .panel div section.slider p.btn, section.slider .controls .panel div p.btn, .controls .panel div section.sliderh p.btn, section.sliderh .controls .panel div p.btn, .controls .panel div section.neighbors p.btn, section.neighbors .controls .panel div p.btn, .controls .panel div section.bridge.letter p.btn, section.bridge.letter .controls .panel div p.btn, .controls .panel div .story-quote.short p.btn, .story-quote.short .controls .panel div p.btn, .controls .panel div .aboutcard.team .short.quote p.btn, .aboutcard.team .short.quote .controls .panel div p.btn, .controls .panel div .aboutcard.team .quote.locale-menu.sea p.btn, .aboutcard.team .quote.locale-menu.sea .controls .panel div p.btn, .controls .panel div .aboutcard.team .quote.locale-menu.den p.btn, .aboutcard.team .quote.locale-menu.den .controls .panel div p.btn, .controls .panel div .story-quote.locale-menu.sea p.btn, .story-quote.locale-menu.sea .controls .panel div p.btn, .controls .panel div .story-quote.locale-menu.den p.btn, .story-quote.locale-menu.den .controls .panel div p.btn, .controls .panel div section.description p.btn, section.description .controls .panel div p.btn, .controls .panel div .aboutcard.board.active .tile h5.btn, .aboutcard.board.active .tile .controls .panel div h5.btn {
        margin: 0 0.75rem; }
    .controls .panel .lside .btn.large, .controls .panel .lside section.bridge .statement .btn.line, section.bridge .statement .controls .panel .lside .btn.line, .controls .panel .lside section.slider p.btn, section.slider .controls .panel .lside p.btn, .controls .panel .lside section.sliderh p.btn, section.sliderh .controls .panel .lside p.btn, .controls .panel .lside section.neighbors p.btn, section.neighbors .controls .panel .lside p.btn, .controls .panel .lside section.bridge.letter p.btn, section.bridge.letter .controls .panel .lside p.btn, .controls .panel .lside .story-quote.short p.btn, .story-quote.short .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .short.quote p.btn, .aboutcard.team .short.quote .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.sea p.btn, .aboutcard.team .quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.team .quote.locale-menu.den p.btn, .aboutcard.team .quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.sea p.btn, .story-quote.locale-menu.sea .controls .panel .lside p.btn, .controls .panel .lside .story-quote.locale-menu.den p.btn, .story-quote.locale-menu.den .controls .panel .lside p.btn, .controls .panel .lside section.description p.btn, section.description .controls .panel .lside p.btn, .controls .panel .lside .aboutcard.board.active .tile h5.btn, .aboutcard.board.active .tile .controls .panel .lside h5.btn {
      margin-right: 1rem; }
    .controls .panel .middle {
      width: auto; }
      .controls .panel .middle .btn.xlarge, .controls .panel .middle section.bridge p.btn, section.bridge .controls .panel .middle p.btn, .controls .panel .middle section.teamcta .h-col p.btn, section.teamcta .h-col .controls .panel .middle p.btn {
        margin: 0 1rem;
        padding: 0 4rem;
        font-size: 2.25rem; }
      .controls .panel .middle .btn.large, .controls .panel .middle section.bridge .statement .btn.line, section.bridge .statement .controls .panel .middle .btn.line, .controls .panel .middle section.slider p.btn, section.slider .controls .panel .middle p.btn, .controls .panel .middle section.sliderh p.btn, section.sliderh .controls .panel .middle p.btn, .controls .panel .middle section.neighbors p.btn, section.neighbors .controls .panel .middle p.btn, .controls .panel .middle section.bridge.letter p.btn, section.bridge.letter .controls .panel .middle p.btn, .controls .panel .middle .story-quote.short p.btn, .story-quote.short .controls .panel .middle p.btn, .controls .panel .middle .aboutcard.team .short.quote p.btn, .aboutcard.team .short.quote .controls .panel .middle p.btn, .controls .panel .middle .aboutcard.team .quote.locale-menu.sea p.btn, .aboutcard.team .quote.locale-menu.sea .controls .panel .middle p.btn, .controls .panel .middle .aboutcard.team .quote.locale-menu.den p.btn, .aboutcard.team .quote.locale-menu.den .controls .panel .middle p.btn, .controls .panel .middle .story-quote.locale-menu.sea p.btn, .story-quote.locale-menu.sea .controls .panel .middle p.btn, .controls .panel .middle .story-quote.locale-menu.den p.btn, .story-quote.locale-menu.den .controls .panel .middle p.btn, .controls .panel .middle section.description p.btn, section.description .controls .panel .middle p.btn, .controls .panel .middle .aboutcard.board.active .tile h5.btn, .aboutcard.board.active .tile .controls .panel .middle h5.btn {
        margin: 0;
        padding: 0 1.75rem;
        font-size: 1.6rem;
        font-weight: 100; }
      .controls .panel .middle .btn.prev {
        transform: scaleX(-1); }
    .controls .panel .rside .btn.xlarge, .controls .panel .rside section.bridge p.btn, section.bridge .controls .panel .rside p.btn, .controls .panel .rside section.teamcta .h-col p.btn, section.teamcta .h-col .controls .panel .rside p.btn {
      margin-left: 1.25rem; }