.aws-btn {
  --button-default-height: 44px;
  --button-default-font-size: 14px;
  --button-default-line-height: 24px;
  --button-default-border-radius: 2px;
  --button-default-placeholder-width: 120px;
  --button-icon-width: 44px;
  --button-icon-height: 44px;
  --button-small-width: 88px;
  --button-small-height: 44px;
  --button-medium-width: 136px;
  --button-medium-height: 44px;
  --button-large-width: 192px;
  --button-large-height: 44px;
  --button-font-family: inherit;
  --button-font-color: #ffffff;
  --button-font-weight: 600;
  --button-font-style: normal;
  --button-hover-darken-opacity: 0.1;
  --button-letter-spacing: 0px;
  --button-horizontal-padding: 16px;
  --button-raise-level: 2px;
  --button-hover-pressure: 1;
  --loading-transition-timing: ease-out;
  --loading-transition-speed: 6s;
  --loading-transition-end-speed: 0.3s;
  --transform-speed: 0.15s;
  --button-primary-color: #1E88E5;
  --button-primary-color-dark: #1360a4;
  --button-primary-color-light: white;
  --button-primary-color-hover: #187bd1;
  --button-primary-color-active: #166dba;
  --button-primary-border: none;
  --button-secondary-color: #f2f6f9;
  --button-secondary-color-dark: #1360a4;
  --button-secondary-color-light: #1E88E5;
  --button-secondary-color-hover: #e1eaf1;
  --button-secondary-color-active: #cfdee9;
  --button-secondary-border: 2px solid #1E88E5;
  --button-anchor-color: #0e4f88;
  --button-anchor-color-dark: #072743;
  --button-anchor-color-light: white;
  --button-anchor-color-hover: #0d4a7f;
  --button-anchor-color-active: #0c4271;
  --button-anchor-border: none;
  --button-disabled-color: #AFAFAF;
  --button-disabled-color-dark: #898989;
  --button-disabled-color-light: #969696;
  --button-disabled-color-hover: #AFAFAF;
  --button-disabled-color-active: #AFAFAF;
  --button-disabled-border: none;
  --button-placeholder-color: #AFAFAF;
  --button-placeholder-color-dark: #898989;
  --button-placeholder-color-light: #969696;
  --button-placeholder-color-hover: #AFAFAF;
  --button-placeholder-color-active: #AFAFAF;
  --button-placeholder-border: none;
  --button-mail-color: #cfcfcf;
  --button-mail-color-dark: #9c9c9c;
  --button-facebook-color: #4868ad;
  --button-facebook-color-dark: #324877;
  --button-messenger-color: #3186f6;
  --button-messenger-color-dark: #0960d1;
  --button-twitter-color: #00aced;
  --button-twitter-color-dark: #0074a1;
  --button-linkedin-color: #0077b5;
  --button-linkedin-color-dark: #004569;
  --button-whatsapp-color: #25d366;
  --button-whatsapp-color-dark: #1a9247;
  --button-github-color: #25292e;
  --button-github-color-dark: #030304;
  --button-reddit-color: #fc461e;
  --button-reddit-color-dark: #cb2703;
  --button-pinterest-color: #bd091c;
  --button-pinterest-color-dark: #740611;
  --button-gplus-color: #ce5b4e;
  --button-gplus-color-dark: #a3392d;
  --button-youtube-color: #cc181e;
  --button-youtube-color-dark: #881014;
  --button-instagram-radial-color: radial-gradient(circle at 25% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  --button-instagram-radial-color-dark: radial-gradient(circle at 25% 110%, #b9a800 0%, #938500 5%, #b10f00 45%, #8c0061 60%, #002ca9 90%); }

/**
  button-color:
    color-name, (required)
    background, (required)
    darker-background, (required)
    font-color, (required)
    hover-background,
    border,
*/
/**
   button-social-color:
     color-name,
     background,
     darken-background,
     font-color
  */
/**
 button-size: size-name, width, height, font-size, line-height
*/
.aws-btn .aws-btn__wrapper:before, .aws-btn .aws-btn__wrapper:after, .aws-btn .aws-btn__content:after, .aws-btn--progress .aws-btn__progress:before, .aws-btn--progress .aws-btn__progress:after, .aws-btn--progress .aws-btn__content:after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.aws-btn {
  padding: 0;
  margin: 0; }

.aws-btn, .aws-btn:focus {
  outline-color: 0;
  outline-style: none;
  outline-width: 0; }

.aws-btn {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

button.aws-btn .aws-btn__wrapper {
  margin-top: calc(var(--button-raise-level) * -1); }

.aws-btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  height: var(--button-default-height);
  position: relative;
  z-index: 1;
  background-color: transparent;
  font-size: var(--button-default-font-size);
  line-height: var(--button-default-line-height);
  font-weight: var(--button-font-weight);
  font-family: var(--button-font-family);
  font-style: var(--button-font-style);
  letter-spacing: var(--button-letter-spacing);
  text-rendering: auto;
  text-decoration: none;
  text-align: center;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  border: none;
  opacity: 0;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .aws-btn .aws-btn__wrapper {
    position: relative;
    font-family: var(--button-font-family);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    height: calc(100% - var(--button-raise-level));
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
    .aws-btn .aws-btn__wrapper:before {
      content: ' ';
      border-radius: var(--button-default-border-radius);
      top: auto;
      bottom: calc(var(--button-raise-level) * -1);
      z-index: 1;
      -webkit-transition: background var(--transform-speed) ease-out, -webkit-transform var(--transform-speed) ease-out;
      transition: background var(--transform-speed) ease-out, -webkit-transform var(--transform-speed) ease-out;
      transition: transform var(--transform-speed) ease-out, background var(--transform-speed) ease-out;
      transition: transform var(--transform-speed) ease-out, background var(--transform-speed) ease-out, -webkit-transform var(--transform-speed) ease-out; }
    .aws-btn .aws-btn__wrapper:after {
      content: ' ';
      background-color: rgba(0, 0, 0, 0.15);
      border-radius: var(--button-default-border-radius);
      z-index: 2;
      width: 0;
      top: var(--button-raise-level); }
  .aws-btn .aws-btn__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: var(--button-default-border-radius);
    text-indent: 0;
    z-index: 1;
    overflow: hidden;
    padding: 0 var(--button-horizontal-padding);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: flat;
            transform-style: flat;
    -webkit-transform: skew(0) translate3d(0, 0, 0);
            transform: skew(0) translate3d(0, 0, 0);
    -webkit-transition: border var(--transform-speed) ease-out, background var(--transform-speed) ease-out, color var(--transform-speed) ease-out, -webkit-transform var(--transform-speed) ease-out;
    transition: border var(--transform-speed) ease-out, background var(--transform-speed) ease-out, color var(--transform-speed) ease-out, -webkit-transform var(--transform-speed) ease-out;
    transition: border var(--transform-speed) ease-out, transform var(--transform-speed) ease-out, background var(--transform-speed) ease-out, color var(--transform-speed) ease-out;
    transition: border var(--transform-speed) ease-out, transform var(--transform-speed) ease-out, background var(--transform-speed) ease-out, color var(--transform-speed) ease-out, -webkit-transform var(--transform-speed) ease-out; }
    .aws-btn .aws-btn__content > span:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-transform: skew(0) translate3d(0, 0, 0);
              transform: skew(0) translate3d(0, 0, 0); }
      .aws-btn .aws-btn__content > span:nth-child(1) > svg {
        margin-top: -2px;
        margin-right: 3px; }
  .aws-btn:before {
    content: ' ';
    background-color: rgba(0, 0, 0, 0.3);
    width: calc(100% - 2px);
    height: calc(100% - (var(--button-raise-level) * 2));
    bottom: calc(0px - (var(--button-raise-level) / 2));
    left: 1px;
    position: absolute;
    border-radius: var(--button-default-border-radius);
    -webkit-transform: skewY(0) translate3d(0, 0, 0);
            transform: skewY(0) translate3d(0, 0, 0);
    -webkit-transition: background calc(var(--transform-speed) * 0.8) ease-out, -webkit-transform calc(var(--transform-speed) * 0.8) ease-out;
    transition: background calc(var(--transform-speed) * 0.8) ease-out, -webkit-transform calc(var(--transform-speed) * 0.8) ease-out;
    transition: transform calc(var(--transform-speed) * 0.8) ease-out, background calc(var(--transform-speed) * 0.8) ease-out;
    transition: transform calc(var(--transform-speed) * 0.8) ease-out, background calc(var(--transform-speed) * 0.8) ease-out, -webkit-transform calc(var(--transform-speed) * 0.8) ease-out; }
  .aws-btn--facebook .aws-btn__wrapper:before {
    background: #324877; }
  .aws-btn--facebook .aws-btn__content {
    background: #4868ad;
    color: #FFFFFF; }
    .aws-btn--facebook .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--facebook.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--facebook.aws-btn--progress .aws-btn__progress:before, .aws-btn--facebook.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--messenger .aws-btn__wrapper:before {
    background: #0960d1; }
  .aws-btn--messenger .aws-btn__content {
    background: #3186f6;
    color: #FFFFFF; }
    .aws-btn--messenger .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--messenger.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--messenger.aws-btn--progress .aws-btn__progress:before, .aws-btn--messenger.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--twitter .aws-btn__wrapper:before {
    background: #0074a1; }
  .aws-btn--twitter .aws-btn__content {
    background: #00aced;
    color: #FFFFFF; }
    .aws-btn--twitter .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--twitter.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--twitter.aws-btn--progress .aws-btn__progress:before, .aws-btn--twitter.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--linkedin .aws-btn__wrapper:before {
    background: #004569; }
  .aws-btn--linkedin .aws-btn__content {
    background: #0077b5;
    color: #FFFFFF; }
    .aws-btn--linkedin .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--linkedin.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--linkedin.aws-btn--progress .aws-btn__progress:before, .aws-btn--linkedin.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--whatsapp .aws-btn__wrapper:before {
    background: #1a9247; }
  .aws-btn--whatsapp .aws-btn__content {
    background: #25d366;
    color: #FFFFFF; }
    .aws-btn--whatsapp .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--whatsapp.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--whatsapp.aws-btn--progress .aws-btn__progress:before, .aws-btn--whatsapp.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--github .aws-btn__wrapper:before {
    background: #030304; }
  .aws-btn--github .aws-btn__content {
    background: #25292e;
    color: #FFFFFF; }
    .aws-btn--github .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--github.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--github.aws-btn--progress .aws-btn__progress:before, .aws-btn--github.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--reddit .aws-btn__wrapper:before {
    background: #cb2703; }
  .aws-btn--reddit .aws-btn__content {
    background: #fc461e;
    color: #FFFFFF; }
    .aws-btn--reddit .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--reddit.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--reddit.aws-btn--progress .aws-btn__progress:before, .aws-btn--reddit.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--pinterest .aws-btn__wrapper:before {
    background: #740611; }
  .aws-btn--pinterest .aws-btn__content {
    background: #bd091c;
    color: #FFFFFF; }
    .aws-btn--pinterest .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--pinterest.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--pinterest.aws-btn--progress .aws-btn__progress:before, .aws-btn--pinterest.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--gplus .aws-btn__wrapper:before {
    background: #a3392d; }
  .aws-btn--gplus .aws-btn__content {
    background: #ce5b4e;
    color: #FFFFFF; }
    .aws-btn--gplus .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--gplus.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--gplus.aws-btn--progress .aws-btn__progress:before, .aws-btn--gplus.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--youtube .aws-btn__wrapper:before {
    background: #881014; }
  .aws-btn--youtube .aws-btn__content {
    background: #cc181e;
    color: #FFFFFF; }
    .aws-btn--youtube .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--youtube.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--youtube.aws-btn--progress .aws-btn__progress:before, .aws-btn--youtube.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--mail .aws-btn__wrapper:before {
    background: #9c9c9c; }
  .aws-btn--mail .aws-btn__content {
    background: #cfcfcf;
    color: #FFFFFF; }
    .aws-btn--mail .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--mail.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--mail.aws-btn--progress .aws-btn__progress:before, .aws-btn--mail.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--instagram .aws-btn__wrapper:before {
    background: radial-gradient(circle at 25% 110%, #b9a800 0%, #938500 5%, #b10f00 45%, #8c0061 60%, #002ca9 90%); }
  .aws-btn--instagram .aws-btn__content {
    background: radial-gradient(circle at 25% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: #FFFFFF; }
    .aws-btn--instagram .aws-btn__content path {
      fill: #FFFFFF; }
  .aws-btn--instagram.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--instagram.aws-btn--progress .aws-btn__progress:before, .aws-btn--instagram.aws-btn--progress .aws-btn__progress:after {
    color: #FFFFFF; }
  .aws-btn--primary .aws-btn__wrapper:before {
    background: var(--button-primary-color-dark); }
  .aws-btn--primary .aws-btn__content {
    background: var(--button-primary-color);
    color: var(--button-primary-color-light);
    border: var(--button-primary-border); }
    .aws-btn--primary .aws-btn__content path {
      fill: var(--button-primary-color-light); }
  .aws-btn--primary .aws-btn__wrapper:hover .aws-btn__content {
    background: var(--button-primary-color-hover); }
  .aws-btn--primary.aws-btn--active .aws-btn__wrapper .aws-btn__content {
    background: var(--button-primary-color-active); }
  .aws-btn--primary.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--primary.aws-btn--progress .aws-btn__progress:before, .aws-btn--primary.aws-btn--progress .aws-btn__progress:after {
    color: var(--button-primary-color-light); }
  .aws-btn--secondary .aws-btn__wrapper:before {
    background: var(--button-secondary-color-dark); }
  .aws-btn--secondary .aws-btn__content {
    background: var(--button-secondary-color);
    color: var(--button-secondary-color-light);
    border: var(--button-secondary-border); }
    .aws-btn--secondary .aws-btn__content path {
      fill: var(--button-secondary-color-light); }
  .aws-btn--secondary .aws-btn__wrapper:hover .aws-btn__content {
    background: var(--button-secondary-color-hover); }
  .aws-btn--secondary.aws-btn--active .aws-btn__wrapper .aws-btn__content {
    background: var(--button-secondary-color-active); }
  .aws-btn--secondary.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--secondary.aws-btn--progress .aws-btn__progress:before, .aws-btn--secondary.aws-btn--progress .aws-btn__progress:after {
    color: var(--button-secondary-color-light); }
  .aws-btn--link .aws-btn__wrapper:before {
    background: var(--button-anchor-color-dark); }
  .aws-btn--link .aws-btn__content {
    background: var(--button-anchor-color);
    color: var(--button-anchor-color-light);
    border: var(--button-anchor-border); }
    .aws-btn--link .aws-btn__content path {
      fill: var(--button-anchor-color-light); }
  .aws-btn--link .aws-btn__wrapper:hover .aws-btn__content {
    background: var(--button-anchor-color-hover); }
  .aws-btn--link.aws-btn--active .aws-btn__wrapper .aws-btn__content {
    background: var(--button-anchor-color-active); }
  .aws-btn--link.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--link.aws-btn--progress .aws-btn__progress:before, .aws-btn--link.aws-btn--progress .aws-btn__progress:after {
    color: var(--button-anchor-color-light); }
  .aws-btn--disabled .aws-btn__wrapper:before {
    background: var(--button-disabled-color-dark); }
  .aws-btn--disabled .aws-btn__content {
    background: var(--button-disabled-color);
    color: var(--button-disabled-color-light);
    border: var(--button-disabled-border); }
    .aws-btn--disabled .aws-btn__content path {
      fill: var(--button-disabled-color-light); }
  .aws-btn--disabled .aws-btn__wrapper:hover .aws-btn__content {
    background: var(--button-disabled-color-hover); }
  .aws-btn--disabled.aws-btn--active .aws-btn__wrapper .aws-btn__content {
    background: var(--button-disabled-color-active); }
  .aws-btn--disabled.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--disabled.aws-btn--progress .aws-btn__progress:before, .aws-btn--disabled.aws-btn--progress .aws-btn__progress:after {
    color: var(--button-disabled-color-light); }
  .aws-btn--placeholder .aws-btn__wrapper:before {
    background: var(--button-placeholder-color-dark); }
  .aws-btn--placeholder .aws-btn__content {
    background: var(--button-placeholder-color);
    color: var(--button-placeholder-color-light);
    border: var(--button-placeholder-border); }
    .aws-btn--placeholder .aws-btn__content path {
      fill: var(--button-placeholder-color-light); }
  .aws-btn--placeholder .aws-btn__wrapper:hover .aws-btn__content {
    background: var(--button-placeholder-color-hover); }
  .aws-btn--placeholder.aws-btn--active .aws-btn__wrapper .aws-btn__content {
    background: var(--button-placeholder-color-active); }
  .aws-btn--placeholder.aws-btn--progress .aws-btn__content > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .aws-btn--placeholder.aws-btn--progress .aws-btn__progress:before, .aws-btn--placeholder.aws-btn--progress .aws-btn__progress:after {
    color: var(--button-placeholder-color-light); }
  .aws-btn--placeholder {
    width: var(--button-default-placeholder-width); }
    .aws-btn--placeholder .aws-btn__content > span {
      display: block;
      width: 100%;
      height: 40%;
      background-color: var(--button-placeholder-color-light);
      border-radius: 2px;
      position: relative;
      overflow: hidden; }
      .aws-btn--placeholder .aws-btn__content > span:before {
        content: '';
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-animation: placeholder calc(var(--transform-speed) * 14) linear forwards infinite;
                animation: placeholder calc(var(--transform-speed) * 14) linear forwards infinite; }
  .aws-btn--visible {
    opacity: 1; }
  .aws-btn--left:before {
    -webkit-transform: skewY(calc(1deg * var(--button-hover-pressure) * 1)) translate3d(0, calc(-1px * var(--button-hover-pressure) / 2), 0);
            transform: skewY(calc(1deg * var(--button-hover-pressure) * 1)) translate3d(0, calc(-1px * var(--button-hover-pressure) / 2), 0); }
  .aws-btn--left .aws-btn__content {
    -webkit-transform: skewY(calc(1deg * var(--button-hover-pressure) * -1));
            transform: skewY(calc(1deg * var(--button-hover-pressure) * -1)); }
  .aws-btn--right:before {
    -webkit-transform: skewY(calc(1deg * var(--button-hover-pressure) * -1)) translate3d(0, calc(-1px * var(--button-hover-pressure) / 2), 0);
            transform: skewY(calc(1deg * var(--button-hover-pressure) * -1)) translate3d(0, calc(-1px * var(--button-hover-pressure) / 2), 0); }
  .aws-btn--right .aws-btn__content {
    -webkit-transform: skewY(calc(1deg * var(--button-hover-pressure) * 1));
            transform: skewY(calc(1deg * var(--button-hover-pressure) * 1)); }
  .aws-btn--middle:before {
    -webkit-transform: translate3d(0, calc(-1px * var(--button-hover-pressure)), 0);
            transform: translate3d(0, calc(-1px * var(--button-hover-pressure)), 0); }
  .aws-btn--middle .aws-btn__content {
    -webkit-transform: translate3d(0, calc(1px * var(--button-hover-pressure)), 0);
            transform: translate3d(0, calc(1px * var(--button-hover-pressure)), 0); }
  .aws-btn--icon .aws-btn__content > span:nth-child(1) > svg {
    vertical-align: middle; }
  .aws-btn--active:before {
    will-change: transform;
    -webkit-transform: translate3d(0, calc(var(--button-raise-level) * -1), 0);
            transform: translate3d(0, calc(var(--button-raise-level) * -1), 0); }
  .aws-btn--active .aws-btn__content {
    will-change: transform;
    -webkit-transition: background calc(var(--transform-speed) * 0.8) ease-out, color calc(var(--transform-speed) * 0.8) ease-out, -webkit-transform calc(var(--transform-speed) * 0.8) ease-out;
    transition: background calc(var(--transform-speed) * 0.8) ease-out, color calc(var(--transform-speed) * 0.8) ease-out, -webkit-transform calc(var(--transform-speed) * 0.8) ease-out;
    transition: transform calc(var(--transform-speed) * 0.8) ease-out, background calc(var(--transform-speed) * 0.8) ease-out, color calc(var(--transform-speed) * 0.8) ease-out;
    transition: transform calc(var(--transform-speed) * 0.8) ease-out, background calc(var(--transform-speed) * 0.8) ease-out, color calc(var(--transform-speed) * 0.8) ease-out, -webkit-transform calc(var(--transform-speed) * 0.8) ease-out;
    -webkit-transform: translate3d(0, var(--button-raise-level), 0);
            transform: translate3d(0, var(--button-raise-level), 0); }
  .aws-btn--off:before {
    -webkit-transform: translate3d(0, calc(var(--button-raise-level) * -1), 0);
            transform: translate3d(0, calc(var(--button-raise-level) * -1), 0);
    background-color: rgba(0, 0, 0, 0.05); }
  .aws-btn--off:hover .aws-btn__wrapper:before {
    background-color: #2d2d2d; }
  .aws-btn--off:hover .aws-btn__content {
    background-color: #313131;
    color: #3b3b3b; }
  .aws-btn--off .aws-btn__wrapper:before {
    background-color: #323232; }
  .aws-btn--off .aws-btn__content {
    background-color: #353535;
    color: #424242;
    -webkit-transform: translate3d(0, var(--button-raise-level), 0);
            transform: translate3d(0, var(--button-raise-level), 0); }
  .aws-btn--icon {
    width: var(--button-icon-width);
    height: var(--button-icon-height);
    font-size: calc(var(--button-default-font-size) * 1.5);
    line-height: calc(var(--button-default-line-height) * 1.5); }
  .aws-btn--small {
    width: var(--button-small-width);
    height: var(--button-small-height);
    font-size: var(--button-default-font-size);
    line-height: var(--button-default-line-height); }
  .aws-btn--medium {
    width: var(--button-medium-width);
    height: var(--button-medium-height);
    font-size: var(--button-default-font-size);
    line-height: var(--button-default-line-height); }
  .aws-btn--large {
    width: var(--button-large-width);
    height: var(--button-large-height);
    font-size: var(--button-default-font-size);
    line-height: var(--button-default-line-height); }
  .aws-btn--fill {
    width: 100%; }

span.aws-btn__bubble {
  display: block;
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  -webkit-transform: scale(0.1);
          transform: scale(0.1);
  -webkit-animation: bubble-ping calc(var(--transform-speed) * 3.5) cubic-bezier(0.5, 0, 0.6, 0.4) 0.05s forwards;
          animation: bubble-ping calc(var(--transform-speed) * 3.5) cubic-bezier(0.5, 0, 0.6, 0.4) 0.05s forwards; }

@-webkit-keyframes placeholder {
  0% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%); }
  25% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  50% {
    -webkit-transform: translateX(110%);
            transform: translateX(110%); }
  75% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%); } }

@keyframes placeholder {
  0% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%); }
  25% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  50% {
    -webkit-transform: translateX(110%);
            transform: translateX(110%); }
  75% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6); }
  60% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4); }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

@keyframes bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6); }
  60% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4); }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

@-webkit-keyframes bubble-ping {
  1% {
    visibility: visible; }
  10% {
    opacity: 0; }
  50% {
    opacity: 1; }
  99% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; }
  100% {
    visibility: hidden; } }

@keyframes bubble-ping {
  1% {
    visibility: visible; }
  10% {
    opacity: 0; }
  50% {
    opacity: 1; }
  99% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; }
  100% {
    visibility: hidden; } }

.aws-btn--progress .aws-btn__progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2px;
  text-indent: 0;
  z-index: 3;
  overflow: hidden;
  -webkit-transition: border var(--transform-speed) ease-out, background var(--transform-speed) ease-out, color var(--transform-speed) ease-out, -webkit-transform var(--transform-speed) ease-out;
  transition: border var(--transform-speed) ease-out, background var(--transform-speed) ease-out, color var(--transform-speed) ease-out, -webkit-transform var(--transform-speed) ease-out;
  transition: border var(--transform-speed) ease-out, transform var(--transform-speed) ease-out, background var(--transform-speed) ease-out, color var(--transform-speed) ease-out;
  transition: border var(--transform-speed) ease-out, transform var(--transform-speed) ease-out, background var(--transform-speed) ease-out, color var(--transform-speed) ease-out, -webkit-transform var(--transform-speed) ease-out; }
  .aws-btn--progress .aws-btn__progress > span {
    -webkit-transition: opacity calc(var(--transform-speed) * 0.5) ease-out calc(var(--transform-speed) * 0.75);
    transition: opacity calc(var(--transform-speed) * 0.5) ease-out calc(var(--transform-speed) * 0.75); }
  .aws-btn--progress .aws-btn__progress:before, .aws-btn--progress .aws-btn__progress:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: rgba(255, 255, 255, 0.65);
    opacity: 0;
    -webkit-transition: opacity calc(var(--transform-speed) * 0.75) ease-out 0.05s, -webkit-transform var(--transform-speed) ease-out 0.05s;
    transition: opacity calc(var(--transform-speed) * 0.75) ease-out 0.05s, -webkit-transform var(--transform-speed) ease-out 0.05s;
    transition: transform var(--transform-speed) ease-out 0.05s, opacity calc(var(--transform-speed) * 0.75) ease-out 0.05s;
    transition: transform var(--transform-speed) ease-out 0.05s, opacity calc(var(--transform-speed) * 0.75) ease-out 0.05s, -webkit-transform var(--transform-speed) ease-out 0.05s; }
  .aws-btn--progress .aws-btn__progress:before {
    content: attr(data-loading);
    display: none;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  .aws-btn--progress .aws-btn__progress:after {
    content: attr(data-status);
    display: none;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }

.aws-btn--progress.aws-btn--active .aws-btn__progress > span {
  opacity: 0.075; }

.aws-btn--progress.aws-btn--active .aws-btn__progress:after,
.aws-btn--progress.aws-btn--active .aws-btn__progress:before,
.aws-btn--progress.aws-btn--active .aws-btn__content:after {
  display: block; }

.aws-btn--progress .aws-btn__content:after {
  content: " ";
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  width: 100%;
  display: none; }

.aws-btn--start .aws-btn__progress:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.aws-btn--start .aws-btn__content:after {
  -webkit-transition: -webkit-transform var(--loading-transition-speed) ease-out;
  transition: -webkit-transform var(--loading-transition-speed) ease-out;
  transition: transform var(--loading-transition-speed) ease-out;
  transition: transform var(--loading-transition-speed) ease-out, -webkit-transform var(--loading-transition-speed) ease-out;
  -webkit-transform: translate3d(-15%, 0, 0);
          transform: translate3d(-15%, 0, 0); }

.aws-btn--errored .aws-btn__content:after {
  background-color: rgba(255, 0, 0, 0.75); }

.aws-btn--end .aws-btn__content:after {
  -webkit-transition: -webkit-transform var(--loading-transition-end-speed) var(--loading-transition-timing);
  transition: -webkit-transform var(--loading-transition-end-speed) var(--loading-transition-timing);
  transition: transform var(--loading-transition-end-speed) var(--loading-transition-timing);
  transition: transform var(--loading-transition-end-speed) var(--loading-transition-timing), -webkit-transform var(--loading-transition-end-speed) var(--loading-transition-timing);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.aws-btn--end .aws-btn__progress:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.aws-btn--end .aws-btn__progress:before {
  -webkit-transform: translate3d(0, 50%, 0);
          transform: translate3d(0, 50%, 0);
  opacity: 0; }


/* mixins
 * Generates the image in either standard size or retina display version
 */
::selection {
  background: rgba(255, 198, 0, 0.5);
  color: #000; }

::-moz-selection {
  background: rgba(255, 198, 0, 0.5);
  color: #000; }

html {
  background-color: #252525;
  cursor: cell;
  scrollbar-width: thin; }

body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-weight: 400;
  font-family: 'Fira Sans Condensed', tondo, 'avenir next', avenir;
  backface-visibility: hidden; }
  body textarea {
    font-family: 'Fira Sans Condensed', tondo, 'avenir next', avenir; }
  body .lazy {
    display: none !important; }
  body .center {
    text-align: center;
    position: relative; }
  body.loaded .lazy {
    display: inherit !important; }
  body.loaded .space-waves, body.loaded h1 + .h3 {
    animation: fadeUp 0.7s ease-out;
    animation-fill-mode: forwards; }
  body.loaded .stars {
    animation: slowFadeIn 3s ease-out;
    animation-delay: .75s;
    animation-fill-mode: forwards; }
  body.loaded .lottie {
    animation: circleIn 0.7s;
    animation-fill-mode: forwards; }
  body.scrolling.loaded {
    pointer-events: none; }
  body.scrolling.loaded .circle, body.scrolling.loaded .oval, body.scrolling.loaded .small-play, body.scrolling.loaded figure img, body.scrolling.loaded .lottie img, body.scrolling.loaded .process > div > div:before, body.scrolling.loaded .process > div > div:after, body.loaded.contact .circle, body.loaded.contact .oval, body.loaded.contact .small-play, body.loaded.contact figure img, body.loaded.contact .lottie img, body.loaded.contact .process > div > div:before, body.loaded.contact .process > div > div:after {
    animation-play-state: paused; }
  body.scrolled.deeply nav {
    background: rgba(37, 37, 37, 0.9);
    border-bottom: 1px solid rgba(34, 34, 34, 0.9);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    -moz-backdrop-filter: saturate(180%) blur(20px);
    -ms-backdrop-filter: saturate(180%) blur(20px);
    -o-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    transform: translateY(-39px);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.84, 0), border-bottom 0s ease-out 0.5s, background 0s; }
    body.scrolled.deeply nav:hover {
      transition: transform .025s ease-out .1s;
      transform: translateY(-15px);
      background: #252525; }
      body.scrolled.deeply nav:hover a:not(.logo-container) {
        transform: translateY(-15px);
        transition: transform .025s ease-out .1s; }
    body.scrolled.deeply nav .logo-container {
      box-shadow: none;
      animation: scrollLogo .3s ease-in;
      animation-fill-mode: forwards;
      background: transparent;
      z-index: 9; }
  body .flex {
    display: flex; }
  body .grid {
    display: grid; }
  body .col {
    display: flex;
    flex-direction: column; }
  body .row {
    display: flex;
    flex-direction: row; }
  body nav {
    position: fixed;
    will-change: transform;
    transform: translateZ(0);
    transition: background .25s ease-out .026s, transform .025s ease-out;
    backface-visibility: hidden;
    right: 0;
    left: 0;
    top: 0;
    z-index: 999;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500; }
    body nav .logo-container {
      position: absolute;
      will-change: transform;
      left: calc(50% - 50px);
      margin: 0;
      top: 14px;
      width: 100px;
      height: 80px;
      text-align: center;
      box-shadow: 0 0 7px -2px #ffc600;
      padding: 7px;
      padding-left: 1px;
      padding-right: 1px;
      border-radius: 100%; }
      body nav .logo-container:hover {
        transform: none;
        animation: hone .8s ease-in-out .01s, rock .8s ease-in-out .01s; }
      body nav .logo-container:after {
        display: none; }
      body nav .logo-container img {
        position: relative;
        width: 75px;
        height: 75px; }
    body nav a {
      text-decoration: none;
      cursor: pointer;
      outline: none;
      position: relative;
      margin: 30px 40px 8px 0;
      padding: 20px 10px 5px;
      color: #eee;
      display: inline-block;
      will-change: transform;
      transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      body nav a:hover, body nav a.active {
        color: #ffc600; }
        body nav a:hover:after, body nav a.active:after {
          visibility: visible;
          transform: scaleX(1.15);
          transition: transform .3s ease-in; }
      body nav a:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: -9px;
        left: 0;
        background-color: #ffc600;
        visibility: hidden;
        transform: scaleX(0);
        will-change: transform;
        transition: none; }
  body .atmosphere {
    position: absolute;
    pointer-events: none;
    background: #252525;
    background-image: linear-gradient(to bottom, #252525, #233540, transparent);
    position: absolute;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    top: 0;
    bottom: -300px;
    left: 0;
    right: 0; }
  body video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1; }
  body .stars {
    background-image: url("/static/images/layout/stars.svg");
    pointer-events: none;
    backface-visibility: hidden;
    position: absolute;
    z-index: 1;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  body .scroll-down {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 500px; }
  body .space-waves {
    pointer-events: none;
    will-change: transform;
    transform: translateZ(0);
    position: absolute;
    left: 0;
    right: 0;
    background-size: 100% 360px !important;
    top: 70vh;
    height: 465px;
    width: 100%;
    opacity: 0;
    z-index: 1;
    background: url("/static/images/layout/Space Waves.png") no-repeat center; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
      body .space-waves {
        background: url("/static/images/layout/Space Waves@2x.png") no-repeat center;
        background-size: auto 1440px; } }
    @media screen and (min-width: 1440px) {
      body .space-waves {
        background: url("/static/images/layout/Space Waves@2x.png") no-repeat center;
        background-size: auto 1440px; } }
  body header {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 11;
    grid-template-columns: 3fr 2fr;
    margin: 10% 10% 0; }
    body header .flex {
      flex-direction: column; }
    body header .iphone-container {
      align-items: center; }
    body header h1 {
      font-family: 'Fira Sans Condensed', 'tondo-signage';
      font-size: 6em;
      font-weight: bold;
      height: 2em;
      max-width: 5.9em;
      overflow: hidden;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: 5px;
      line-height: 1em;
      margin: 12% 0 0; }
    body header .h3 {
      opacity: 0;
      margin: .5em 0 0;
      text-transform: uppercase;
      font-size: 1.8em;
      font-weight: 300;
      min-height: 80px;
      color: #fff; }
      body header .h3 > div {
        min-width: 250px;
        color: #ffc600; }
    body header .lottie {
      height: 270px;
      width: 480px;
      position: relative;
      opacity: 0; }
      body header .lottie .snapWallet {
        position: absolute;
        z-index: 8;
        left: 175px;
        top: -50px;
        border-radius: 2rem;
        overflow: hidden; }
      body header .lottie img {
        z-index: 2;
        position: absolute;
        left: -15px;
        top: -160px;
        animation: rotate 100s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        transform: scale(0.75);
        opacity: .3; }
        body header .lottie img:nth-child(1) {
          left: 70px;
          top: -80px;
          animation: rotate 40s;
          animation-timing-function: linear;
          animation-iteration-count: infinite; }
        body header .lottie img:nth-child(2) {
          margin-left: 40px;
          left: 5px;
          top: -100px;
          animation: rotate 40s;
          animation-timing-function: linear;
          animation-iteration-count: infinite;
          animation-direction: reverse; }
      body header .lottie > div {
        position: absolute;
        overflow: visible !important;
        left: 115px;
        top: 50px; }
        body header .lottie > div svg {
          overflow: visible !important;
          margin: auto; }
    body header .aws-btn--primary {
      margin-top: 60px;
      max-width: 225px;
      font-size: 1rem;
      align-self: start;
      --button-primary-color: #FFC600;
      --button-primary-border: 1px solid #FFC600;
      --button-primary-color-light: #333; }
      body header .aws-btn--primary:hover span, body header .aws-btn--primary:active span, body header .aws-btn--primary:focus span {
        color: #333; }
  body .consulting {
    position: relative;
    transform: translateY(80vh);
    z-index: 11;
    flex-direction: column;
    padding: 525px 0 0 0;
    overflow: hidden; }
    body .consulting:before {
      content: '';
      position: absolute;
      background: #fff;
      border-top: 15px solid #ffc600;
      top: 100px;
      height: 1000px;
      left: -50px;
      right: 0;
      width: 200%;
      max-height: 3000px;
      transform: rotate(-7deg);
      z-index: 1; }
    body .consulting .cover {
      content: '';
      position: absolute;
      top: 500px;
      bottom: 0;
      background: linear-gradient(#eaeaea, #fafafa);
      height: 1500px;
      left: -25%;
      right: -25%;
      z-index: 0; }
    body .consulting h2 {
      font-weight: 200;
      font-size: 1.35em; }
    body .consulting .companies {
      visibility: hidden;
      min-height: 50px;
      height: 50px;
      margin-top: 30px;
      margin-bottom: 100px;
      list-style: none;
      width: 100%;
      padding: 0; }
      body .consulting .companies li {
        margin-right: 40px; }
      body .consulting .companies .geni {
        background: url("/static/images/companies/Geni.png") no-repeat center;
        height: 46px;
        width: 108px; }
        @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
          body .consulting .companies .geni {
            background: url("/static/images/companies/Geni@2x.png") no-repeat center;
            background-size: auto 46px; } }
        @media screen and (min-width: 1440px) {
          body .consulting .companies .geni {
            background: url("/static/images/companies/Geni@2x.png") no-repeat center;
            background-size: auto 46px; } }
      body .consulting .companies .zip-recruiter {
        background: url("/static/images/companies/Zip.png") no-repeat center;
        height: 40px;
        width: 198px; }
        @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
          body .consulting .companies .zip-recruiter {
            background: url("/static/images/companies/Zip@2x.png") no-repeat center;
            background-size: auto 40px; } }
        @media screen and (min-width: 1440px) {
          body .consulting .companies .zip-recruiter {
            background: url("/static/images/companies/Zip@2x.png") no-repeat center;
            background-size: auto 40px; } }
      body .consulting .companies .cars-direct {
        background: url("/static/images/companies/CarsDirect.png") no-repeat center;
        height: 32px;
        width: 220px; }
        @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
          body .consulting .companies .cars-direct {
            background: url("/static/images/companies/CarsDirect@2x.png") no-repeat center;
            background-size: auto 32px; } }
        @media screen and (min-width: 1440px) {
          body .consulting .companies .cars-direct {
            background: url("/static/images/companies/CarsDirect@2x.png") no-repeat center;
            background-size: auto 32px; } }
      body .consulting .companies .fox {
        background: url("/static/images/companies/Fox.png") no-repeat center;
        height: 44px;
        width: 102px; }
        @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
          body .consulting .companies .fox {
            background: url("/static/images/companies/Fox@2x.png") no-repeat center;
            background-size: auto 44px; } }
        @media screen and (min-width: 1440px) {
          body .consulting .companies .fox {
            background: url("/static/images/companies/Fox@2x.png") no-repeat center;
            background-size: auto 44px; } }
      body .consulting .companies .weedmaps {
        background: url("/static/images/companies/Weedmaps.png") no-repeat center;
        height: 44px;
        width: 182px; }
        @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
          body .consulting .companies .weedmaps {
            background: url("/static/images/companies/Weedmaps@2x.png") no-repeat center;
            background-size: auto 44px; } }
        @media screen and (min-width: 1440px) {
          body .consulting .companies .weedmaps {
            background: url("/static/images/companies/Weedmaps@2x.png") no-repeat center;
            background-size: auto 44px; } }
    body .consulting .h3, body .consulting h3, body .consulting h2 {
      color: #333;
      z-index: 1;
      max-width: 800px;
      margin: 0 auto 10px 0; }
    body .consulting > .h3 {
      margin-top: 25px; }
    body .consulting .h3 {
      margin-bottom: 0;
      font-size: 3.2em;
      font-weight: bold; }
    body .consulting h4 {
      font-size: 1.3em;
      margin-top: 0;
      margin-bottom: 10px;
      color: gray;
      font-weight: 300; }
    body .consulting ul {
      flex: 1;
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: max-content;
      padding: 0;
      max-width: 1800px;
      margin: 65px 100px 100px;
      list-style: none;
      z-index: 1; }
      body .consulting ul > li {
        flex: 1;
        margin: auto; }
  body .process {
    position: relative;
    background: linear-gradient(#eaeaea, #fafafa);
    flex-direction: column;
    padding-top: 150px;
    margin-top: 400px;
    padding-bottom: 130px;
    text-align: left;
    align-items: center;
    z-index: 1; }
    body .process .hello {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: -500px; }
      body .process .hello h2, body .process .hello ol {
        margin-left: 3px; }
    body .process .clients {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 15px;
      list-style: none;
      left: -7%;
      padding: 0;
      margin: 150px 0 0;
      position: relative;
      z-index: 0; }
      body .process .clients a {
        text-decoration: none; }
      body .process .clients li {
        position: relative;
        overflow: hidden;
        height: 400px;
        min-width: 221px; }
        body .process .clients li h3 {
          font-size: 1.5em;
          margin: .75em .5em .25em; }
        body .process .clients li h3, body .process .clients li h4 {
          text-align: center;
          transform: translateY(15px);
          transition: transform 0.5s cubic-bezier(0.7, 0, 0.84, 0); }
        body .process .clients li h4 {
          font-size: 1em;
          color: rgba(51, 51, 51, 0.9); }
        body .process .clients li.passwordless > div {
          background: url("/static/images/clients/Passwordless.png") 0 0;
          height: 400px;
          width: 100%; }
          @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
            body .process .clients li.passwordless > div {
              background: url("/static/images/clients/Passwordless@2x.png") 0 0;
              background-size: auto 100%; } }
          @media screen and (min-width: 1440px) {
            body .process .clients li.passwordless > div {
              background: url("/static/images/clients/Passwordless@2x.png") 0 0;
              background-size: auto 100%; } }
        body .process .clients li.podcast > div {
          background: url("/static/images/clients/CTAP.png") 0 0;
          height: 400px;
          width: 100%; }
          @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
            body .process .clients li.podcast > div {
              background: url("/static/images/clients/CTAP@2x.png") 0 0;
              background-size: auto 100%; } }
          @media screen and (min-width: 1440px) {
            body .process .clients li.podcast > div {
              background: url("/static/images/clients/CTAP@2x.png") 0 0;
              background-size: auto 100%; } }
        body .process .clients li.livetinted > div {
          background: url("/static/images/clients/Live Tinted.png") 0 0;
          height: 400px;
          width: 100%; }
          @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
            body .process .clients li.livetinted > div {
              background: url("/static/images/clients/Live Tinted@2x.png") 0 0;
              background-size: auto 100%; } }
          @media screen and (min-width: 1440px) {
            body .process .clients li.livetinted > div {
              background: url("/static/images/clients/Live Tinted@2x.png") 0 0;
              background-size: auto 100%; } }
        body .process .clients li.float > div {
          background: url("/static/images/clients/FLOAT.png") 0 0;
          height: 400px;
          width: 100%; }
          @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
            body .process .clients li.float > div {
              background: url("/static/images/clients/FLOAT@2x.png") 0 0;
              background-size: auto 100%; } }
          @media screen and (min-width: 1440px) {
            body .process .clients li.float > div {
              background: url("/static/images/clients/FLOAT@2x.png") 0 0;
              background-size: auto 100%; } }
        body .process .clients li.weedmaps > div {
          background: url("/static/images/clients/Weedmaps.png") 0 0;
          height: 400px;
          width: 100%; }
          @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
            body .process .clients li.weedmaps > div {
              background: url("/static/images/clients/Weedmaps@2x.png") 0 0;
              background-size: auto 100%; } }
          @media screen and (min-width: 1440px) {
            body .process .clients li.weedmaps > div {
              background: url("/static/images/clients/Weedmaps@2x.png") 0 0;
              background-size: auto 100%; } }
        body .process .clients li > div {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          height: 400px;
          background: linear-gradient(#eaeaea, #fafafa);
          background-size: contain !important;
          background-repeat: no-repeat !important;
          transition: transform 0.5s cubic-bezier(0.7, 0, 0.84, 0); }
        body .process .clients li:hover h3, body .process .clients li:hover h4 {
          transform: translateY(0);
          transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1); }
        body .process .clients li:hover div {
          transform: translateY(100px);
          transition: transform 0.275s cubic-bezier(0.16, 1, 0.3, 1); }
    body .process > .flex {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr; }
      body .process > .flex > span, body .process > .flex > article {
        position: absolute;
        margin: 0; }
      body .process > .flex > article {
        padding-left: 3px; }
      body .process > .flex > span {
        top: 1.5em; }
      body .process > .flex > div {
        position: relative;
        backface-visibility: hidden;
        margin: 75px 15px;
        margin: 75px 15px 0 0;
        border-radius: 2px;
        flex-direction: column;
        justify-content: center;
        background-color: #fff;
        max-width: 310px;
        max-height: 500px;
        align-items: start;
        box-shadow: none;
        transition: box-shadow 0.4s ease-out 0.1s, transform 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);
        will-change: box-shadow;
        box-sizing: border-box;
        overflow: hidden; }
        body .process > .flex > div hr {
          transition: transform .2s ease-out;
          background-color: #ffc600;
          height: 1px;
          width: 25px;
          margin: 0 0 0 20px;
          left: 20px;
          top: 362px;
          border: none; }
        body .process > .flex > div:hover {
          transition: none;
          box-shadow: 0 0 0 3px #ffc600;
          border-radius: 5px;
          z-index: 9; }
          body .process > .flex > div:hover hr {
            transform: scale(2) translateX(6px);
            transition: transform 0.1s cubic-bezier(0.16, 1, 0.3, 1); }
        body .process > .flex > div h4 {
          margin: 0;
          color: #333;
          font-weight: bold;
          padding: 35px 0 0 20px; }
        body .process > .flex > div p {
          line-height: 1.5em;
          padding: 10px 10px 0 20px;
          margin: 0;
          height: 150px;
          overflow: hidden; }
        body .process > .flex > div button {
          width: 90%;
          height: 50px; }
    body .process > button {
      position: absolute;
      top: -30px;
      max-width: 400px; }
    body .process h3 {
      margin: 0 auto; }
    body .process > article {
      align-self: start;
      margin-top: 0;
      color: #333;
      font-weight: 300;
      font-size: 1.35em;
      line-height: 2em; }
  body .app-ribbon {
    position: fixed;
    opacity: 0;
    left: 0;
    right: 0;
    bottom: -55px;
    z-index: 999; }

.aws-btn {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  width: 80%;
  height: 60px;
  margin-bottom: 20px;
  align-self: center;
  --button-primary-color: #ffc600;
  --button-primary-color-dark: #cca400;
  --button-primary-color-hover: #ffd711;
  --button-primary-color-active: #ffd711;
  --button-primary-color-light: #333;
  --button-secondary-color-dark: darken(#fff, 15%);
  --button-secondary-color-light: $cartman-yellow;
  --button-secondary-color-hover: darken(#fff, 5%);
  --button-secondary-color-active: darken(#fff, 10%);
  --button-secondary-border: 1px solid #fff;
  --button-secondary-color: #fff;
  --button-secondary-color-hover: #fff;
  --button-secondary-color-active: #fff;
  --button-secondary-color-light: #000;
  --button-anchor-color: rgba(50,50,50, .1);
  --button-anchor-color-hover: rgba(90,90,90,.4);
  --button-anchor-color-active: rgba(70,70,70,.2);
  --button-anchor-color-light: #fff; }

@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: local("Fira Sans Condensed Regular"), local("FiraSansCondensed-Regular"), url(https://fonts.gstatic.com/s/firasanscondensed/v3/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfbtrelWfx4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

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

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

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

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

@-webkit-keyframes clipMe {
  0%, 100% {
    clip: rect(0px, 385px, 3px, 0px); }
  25% {
    clip: rect(0px, 3px, 385px, 0px); }
  50% {
    clip: rect(382px, 385px, 385px, 0px); }
  75% {
    clip: rect(0px, 385px, 385px, 382px); } }

@-moz-keyframes clipMe {
  0%, 100% {
    clip: rect(0px, 385px, 3px, 0px); }
  25% {
    clip: rect(0px, 3px, 385px, 0px); }
  50% {
    clip: rect(382px, 385px, 385px, 0px); }
  75% {
    clip: rect(0px, 385px, 385px, 382px); } }

@-ms-keyframes clipMe {
  0%, 100% {
    clip: rect(0px, 385px, 3px, 0px); }
  25% {
    clip: rect(0px, 3px, 385px, 0px); }
  50% {
    clip: rect(382px, 385px, 385px, 0px); }
  75% {
    clip: rect(0px, 385px, 385px, 382px); } }

@keyframes clipMe {
  0%, 100% {
    clip: rect(0px, 385px, 3px, 0px); }
  25% {
    clip: rect(0px, 3px, 385px, 0px); }
  50% {
    clip: rect(382px, 385px, 385px, 0px); }
  75% {
    clip: rect(0px, 385px, 385px, 382px); } }

@-webkit-keyframes hone {
  0% {
    box-shadow: 0 0 5px 2px rgba(204, 158, 0, 0.3), 0 0 0 0 transparent, 0 0 0 0 rgba(255, 198, 0, 0); }
  85% {
    box-shadow: 0 0 3px 5px rgba(153, 119, 0, 0.1), 0 0 10px -6px transparent, 0 0 10px 3px rgba(255, 198, 0, 0.7); }
  100% {
    box-shadow: 0 0 5px -2px #ffc600, 0 0 0 0 transparent, 0 0 0 0 rgba(255, 198, 0, 0); } }

@-moz-keyframes hone {
  0% {
    box-shadow: 0 0 5px 2px rgba(204, 158, 0, 0.3), 0 0 0 0 transparent, 0 0 0 0 rgba(255, 198, 0, 0); }
  85% {
    box-shadow: 0 0 3px 5px rgba(153, 119, 0, 0.1), 0 0 10px -6px transparent, 0 0 10px 3px rgba(255, 198, 0, 0.7); }
  100% {
    box-shadow: 0 0 5px -2px #ffc600, 0 0 0 0 transparent, 0 0 0 0 rgba(255, 198, 0, 0); } }

@-ms-keyframes hone {
  0% {
    box-shadow: 0 0 5px 2px rgba(204, 158, 0, 0.3), 0 0 0 0 transparent, 0 0 0 0 rgba(255, 198, 0, 0); }
  85% {
    box-shadow: 0 0 3px 5px rgba(153, 119, 0, 0.1), 0 0 10px -6px transparent, 0 0 10px 3px rgba(255, 198, 0, 0.7); }
  100% {
    box-shadow: 0 0 5px -2px #ffc600, 0 0 0 0 transparent, 0 0 0 0 rgba(255, 198, 0, 0); } }

@keyframes hone {
  0% {
    box-shadow: 0 0 5px 2px rgba(204, 158, 0, 0.3), 0 0 0 0 transparent, 0 0 0 0 rgba(255, 198, 0, 0); }
  85% {
    box-shadow: 0 0 3px 5px rgba(153, 119, 0, 0.1), 0 0 10px -6px transparent, 0 0 10px 3px rgba(255, 198, 0, 0.7); }
  100% {
    box-shadow: 0 0 5px -2px #ffc600, 0 0 0 0 transparent, 0 0 0 0 rgba(255, 198, 0, 0); } }

@-webkit-keyframes rock {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1.025) rotate(-4deg); }
  100% {
    transform: scale(1); } }

@-moz-keyframes rock {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1.025) rotate(-4deg); }
  100% {
    transform: scale(1); } }

@-ms-keyframes rock {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1.025) rotate(-4deg); }
  100% {
    transform: scale(1); } }

@keyframes rock {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1.025) rotate(-4deg); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes slider {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  65% {
    opacity: 1; }
  85% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes slider {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  65% {
    opacity: 1; }
  85% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-ms-keyframes slider {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  65% {
    opacity: 1; }
  85% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes slider {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  65% {
    opacity: 1; }
  85% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes scrollLogo {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0.6) translateY(35px); } }

@-moz-keyframes scrollLogo {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0.6) translateY(35px); } }

@-ms-keyframes scrollLogo {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0.6) translateY(35px); } }

@keyframes scrollLogo {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0.6) translateY(35px); } }

@-webkit-keyframes slowFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes slowFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes slowFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slowFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes scaleInSlider {
  0% {
    transform: scale(0.5) opacity(0); }
  100% {
    transform: scale(1) opacity(1); } }

@-moz-keyframes scaleInSlider {
  0% {
    transform: scale(0.5) opacity(0); }
  100% {
    transform: scale(1) opacity(1); } }

@-ms-keyframes scaleInSlider {
  0% {
    transform: scale(0.5) opacity(0); }
  100% {
    transform: scale(1) opacity(1); } }

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

@-webkit-keyframes fadeIn {
  0% {
    opacity: .75; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: .75; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: .75; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: .75; }
  100% {
    opacity: 1; } }

@-webkit-keyframes scaleIn {
  0% {
    transform: scale(0.9);
    opacity: .75; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-moz-keyframes scaleIn {
  0% {
    transform: scale(0.9);
    opacity: .75; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-ms-keyframes scaleIn {
  0% {
    transform: scale(0.9);
    opacity: .75; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes scaleIn {
  0% {
    transform: scale(0.9);
    opacity: .75; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: .75; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: .75; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: .75; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: .75; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeUp {
  0% {
    /* transform: translateY(75px) */
    opacity: 0; }
  35% {
    /* transform: translateY(75px) */
    opacity: 0; }
  100% {
    /* transform: translateY(0) */
    opacity: 1; } }

@-moz-keyframes fadeUp {
  0% {
    /* transform: translateY(75px) */
    opacity: 0; }
  35% {
    /* transform: translateY(75px) */
    opacity: 0; }
  100% {
    /* transform: translateY(0) */
    opacity: 1; } }

@-ms-keyframes fadeUp {
  0% {
    /* transform: translateY(75px) */
    opacity: 0; }
  35% {
    /* transform: translateY(75px) */
    opacity: 0; }
  100% {
    /* transform: translateY(0) */
    opacity: 1; } }

@keyframes fadeUp {
  0% {
    /* transform: translateY(75px) */
    opacity: 0; }
  35% {
    /* transform: translateY(75px) */
    opacity: 0; }
  100% {
    /* transform: translateY(0) */
    opacity: 1; } }

@-webkit-keyframes shake {
  0% {
    transform: none; }
  5% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -8deg); }
  45% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  100% {
    transform: none; } }

@-moz-keyframes shake {
  0% {
    transform: none; }
  5% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -8deg); }
  45% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  100% {
    transform: none; } }

@-ms-keyframes shake {
  0% {
    transform: none; }
  5% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -8deg); }
  45% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  100% {
    transform: none; } }

@keyframes shake {
  0% {
    transform: none; }
  5% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -8deg); }
  45% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  100% {
    transform: none; } }

@-webkit-keyframes focus {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.02); }
  100% {
    transform: scale(1); } }

@-moz-keyframes focus {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.02); }
  100% {
    transform: scale(1); } }

@-ms-keyframes focus {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.02); }
  100% {
    transform: scale(1); } }

@keyframes focus {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.02); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes circleIn {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-moz-keyframes circleIn {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-ms-keyframes circleIn {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

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

@-webkit-keyframes slideIn {
  0% {
    transform: rotate(5deg) translateX(-50px);
    opacity: 0; }
  100% {
    transform: rotate(0) scale(1) translateX(12px);
    opacity: 1; } }

@-moz-keyframes slideIn {
  0% {
    transform: rotate(5deg) translateX(-50px);
    opacity: 0; }
  100% {
    transform: rotate(0) scale(1) translateX(12px);
    opacity: 1; } }

@-ms-keyframes slideIn {
  0% {
    transform: rotate(5deg) translateX(-50px);
    opacity: 0; }
  100% {
    transform: rotate(0) scale(1) translateX(12px);
    opacity: 1; } }

@keyframes slideIn {
  0% {
    transform: rotate(5deg) translateX(-50px);
    opacity: 0; }
  100% {
    transform: rotate(0) scale(1) translateX(12px);
    opacity: 1; } }

@-webkit-keyframes buildIn {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.009); }
  100% {
    transform: scale(1); } }

@-moz-keyframes buildIn {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.009); }
  100% {
    transform: scale(1); } }

@-ms-keyframes buildIn {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.009); }
  100% {
    transform: scale(1); } }

@keyframes buildIn {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.009); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes translatePlay {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(-5px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@-moz-keyframes translatePlay {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(-5px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@-ms-keyframes translatePlay {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(-5px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@keyframes translatePlay {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(-5px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

/* mixins
 * Generates the image in either standard size or retina display version
 */
.form-group {
  display: block;
  position: relative;
  bottom: 0;
  margin-bottom: 15px; }
  .form-group .wrapper {
    bottom: 0;
    position: relative;
    margin-bottom: 15px;
    display: block; }
  .form-group input[type="password"], .form-group select, .form-group textarea, .form-group input[type="text"], .form-group input[type="email"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 2px;
    display: block;
    text-indent: 3px;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
    text-overflow: ellipsis;
    outline: none;
    padding: 15px 8px;
    vertical-align: middle;
    font-size: 1.1em;
    color: #aaa;
    border: none;
    background-color: #282828;
    border-bottom: 2px solid #323232;
    outline: none;
    width: 100%;
    transform: scale(1);
    transition-duration: .3s;
    transition-property: transform;
    transition: color .2s ease-out, background-color .3s ease-out .1s; }
    .form-group input[type="password"]:hover, .form-group select:hover, .form-group textarea:hover, .form-group input[type="text"]:hover, .form-group input[type="email"]:hover {
      z-index: 1;
      background-color: #2f2f2f;
      color: #ccc;
      transition: none; }
    .form-group input[type="password"]:focus, .form-group input[type="password"]:active, .form-group select:focus, .form-group select:active, .form-group textarea:focus, .form-group textarea:active, .form-group input[type="text"]:focus, .form-group input[type="text"]:active, .form-group input[type="email"]:focus, .form-group input[type="email"]:active {
      cursor: text;
      z-index: 10;
      color: #eee;
      border-color: #ffc600;
      background-color: #393939;
      animation: focus 0.1s;
      animation-timing-function: ease-out;
      transition: none; }
    .form-group input[type="password"] + .fx, .form-group select + .fx, .form-group textarea + .fx, .form-group input[type="text"] + .fx, .form-group input[type="email"] + .fx {
      position: absolute;
      text-align: left;
      left: 2px;
      right: 2px;
      bottom: 1px;
      height: 1px;
      overflow: hidden; }
      .form-group input[type="password"] + .fx:after, .form-group select + .fx:after, .form-group textarea + .fx:after, .form-group input[type="text"] + .fx:after, .form-group input[type="email"] + .fx:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #ffc600;
        transform: translateX(-100%);
        transition: transform 0.35s cubic-bezier(0.7, 0, 0.84, 0) 0.2s; }
    .form-group input[type="password"]:focus + .fx:before, .form-group select:focus + .fx:before, .form-group textarea:focus + .fx:before, .form-group input[type="text"]:focus + .fx:before, .form-group input[type="email"]:focus + .fx:before {
      position: absolute;
      content: '';
      height: 2px;
      z-index: 1;
      background-color: #cc9e00; }
    .form-group input[type="password"]:focus + .fx:after, .form-group select:focus + .fx:after, .form-group textarea:focus + .fx:after, .form-group input[type="text"]:focus + .fx:after, .form-group input[type="email"]:focus + .fx:after {
      width: 100%;
      transform: translateX(0);
      transition: none; }

.container {
  position: relative; }
  .container:before {
    content: '';
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.98);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    -moz-backdrop-filter: saturate(180%) blur(5px);
    -ms-backdrop-filter: saturate(180%) blur(5px);
    -o-backdrop-filter: saturate(180%) blur(5px);
    backdrop-filter: saturate(180%) blur(5px);
    animation-name: fadeIn;
    animation-fill-mode: forwards;
    animation-duration: .75s;
    animation-timing-function: ease-out;
    background-color: rgba(0, 0, 0, 0.98);
    background: radial-gradient(circle closest-corner at 50% 40%, rgba(0, 0, 0, 0.9) 60%, rgba(0, 0, 0, 0.98) 100%);
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px; }
  .container form {
    position: fixed; }

form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8px;
  text-align: center;
  z-index: 999;
  margin: auto;
  max-width: 800px;
  top: 190px;
  left: 0;
  right: 0;
  padding: 25px 50px;
  color: #eee; }
  form.shake {
    animation-name: shake;
    animation-timing-function: ease-out;
    animation-duration: .6s; }
  form.finished fieldset {
    display: grid;
    opacity: 0;
    transform: scale(0.5);
    pointer-events: none;
    transition: opacity .25s ease-out, transform .25s ease-out; }
  form.finished .aws-btn {
    transform: translateY(-50px);
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  form h1 {
    position: absolute;
    width: 100%;
    top: -60px;
    text-align: center;
    margin: 0 auto;
    display: inline-block; }
  form fieldset {
    display: contents;
    border: none;
    overflow: hidden;
    max-height: 9999px; }
    form fieldset .form-group {
      animation-name: scaleIn;
      /* animation-duration: .15s */ }
    form fieldset .form-group-company, form fieldset .form-group-projectBudget {
      animation-duration: .45s; }
    form fieldset .form-group-synopsis {
      animation-duration: .85s; }
    form fieldset > div {
      margin-right: 30px; }
    form fieldset div:last-child {
      grid-column: span 2; }
    form fieldset label {
      text-transform: uppercase;
      display: block;
      color: #aaa;
      padding-bottom: 5px;
      font-size: .9em;
      text-align: left; }
      form fieldset label small {
        color: #ffc600; }
    form fieldset textarea {
      width: 100%; }
    form fieldset .error-block {
      color: #ffc600;
      font-size: .8em;
      position: absolute;
      bottom: -5px;
      left: 0; }
  form .aws-btn {
    grid-column: span 2;
    width: 50%;
    font-size: 1.15em;
    margin: 20px auto 0 auto; }
  form .close {
    display: none;
    position: absolute;
    cursor: pointer;
    top: -25px;
    right: 0;
    padding: 10px 15px;
    color: #fff;
    /* background: rgba(#333, .3) */
    border: none;
    font-size: 1.5em;
    font-weight: 100;
    border-radius: 100%;
    transition: background ease-out .2s; }
    form .close:hover, form .close:active {
      transition: none;
      background: #444; }

div[name="learn"] {
  position: absolute !important;
  top: 50px;
  bottom: 0;
  min-height: 1000px; }

.consulting .learning-channel, .umee, .snapwallet {
  position: relative;
  color: white;
  background: black;
  padding-bottom: 50px;
  z-index: 2; }
  .consulting .learning-channel ul, .umee ul, .snapwallet ul {
    position: relative;
    z-index: 5; }
  .consulting .learning-channel > div, .umee > div, .snapwallet > div {
    position: relative; }
  .consulting .learning-channel iframe, .umee iframe, .snapwallet iframe {
    position: relative;
    transition: box-shadow 0.9s cubic-bezier(0.16, 1, 0.3, 1); }
    .consulting .learning-channel iframe:hover, .umee iframe:hover, .snapwallet iframe:hover {
      z-index: 1;
      transition: none;
      box-shadow: 0 0 0 5px #ffc600; }
  .consulting .learning-channel section, .umee section, .snapwallet section {
    font-size: .85em; }
  .consulting .learning-channel h3.goals, .umee h3.goals, .snapwallet h3.goals {
    color: #ffc600; }
  .consulting .learning-channel h3, .consulting .learning-channel h4, .umee h3, .umee h4, .snapwallet h3, .snapwallet h4 {
    margin: 125px 0 0 10%;
    color: white;
    font-size: 2.75em;
    max-width: 75%; }
  .consulting .learning-channel h4, .umee h4, .snapwallet h4 {
    font-size: 2.25em; }
    .consulting .learning-channel h4 + p, .umee h4 + p, .snapwallet h4 + p {
      font-size: 1.25em;
      margin-bottom: 50px; }
  .consulting .learning-channel p, .umee p, .snapwallet p {
    font-size: 1.3em;
    position: relative;
    left: 10%;
    margin-top: .5em;
    max-width: 75%; }
    .consulting .learning-channel p a, .umee p a, .snapwallet p a {
      color: #ffc600;
      display: inline-block;
      margin: auto .5rem;
      text-decoration: none; }
  .consulting .learning-channel .dsyt, .umee .dsyt, .snapwallet .dsyt {
    background: url("/static/images/learning/DSYT Logo.png") no-repeat center;
    width: 530px;
    height: 217px;
    margin: 100px 0 0 10%; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
      .consulting .learning-channel .dsyt, .umee .dsyt, .snapwallet .dsyt {
        background: url("/static/images/learning/DSYT Logo@2x.png") no-repeat center;
        background-size: auto 217px; } }
    @media screen and (min-width: 1440px) {
      .consulting .learning-channel .dsyt, .umee .dsyt, .snapwallet .dsyt {
        background: url("/static/images/learning/DSYT Logo@2x.png") no-repeat center;
        background-size: auto 217px; } }
  .consulting .learning-channel .divider, .umee .divider, .snapwallet .divider {
    margin: 5px 0 10px 10%; }
    .consulting .learning-channel .divider a, .umee .divider a, .snapwallet .divider a {
      margin-right: 5px; }
  .consulting .learning-channel .circle, .umee .circle, .snapwallet .circle {
    background: url("/static/images/learning/Cirlcle.png") no-repeat center;
    animation: rotate 8s 0.2s infinite cubic-bezier(0.36, 0, 0.66, -0.56);
    width: 50px;
    height: 50px;
    position: absolute;
    margin-top: -25px;
    left: 25px; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
      .consulting .learning-channel .circle, .umee .circle, .snapwallet .circle {
        background: url("/static/images/learning/Cirlcle@2x.png") no-repeat center;
        background-size: auto 50px; } }
    @media screen and (min-width: 1440px) {
      .consulting .learning-channel .circle, .umee .circle, .snapwallet .circle {
        background: url("/static/images/learning/Cirlcle@2x.png") no-repeat center;
        background-size: auto 50px; } }
  .consulting .learning-channel .oval, .umee .oval, .snapwallet .oval {
    background: url("/static/images/learning/Oval.png") no-repeat center;
    animation: rotate 5s infinite cubic-bezier(0.7, 0, 0.84, 0);
    animation-direction: reverse;
    position: absolute;
    width: 62px;
    height: 62px;
    top: -6px;
    left: -6px; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
      .consulting .learning-channel .oval, .umee .oval, .snapwallet .oval {
        background: url("/static/images/learning/Oval@2x.png") no-repeat center;
        background-size: auto 62px; } }
    @media screen and (min-width: 1440px) {
      .consulting .learning-channel .oval, .umee .oval, .snapwallet .oval {
        background: url("/static/images/learning/Oval@2x.png") no-repeat center;
        background-size: auto 62px; } }
  .consulting .learning-channel .play, .umee .play, .snapwallet .play {
    background: url("/static/images/learning/Play.png") no-repeat center;
    position: relative;
    width: 48px;
    height: 42px;
    margin-left: 600px;
    margin-top: -15px; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
      .consulting .learning-channel .play, .umee .play, .snapwallet .play {
        background: url("/static/images/learning/Play@2x.png") no-repeat center;
        background-size: auto 42px; } }
    @media screen and (min-width: 1440px) {
      .consulting .learning-channel .play, .umee .play, .snapwallet .play {
        background: url("/static/images/learning/Play@2x.png") no-repeat center;
        background-size: auto 42px; } }
    .consulting .learning-channel .play.reverse, .umee .play.reverse, .snapwallet .play.reverse {
      top: -50px;
      right: -155px;
      margin: 0 auto;
      transform: rotate(-180deg); }
  .consulting .learning-channel .small-play, .umee .small-play, .snapwallet .small-play {
    background: url("/static/images/learning/Play Small.png") no-repeat center;
    animation: translatePlay 5s 1s infinite;
    position: absolute;
    width: 42px;
    height: 36px;
    margin-left: -15px;
    top: 3px; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
      .consulting .learning-channel .small-play, .umee .small-play, .snapwallet .small-play {
        background: url("/static/images/learning/Play Small@2x.png") no-repeat center;
        background-size: auto 36px; } }
    @media screen and (min-width: 1440px) {
      .consulting .learning-channel .small-play, .umee .small-play, .snapwallet .small-play {
        background: url("/static/images/learning/Play Small@2x.png") no-repeat center;
        background-size: auto 36px; } }
  .consulting .learning-channel .center button, .umee .center button, .snapwallet .center button {
    margin: 50px auto 0 -5%;
    max-width: 250px;
    font-size: 1.5em; }

.snapwallet {
  cursor: pointer;
  background: #fffc00;
  padding-bottom: 5em;
  padding-top: 5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .snapwallet .bg {
    background: url(https://snapwallet.io/bg.png);
    background-size: cover;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .snapwallet .snapWallet {
    width: 100%;
    margin: 0 auto;
    top: 200px;
    text-align: center;
    box-shadow: none !important; }
  .snapwallet .snap-logo {
    position: absolute;
    left: 10%; }
  .snapwallet h3 {
    position: relative;
    color: #fff !important;
    left: calc(10% + 125px);
    color: #333 !important; }
  .snapwallet iframe {
    top: -3rem; }
  .snapwallet .relative {
    position: relative;
    z-index: 1;
    left: calc(10% + 125px);
    top: -1rem;
    display: flex;
    float: left;
    margin-right: 5%; }
    .snapwallet .relative aside {
      display: flex; }
      .snapwallet .relative aside button {
        margin-right: .5rem;
        min-width: 120px; }
    .snapwallet .relative h3 {
      font-size: 1.75em;
      text-align: left;
      left: 0; }
  .snapwallet a {
    text-decoration: none; }
  .snapwallet p {
    left: calc(10% + 125px);
    max-width: 700px;
    color: #333 !important;
    color: white;
    margin-bottom: 3rem; }

.umee {
  cursor: pointer;
  background: #16183c;
  padding-bottom: 0;
  padding-top: 3rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .umee iframe {
    position: relative;
    left: 10%; }
  .umee h3 {
    position: relative;
    color: #fff !important;
    left: 10%;
    background: linear-gradient(90deg, #fda9ff, #c9b8ff 14%, #4dffe5 50%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text; }
  .umee a {
    text-decoration: none; }
  .umee p {
    color: white; }
  .umee .umee-logo {
    position: absolute;
    left: 10%;
    bottom: 3rem; }
  .umee .adora-wink {
    position: relative;
    fill: white;
    float: right;
    margin-right: 2rem;
    top: 100px;
    opacity: .4; }

div[name="youtube"] {
  position: absolute;
  top: -325px;
  bottom: 0; }

.consulting .ctap {
  position: relative;
  z-index: 2;
  color: white;
  background: red;
  background: linear-gradient(to bottom, #E60B0C, #B80505);
  margin-bottom: 75px;
  padding-bottom: 125px; }
  .consulting .ctap .bg {
    cursor: pointer;
    height: 420px;
    width: 100%;
    background-size: cover !important;
    background: url("/static/images/ctap/CTAP Bg.png") no-repeat center; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
      .consulting .ctap .bg {
        background: url("/static/images/ctap/CTAP Bg@2x.png") no-repeat center;
        background-size: auto 1440px; } }
    @media screen and (min-width: 1440px) {
      .consulting .ctap .bg {
        background: url("/static/images/ctap/CTAP Bg@2x.png") no-repeat center;
        background-size: auto 1440px; } }
  .consulting .ctap .divider {
    margin: 5px 0 10px 10%; }
    .consulting .ctap .divider a {
      margin-right: 5px; }
  .consulting .ctap ul {
    margin-top: 0;
    margin-bottom: -25px; }
  .consulting .ctap section {
    margin-left: 5%;
    font-size: .85em; }
    .consulting .ctap section .circle {
      margin-left: 7%; }
  .consulting .ctap iframe {
    position: relative;
    transition: box-shadow 0.9s cubic-bezier(0.16, 1, 0.3, 1); }
    .consulting .ctap iframe:hover {
      z-index: 1;
      transition: none;
      box-shadow: 0 0 0 5px #fff; }
  .consulting .ctap h3, .consulting .ctap h4 {
    margin: 85px 0 0 10%;
    color: white;
    font-size: 2.75em;
    max-width: 75%; }
  .consulting .ctap h4 {
    font-size: 2.25em; }
    .consulting .ctap h4 + p {
      font-size: 1.25em;
      margin-bottom: 50px; }
  .consulting .ctap p {
    font-size: 1.3em;
    position: relative;
    left: 10%;
    margin-top: .5em;
    max-width: 75%; }
  .consulting .ctap .center button {
    margin: 50px auto 0;
    max-width: 250px;
    font-size: 1.2em; }
  .consulting .ctap form .error-block {
    color: #fff;
    font-weight: bold; }
  .consulting .ctap form label {
    text-transform: capitalize;
    color: #fff; }
    .consulting .ctap form label small {
      color: rgba(255, 255, 255, 0.7); }
  .consulting .ctap form button {
    max-width: 250px; }
  .consulting .ctap form input:active, .consulting .ctap form input:focus, .consulting .ctap form input:focus + fx, .consulting .ctap form input:hover + fx, .consulting .ctap form input:active + fx, .consulting .ctap form input + .fx {
    border-color: white !important; }
    .consulting .ctap form input:active:before, .consulting .ctap form input:active:after, .consulting .ctap form input:focus:before, .consulting .ctap form input:focus:after, .consulting .ctap form input:focus + fx:before, .consulting .ctap form input:focus + fx:after, .consulting .ctap form input:hover + fx:before, .consulting .ctap form input:hover + fx:after, .consulting .ctap form input:active + fx:before, .consulting .ctap form input:active + fx:after, .consulting .ctap form input + .fx:before, .consulting .ctap form input + .fx:after {
      background-color: white !important;
      border-color: white !important; }

.youtube-thumb {
  position: relative;
  margin-right: 10px;
  width: 310px;
  max-width: 335px;
  min-width: 310px; }
  .youtube-thumb:hover, .youtube-thumb:active {
    transform: none; }
    .youtube-thumb:hover:before, .youtube-thumb:active:before {
      display: none; }
  .youtube-thumb .thumb {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: black;
    max-width: 310px;
    max-height: 500px; }
    .youtube-thumb .thumb ~ img {
      position: absolute;
      top: 58px;
      left: 128px; }
  .youtube-thumb .red {
    opacity: 0; }
  .youtube-thumb .dark {
    opacity: .92; }

.yt:hover .red {
  animation: shake .3s ease-in;
  animation-fill-mode: forwards;
  opacity: 1; }

.yt:hover .dark {
  opacity: 0;
  transition: opacity .1s; }

body.light {
  --theme-color: #E60B0C;
  background-color: white; }
  body.light.cynx {
    --theme-color: rgb(66,79,56); }
    body.light.cynx nav a.active, body.light.cynx nav a:hover, body.light.cynx nav a:active, body.light.cynx nav a:focus {
      color: #222 !important; }
  body.light.cynx.scrolled.deeply nav a.active, body.light.cynx.scrolled.deeply nav a:hover, body.light.cynx.scrolled.deeply nav a:active, body.light.cynx.scrolled.deeply nav a:focus {
    color: #fff !important; }
  body.light.cynx a:hover {
    color: #fff !important; }
  body.light.scrolled.deeply nav a {
    color: white !important; }
    body.light.scrolled.deeply nav a.active {
      color: var(--theme-color) !important; }
    body.light.scrolled.deeply nav a:hover, body.light.scrolled.deeply nav a:active, body.light.scrolled.deeply nav a:focus {
      color: var(--theme-color) !important; }
  body.light nav .logo-container {
    display: none; }
  body.light nav a {
    color: #333 !important; }
    body.light nav a:hover, body.light nav a:active, body.light nav a:focus {
      color: var(--theme-color) !important; }
    body.light nav a.active {
      color: var(--theme-color) !important; }
    body.light nav a:after {
      background-color: var(--theme-color); }
  body.light .ctap-bg {
    position: relative;
    top: 105px;
    background: url("/static/images/ctap/CTAP Banner Image.png") no-repeat center;
    height: 300px;
    width: 100%;
    background-size: cover !important; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
      body.light .ctap-bg {
        background: url("/static/images/ctap/CTAP Banner Image@2x.png") no-repeat center;
        background-size: auto 100%; } }
    @media screen and (min-width: 1440px) {
      body.light .ctap-bg {
        background: url("/static/images/ctap/CTAP Banner Image@2x.png") no-repeat center;
        background-size: auto 100%; } }
  body.light .cynx-bg {
    position: relative;
    top: 105px;
    background: url("/static/images/cynx/cynx.png") no-repeat center;
    height: 513px;
    width: 100%;
    background-size: cover !important; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
      body.light .cynx-bg {
        background: url("/static/images/cynx/cynx@2x.png") no-repeat center;
        background-size: auto 100%; } }
    @media screen and (min-width: 1440px) {
      body.light .cynx-bg {
        background: url("/static/images/cynx/cynx@2x.png") no-repeat center;
        background-size: auto 100%; } }

.swiper-container-3d {
  height: 375px;
  margin: 150px 0 0 !important;
  padding: 25px 250px 50px !important; }

.swiper-container, .youtube-container {
  overflow: hidden;
  position: relative; }
  .swiper-container .swiper-pagination-bullet, .youtube-container .swiper-pagination-bullet {
    opacity: 1;
    padding: 1px;
    position: relative;
    background: #333; }
    .swiper-container .swiper-pagination-bullet:before, .youtube-container .swiper-pagination-bullet:before {
      position: absolute;
      content: '';
      left: -8px;
      right: -8px;
      bottom: -8px;
      top: -8px; }
  .swiper-container .swiper-button-next:before, .youtube-container .swiper-button-next:before {
    right: -20px; }
  .swiper-container .swiper-button-prev:before, .youtube-container .swiper-button-prev:before {
    left: -20px; }
  .swiper-container .swiper-button-prev:before, .swiper-container .swiper-button-next:before, .youtube-container .swiper-button-prev:before, .youtube-container .swiper-button-next:before {
    content: '';
    position: absolute;
    top: -500px;
    bottom: -500px;
    z-index: -1;
    width: 50px;
    background: white; }
  .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next, .youtube-container .swiper-button-prev, .youtube-container .swiper-button-next {
    display: block;
    color: #333;
    transition: color .3s ease-in;
    z-index: 1; }
    .swiper-container .swiper-button-prev:hover, .swiper-container .swiper-button-next:hover, .youtube-container .swiper-button-prev:hover, .youtube-container .swiper-button-next:hover {
      color: var(--theme-color);
      transition: none; }
      .swiper-container .swiper-button-prev:hover:before, .swiper-container .swiper-button-next:hover:before, .youtube-container .swiper-button-prev:hover:before, .youtube-container .swiper-button-next:hover:before {
        animation: scaleInSlider .3s ease-out;
        transition: none; }
  .swiper-container .swiper-pagination-bullet-active, .youtube-container .swiper-pagination-bullet-active {
    background: var(--theme-color); }

.swiper-container {
  background: white;
  animation: scaleIn .5s ease-out;
  animation-delay: .15s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  opacity: 0; }
  .swiper-container .swiper-wrapper > div {
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 375px !important; }
    .swiper-container .swiper-wrapper > div a {
      text-decoration: none; }
    .swiper-container .swiper-wrapper > div.swiper-slide > a {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .swiper-container .swiper-wrapper > div.swiper-slide > a:before {
        background: transparent; }

.youtube-container {
  position: relative;
  width: 100%;
  margin-bottom: 10px; }
  .youtube-container:last-child {
    margin-bottom: 50px; }
  .youtube-container .swiper-wrapper {
    width: 100%; }
    .youtube-container .swiper-wrapper .youtube-thumb .thumb {
      border-radius: 4px; }
    .youtube-container .swiper-wrapper .youtube-thumb:hover, .youtube-container .swiper-wrapper .youtube-thumb:active {
      transform: none; }
      .youtube-container .swiper-wrapper .youtube-thumb:hover:before, .youtube-container .swiper-wrapper .youtube-thumb:active:before {
        display: none; }

h1.ctap {
  font-size: 3em;
  text-align: center;
  margin: 50px 0 0; }

.blog {
  animation: buildIn .12s ease-in .01s;
  position: relative;
  flex-direction: column;
  overflow: hidden;
  background: #333;
  background: linear-gradient(to bottom, #fff, #eaeaea);
  margin: 0;
  color: #333;
  padding: 2em 15%;
  padding-top: 0;
  line-height: 1.8em; }
  .blog address, .blog i {
    font-style: normal; }
  .blog.post .byline ~ a {
    margin-right: 0; }
    .blog.post .byline ~ a:hover {
      animation: rock 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
    .blog.post .byline ~ a:before {
      display: none; }
  .blog.post p, .blog.post a {
    font-size: 1em; }
    .blog.post p a, .blog.post a a {
      font-weight: normal;
      color: var(--theme-color); }
      .blog.post p a:hover, .blog.post a a:hover {
        color: white; }
  .blog .back-button {
    position: absolute;
    top: 10px;
    left: -150px;
    font-size: 1.2em;
    color: var(--theme-color);
    cursor: pointer;
    transform: scale(1);
    transition: color 0.5s ease-out, transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
    .blog .back-button:hover {
      transition: none;
      animation: scaleIn .3s ease-out; }
  .blog .divider {
    position: relative;
    margin: 0 auto 60px;
    text-align: center; }
    .blog .divider:before {
      position: absolute;
      content: '';
      left: 0;
      right: 0;
      top: 50%;
      width: 100%;
      height: 1px;
      background: rgba(0, 0, 0, 0.1); }
    .blog .divider a {
      padding: 8px 5px 0;
      margin: 0; }
      .blog .divider a:hover {
        animation: rock 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
      .blog .divider a:before {
        display: none; }
    .blog .divider button {
      font-size: 1.3em;
      max-width: 350px;
      margin: 0; }
  .blog .transcript {
    margin: 60px 0 60px;
    cursor: pointer; }
    .blog .transcript.expanded p {
      max-height: 99999px;
      mask-image: none;
      -webkit-mask-image: none; }
    .blog .transcript p {
      max-height: 100px;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0)));
      mask-image: gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0))); }
  .blog h3 {
    margin-bottom: 0; }
  .blog img {
    max-width: 100%;
    max-height: 600px; }
  .blog a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    padding: 3px 10px 3px 10px;
    border-radius: 4px;
    margin: 0 -10px;
    font-weight: bold;
    text-decoration: none;
    transition: transform .0s ease-out .12, background .0s ease-out .12s, color .0s ease-out .12s;
    overflow: hidden;
    z-index: 1; }
    .blog a:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: -1;
      background: var(--theme-color);
      transform: translateY(0) scale(0);
      transition: transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
    .blog a:hover {
      color: #222;
      transform: scale(1.012);
      transition: none; }
      .blog a:hover i {
        display: relative;
        z-index: 1; }
        .blog a:hover i:before {
          color: #fff; }
      .blog a:hover:before {
        transition: none;
        transform: translateY(0); }
  .blog article {
    min-width: 350px;
    max-width: 90%;
    margin: 0 auto 3em;
    cursor: pointer; }
    .blog article.teaser {
      overflow: hidden;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 10px;
      border-radius: 3px;
      transition: background .1s ease-out; }
      .blog article.teaser h3 {
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 5px; }
      .blog article.teaser section {
        margin-bottom: -5px; }
      .blog article.teaser:hover {
        transition: none;
        background: var(--theme-color);
        color: white !important; }
        .blog article.teaser:hover section, .blog article.teaser:hover time {
          color: white; }
        .blog article.teaser:hover h3 a {
          color: white !important;
          transform: scale(1.012); }
          .blog article.teaser:hover h3 a:hover:before {
            background-color: transparent; }
      .blog article.teaser h3 {
        margin-top: 0; }
      .blog article.teaser img {
        cursor: pointer;
        width: 125px;
        height: 125px;
        margin-right: 30px;
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 10px; }
      .blog article.teaser section, .blog article.teaser time {
        color: #4d4d4d; }
      .blog article.teaser > div {
        margin-left: 15px; }
    .blog article header {
      position: relative;
      line-height: 1.5em;
      margin: 0;
      font-size: .9em; }
      .blog article header p {
        margin: 0; }
      .blog article header > a {
        margin-top: 3px;
        padding: 5px 5px 0; }
  .blog .feeds ul {
    list-style: none;
    padding: 0; }
    .blog .feeds ul a {
      text-decoration: none; }
  .blog .hero {
    text-align: center;
    width: 300px;
    float: left;
    margin: 5px 50px 5px; }
    .blog .hero img {
      min-height: 300px;
      width: 300px; }
    .blog .hero audio {
      position: relative;
      z-index: 5; }
  .blog h1, .blog .title, .blog article {
    position: relative;
    z-index: 2; }
    .blog h1 + section, .blog .title + section, .blog article + section {
      font-size: 1.1em; }
  .blog h1 {
    line-height: 1.35;
    font-size: 1.5em;
    margin-bottom: .25em; }
    .blog h1.title {
      line-height: 1.5em;
      font-size: 2.5em;
      margin: 125px auto 1em;
      text-align: left;
      font-size: 3em;
      max-width: 90%; }
  .blog time {
    text-transform: capitalize; }
  .blog audio {
    background-color: transparent;
    border-top: 1px solid var(--theme-color);
    width: 100%;
    margin-top: -10px;
    margin-bottom: 1em; }
  .blog .video {
    clear: both;
    margin-bottom: 50px; }
  .blog .benandkeith {
    position: fixed;
    bottom: 0;
    left: -12px;
    max-width: 300px;
    opacity: 0;
    z-index: 0;
    animation: slideIn 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1s forwards; }
  .blog h2.ctap {
    margin-left: 55px; }
  .blog h3 {
    font-size: 1.9em;
    margin-top: 50px;
    margin-bottom: 5px; }
  .blog ul.listen {
    display: flex;
    position: relative;
    font-size: 1.5em;
    font-weight: 400;
    justify-content: flex-start;
    align-items: center;
    padding: 0 25px 25px 0;
    margin-left: -10px;
    list-style: none; }
    .blog ul.listen h4 {
      text-transform: uppercase;
      position: absolute;
      top: 0;
      left: 10px;
      font-size: .9em; }
    .blog ul.listen a {
      color: #333; }
      .blog ul.listen a:before {
        display: none; }
      .blog ul.listen a:hover {
        background: transparent;
        color: white;
        animation: rock .5s ease-out;
        transition: none; }
        .blog ul.listen a:hover i:before {
          color: #333; }
    .blog ul.listen i {
      display: inline-block;
      margin: 0 10px;
      font-size: 2em;
      transform: scale(1);
      will-change: transform;
      padding: 6px 2px;
      transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      .blog ul.listen i.fa-google-play {
        font-size: 1.8em; }
      .blog ul.listen i:hover {
        transform: scale(1.15);
        transition: none; }

.team {
  margin-top: 75px;
  transform: translateY(80vh);
  position: relative;
  z-index: 101;
  justify-content: center;
  height: auto !important; }
  .team .grid {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 15px;
    justify-items: center; }
  .team article {
    position: absolute;
    bottom: -100px;
    max-width: 50vw;
    left: calc(50% - 25vw);
    text-align: center;
    color: #ccc;
    font-size: 1em; }
  .team h3 {
    text-align: center;
    font-size: 2em;
    color: #fff;
    z-index: 6; }
  .team figure {
    position: relative;
    background: rgba(0, 0, 0, 0.1);
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
    -webkit-backdrop-filter: blur(3px);
    -moz-backdrop-filter: blur(3px);
    -ms-backdrop-filter: blur(3px);
    -o-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    padding: 10px;
    overflow: hidden;
    margin: 0 20px;
    border-radius: 4px;
    grid-gap: 10px;
    max-width: 590px; }
    .team figure div {
      border-radius: 2px;
      position: relative;
      overflow: hidden; }
      .team figure div img {
        left: 0;
        top: 0;
        max-width: 100%; }
      .team figure div img + img {
        opacity: 0;
        position: absolute;
        animation: slider 7s 2s infinite ease-in-out; }
    .team figure figcaption {
      margin: 15px;
      margin-bottom: 50px;
      position: relative; }
      .team figure figcaption h4 {
        margin: 15px 0 0 0;
        text-transform: uppercase;
        font-size: 2em;
        color: #fff; }
      .team figure figcaption em {
        font-style: normal;
        font-size: 1.1em;
        color: #fff; }
      .team figure figcaption p {
        color: #fff;
        margin-top: 15px;
        margin-bottom: 10px;
        line-height: 1.5em;
        font-size: 0.9em;
        min-height: 75px; }
      .team figure figcaption span {
        display: inline-block;
        color: #eee;
        font-size: 1.5em;
        width: 100%;
        text-transform: lowercase; }

.youtube-thumb {
  position: relative;
  margin-right: 10px;
  width: 310px;
  max-width: 335px;
  min-width: 310px; }
  .youtube-thumb:hover, .youtube-thumb:active {
    transform: none; }
    .youtube-thumb:hover:before, .youtube-thumb:active:before {
      display: none; }
  .youtube-thumb .thumb {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: black;
    max-width: 310px;
    max-height: 500px; }
    .youtube-thumb .thumb ~ img {
      position: absolute;
      top: 58px;
      left: 128px; }
  .youtube-thumb .red {
    opacity: 0; }
  .youtube-thumb .dark {
    opacity: .92; }

.yt:hover .red {
  animation: shake .3s ease-in;
  animation-fill-mode: forwards;
  opacity: 1; }

.yt:hover .dark {
  opacity: 0;
  transition: opacity .1s; }

footer {
  position: relative;
  overflow: hidden;
  padding-top: 250px;
  transform: translateY(80vh);
  z-index: 1;
  flex-direction: column; }
  footer .more-services {
    margin-top: 75px;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.85), black); }
  footer .qrcode {
    opacity: .65;
    transition: opacity 0.3s ease-out, transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s; }
    footer .qrcode:hover {
      opacity: 1;
      transform: scale(1.123);
      transition: none; }
  footer > div[name="contact"] {
    position: absolute;
    top: -300px;
    bottom: 0; }
  footer .our-knowledge {
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
    font-size: 1.15em;
    font-weight: 400;
    justify-content: center;
    align-items: center;
    padding: 0 25px 0 0; }
    footer .our-knowledge a {
      padding: 0 0 10px 0;
      min-height: 30px; }
    footer .our-knowledge h4 {
      position: absolute;
      top: -5px;
      color: #999;
      font-size: .7em; }
    footer .our-knowledge i {
      display: inline-block;
      margin: 0 10px;
      color: #999;
      font-size: 3em;
      transform: scale(1);
      will-change: transform;
      transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      footer .our-knowledge i:hover {
        transform: scale(1.12);
        color: #999;
        transition: none; }
  footer .more-contact {
    display: none;
    padding: 75px 0;
    font-size: 1.5em;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    footer .more-contact h3, footer .more-contact p {
      color: #333;
      margin: 0 0 25px; }
    footer .more-contact p {
      font-size: .8em;
      margin-bottom: 40px;
      color: #404040; }
    footer .more-contact button {
      max-width: 300px;
      min-height: 80px;
      --button-primary-border: 2px solid #252525;
      --button-raise-level: 1px!important; }
  footer .more-services {
    justify-content: space-evenly;
    padding: 0 0 30px; }
    footer .more-services h5 {
      text-transform: uppercase;
      color: #ddd;
      font-size: 1.1em; }
    footer .more-services ul {
      font-size: .9em;
      line-height: 2.5em;
      color: #888;
      font-weight: 400;
      list-style: none;
      text-align: left; }
      footer .more-services ul li a {
        color: #aaa;
        text-decoration: none;
        transition: color .2s ease-out;
        display: inline-block; }
        footer .more-services ul li a:hover {
          color: #ddd; }
        footer .more-services ul li a span {
          padding: 0 15px 0 0;
          font-size: 1em;
          vertical-align: middle; }
    footer .more-services .flex a {
      font-size: 1.5em;
      color: rgba(153, 153, 153, 0.65);
      padding: 0px 15px 0 0;
      text-decoration: none;
      display: inline-block;
      transition: transform .2s ease-out; }
      footer .more-services .flex a:hover {
        color: rgba(153, 153, 153, 0.95);
        transform: scale(1.05);
        transition: transform .01s ease-in; }
    footer .more-services button {
      height: 40px;
      max-width: 300px;
      margin-top: 50px; }
      footer .more-services button:hover span, footer .more-services button:active span, footer .more-services button:focus span {
        color: #333; }
  footer .moon-container {
    position: absolute;
    top: 150px;
    right: 50px;
    width: 225px;
    pointer-events: none;
    z-index: -1;
    backface-visibility: hidden;
    padding-bottom: 375px;
    animation: rotate 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: .1s;
    animation-direction: reverse; }
    footer .moon-container .moon {
      height: 100%;
      width: 100%;
      animation: rotate 5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-delay: .1s; }
  footer .space-waves {
    z-index: -1;
    bottom: 150px;
    top: inherit; }
    footer .space-waves:before {
      content: '';
      position: absolute;
      bottom: -100px;
      left: 0;
      right: 0;
      height: 175px;
      background: #222; }
  footer .more-about {
    background: black;
    flex-direction: row;
    padding-bottom: 70px; }
    footer .more-about img {
      margin: -10px 10px; }
    footer .more-about p {
      cursor: pointer;
      text-align: center;
      font-size: .85em;
      width: 100%;
      color: rgba(153, 153, 153, 0.85); }
      footer .more-about p big {
        padding: 0 3px;
        color: #999;
        font-size: 1em; }
    footer .more-about a {
      position: absolute;
      bottom: 20px;
      left: calc(50% - 60px); }

@media only screen and (min-device-width: 641px) and (max-device-width: 1024px) {
  body nav a {
    margin: 30px 23px 8px 0; }
  body .consulting .companies {
    margin: 0 0 0 -14px !important;
    align-items: start;
    justify-content: start; }
    body .consulting .companies li {
      margin: 0; }
    body .consulting .companies .geni {
      background-size: auto 28px; }
    body .consulting .companies .zip-recruiter {
      background-size: auto 25px; }
    body .consulting .companies .cars-direct {
      background-size: auto 22px; }
    body .consulting .companies .fox {
      background-size: auto 27px; }
    body .consulting .companies .weedmaps {
      background-size: auto 27px; }
  body .consulting ul li {
    margin: 0; }
  body .process {
    grid-gap: 0; }
    body .process .flex {
      grid-template-columns: 1fr 1fr; }
      body .process .flex > .flex:last-child {
        display: none; }
    body .process .hello, body .process #services, body .process .flex > article {
      margin-left: 20px; }
  body .learning-channel .grid, body .ctap .grid, body .umee .grid, body .snapwallet .grid {
    grid-template-columns: 1fr; }
    body .learning-channel .grid li, body .ctap .grid li, body .umee .grid li, body .snapwallet .grid li {
      margin: 15px auto; }
  body .team {
    grid-gap: 0; }
    body .team figure {
      margin: 0;
      grid-gap: 0; }
      body .team figure div img {
        width: 100%; }
    body .team article {
      right: 0;
      left: 0;
      margin: 0 auto;
      max-width: 75%; }
  #drift-widget {
    margin-bottom: 50px; }
  #contact-form {
    top: 5vh;
    max-width: inherit; } }

@media only screen and (max-device-width: 640px) {
  body .swiper-container {
    padding: 0; }
  body .blog {
    margin-top: 2em;
    padding: 0; }
  body .benandkeith {
    display: none; }
  body.scrolled nav {
    transform: translateY(-125px) !important;
    transition: transform .25s ease-in; }
  body.scrolled.deeply .app-ribbon {
    opacity: 1;
    transform: translateY(-75px);
    transition: transform .5s ease-out, opacity .2s ease-out; }
    body.scrolled.deeply .app-ribbon a {
      display: inline-block;
      width: 100%;
      text-align: center;
      margin: 0 auto;
      text-decoration: none; }
  body nav {
    display: flex;
    border: none !important;
    flex-direction: row;
    justify-content: space-around;
    margin: 125px auto; }
    body nav a {
      margin: 0 auto;
      display: none; }
      body nav a.logo-container {
        display: block;
        left: calc(50% - 50px);
        top: -115px; }
  body header {
    overflow: hidden;
    margin: 5%; }
    body header article {
      font-size: 2.2rem; }
    body header h1 {
      margin-top: 115px;
      font-size: 1.65em;
      max-width: 6.25em; }
    body header .h3 {
      margin-top: 10px;
      font-size: 1.25em; }
      body header .h3 > span {
        display: none; }
    body header .aws-button {
      width: 100%; }
    body header .lottie {
      height: 1000px; }
      body header .lottie > div {
        display: none; }
  body .consulting {
    padding-top: 50px; }
    body .consulting .hello {
      margin: 0 20px; }
    body .consulting:before {
      bottom: 200px; }
    body .consulting h2 {
      margin-top: 0; }
    body .consulting h3 {
      font-size: 1em; }
    body .consulting .companies {
      flex-direction: column;
      align-items: center;
      transform: scale(0.7);
      margin: -20px 0 -120px; }
      body .consulting .companies li {
        margin: 10px 0; }
      body .consulting .companies .geni {
        display: none; }
    body .consulting .process {
      margin-top: 500px; }
      body .consulting .process .hello {
        margin-top: 200px; }
        body .consulting .process .hello .clients {
          display: none; }
      body .consulting .process > article {
        padding-right: 20px;
        padding-left: 20px; }
      body .consulting .process > .flex {
        grid-template-columns: 1fr;
        flex-direction: column !important;
        grid-gap: 0;
        transform: none !important; }
        body .consulting .process > .flex > .h3 {
          font-size: 2em;
          margin-left: 20px; }
        body .consulting .process > .flex article {
          font-size: 1em;
          margin-left: 20px;
          top: 90px; }
        body .consulting .process > .flex > .flex:last-child, body .consulting .process > .flex > .flex:nth-child(2) {
          display: none; }
        body .consulting .process > .flex > div {
          margin: 15px;
          position: relative;
          transform: none !important; }
    body .consulting .learning-channel .circle {
      top: 65px; }
    body .consulting .learning-channel .dsyt {
      position: relative;
      transform: scale(0.5);
      left: -75px;
      margin: 0 auto !important; }
    body .consulting .snapwallet .snap-logo img {
      width: 50px; }
    body .consulting .snapwallet h3, body .consulting .snapwallet p {
      left: calc(75px + 10%); }
    body .consulting .snapwallet p {
      font-size: 1rem;
      max-width: 50%; }
    body .consulting .snapwallet iframe {
      margin-top: 2rem; }
    body .consulting .snapwallet .relative {
      display: none; }
    body .consulting .learning-channel a, body .consulting .ctap a {
      margin: 0 !important; }
    body .consulting .learning-channel ul.grid, body .consulting .ctap ul.grid {
      margin: 0;
      grid-template-columns: 1fr; }
      body .consulting .learning-channel ul.grid li, body .consulting .ctap ul.grid li {
        margin: 0; }
    body .consulting .umee iframe {
      left: 0;
      width: 100%; }
    body .consulting .umee .wink {
      opacity: .1; }
    body .consulting .ctap .bg {
      display: none; }
    body .consulting .ctap form {
      max-width: inherit;
      margin: 0; }
      body .consulting .ctap form fieldset .wrapper {
        overflow: hidden; }
      body .consulting .ctap form fieldset .form-group-firstName {
        margin-right: 5px; }
      body .consulting .ctap form fieldset .form-group-lastName, body .consulting .ctap form fieldset .form-group-email {
        margin-right: 0; }
      body .consulting .ctap form button {
        width: 100%; }
  body .team .grid {
    grid-template-columns: 1fr; }
    body .team .grid figure {
      margin: 25px;
      grid-gap: 0; }
      body .team .grid figure div img {
        width: 100%; }
    body .team .grid p {
      font-size: .8em; }
  body footer {
    overflow: hidden;
    text-align: center; }
    body footer h5 {
      margin-bottom: 10px; }
    body footer .more-services > ul:first-child {
      display: none; }
    body footer .more-contact {
      padding: 25px 50px; }
      body footer .more-contact h2 {
        font-size: 1.2em; }
      body footer .more-contact p {
        font-size: .4em; }
    body footer .more-about {
      padding-bottom: 75px; }
      body footer .more-about a img {
        display: none; }
      body footer .more-about .angel, body footer .more-about .crunchbase, body footer .more-about .facebook {
        display: none; }
  #contact-form {
    top: 100px;
    max-width: inherit;
    padding: 20px;
    font-size: .9em; }
    #contact-form label {
      padding-left: 8px; }
    #contact-form input, #contact-form select, #contact-form textarea {
      border-radius: 0;
      text-indent: 0;
      background-color: rgba(20, 20, 20, 0.55); }
    #contact-form .close {
      background-color: #141414;
      top: -100px;
      display: block; } }