/**
 *  Config
 */
/**
 *  Body
 */
body {
  width: 100%;
  position: relative;
  background-color: #fdfcfe;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

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

html {
  overflow: hidden; }

body {
  overflow-y: scroll;
  overflow-x: hidden; }

a {
  color: #74698d;
  text-decoration: none; }
  a:hover {
    color: #6F4AC6;
    text-decoration: none; }

.clear {
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both; }

.clearfix {
  z-index: 1; }
  .clearfix::after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    content: ""; }

img {
  max-width: 100%;
  height: auto; }

/**
 *  General
 */
.wrapper {
  min-width: 320px;
  max-width: 8192px;
  position: relative;
  margin: 0 auto; }

.centered {
  text-align: center; }

.content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  align-items: center;
  margin: 0 10px; }

  .content.about-content .main-title {
    margin-top: 0;
  }
  .content .content-cell-solo {
    width: 100%;
    position: relative; }
    .content .content-cell-solo .about-title-desc {
      max-width: 100%; }
  .content .content-cell {
    width: 50%;
    margin: 5em 0;
    position: relative; }
    .content .content-cell img {
      margin: 0 auto;
      display: block; }
    .content .content-cell .gplay-img,
    .content .content-cell .istore-img {
      display: inline-block;
      width: 135px;
      height: 40px; }
    .content .content-cell .gplay-img {
      background-image: url("gplay.svg"); }
      .content .content-cell .gplay-img:hover {
        background-image: url("google-play-badge-h.svg"); }
    .content .content-cell .istore-img {
      background-image: url("ios-button.svg"); }
      .content .content-cell .istore-img:hover {
        background-image: url("i-os-badge-h.svg"); }
  .content .content-cell:last-child div:last-child {
    text-align: right; }
  .content .main-title {
    font-size: 56px;
    font-weight: 900;
    color: #220564;
    margin-bottom: 0; }
  .content .about-title-desc {
    max-width: 90%;
    color: #74698d;
    line-height: 1.69; }
  .content .download-btns a:first-child {
    margin-right: 1em; }
  .content .download-btns img {
    display: inline; }
  .content .about-title {
    color: #220564;
    font-size: 35px;
    font-weight: 900; }
  .content .circle-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 554px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .content .circle-container .circle, .content .circle-container #base-circle, .content .circle-container #second-circle, .content .circle-container #orange-circle, .content .circle-container #purple-circle, .content .circle-container #purple-gradient-circle {
      position: absolute;
      border-radius: 50%;
      opacity: 0; }
    .content .circle-container #base-circle {
      width: 413px;
      height: 413px;
      z-index: -1;
      background-color: #5226b6; }
    .content .circle-container #second-circle {
      width: 485px;
      height: 485px;
      z-index: -2;
      background-color: #5226b6; }
    .content .circle-container #orange-circle {
      top: 0;
      right: -22%;
      height: 55px;
      width: 55px;
      background-color: rgba(255, 68, 0, 0.46); }
    .content .circle-container .orange-mobile {
      position: fixed !important;
      top: 60% !important;
      z-index: 999 !important;
      right: -5% !important; }
    .content .circle-container #purple-circle {
      background-color: #592ebd;
      height: 55px;
      width: 55px;
      left: -117%;
      top: 77%; }
    .content .circle-container #purple-gradient-circle {
      background-image: linear-gradient(146deg, #471ea8, #592ebd);
      height: 95px;
      width: 95px;
      left: -200%;
      top: -20%; }
    .content .circle-container .purple-mobile {
      background-image: none !important;
      position: fixed !important;
      z-index: 999 !important;
      left: -350px !important;
      top: -10% !important;
      background-image: none;
      height: 320px !important;
      width: 320px !important;
      opacity: 0.2 !important;
      background-color: #220564 !important; }

/**
 *  Animation
 */
a {
  transition: all 0.35s; }

.onscroll-block, .from-left, .from-right {
  transition: all 0.8s ease-in-out; }

.scale2x, .onload-base-circle, .onload-second-circle, .onload-orange-circle, .onload-purple-circle, .onload-purpleGrad-circle {
  transform: scale(2, 2);
  transition: 0.7s ease-in-out; }

.onload-base-circle {
  opacity: 0.02 !important; }

.onload-second-circle {
  opacity: 0.03 !important; }

.onload-orange-circle {
  opacity: 0.56 !important; }

.onload-purple-circle {
  opacity: 0.4 !important; }

.onload-purpleGrad-circle {
  opacity: 1 !important; }

.from-left {
  right: 0;
  opacity: 1; }

.from-right {
  left: 0;
  opacity: 1; }

.hide-l {
  right: 100%;
  opacity: 0; }

.hide-r {
  left: 100%;
  opacity: 0; }

nav {
  border-bottom: solid 1px #ece7f7;
  justify-content: space-between;
  display: flex; }
  nav div {
    display: flex;
    padding: 1em;
    align-items: center; }
  nav .nav-links a + a {
    margin-left: 1.5em; }
  nav .nav-logo {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box; }
    nav .nav-logo .nav-button {
      border: none;
      padding: 0;
      background: transparent;
      height: 2em;
      width: 2em;
      outline: none; }

@media screen and (min-width: 1024px) {
  nav .nav-logo a .logo-white {
    display: none; } }

@media screen and (max-width: 1023px) {
  nav .nav-logo {
    width: 100%;
    padding: 0.5em 1em;
    display: flex;
    align-items: end; }
    nav .nav-logo a img {
      height: 2em; }
    nav .nav-logo a .logo {
      display: block; }
    nav .nav-logo a .logo-white {
      display: none; }
    nav .nav-logo .nav-button {
      display: flex;
      justify-content: center; }
      nav .nav-logo .nav-button .icon-cross {
        display: none; }
      nav .nav-logo .nav-button .icon-menu {
        display: block; }
  nav.active {
    flex-direction: column;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 100; }
    nav.active .nav-logo,
    nav.active .nav-links {
      background-color: #5026b2; }
    nav.active .nav-logo {
      height: 15%; }
      nav.active .nav-logo a .logo {
        display: none; }
      nav.active .nav-logo a .logo-white {
        display: block; }
      nav.active .nav-logo .nav-button {
        display: flex;
        justify-content: center; }
        nav.active .nav-logo .nav-button .icon-cross {
          display: block; }
        nav.active .nav-logo .nav-button .icon-menu {
          display: none; }
    nav.active .nav-links {
      display: flex;
      padding: 0;
      height: 65%;
      justify-content: center;
      flex-direction: column; }
      nav.active .nav-links .nav_link {
        margin: 0;
        font-size: 20px;
        font-weight: 900;
        line-height: 2;
        letter-spacing: 0.3px;
        color: #fff;
        padding: 0; }
    nav.active .nav-footer {
      display: flex;
      justify-content: center;
      padding: 0;
      height: 20%;
      background-color: #220564; }
      nav.active .nav-footer a,
      nav.active .nav-footer span {
        color: #ffffff;
        font-size: 11pt;
        opacity: 0.3; }
      nav.active .nav-footer a {
        text-decoration: underline; }
      nav.active .nav-footer span {
        margin: 0 0.5em; } }

.support {
  background-color: #f5f4f7; }
  .support .content + .content {
    margin-top: 5em; }
  .support .content .content-cell:first-child {
    position: relative;
    order: 1; }
  .support .content .content-cell:last-child {
    position: relative;
    top: 50px;
    order: 2; }
  .support .content .content-cell {
    margin: 0;
    top: 47%;
    position: absolute;
    order: 3; }
    .support .content .content-cell .about-title {
      margin-block-end: 0; }
    .support .content .content-cell .best-matches {
      opacity: 0.5;
      font-style: italic; }
  .support .content .wallets-block {
    display: flex; }
    .support .content .wallets-block .wallet-item {
      display: flex;
      border-radius: 4px;
      border: solid 1px #dbd3ee;
      width: 20%;
      height: 2em;
      padding: 0.5em; }
    .support .content .wallets-block .wallet-item + .wallet-item {
      margin-left: 1em; }
  .support .content .content-cell-solo {
    margin-bottom: 5em; }

.cards-container {
  position: relative;
  top: -6em; }
  .cards-container .use-for-block {
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between; }
    .cards-container .use-for-block .card-cell {
      transition: 0.35s ease-in-out;
      width: 32%;
      text-align: left;
      background: #fff;
      border-radius: 5px;
      box-shadow: 0 2px 15px 0 rgba(33, 17, 68, 0.08); }
      .cards-container .use-for-block .card-cell .card-container {
        padding: 2em; }
        .cards-container .use-for-block .card-cell .card-container .card-img {
          width: 40px;
          height: 40px; }
        .cards-container .use-for-block .card-cell .card-container .card-title {
          color: #220564;
          font-size: 20px;
          font-weight: 900;
          letter-spacing: 0.3px; }
        .cards-container .use-for-block .card-cell .card-container .card-desc {
          color: #74698d;
          margin-bottom: 2em; }
        .cards-container .use-for-block .card-cell .card-container .links {
          position: absolute;
          bottom: 1.5em;
        }
        .cards-container .use-for-block .card-cell .card-container .links a + a {
          margin-left: 30px;
        }
        .cards-container .use-for-block .card-cell .card-container .links a {
          position: relative;
          bottom: 0;
        }
        .cards-container .use-for-block .card-cell .card-container .links a img {
          margin-right: 10px;
          margin-left: 0;
        }
        .cards-container .use-for-block .card-cell .card-container a {
          position: absolute;
          bottom: 1.5em;
          padding: 0;
          color: #592ebd;
          line-height: 1.69; }
          .cards-container .use-for-block .card-cell .card-container a img,
          .cards-container .use-for-block .card-cell .card-container a span {
            vertical-align: middle; }
          .cards-container .use-for-block .card-cell .card-container a img {
            transition: 0.35s ease-in-out;
            margin-left: 0.5em; }
      .cards-container .use-for-block .card-cell:hover {
        border-radius: 5px;
        box-shadow: 0 2px 5px 0 rgba(33, 17, 68, 0.08); }
        .cards-container .use-for-block .card-cell:hover .card-container .links.application-links a img {
          margin-left: initial;
        }
        .cards-container .use-for-block .card-cell:hover .card-container a img {
          margin-left: 1em; }
    .cards-container .use-for-block .card-reversed {
      background: #592ebd; }
      .cards-container .use-for-block .card-reversed .card-container .card-title,
      .cards-container .use-for-block .card-reversed .card-container .card-desc,
      .cards-container .use-for-block .card-reversed .card-container a {
        color: #fff; }

@media screen and (max-width: 1023px) {
  .support {
    padding-bottom: 14em; }
    .support .wrapper .content + .content {
      margin-top: 0; }
    .support .wrapper .content {

      flex-direction: column-reverse; }
      .support .wrapper .content .content-cell.text {
        order: 3; }
      .support .wrapper .content .content-cell.apps {
        order: 2; }
      .support .wrapper .content .content-cell.wallets-block-wrapper {
        position: initial;
        margin: 0;
        order: 1; }
      .support .content .content-cell:first-child,
      .support .content .content-cell:last-child {
        position: initial;
      }
      .support .wrapper .content .wallets-block {
        -webkit-flex-flow: row wrap;
        justify-content: space-around; }
        .support .wrapper .content .wallets-block .wallet-item {
          width: calc(50% - 10vw);
          margin: 5px; }
      .support .wrapper .content .content-cell-solo {
        margin-bottom: 1em; }
  .cards-container {
    position: relative;
    top: -15em; }
    .cards-container .use-for-block {
      -webkit-flex-flow: column wrap; }
      .cards-container .use-for-block .card-cell {
        width: 100%; }
        .cards-container .use-for-block .card-cell .card-container {
          padding: 1.5em; }
          .cards-container .use-for-block .card-cell .card-container img,
          .cards-container .use-for-block .card-cell .card-container .card-title {
            display: inline-block;
            vertical-align: middle;
            line-height: 3em; }
          .cards-container .use-for-block .card-cell .card-container .card-title {
            display: inline-block;
            margin: 0 0 0 1em;
            font-size: 16px;
            letter-spacing: 0.2px; }
          .cards-container .use-for-block .card-cell .card-container .card-desc {
            max-width: 80%;
            margin: 1em 0; }
          .cards-container .use-for-block .card-cell .card-container .card-desc,
          .cards-container .use-for-block .card-cell .card-container a {
            font-size: 14px; }
          .cards-container .use-for-block .card-cell .card-container a {
            position: relative;
            padding: 2em 0;
            bottom: 0; }
      .cards-container .use-for-block .card-cell + .card-cell {
        margin-top: 1em; } }

@media screen and (min-width: 620px) and (max-width: 1023px) {
  .support {
    padding-bottom: 0; }
  .cards-container {
    top: -1em; }
    .cards-container .use-for-block {
      -webkit-flex-flow: row wrap; }
      .cards-container .use-for-block .card-cell {
        width: 30%; }
        .cards-container .use-for-block .card-cell .card-container .card-title {
          display: block;
          line-height: 1em;
          margin: 1em 0 0 0; }
        .cards-container .use-for-block .card-cell .card-container .card-desc {
          margin-bottom: 2em; }
        .cards-container .use-for-block .card-cell .card-container a {
          position: absolute;
          bottom: 1em;
          padding: 0; }
      .cards-container .use-for-block .card-cell + .card-cell {
        margin: 0; } }

.security-main {
  width: 100%;
  background-image: linear-gradient(106deg, #592ebd, #320699); }
  .security-main .wrapper .content {
    margin-bottom: 0; }
    .security-main .wrapper .content .content .content-cell {
      margin: 4em 0; }
    .security-main .wrapper .content p {
      color: #fff; }

.security-desc {
  width: 100%;
  background-color: #f5f4f7; }
  .security-desc .security-types {
    display: flex;
    justify-content: space-around;
    -webkit-flex-flow: row wrap; }
    .security-desc .security-types .security-item {
      width: 30%; }
      .security-desc .security-types .security-item p {
        color: #220564; }
  .security-desc .content:last-child {
    padding-bottom: 4em; }

@media screen and (max-width: 1023px) {
  .security-main .wrapper .content {
    padding-bottom: 1em; }
    .security-main .wrapper .content .content-cell img {
      width: 60%;
      margin-top: 1em; }
    .security-main .wrapper .content .content-cell .about-title,
    .security-main .wrapper .content .content-cell .about-title-desc {
      text-align: center; }
  .security-desc .wrapper .content .content-cell-solo .about-title {
    padding: 1em 2em 0 2em;
    margin-bottom: 0; }
  .security-desc .wrapper .content .content-cell-solo .security-types {
    display: flex;
    -webkit-flex-flow: column wrap; }
    .security-desc .wrapper .content .content-cell-solo .security-types .security-item {
      width: 100%; } }

@media screen and (max-width: 1023px) and (min-width: 620px) {
  .security-desc .wrapper .content .content-cell-solo .security-types {
    -webkit-flex-flow: row wrap; }
    .security-desc .wrapper .content .content-cell-solo .security-types .security-item {
      width: 30%; } }

@media screen and (max-width: 1023px) {
  .security-desc .wrapper .content:last-child {
    padding-bottom: 0; } }

footer .content .about-title {
  margin: 0.5em 0; }

footer .content .about-title-desc {
  max-width: 100%;
  color: #493a6c; }

footer .help-buttons {
  display: flex;
  justify-content: center; }
  footer .help-buttons .help-button {
    transition: all 0.35s;
    width: 135px;
    font-size: 14px;
    display: inline-block;
    border-radius: 7px;
    border: solid 1.5px #592ebd;
    line-height: 1.93;
    padding: 0.35em 0;
    margin: 0.5em 0.7em 5em 0.7em; }
    footer .help-buttons .help-button:hover {
      border: solid 1.5px #220564; }
  footer .help-buttons .btn-support {
    color: #592ebd; }
    footer .help-buttons .btn-support:hover {
      color: #220564; }
  footer .help-buttons .btn-help-center {
    color: #fff;
    background-color: #592ebd; }
    footer .help-buttons .btn-help-center:hover {
      background-color: #220564; }

footer .copyright {
  line-height: 5em;
  border-top: 1px solid rgba(103, 49, 194, 0.1);
  font-size: 13px;
  color: #74698d;
  display: flex;
  flex-direction: row; }
  footer .copyright .content-footer {
    width: 50%; }
    footer .copyright .content-footer .footer-link {
      text-decoration: underline; }
      footer .copyright .content-footer .footer-link:hover {
        text-decoration: none; }
    footer .copyright .content-footer .footer-link:first-child {
      margin-right: 1em; }
  footer .copyright .content-footer:first-child {
    text-align: left; }
  footer .copyright .content-footer:last-child {
    text-align: right; }

@media screen and (max-width: 1023px) {
  footer .content .about-title {
    margin: 1em 0 0 0; }
  footer .content .about-title-desc {
    color: #74698d;
    font-size: 14px; }
  footer .content .help-buttons {
    margin-bottom: 1.5em; }
    footer .content .help-buttons .help-button {
      margin: 0 3px; }
  footer .content .content-cell-solo .copyright {
    flex-direction: column-reverse; }
    footer .content .content-cell-solo .copyright .content-footer {
      font-size: 12px;
      width: 100%;
      text-align: center;
      line-height: 4em; }
    footer .content .content-cell-solo .copyright .content-footer + .content-footer {
      line-height: 1em;
      margin-top: 2em; } }

@media screen and (max-width: 620px) {
  footer {
    top: -15em;
    height: 0; }
    footer .wrapper {
      top: -15em; } }

/**
 *  Media
 */
@media screen and (max-width: 8192px) {
  .wrapper {
    width: 1024px;
    height: auto; } }

@media screen and (min-width: 1024px) {
  .hidden-lg {
    display: none; } }

@media screen and (max-width: 1023px) {
  .wrapper {
    width: 100%; }
    .wrapper .content .main-title {
      font-size: 30px;
      letter-spacing: 0.4px;
      padding: 0 0.7em; }
    .wrapper .content .about-title {
      font-size: 20px;
      letter-spacing: 0.3px;
      line-height: 1.25; }
    .wrapper .content .about-title-desc {
      color: #74698d;
      font-size: 14px; }
    .wrapper .content .download-btns {
      margin-bottom: 2.5em; }
    .wrapper .content .content-cell {
      width: 100%;
      margin: 0;
      text-align: center; }
      .wrapper .content .content-cell .about-title,
      .wrapper .content .content-cell .about-title-desc {
        text-align: left; }
      .wrapper .content .content-cell .main-title + .about-title-desc {
        text-align: center;
        max-width: 100%; }
    .wrapper .content .circle-container #base-circle {
      height: 310px;
      width: 310px; }
    .wrapper .content .circle-container #second-circle {
      height: 370px;
      width: 370px; }
    .wrapper .content .circle-container #orange-circle {
      z-index: 1;
      top: calc(20% + 45vh);
      right: -10%; }
    .wrapper .content .circle-container #purple-gradient-circle {
      z-index: -1;
      top: -1em;
      left: -25vw; }
    .wrapper .content-reverse {
      flex-direction: column-reverse; }
  .hidden-sm {
    display: none; } }


/* CUSTOM */

body {
  -webkit-overflow-scrolling: touch;
}

.content-cell.wallets-block-wrapper {
  z-index: 1;
}

.content .content-cell .source-code-link {
  color: white;
  display: flex;
  align-items: center;
}

.content .content-cell .source-code-link img {
  vertical-align: middle;
  display: initial;
  transition: 0.35s ease-in-out;
  margin-left: 0.5em;
  width: auto;
}

.content .content-cell .source-code-link:hover {
  color: white;
}

.content .content-cell .source-code-link:hover img {
  margin-left: 1em;
}

.security-main .content .content-cell {
  margin-bottom: 3em
}

nav .nav-logo a img {
  max-height: 39px
}

@media screen and (max-width: 1023px) {
  .wrapper .content .content-cell .about-title {
    text-align: center;
  }

  .circle-container {
    z-index: -1;
  }

  .content .about-title-desc {
    widows: 100%;
    max-width: 100%;
    margin: 0;
  }
  .security-main .wrapper .content .content-cell .about-title-desc {
    text-align: left;
  }

  .security-main .wrapper .content .content-cell .source-code-link img {
    width: auto;
    margin-top: 0;
  }

  .security-main .wrapper .content .content-cell.description {
    order: 2;
  }

  .security-main .wrapper .content .content-cell.illustration {
    order: 1;
  }

  .security-main .wrapper .exposing-label {
    order: 3;
  }
  .support {
    padding-bottom: 0; }
  .cards-container {
    position: relative;
    top: initial; }

  .support .wrapper .content .content-cell .about-title,
  .security-desc .wrapper .content .content-cell-solo .about-title {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 620px) {
  footer {
    top: 0; }
  footer .wrapper {
    top: 0;
  }

  .cards-container .use-for-block .card-cell .card-container .links {
    padding: 0;
    bottom: 0;
    position: relative;
  }
}