/* COLORS */
/******** MIXINS **********/
.hide {
  display: none; }

.sticky-header {
  z-index: 10000; }

.subpage-content {
  padding-top: 0; }

/**

 HERE STARTS THE RESPONSIVE STYLING

**/
@media screen and (min-width: 1px) {
  #main .container {
    max-width: 100%; }

  #main .products.container {
    max-width: 1280px;
    padding-left: 35px;
    padding-right: 35px;
    margin: 30px auto 0; } }
@media only screen and (min-width: 768px) {
  #main .products.container.mt-5 .mb-3 {
    max-width: 80%;
    flex: 0 0 80%; } }
@media only screen and (min-width: 924px) {
  #main .products.container.mt-5 .mb-3 {
    max-width: 70%;
    flex: 0 0 70%; } }
@media only screen and (min-width: 1200px) {
  #main .products.container.mt-5 .mb-3 {
    max-width: 50%;
    flex: 0 0 50%; } }
@media (min-width: 38.4rem) {
  #main .sub__container.container {
    max-width: 36rem;
    padding-right: 1rem;
    padding-left: 1rem; } }
@media (min-width: 51.2rem) {
  #main .sub__container.container {
    max-width: 48rem; } }
@media (min-width: 66.13333rem) {
  #main .sub__container.container {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto; }
    #main .sub__container.container .row .col-lg-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    #main .sub__container.container .row .offset-lg-1 {
      margin-left: 8.33333%; }
    #main .sub__container.container h2 {
      margin-bottom: 1rem; }

  .subpage-content {
    padding-bottom: 0; }

  .footer {
    padding-top: 0 !important; } }
@media (min-width: 80rem) {
  #main .sub__container.container {
    max-width: 76rem; } }
/* COLORS */
/******** MIXINS **********/
@media screen and (min-width: 1px) {
  .hero__subpage-image .center-crop.image {
    height: 390px !important;
    background-position: center top !important;
    background-repeat: no-repeat;
    background-size: cover !important; }

  .hero__subpage-image, .hero__subpage-image img {
    min-height: 17rem; }

  .hero__subpage-image {
    overflow: hidden !important; }

  .hero h1.page-title {
    color: #000;
    max-width: 500px;
    margin-left: auto;
    margin-right: 0; }

  h1.page-title {
    display: none; }

  .hero .page-title {
    font-size: 2.53333rem;
    margin-bottom: 30px !important; }

  .hero__subpage-content {
    align-items: center !important;
    padding-top: 40px; }

  .hero__subpage-content {
    background: -moz-linear-gradient(70deg, white 0%, rgba(255, 255, 255, 0) 46%);
    background: -webkit-linear-gradient(70deg, white 0%, rgba(255, 255, 255, 0) 46%);
    background: linear-gradient(25deg, white 0%, rgba(255, 255, 255, 0) 46%); }
    .hero__subpage-content .content {
      padding-left: 120px; } }
@media screen and (min-width: 1px) and (max-width: 819px) {
  .hero__subpage-content .row {
    justify-content: center;
    text-align: center; }
  .hero__subpage-content figure {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto; } }
@media (min-width: 769px) {
  .hero__subpage-image .center-crop.image {
    height: 480px !important;
    background-position: center center !important; }

  .hero__subpage-content {
    padding-top: 20px; }

  .hero .page-title {
    font-size: 3.33333rem; } }
@media (min-width: 38.4rem) {
  .hero__subpage-image {
    overflow: hidden; }

  .hero__subpage-content {
    padding-top: 0; }
    .hero__subpage-content figure {
      max-width: 360px;
      margin-left: auto;
      margin-right: 0; }

  .hero h1.page-title {
    max-width: 390px; }

  .hero__subpage-content .row {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto; } }
@media (min-width: 820px) {
  .hero__subpage-image, .hero__subpage-image img {
    min-height: 21rem; }

  .hero h1.page-title {
    max-width: 390px; } }
@media (min-width: 1101px) {
  .hero__subpage-content p.biggest {
    margin-top: 30px; } }
@media (min-width: 1301px) {
  .hero__subpage-image .center-crop.image {
    height: 480px !important; } }
@media (min-width: 1501px) {
  .hero__subpage-image .center-crop.image {
    height: 480px !important; } }
@media (min-width: 1701px) {
  .hero__subpage-image .center-crop.image {
    height: 480px !important; } }
/* COLORS */
/******** MIXINS **********/
@media (min-width: 1px) {
  #main .subpage-content .row .col-lg-4.col-md-6.mb-3.mb-lg-7 {
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 30px !important; }
  #main .subpage-content .products__block {
    border: 0 hidden !important; }
    #main .subpage-content .products__block .products__block-body {
      flex-direction: column !important;
      text-align: left;
      padding: 40px;
      background-color: #f0f4f8 !important;
      width: 100%; }

  .products__block {
    text-align: center; }
    .products__block .products__block-headline {
      display: none; }
    .products__block .open-account-button {
      margin-top: 60px;
      margin-bottom: 30px; }
      .products__block .open-account-button a {
        background-color: #ffb300;
        color: #00377f;
        border-color: #ffb300;
        line-height: 1.5;
        border-radius: 2rem;
        text-decoration: none;
        transition: all .3s ease-in-out;
        font-weight: 700; }
        .products__block .open-account-button a:hover {
          background-color: transparent;
          border: 1px solid #ffb300; }
    .products__block .account-details-link a {
      color: #00377f;
      font-weight: normal;
      background-color: transparent !important;
      border: 0 !important;
      padding: 0 !important;
      margin-bottom: 0;
      text-decoration: underline !important; }
      .products__block .account-details-link a:hover {
        background-color: transparent !important;
        color: #00377f; }
    .products__block .product-promo {
      font-size: 15px;
      line-height: 140%;
      color: #666;
      margin: 25px auto 0;
      width: 190px;
      font-weight: bold; }

  #main .subpage-content .products__block {
    padding-bottom: 0 !important; }
    #main .subpage-content .products__block .products__block-body {
      border-radius: 1.125rem !important;
      margin-bottom: 30px; }
    #main .subpage-content .products__block .products__block-body > div .products__block-headline.bg-warning,
    #main .subpage-content .products__block .products__block-body > div .products__block-body.bg-white {
      background-color: #f0f4f8 !important; }
    #main .subpage-content .products__block .products__block-body > div.products__block-cta {
      padding-bottom: 0 !important; }
    #main .subpage-content .products__block .products__block-body > div .product-button a, #main .subpage-content .products__block .products__block-body > div .product-details-btn a {
      font-size: 18px;
      line-height: 1.5rem;
      border-radius: 2rem;
      width: 100%;
      display: block; }
    #main .subpage-content .products__block .products__block-body > div .product-button a {
      color: #002f65;
      background-color: #fcb900;
      border-color: #fcb900;
      padding: 8px; }
    #main .subpage-content .products__block .products__block-body > div .product-details-btn a {
      color: #fff;
      background-color: #003f86;
      border-color: #003f86;
      padding: .66667rem 1.33333rem; }
    #main .subpage-content .products__block .products__block-body > div .product-headline {
      font-size: 28px;
      font-weight: 800;
      margin-bottom: 20px; }
    #main .subpage-content .products__block .products__block-body > div .product-intro {
      font-size: 16px;
      margin-bottom: 30px; }
    #main .subpage-content .products__block .products__block-body > div .product-headline, #main .subpage-content .products__block .products__block-body > div .product-intro {
      color: #003f86; } }
@media (min-width: 1px) and (max-width: 614px) {
  .products__block-body .row {
    justify-content: center; }

  .subpage-content .product-icon {
    max-width: 200px; }

  .products__block-body .product-headline {
    text-align: center; } }
@media (min-width: 38.4rem) {
  #main .subpage-content .products__block .products__block-body {
    flex-direction: row !important;
    text-align: left;
    padding: 40px; }
  #main .subpage-content .products__block-body > div {
    width: 65%; }
    #main .subpage-content .products__block-body > div.products__block-cta {
      width: calc(30% - 25px);
      display: flex;
      align-items: center; }
    #main .subpage-content .products__block-body > div .product-button {
      width: 100%; }
    #main .subpage-content .products__block-body > div .product-intro {
      margin-bottom: 0; } }
@media (min-width: 768px) {
  #main .subpage-content .row .col-lg-4.col-md-6.mb-3.mb-lg-7 {
    margin-bottom: 0 !important; } }

/*# sourceMappingURL=digital-payments.css.map */