#ac-localnav .ac-ln-background:after {
    background: transparent
}

#ac-localnav.ac-ln-sticking .ac-ln-background:after {
    background: #212121;
}

.section-tiles-grid .section-content {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 1140px;
    padding: 0 20px
}

@media only screen and (max-width: 734px) {
    .section-tiles-grid .section-content {
        padding: 0 10px
    }
}

.section-tiles-grid .tiles-container {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px;
    width: 100%;
    max-width: 810px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .section-tiles-grid .tiles-container {
        max-width: 810px
    }
}

@media only screen and (max-width: 734px) {
    .section-tiles-grid .tiles-container {
        max-width: 350px
    }
}

.section-tiles-grid .tiles-container .tile {
    min-height: 600px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .section-tiles-grid .tiles-container .tile {
        min-height: 600px
    }
}

@media only screen and (max-width: 734px) {
    .section-tiles-grid .tiles-container .tile {
        /* min-height: 450px */
    }
}

html.text-zoom .section-tiles-grid .tiles-container .tile {
    min-height: 920px
}

.section-tiles-grid .tiles-container .tile:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border-radius: inherit;
    -webkit-box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09);
    box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09)
}

.section-tiles-grid .tiles-container .front-face {
    overflow: hidden
}

.typography-modal-headline {
    font-size: 48px;
    line-height: 1.08349;
    font-weight: 700;
    letter-spacing: -.003em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-modal-headline {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-modal-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 700;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-modal-intro {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-modal-intro {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-modal-body {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 600;
    letter-spacing: -.03em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-modal-body {
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 600;
        letter-spacing: -.03em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-modal-disclaimer {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 600;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-router-headline {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 700;
    letter-spacing: -.015em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-router-headline {
        font-size: 72px;
        line-height: 1.05556;
        font-weight: 700;
        letter-spacing: -.012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-router-headline {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-router-subhead {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-router-subhead {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 700;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-router-subhead {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 700;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-router-button {
    font-size: 17px;
    line-height: 1.29412;
    font-weight: 400;
    letter-spacing: -.0037em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-router-button {
        font-size: 17px;
        line-height: 1.29412;
        font-weight: 400;
        letter-spacing: -.0037em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-router-button {
        font-size: 14px;
        line-height: 1.14286;
        font-weight: 400;
        letter-spacing: -.0022em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-body-tight-semibold {
    font-size: 17px;
    line-height: 1.23536;
    font-weight: 600;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-body-tight-semibold {
        font-size: 14px;
        line-height: 1.35718;
        font-weight: 600;
        letter-spacing: -.037em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

[class*="typography-eyebrow"] {
    display: block;
    margin-bottom: .4em
}

[class*="typography-eyebrow"]+* {
    margin-top: 0
}

.typography-headline+.typography-intro {
    margin-top: 1.2em
}

.typography-headline-super+.typography-intro-elevated {
    margin-top: 1.6em
}

.typography-headline-elevated+.typography-intro-elevated {
    margin-top: 1.4em
}

.typography-headline-reduced+p,
.typography-headline-reduced+ul,
.typography-headline-reduced+.typography-body {
    margin-top: 1em
}

.footnote-number {
    -webkit-font-feature-settings: "numr"off;
    font-feature-settings: "numr"off
}

.button {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    min-width: 28px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 18px;
    background: #0071e3;
    color: #fff
}

.button:hover {
    text-decoration: none
}

.button:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
    box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
    outline: none
}

.button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.button:active {
    outline: none
}

.button:disabled,
.button.disabled {
    cursor: default
}

.button:hover {
    background: #0077ED
}

.button:active {
    background: #006EDB
}

.button:disabled,
.button.disabled {
    background: #0071e3;
    color: #fff;
    opacity: .32
}

.button-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 8px
}

.button-neutral {
    background: #1d1d1f;
    color: #fff
}

.button-neutral:hover {
    background: #272729
}

.button-neutral:active {
    background: #18181A
}

.button-neutral:disabled,
.button-neutral.disabled {
    background: #1d1d1f;
    color: #fff;
    opacity: .32
}

.button-secondary {
    background: #e8e8ed;
    color: #000
}

.button-secondary:hover {
    background: #EBEBF0
}

.button-secondary:active {
    background: #E6E6EB
}

.button-secondary:disabled,
.button-secondary.disabled {
    background: #e8e8ed;
    color: #000;
    opacity: .56
}

.button-secondary-alpha {
    background: rgba(0, 0, 0, 0.08);
    color: #000
}

.button-secondary-alpha:hover {
    background: rgba(0, 0, 0, 0.07)
}

.button-secondary-alpha:active {
    background: rgba(0, 0, 0, 0.09)
}

.button-secondary-alpha:disabled,
.button-secondary-alpha.disabled {
    background: rgba(0, 0, 0, 0.08);
    color: #000;
    opacity: .56
}

.button-super {
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    min-width: 28px;
    padding-left: 31px;
    padding-right: 31px;
    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 28px
}

.button-super.button-block {
    border-radius: 12px
}

.button-elevated {
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    min-width: 26px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 22px
}

.button-elevated.button-block {
    border-radius: 10px
}

.button-reduced {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    min-width: 23px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 12px
}

.button-reduced.button-block {
    border-radius: 5px
}

.typography-promo-headline {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 700;
    letter-spacing: -.009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-promo-headline {
        font-size: 48px;
        line-height: 1.08349;
        font-weight: 700;
        letter-spacing: -.003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-promo-headline {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 700;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-promo-subhead {
    font-size: 24px;
    line-height: 1.33341;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-promo-subhead {
        font-size: 21px;
        line-height: 1.381;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-promo-subhead {
        font-size: 17px;
        line-height: 1.47059;
        font-weight: 600;
        letter-spacing: -.03em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-hero-banner {
    font-size: 17px;
    line-height: 1.29412;
    font-weight: 500;
    letter-spacing: -.02em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-hero-banner {
        font-size: 15px;
        line-height: 1.26667;
        font-weight: 500;
        letter-spacing: -.02em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-hero-banner {
        font-size: 14px;
        line-height: 1.28577;
        font-weight: 500;
        letter-spacing: -.02em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-grid-headline {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 700;
    letter-spacing: -.00028em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (min-width: 1440px) {
    .typography-grid-headline {
        font-size: 120px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -.018em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-grid-headline {
        font-size: 80px;
        line-height: 1.075;
        font-weight: 700;
        letter-spacing: -.012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-grid-headline {
        font-size: 56px;
        line-height: 1.07143;
        font-weight: 700;
        letter-spacing: -.005em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-grid-intro {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-grid-intro {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-grid-intro {
        font-size: 21px;
        line-height: 1.381;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tile-subhead {
    font-size: 17px;
    line-height: 1.23536;
    font-weight: 700;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-subhead {
        font-size: 17px;
        line-height: 1.23536;
        font-weight: 700;
        letter-spacing: -.022em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
} */

@media only screen and (max-width: 734px) {
    .typography-tile-subhead {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 700;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tile-iphone {
    font-size: 52px;
    line-height: 1.05556;
    font-weight: 600;
    letter-spacing: -.012em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-iphone {
        font-size: 38px;
        line-height: 1.08349;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-tile-iphone {
        font-size: 44px;
        line-height: 1.09091;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tile-fees {
    font-size: 50px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.0167em;
    font-family: YekanBakh,"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-fees {
        font-size: 96px;
        line-height: 1.04167;
        font-weight: 700;
        letter-spacing: -.00028em;
        
    }
}

@media only screen and (max-width: 734px) {
    .typography-tile-fees {
        font-size: 96px;
        line-height: 1.04167;
        font-weight: 700;
        letter-spacing: -.00028em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tile-interest {
    font-size: 72px;
    line-height: 1.02778;
    font-weight: 700;
    letter-spacing: -.0086em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-interest {
        font-size: 48px;
        line-height: 1.08349;
        font-weight: 700;
        letter-spacing: -.003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-tile-interest {
        font-size: 44px;
        line-height: 1.09091;
        font-weight: 700;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tile-cash-headline {
    font-size: 50px;
        line-height: 1.05;
        font-weight: 700;
        letter-spacing: -.015em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-cash-headline {
        font-size: 80px;
        line-height: 1.05;
        font-weight: 700;
        letter-spacing: -.015em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
} */

@media only screen and (max-width: 734px) {
    .typography-tile-cash-headline {
        font-size: 36px;
        line-height: 1.07143;
        font-weight: 700;
        letter-spacing: -.005em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        margin-bottom: 50px;
    }
}

.typography-tile-cash-intro {
    font-size: 28px;
    line-height: 1.125;
    font-weight: 700;
    letter-spacing: .004em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-cash-intro {
        font-size: 28px;
        line-height: 1.125;
        font-weight: 700;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
} */

@media only screen and (max-width: 734px) {
    .typography-tile-cash-intro {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 700;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tile-three-percent {
    font-size: 38px;
        line-height: 1.09091;
        font-weight: 700;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-three-percent {
        font-size: 2rem;
        line-height: 1.09091;
        font-weight: 700;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tile-two-percent-headline {
    font-size: 50px;
    line-height: 1.07143;
    font-weight: 700;
    letter-spacing: -.005em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-two-percent-headline {
        font-size: 56px;
        line-height: 1.07143;
        font-weight: 700;
        letter-spacing: -.005em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
} */

@media only screen and (max-width: 734px) {
    .typography-tile-two-percent-headline {
        font-size: 38px;
        line-height: 1.07143;
        font-weight: 700;
        letter-spacing: -.005em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tile-merchants {
    font-size: 40px;
    line-height: 1.09091;
    font-weight: 700;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-merchants {
        font-size: 44px;
        line-height: 1.09091;
        font-weight: 700;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
} */

@media only screen and (max-width: 734px) {
    .typography-tile-merchants {
        font-size: 38px;
        line-height: 1.09091;
        font-weight: 700;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tile-physical-card {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 700;
    letter-spacing: -.00028em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-physical-card {
        font-size: 72px;
        line-height: 1.05556;
        font-weight: 700;
        letter-spacing: -.012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-tile-physical-card {
        font-size: 56px;
        line-height: 1.07143;
        font-weight: 700;
        letter-spacing: -.005em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

/* .typography-tile-privacy-headline {
    font-size: 100px;
    line-height: 1.1;
    font-weight: 700;
        letter-spacing: -.005em;
        font-family: KalamehWebNoEn !important;
        text-align: right;
        direction: rtl;
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) { */
    .typography-tile-privacy-headline {
        font-size: 50px;
        line-height: 1.24167;
        font-weight: 700;
        letter-spacing: -.00028em;
        font-family: YekanBakh !important;
        text-align: right;
        direction: rtl;
    }
/* } */

@media only screen and (max-width: 734px) {
    .typography-tile-privacy-headline {
        margin-top: 100px;
        font-size: 40px;
        line-height: 1.09091;
        font-weight: 700;
        letter-spacing: 0em;
        font-family: YekanBakh !important;
    }
}

.typography-tile-pay-over-time-headline {
    font-size: 40px;
        line-height: 1.19091;
        font-weight: 700;
        letter-spacing: -.00013em;
        font-family: YekanBakh !important;
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-pay-over-time-headline {
        font-size: 40px;
        line-height: 1.09091;
        font-weight: 700;
        letter-spacing: -.00013em;
        font-family: YekanBakh !important;
    }
}

@media only screen and (max-width: 734px) {
    .typography-tile-pay-over-time-headline {
        font-size: 38px;
        line-height: 1.09091;
        font-weight: 700;
        letter-spacing: -.00009em;
        font-family: YekanBakh !important;
    }
}

.typography-tile-tools {
    font-size: 40px;
    line-height: 1.0625;
    font-weight: 700;
    letter-spacing: -.009em;
    font-family: YekanBakh !important;
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-tools {
        font-size: 40px;
        line-height: 1.09091;
        font-weight: 700;
        letter-spacing: 0em;
        /* font-family: KalamehWebNoEn !important; */
        font-family: YekanBakh !important;
    }
}

@media only screen and (max-width: 734px) {
    .typography-tile-tools {
        font-size: 40px;
        line-height: 1.09091;
        font-weight: 700;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tile-partnerships {
    margin-top: 100px;
    font-size: 42px;
    line-height: 1.18143;
    font-weight: 700;
    letter-spacing: -.005em;
    width: 95%;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}


.typography-tile-backface-content {
    font-size: 16px;
    line-height: 1.42859;
    font-weight: 400;
    letter-spacing: -.0022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-backface-content {
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
} */

@media only screen and (max-width: 734px) {
    .typography-tile-backface-content {
        font-size: 21px;
        line-height: 1.381;
        font-weight: 400;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-scroll-indicator {
    font-size: 50px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-scroll-indicator {
        font-size: 45px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-scroll-indicator {
        font-size: 40px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tile-frontface-footnote {
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tile-backface-link {
    font-size: 21px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .011em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .typography-tile-backface-link {
        font-size: 14px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-tile-backface-link {
        font-size: 21px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

[class*="typography-eyebrow"] {
    display: block;
    margin-bottom: .4em
}

[class*="typography-eyebrow"]+* {
    margin-top: 0
}

.typography-headline+.typography-intro {
    margin-top: 1.2em
}

.typography-headline-super+.typography-intro-elevated {
    margin-top: 1.6em
}

.typography-headline-elevated+.typography-intro-elevated {
    margin-top: 1.4em
}

.typography-headline-reduced+p,
.typography-headline-reduced+ul,
.typography-headline-reduced+.typography-body {
    margin-top: 1em
}

.tile .fadein-text-1 {
    -webkit-transition-duration: .875s;
    transition-duration: .875s;
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

.tile .fadein-text-2 {
    -webkit-transition-duration: .875s;
    transition-duration: .875s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.tile .fadein-text-3 {
    -webkit-transition-duration: .875s;
    transition-duration: .875s;
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}

.tile .fadein-text-4 {
    -webkit-transition-duration: .875s;
    transition-duration: .875s;
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.tile .fade-container {
    position: relative;
    overflow: hidden
}

.tile .fade-container [class^="fadein-text"] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: relative;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

html.no-js .tile .fade-container [class^="fadein-text"],
html.base-experience .tile .fade-container [class^="fadein-text"],
html.no-js .tile .fade-container [class^="fadein-text"],
html.base-experience .tile .fade-container [class^="fadein-text"] {
    top: 0px
}

.tile.fadein .fade-container [class^="fadein-text"] {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.section-content .tiles-container .tile:before {
    content: none
}

.section-content .tiles-container .tile .back-face {
    visibility: hidden
}

html.no-js .section-content .tiles-container .tile .back-face {
    visibility: visible;
    overflow: hidden;
    margin-top: 10px
}

.section-content .tiles-container .tile .back-face .image-column figure {
    max-width: calc(100% + 80px)
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .section-content .tiles-container .tile .back-face .image-column figure {
        max-width: calc(100% + 80px)
    }
} */

.section-content .tiles-container .tile.transitioning .back-face {
    visibility: visible
}

html.no-js .section-content .tiles-container .tile:focus {
    outline: none
}

.section-content .tiles-container .front-face {
    -webkit-box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09);
    box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09)
}

.tile {
    border-radius: 40px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile {
        border-radius: 30px
    }
}

@media only screen and (max-width: 734px) {
    .tile {
        border-radius: 20px
    }
}

.tile .front-face {
    padding: 90px 80px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile .front-face {
        padding: 70px 40px
    }
}

@media only screen and (max-width: 734px) {
    .tile .front-face {
        padding: 50px 30px
    }
}

@media only screen and (max-width: 320px) {
    .tile .front-face {
        padding: 50px 18px
    }
}

.tile .flip-tile-button.icon-wrapper {
    position: absolute;
    background-color: rgba(255, 255, 240, 0);
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 1
}

.tile .flip-tile-button.icon-wrapper:hover {
    cursor: pointer;
    opacity: 0.6
}

.tile .flip-tile-button.icon-wrapper .icon {
    color: #000;
    pointer-events: none;
    position: absolute;
    bottom: 26px;
    right: 34px;
    font-size: 40px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile .flip-tile-button.icon-wrapper .icon {
        width: 28px;
        height: 28px;
        right: 22px;
        font-size: 28px;
        bottom: 30px
    }

    html.text-zoom .tile .flip-tile-button.icon-wrapper .icon {
        right: 52px;
        bottom: 62px
    }
}

@media only screen and (max-width: 734px) {
    .tile .flip-tile-button.icon-wrapper .icon {
        width: 25px;
        height: 25px;
        right: 22px;
        font-size: 25px
    }
}

html.no-js .tile .flip-tile-button.icon-wrapper {
    visibility: hidden
}

.tile .front-face,
.tile .back-face {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    text-align: left;
    border-radius: inherit;
    -webkit-box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09);
    box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09)
}

.tile .back-face {
    color: #000
}

.tile .back-face h2 {
    color: #666
}

.tile .back-face .flip-tile-button.icon-wrapper {
    z-index: 3;
    position: absolute;
    background-color: rgba(255, 255, 240, 0);
    width: 40px;
    height: 40px;
    bottom: 35px;
    right: 35px;
    top: auto;
    left: auto
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile .back-face .flip-tile-button.icon-wrapper {
        width: 28px;
        height: 28px;
        right: 22px;
        bottom: 25px
    }
}

@media only screen and (max-width: 734px) {
    .tile .back-face .flip-tile-button.icon-wrapper {
        width: 25px;
        height: 25px;
        right: 22px;
        bottom: 20px
    }
}

html.text-zoom .tile .back-face .flip-tile-button.icon-wrapper {
    width: 100px;
    height: 100px
}

.tile .back-face .flip-tile-button.icon-wrapper .icon {
    color: #000;
    pointer-events: none;
    position: absolute;
    font-size: 40px;
    bottom: -9px;
    right: -1px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile .back-face .flip-tile-button.icon-wrapper .icon {
        bottom: 5px;
        font-size: 28px
    }
}

@media only screen and (max-width: 734px) {
    .tile .back-face .flip-tile-button.icon-wrapper .icon {
        bottom: 4px;
        font-size: 25px
    }
}

.tile.full .back-face {
    padding: 100px 160px;
    padding-left: 134px;
    padding-left: 75px;
    padding-right: 80px
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile.full .back-face {
        padding-left: 75px;
        padding-right: 80px
    }
} */

@media only screen and (max-width: 734px) {
    html.no-js .tile.full .back-face {
        padding-left: 40px;
        padding-right: 40px
    }
}

.tile.full .back-face .content-column {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tile.full .back-face.image-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.tile.full .back-face.image-layout .content-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 335px
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile.full .back-face.image-layout .content-column {
        width: 335px
    }
} */

.tile.full .back-face.image-layout .content-column .typography-tile-backface-link {
    line-height: 1.381
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile.full .back-face.image-layout .content-column .typography-tile-backface-link {
        line-height: 1.42859
    }
}

@media only screen and (max-width: 734px) {
    .tile.full .back-face.image-layout .content-column .typography-tile-backface-link {
        line-height: 1.381
    }
}

.tile.full .back-face.image-layout .image-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    top: -40px;
    margin-left: calc(50% - 280px)
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile.full .back-face.image-layout .image-column {
        top: -40px;
        margin-left: calc(50% - 280px)
    }
} */

@media only screen and (max-width: 734px) {
    .modal-content .back-face.image-layout .image-column {
        display: none
    }
}

html.text-zoom .tile.full .back-face.image-layout .image-column {
    display: none
}

.tile.full .back-face.image-layout .image-column .image-hardware-iphone {
    width: 406px;
    height: 574px;
    background-size: 406px 574px;
    background-repeat: no-repeat;
    background-image: url("./hardware_iphone.png");
    position: absolute;
    z-index: 2
}



.tile.full .back-face.image-layout .image-column [class^="image-screen"] {
    position: absolute;
    z-index: 1;
    left: 46px;
        top: 25px
    }

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile.full .back-face.image-layout .image-column [class^="image-screen"] {
        left: 46px;
        top: 25px
    }
} */

.tile.half .back-face {
    padding: 100px 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile.half .back-face {
        padding-left: 75px;
        padding-right: 75px
    }
}

@media only screen and (max-width: 734px) {
    html.no-js .tile.half .back-face {
        padding-left: 40px;
        padding-right: 40px
    }
}

.tile.half .back-face .content-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 734px) {
    .tile.half .back-face .content-column {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}


.tile.half .back-face .content-column .typography-tile-backface-link {
    line-height: 1.381
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile.half .back-face .content-column .typography-tile-backface-link {
        line-height: 1.42859
    }
}

@media only screen and (max-width: 734px) {
    .tile.half .back-face .content-column .typography-tile-backface-link {
        line-height: 1.381
    }
}

html.text-zoom .tile.full .back-face,
html.text-zoom .tile.half .back-face {
    padding: 20px 50px
}

html.text-zoom .tile.full .back-face .content-column,
html.text-zoom .tile.half .back-face .content-column {
    width: 100%
}

html.text-zoom .tile.full .back-face .content-column .backface-headline,
html.text-zoom .tile.full .back-face .content-column .typography-tile-backface-content,
html.text-zoom .tile.full .back-face .content-column .typography-tile-backface-link,
html.text-zoom .tile.half .back-face .content-column .backface-headline,
html.text-zoom .tile.half .back-face .content-column .typography-tile-backface-content,
html.text-zoom .tile.half .back-face .content-column .typography-tile-backface-link {
    line-height: 1.1
}

@media only screen and (max-width: 734px) {
    .tile .back-face {
        display: none
    }
}

.tile .back-face .backface-headline {
    font-weight: 600;
    font-size: 18px;
}

.tile .back-face .backface-copy,
.tile .back-face a,
.tile .back-face .backface-list {
    margin-top: 21px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {

    .tile .back-face .backface-copy,
    .tile .back-face a,
    .tile .back-face .backface-list {
        margin-top: 10px
    }
}

.tile .back-face .backface-list {
    width: 100%
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile .back-face .backface-list {
        width: 120%
    }
}

.tile .back-face .backface-list ul {
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tile .back-face .backface-list ul li {
    width: 50%
}

@media only screen and (max-width: 320px) {
    .tile .back-face .backface-list {
        width: 100%
    }

    .tile .back-face .backface-list ul li {
        width: 100%
    }
}

.tile .back-face .backface-copy .footnote-supglyph {
    font-weight: 700
}

.modal.modal-full-viewport {
    padding-top: 0px;
    padding-bottom: 0px
}

.modal.modal-full-viewport .modal-close {
    display: none
}

.modal-tile-backface .modal-content {
    display: none;
      flex-direction: column;
    -webkit-animation: displayAndFadeIn 0.2s forwards;
    animation: displayAndFadeIn 0.2s forwards
}

.modal-content .back-face {
    padding: 40px 40px;
    padding-bottom: 0px;
    height: auto;
    overflow-y: scroll;
    position: relative
}

.modal-content .back-face .content-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal-content .back-face .content-column .typography-tile-backface-link {
    line-height: 1.381
}

.modal-content .back-face .content-column .backface-headline {
    color: #666;
    font-weight: 700
}

.modal-content .back-face .content-column .backface-copy,
.modal-content .back-face .content-column a,
.modal-content .back-face .content-column .backface-list {
    margin-top: 18px
}

.modal-content .back-face .content-column .backface-list {
    width: 100%
}

.modal-content .back-face .content-column .backface-list ul {
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.modal-content .back-face .content-column .backface-list ul li {
    width: 50%
}

@media only screen and (max-width: 320px) {
    .modal-content .back-face .content-column .backface-list ul li {
        width: 100%
    }
}

.modal-content .back-face .content-column>*:last-child {
    padding-bottom: 40px
}

.modal-content .back-face .close-tile.icon-wrapper {
    position: fixed;
    left: 20px;
    top: 20px;
    font-size: 1.5em;
    opacity: 1
}

.modal-content .back-face .close-tile.icon-wrapper:hover {
    opacity: 0.6
}

@-webkit-keyframes displayAndFadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes displayAndFadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

.tile {
    position: relative
}

html.no-js .tile {
    min-height: auto
}

.tile .front-face,
.tile .back-face {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

html.no-js .tile .front-face,
html.no-js .tile .back-face {
    position: relative;
    height: 820px
}

@media only screen and (min-width: 1440px) {

    html.no-js .tile .front-face,
    html.no-js .tile .back-face {
        height: 840px
    }
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {

    html.no-js .tile .front-face,
    html.no-js .tile .back-face {
        height: 600px
    }
}

@media only screen and (max-width: 734px) {

    html.no-js .tile .front-face,
    html.no-js .tile .back-face {
        height: auto
    }
}

.tile.half {
    grid-column: span 1;
    -webkit-perspective: 1600px;
    perspective: 1600px
}

@media only screen and (max-width: 734px) {
    .tile.half {
        grid-column: span 2
    }
}

html.text-zoom .tile.half {
    grid-column: span 2
}

.tile.half .front-face,
.tile.half .back-face {
    background-color: #fff
}

.tile.half .front-face {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

html.no-js .tile.half .front-face,
html.base-experience .tile.half .front-face,
html.no-js .tile.half .front-face,
html.base-experience .tile.half .front-face {
    opacity: 1
}

.tile.half .back-face {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

html.base-experience .tile.half .back-face {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0
}

html.no-js .tile.half .back-face {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

.tile.half.flip .front-face {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

html.base-experience .tile.half.flip .front-face {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0
}

.tile.half.flip .back-face {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

html.base-experience .tile.half.flip .back-face {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

.tile.half.transitioning {
    z-index: 3
}

.tile.full {
    grid-column: span 2;
    -webkit-perspective: 3200px;
    perspective: 3200px
}

.tile.full .front-face,
.tile.full .back-face {
    background-color: #fff
}

.tile.full .front-face {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

html.no-js .tile.full .front-face,
html.base-experience .tile.full .front-face,
html.no-js .tile.full .front-face,
html.base-experience .tile.full .front-face {
    opacity: 1
}

.tile.full .back-face {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

html.base-experience .tile.full .back-face {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 0
}

html.no-js .tile.full .back-face {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

.tile.full.flip .front-face {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

html.base-experience .tile.full.flip .front-face {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 0
}

.tile.full.flip .back-face {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

html.base-experience .tile.full.flip .back-face {
    opacity: 1
}

.tile.full.transitioning {
    z-index: 3
}

@media only screen and (max-width: 734px) {
    .tile.full .front-face {
        opacity: 1;
        z-index: 1
    }

    .tile.full .back-face {
        opacity: 0;
        z-index: -1
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .tile.full .back-face .flip-tile-button.icon-wrapper {
        position: relative
    }
}

@media only screen and (max-width: 734px) {

    .tile.full.flip .front-face,
    .tile.full.flip .back-face {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    .tile.full.flip .front-face {
        opacity: 0;
        z-index: -1
    }

    .tile.full.flip .back-face {
        -webkit-animation: displayAndFadeIn 0.2s forwards;
        animation: displayAndFadeIn 0.2s forwards;
        z-index: 1;
        height: 100vh;
        width: 100vw;
        overflow-y: scroll
    }

    .tile.full.flip .back-face .content-column {
        display: block;
        height: auto
    }

    .tile.full.flip .back-face .content-column p {
        padding-bottom: 23px
    }

    .tile.full.flip .back-face .content-column>*:last-child {
        padding-bottom: 50px
    }

    html.no-js .tile.full.flip .back-face,
    html.base-experience .tile.full.flip .back-face,
    html.no-js .tile.full.flip .back-face,
    html.base-experience .tile.full.flip .back-face {
        -webkit-animation: none;
        animation: none;
        -webkit-transition: none;
        transition: none;
        opacity: 1
    }
}

@media only screen and (max-width: 734px) {
    .tile.half .front-face {
        opacity: 1;
        z-index: 1
    }

    .tile.half .back-face {
        opacity: 0;
        z-index: -1
    }
}

.tile {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh)
}

html.no-js .tile,
html.base-experience .tile,
html.no-js .tile,
html.base-experience .tile {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tile.appear {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tile-overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

.tile-overlay.fade-in {
    visibility: visible;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    opacity: 0.8
}

.tile-overlay.fade-out {
    visibility: visible;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
}

.hero-scroll-indicator {
    position: absolute;
    z-index: 10;
    left: 50%;
    width: 100px;
    margin: 0 -55px;
    text-align: center;
    color: #fff;
    -webkit-animation: hero-scroll-indicator 3s infinite ease;
    animation: hero-scroll-indicator 3s infinite ease;
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
    opacity: 1;
    bottom: 30px
}

.hide-scroll-indicator .hero-scroll-indicator {
    opacity: 0
}

.hero-scroll-indicator .icon {
    opacity: 0
}

html.no-js .hero-scroll-indicator .icon,
html.base-experience .hero-scroll-indicator .icon,
html.no-js .hero-scroll-indicator .icon,
html.base-experience .hero-scroll-indicator .icon {
    -webkit-animation: fade-in-hero-icon 0.4s 0.6s forwards ease-out;
    animation: fade-in-hero-icon 0.4s 0.6s forwards ease-out
}

.show-scroll-indicator .hero-scroll-indicator .icon {
    -webkit-animation: fade-in-hero-icon 0.4s 0.6s forwards ease-out;
    animation: fade-in-hero-icon 0.4s 0.6s forwards ease-out
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .hero-scroll-indicator {
        display: none
    }
}

@media only screen and (max-width: 1068px) and (orientation: landscape),
only screen and (min-width: 1067px) and (max-height: 840px) and (orientation: landscape) {
    .hero-scroll-indicator {
        display: block
    }
}

@media only screen and (max-width: 734px) {
    .hero-scroll-indicator {
        display: block
    }
}

@media only screen and (max-height: 500px) {
    .hero-scroll-indicator {
        display: none
    }
}

@-webkit-keyframes fade-in-hero-icon {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in-hero-icon {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes hero-scroll-indicator {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes hero-scroll-indicator {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}


.section-simplicity {
    background-color: #fff;
    margin-top: 116px;
    margin-bottom: 40px;
    overflow: hidden
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .section-simplicity {
        margin-top: 96px
    }
}

@media only screen and (max-width: 734px) {
    .section-simplicity {
        margin-top: 52px
    }
}

.section-simplicity .section-content {
    text-align: left
}

@media only screen and (max-width: 734px) {
    .section-simplicity .section-content {
        text-align: left;
        max-width: 350px;
        margin: 0 auto
    }
}

.section-simplicity .section-content .intro-headline p {
    background: -webkit-gradient(linear, left top, right top, from(#f06844), color-stop(25%, #ee4c54), color-stop(50%, #d45e95), color-stop(75%, #9c6ca6), to(#6583c1));
    background: -webkit-linear-gradient(left, #f06844 0%, #ee4c54 25%, #d45e95 50%, #9c6ca6 75%, #6583c1 100%);
    background: linear-gradient(to right, #f06844 0%, #ee4c54 25%, #d45e95 50%, #9c6ca6 75%, #6583c1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-margin-start: -44px;
    margin-inline-start: -44px;
    width: 1065px
}

@media only screen and (min-width: 1440px) {
    .section-simplicity .section-content .intro-headline p {
        -webkit-margin-start: -90px;
        margin-inline-start: -90px;
        width: 1225px
    }
}

@media only screen and (min-width: 1440px) and (max-height: 840px) {
    .section-simplicity .section-content .intro-headline p {
        -webkit-margin-start: -68px;
        margin-inline-start: -68px;
        width: 825px
    }
}

@media only screen and (max-width: 1440px) and (max-height: 840px) {
    .section-simplicity .section-content .intro-headline p {
        -webkit-margin-start: -68px;
        margin-inline-start: -68px;
        width: 825px
    }
}

@media only screen and (max-width: 1068px) {
    .section-simplicity .section-content .intro-headline p {
        -webkit-margin-start: -68px;
        margin-inline-start: -68px;
        width: 825px
    }
}

@media only screen and (max-width: 830px) {
    .section-simplicity .section-content .intro-headline p {
        -webkit-margin-start: 0;
        margin-inline-start: 0;
        width: 695px
    }
}

@media only screen and (max-width: 734px) {
    .section-simplicity .section-content .intro-headline p {
        width: 100%;
    }
}

html.base-experience .section-simplicity .section-content .intro-headline p {
    margin-left: -44px
}

@media only screen and (min-width: 1440px) {
    html.base-experience .section-simplicity .section-content .intro-headline p {
        margin-left: -125px
    }
}

@media only screen and (min-width: 1440px) and (max-height: 840px) {
    html.base-experience .section-simplicity .section-content .intro-headline p {
        margin-left: -68px
    }
}

@media only screen and (max-width: 1440px) and (max-height: 840px) {
    html.base-experience .section-simplicity .section-content .intro-headline p {
        margin-left: -68px
    }
}

@media only screen and (max-width: 1068px) {
    html.base-experience .section-simplicity .section-content .intro-headline p {
        margin-left: -68px
    }
}

@media only screen and (max-width: 830px) {
    html.base-experience .section-simplicity .section-content .intro-headline p {
        margin-left: 0
    }
}

.section-simplicity .section-content .grid-intro {
    color: #000;
    padding: 40px 0 48px;
    max-width: 940px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .section-simplicity .section-content .grid-intro {
        max-width: 640px;
        padding: 20px 0 13px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 734px) {
    .section-simplicity .section-content .grid-intro {
        padding: 24px 0 0;
        text-align: left
    }
}

.section-simplicity .section-content .grid-intro .footnote {
    font-weight: 700;
    font-size: 12px;
    top: -15px;
    right: 3px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .section-simplicity .section-content .grid-intro .footnote {
        top: -9px
    }
}

.section-tiles-grid {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    z-index: 2;
    overflow: hidden
}

html.text-zoom .section-tiles-grid h2 {
    font-size: 50px
}

html.no-js .section-tiles-grid .tiles-container {
    grid-template-columns: repeat(2, calc(50% - 5px))
}

.section-tiles-grid .tiles-container .violator-wrapper {
    margin-bottom: 10px
}

html.text-zoom .acmi {
    height: 1200px
}

@media only screen and (max-width: 734px) {
    .acmi {
        height: 652px
    }

    html.no-js .acmi {
        height: auto
    }
}

.acmi .front-face,
.acmi .back-face {
    background-color: #fff
}

.acmi .front-face {
    padding-right: 30px;
        padding-left: 30px;
        padding-top: 0px
}

html.text-zoom .acmi .front-face {
    padding-top: 10px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .acmi .front-face {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .acmi .front-face {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 0px
    }
}

@media only screen and (max-width: 734px) {
    html.no-js .acmi .front-face {
        height: 600px
    }
}

.acmi .front-face .pay-over-time-headline {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    margin-top: 200px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .acmi .front-face .pay-over-time-headline {
        margin-top: 200px
    }
}

@media only screen and (max-width: 734px) {
    .acmi .front-face .pay-over-time-headline {
        margin-top: 154px
    }
}

html.no-js .acmi .front-face .pay-over-time-headline,
html.base-experience .acmi .front-face .pay-over-time-headline,
html.no-js .acmi .front-face .pay-over-time-headline,
html.base-experience .acmi .front-face .pay-over-time-headline {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.acmi .front-face .pay-over-time-copy {
    font-weight: 700;
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    margin-top: 12px
}

@media only screen and (max-width: 734px) {
    .acmi .front-face .pay-over-time-copy {
        margin-top: 10px
    }
}

html.no-js .acmi .front-face .pay-over-time-copy,
html.base-experience .acmi .front-face .pay-over-time-copy,
html.no-js .acmi .front-face .pay-over-time-copy,
html.base-experience .acmi .front-face .pay-over-time-copy {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1
}

html.text-zoom .acmi .front-face .pay-over-time-copy {
    font-size: 28px
}

.acmi .front-face .pay-over-time-copy .footnote {
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    vertical-align: super;
    right: 5px;
    top: 0
}

.acmi .front-face .pay-over-time-headline,
.acmi .front-face .pay-over-time-copy {
    position: relative;
    left: 0px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {

    .acmi .front-face .pay-over-time-headline,
    .acmi .front-face .pay-over-time-copy {
        left: 0
    }
}

html.text-zoom .acmi .front-face .pay-over-time-headline,
html.text-zoom .acmi .front-face .pay-over-time-copy {
    margin-top: 0;
    margin-left: 0;
    max-width: 100%
}

.acmi .front-face .image-acmi {
    width: 402px;
        height: 344px;
        background-size: 402px 344px;
        background-repeat: no-repeat;
        background-image: url("./apple_management_tile.jpg");
    position: absolute;
  
    z-index: -1;
    top: 120px;
        left: calc(50% - 405px)
}




@media only screen and (max-width: 734px) {
    .acmi .front-face .image-acmi {
        width: 328px;
        height: 177px;
        background-size: 328px 177px;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .acmi .front-face .image-acmi {
        background-image: url("./apple_management_tile_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .acmi .front-face .image-acmi {
        opacity: 0;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
        transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1)
    }
}

html.text-zoom .acmi .front-face .image-acmi {
    top: 700px;
    left: 0px
}



@media only screen and (max-width: 734px) {
    .acmi .front-face .image-acmi {
        top: 395px;
        left: 10px
    }
}

@media only screen and (max-width: 320px) {
    .acmi .front-face .image-acmi {
        top: 408px;
        left: -16px
    }
}

.back-face .image-screen-monthly-installments {
    width: 200px;
    height: 430px;
    background: #000;
   
}


.acmi .back-face .backface-copy sup {
    font-size: 0.6em
}

.acmi .back-face .backface-copy sup.footnote {
    top: -8px;
    right: 3px
}

html.text-zoom .acmi .back-face {
    width: 100%
}

html.text-zoom .acmi .back-face .typography-tile-backface-link {
    margin-top: 10px;
    padding-right: 60px;
    max-width: 80%
}

.acmi.animate .pay-over-time-headline,
.acmi.animate .pay-over-time-copy {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}

@media only screen and (max-width: 734px) {
    .acmi.animate .image-acmi {
        opacity: 1
    }
}


@media only screen and (max-width: 734px) {
    .daily-cash {
        height: 555px
    }

    html.no-js .daily-cash {
        height: auto
    }
}

@media only screen and (max-width: 320px) {
    .daily-cash {
        height: 575px
    }

    html.no-js .daily-cash {
        height: auto
    }
}

.daily-cash .hide {
    opacity: 0
}

html.no-js .daily-cash .hide,
html.base-experience .daily-cash .hide,
html.no-js .daily-cash .hide,
html.base-experience .daily-cash .hide {
    opacity: 1
}

.daily-cash .front-face {
    background: -webkit-gradient(linear, left top, left bottom, from(#000));
    background: -webkit-linear-gradient(#000);
    background: linear-gradient(#000);
    color: #fff
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .daily-cash .front-face {
        padding-right: 50px
    }
}

@media only screen and (max-width: 734px) {
    .daily-cash .front-face {
        padding-right: 12px
    }
}

.daily-cash .front-face .daily-cash-headline,
.daily-cash .front-face .daily-cash-copy {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0
}

html.no-js .daily-cash .front-face .daily-cash-headline,
html.base-experience .daily-cash .front-face .daily-cash-headline,
html.no-js .daily-cash .front-face .daily-cash-headline,
html.base-experience .daily-cash .front-face .daily-cash-headline,
html.no-js .daily-cash .front-face .daily-cash-copy,
html.base-experience .daily-cash .front-face .daily-cash-copy,
html.no-js .daily-cash .front-face .daily-cash-copy,
html.base-experience .daily-cash .front-face .daily-cash-copy {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}

.daily-cash .front-face .daily-cash-copy {
    -webkit-transform: translateY(200%);
    transform: translateY(200%)
}

.daily-cash .front-face .daily-cash-headline {
    position: relative;
    z-index: 2;
    color: inherit;
    margin-top: 220px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .daily-cash .front-face .daily-cash-headline {
        margin-top: 220px
    }
}

@media only screen and (max-width: 734px) {
    .daily-cash .front-face .daily-cash-headline {
        margin-top: 200px
    }
}

@media only screen and (max-width: 1085px) {
    html.windows.chrome .daily-cash .front-face .daily-cash-headline {
        margin-top: 195px
    }
}

@media only screen and (max-width: 1085px) {
    html.windows.firefox .daily-cash .front-face .daily-cash-headline {
        margin-top: 195px
    }
}

.daily-cash .front-face .icon-wrapper .icon {
    color: #fff
}

.daily-cash .front-face .daily-cash-copy {
    background: -webkit-gradient(linear, left top, right top, from(#61a87b), color-stop(25%, #69bf74), color-stop(84%, #b8ce66));
    background: -webkit-linear-gradient(left, #61a87b, #69bf74 25%, #b8ce66 84%);
    background: linear-gradient(90deg, #61a87b, #69bf74 25%, #b8ce66 84%);
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .daily-cash .front-face .daily-cash-copy {
        margin-top: 12px
    }
}

.daily-cash .front-face .daily-cash-copy .footnote {
    -webkit-text-fill-color: #91ca59;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    vertical-align: super;
    right: 2px;
    top: 0
}

.daily-cash .front-face .daily-cash-video {
    position: absolute;
    z-index: 1;
    margin-top: 0;
    width: 140px;
    height: 270px;
    top: 57px;
    right: 110px
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .daily-cash .front-face .daily-cash-video {
        width: 140px;
        height: 270px;
        top: 57px;
        right: 110px
    }
} */

@media only screen and (max-width: 734px) {
    .daily-cash .front-face .daily-cash-video {
        width: 100px;
        height: 190px;
        top: 45px;
        right: auto;
        left: 22px
    }
}

.daily-cash .front-face .daily-cash-video .image-daily-cash-endframe {
    width: 140px;
    height: 270px;
    background-size: 140px 270px;
    background-repeat: no-repeat;
    background-image: url("./maximum_logo.jpg");
    top: 0;
    left: 0
}



.daily-cash .front-face .daily-cash-video .inline-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

html.no-js .daily-cash .front-face .daily-cash-video .inline-video,
html.base-experience .daily-cash .front-face .daily-cash-video .inline-video,
html.no-js .daily-cash .front-face .daily-cash-video .inline-video,
html.base-experience .daily-cash .front-face .daily-cash-video .inline-video {
    display: none
}

.daily-cash .back-face {
    background-color: #fff;
    color: #000
}

.daily-cash .back-face .icon-wrapper .icon {
    color: #000
}

.daily-cash.animate .front-face .daily-cash-headline,
.daily-cash.animate .front-face .daily-cash-copy {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}

html.text-zoom .tiles-container .tile.financial-tools {
    min-height: 1050px
}

.financial-tools {
    z-index: 1;
    position: relative
}

@media only screen and (max-width: 734px) {
    .financial-tools {
        height: 594px
    }

    html.no-js .financial-tools {
        height: auto
    }
}

.financial-tools .front-face {
    background: -webkit-gradient(linear, left top, left bottom, from(#000));
    background: -webkit-linear-gradient(#000);
    background: linear-gradient(#000);
    color: #fff
}

.financial-tools .front-face .financial-headline {
    color: inherit
}

.financial-tools .front-face .icon-wrapper .icon {
    color: #fff
}

.financial-tools .front-face .financial-headline {
    -webkit-transform: translateY(50px) translateX(-15px);;
    transform: translateY(50px) translateX(-15px);;
    opacity: 0
}

html.no-js .financial-tools .front-face .financial-headline,
html.base-experience .financial-tools .front-face .financial-headline,
html.no-js .financial-tools .front-face .financial-headline,
html.base-experience .financial-tools .front-face .financial-headline {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.financial-tools .front-face .bars-container {
    position: absolute;
    width: calc(100% - 160px);
    margin-top: 80px;
    bottom: 95px;
    height: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

html.no-js .financial-tools .front-face .bars-container {
    position: relative;
    padding-top: 20px
}

html.text-zoom .financial-tools .front-face .bars-container {
    bottom: 145px
}

html.no-js .financial-tools .front-face .bars-container,
html.base-experience .financial-tools .front-face .bars-container,
html.no-js .financial-tools .front-face .bars-container,
html.base-experience .financial-tools .front-face .bars-container {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .financial-tools .front-face {
        padding: 90px 80px;
    }
}

@media only screen and (max-width: 734px) {
    .financial-tools .front-face .bars-container {
        width: calc(100% - 60px);
        height: 200px;
        bottom: 65px
    }
}

.financial-tools .front-face .bar {
    position: relative;
    width: 30px;
    border-radius: 5px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .financial-tools .front-face .bar {
        
    }
}

.financial-tools .front-face .bar.bar-1 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3996FA), color-stop(#F4B82B), to(#F59548));
    background-image: -webkit-linear-gradient(top, #3996FA, #F4B82B, #F59548);
    background-image: linear-gradient(180deg, #3996FA, #F4B82B, #F59548);
    background-size: 100% 100%
}

html.no-js .financial-tools .front-face .bar.bar-1,
html.base-experience .financial-tools .front-face .bar.bar-1,
html.no-js .financial-tools .front-face .bar.bar-1,
html.base-experience .financial-tools .front-face .bar.bar-1 {
    -webkit-animation: none;
    animation: none;
    height: 89%
}

.financial-tools .front-face .bar.bar-2 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DC7ECB), color-stop(#ED85BF), color-stop(#F38979), color-stop(#F5A53B), to(#E7B239));
    background-image: -webkit-linear-gradient(top, #DC7ECB, #ED85BF, #F38979, #F5A53B, #E7B239);
    background-image: linear-gradient(180deg, #DC7ECB, #ED85BF, #F38979, #F5A53B, #E7B239);
    background-size: 100% 100%
}

html.no-js .financial-tools .front-face .bar.bar-2,
html.base-experience .financial-tools .front-face .bar.bar-2,
html.no-js .financial-tools .front-face .bar.bar-2,
html.base-experience .financial-tools .front-face .bar.bar-2 {
    -webkit-animation: none;
    animation: none;
    height: 63%
}

.financial-tools .front-face .bar.bar-3 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#A177FF), color-stop(#7D83FF), to(#3197FF));
    background-image: -webkit-linear-gradient(top, #A177FF, #7D83FF, #3197FF);
    background-image: linear-gradient(180deg, #A177FF, #7D83FF, #3197FF);
    background-size: 100% 100%
}

html.no-js .financial-tools .front-face .bar.bar-3,
html.base-experience .financial-tools .front-face .bar.bar-3,
html.no-js .financial-tools .front-face .bar.bar-3,
html.base-experience .financial-tools .front-face .bar.bar-3 {
    -webkit-animation: none;
    animation: none;
    height: 62%
}

.financial-tools .front-face .bar.bar-4 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DC7ECB), color-stop(#ED85BF), color-stop(#F38979), color-stop(#F5A53B), to(#E7B239));
    background-image: -webkit-linear-gradient(top, #DC7ECB, #ED85BF, #F38979, #F5A53B, #E7B239);
    background-image: linear-gradient(180deg, #DC7ECB, #ED85BF, #F38979, #F5A53B, #E7B239);
    background-size: 100% 100%
}

html.no-js .financial-tools .front-face .bar.bar-4,
html.base-experience .financial-tools .front-face .bar.bar-4,
html.no-js .financial-tools .front-face .bar.bar-4,
html.base-experience .financial-tools .front-face .bar.bar-4 {
    -webkit-animation: none;
    animation: none;
    height: 96%
}

.financial-tools .front-face .bar.bar-5 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4FBA4E), color-stop(#97C030), to(#F5B926));
    background-image: -webkit-linear-gradient(top, #4FBA4E, #97C030, #F5B926);
    background-image: linear-gradient(180deg, #4FBA4E, #97C030, #F5B926);
    background-size: 100% 100%
}

html.no-js .financial-tools .front-face .bar.bar-5,
html.base-experience .financial-tools .front-face .bar.bar-5,
html.no-js .financial-tools .front-face .bar.bar-5,
html.base-experience .financial-tools .front-face .bar.bar-5 {
    -webkit-animation: none;
    animation: none;
    height: 63%
}

.financial-tools .back-face {
    background: #fff;
    color: #000
}

.financial-tools .back-face .flip-tile-button .icon {
    color: #000
}

.financial-tools .back-face .backface-copy sup {
    font-size: 0.5em
}

.financial-tools .back-face .backface-copy sup.footnote {
    top: -8px;
    right: 3px
}

.financial-tools.animate .financial-headline {
    -webkit-transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), transform 1s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), transform 1s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1);
    opacity: 1;
    -webkit-transform: translateY(-25px) translateX(-15px);
    transform: translateY(-35px) translateX(-15px);
    width: 110%;
}

.financial-tools.animate .bars-container {
    -webkit-transition: opacity 1s 0.5s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 1s 0.5s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 1s 0.5s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 1s 0.5s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 1s 0.5s cubic-bezier(0.5, 1, 0.89, 1), transform 1s 0.5s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 1s 0.5s cubic-bezier(0.5, 1, 0.89, 1), transform 1s 0.5s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 1s 0.5s cubic-bezier(0.5, 1, 0.89, 1);
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.financial-tools.animate .bar.bar-1 {
    -webkit-animation: animateBar1 4s 1s forwards;
    animation: animateBar1 4s 1s forwards
}

@-webkit-keyframes animateBar1 {
    0% {
        height: 0
    }

    25% {
        height: 56%
    }

    50% {
        height: 75%
    }

    75% {
        height: 89%
    }

    100% {
        height: 54%
    }
}

@keyframes animateBar1 {
    0% {
        height: 0
    }

    25% {
        height: 56%
    }

    50% {
        height: 75%
    }

    75% {
        height: 89%
    }

    100% {
        height: 54%
    }
}

.financial-tools.animate .bar.bar-2 {
    -webkit-animation: animateBar2 4s 1s forwards;
    animation: animateBar2 4s 1s forwards
}

@-webkit-keyframes animateBar2 {
    0% {
        height: 0
    }

    25% {
        height: 76%
    }

    50% {
        height: 88%
    }

    75% {
        height: 63%
    }

    100% {
        height: 75%
    }
}

@keyframes animateBar2 {
    0% {
        height: 0
    }

    25% {
        height: 76%
    }

    50% {
        height: 88%
    }

    75% {
        height: 63%
    }

    100% {
        height: 75%
    }
}

.financial-tools.animate .bar.bar-3 {
    -webkit-animation: animateBar3 4s 1s forwards;
    animation: animateBar3 4s 1s forwards
}

@-webkit-keyframes animateBar3 {
    0% {
        height: 0
    }

    25% {
        height: 100%
    }

    50% {
        height: 48%
    }

    75% {
        height: 62%
    }

    100% {
        height: 94%
    }
}

@keyframes animateBar3 {
    0% {
        height: 0
    }

    25% {
        height: 100%
    }

    50% {
        height: 48%
    }

    75% {
        height: 62%
    }

    100% {
        height: 94%
    }
}

.financial-tools.animate .bar.bar-4 {
    -webkit-animation: animateBar4 4s 1s forwards;
    animation: animateBar4 4s 1s forwards
}

@-webkit-keyframes animateBar4 {
    0% {
        height: 0
    }

    25% {
        height: 86%
    }

    50% {
        height: 76%
    }

    75% {
        height: 96%
    }

    100% {
        height: 60%
    }
}

@keyframes animateBar4 {
    0% {
        height: 0
    }

    25% {
        height: 86%
    }

    50% {
        height: 76%
    }

    75% {
        height: 96%
    }

    100% {
        height: 60%
    }
}

.financial-tools.animate .bar.bar-5 {
    -webkit-animation: animateBar5 4s 1s forwards;
    animation: animateBar5 4s 1s forwards
}

@-webkit-keyframes animateBar5 {
    0% {
        height: 0
    }

    25% {
        height: 82%
    }

    50% {
        height: 96%
    }

    75% {
        height: 63%
    }

    100% {
        height: 63%
    }
}

@keyframes animateBar5 {
    0% {
        height: 0
    }

    25% {
        height: 82%
    }

    50% {
        height: 96%
    }

    75% {
        height: 63%
    }

    100% {
        height: 63%
    }
}

@media only screen and (max-width: 734px) {
    .mega-merchants {
        height: 560px
    }

    html.no-js .mega-merchants {
        height: auto
    }
}

.section-tiles-grid .mega-merchants .front-face,
.section-tiles-grid .mega-merchants .back-face {
    box-shadow:none;
}

.mega-merchants .backface-copy .footnote-diamond {
    font-weight: 400;
    font-size: 15px;
    top: -0.1em
}

.mega-merchants .front-face {
    padding-top: 67px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .mega-merchants .front-face {
        padding: 67px 80px;
    }
}

@media only screen and (max-width: 734px) {
    .mega-merchants .front-face {
        padding: 50px;
        padding-top: 80px;
    }
}

.mega-merchants .front-face .mega-merchants-headline {
    margin-top: 15px;
    background: -webkit-gradient(linear, left top, right top, from(#90ca5a), color-stop(50%, #d7d65a), color-stop(70%, #dac355));
    background: -webkit-linear-gradient(left, #90ca5a, #d7d65a 50%, #dac355 70%);
    background: linear-gradient(90deg, #90ca5a, #d7d65a 50%, #dac355 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    width: auto
}

html.no-js .mega-merchants .front-face .mega-merchants-headline,
html.base-experience .mega-merchants .front-face .mega-merchants-headline,
html.no-js .mega-merchants .front-face .mega-merchants-headline,
html.base-experience .mega-merchants .front-face .mega-merchants-headline {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

/* @media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .mega-merchants .front-face .mega-merchants-headline {
        width: 85%
    }
} */

@media only screen and (max-width: 734px) {
    .mega-merchants .front-face .mega-merchants-headline {
        margin-top: 0px;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        width: auto
    }
}

.mega-merchants .front-face .logos-container {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
    width: 60%;
    height: 100%;
}



@media only screen and (max-width: 734px) {
    .mega-merchants .front-face .logos-container {
        margin-top: 30px;
        width: 77%;
        margin-left: -10px;
    
    }
}

.mega-merchants .front-face .logos-container>figure {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mega-merchants .front-face .logos-container .image-logo-duane-reade {
    width: 123px;
    height: 25px;
    background-size: 123px 25px;
    background-repeat: no-repeat;
    
    position: relative
}


@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .mega-merchants .front-face .logos-container .image-logo-duane-reade {
        width: 89px;
        height: 20px;
        background-size: 89px 20px;
        background-repeat: no-repeat;
        
    }
}


@media only screen and (max-width: 734px) {
    .mega-merchants .front-face .logos-container .image-logo-duane-reade {
        width: 89px;
        height: 20px;
        background-size: 89px 20px;
        background-repeat: no-repeat;
        
    }
}

.mega-merchants.animate .front-face .mega-merchants-headline {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}

@media only screen and (max-width: 734px) {
    .no-fees {
        height: 556px
    }

    html.no-js .no-fees {
        height: auto
    }
}

.no-fees-copy {
    white-space: break-spaces
}

html.text-zoom .no-fees-copy {
    white-space: normal
}

.no-fees .front-face {
    padding-left: 0px;
    padding-top: 108px;
    padding-bottom: 108px;
    padding-right: calc(82px - (565px - 100%) / 1.2);
    background: -webkit-radial-gradient(5% 5%, ellipse, #fec833 0%, rgba(254, 200, 51, 0) 75%), -webkit-radial-gradient(95% 5%, ellipse, #fdc1a7 0%, rgba(253, 193, 167, 0) 75%), -webkit-radial-gradient(95% 95%, ellipse, #e4699a 15%, rgba(228, 105, 154, 0) 75%), -webkit-radial-gradient(5% 95%, ellipse, #eb5551 30%, rgba(235, 85, 81, 0) 75%);
    background: radial-gradient(ellipse at 5% 5%, #fec833 0%, rgba(254, 200, 51, 0) 75%), radial-gradient(ellipse at 95% 5%, #fdc1a7 0%, rgba(253, 193, 167, 0) 75%), radial-gradient(ellipse at 95% 95%, #e4699a 15%, rgba(228, 105, 154, 0) 75%), radial-gradient(ellipse at 5% 95%, #eb5551 30%, rgba(235, 85, 81, 0) 75%);
    -webkit-filter: saturate(1.1);
    filter: saturate(1.1)
}

html.text-zoom .no-fees .front-face {
    padding-left: 80px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .no-fees .front-face {
        padding-top: 87px;
        padding-bottom: 87px;
        padding-right: calc(60px - (400px - 100%) / 2)
    }
}

@media only screen and (max-width: 734px) {
    .no-fees .front-face {
        padding-top: 65px;
        padding-bottom: 65px;
        padding-right: 30px
    }
}

.no-fees .front-face .text-container {
    line-height: 0.8
}

@media only screen and (max-width: 320px) {
    .no-fees .front-face .text-container {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 80px
    }
}

html.text-zoom .no-fees .front-face .text-container {
    font-size: 95px
}

.no-fees .front-face [class^="fadein-text"],
.no-fees .front-face .no-fees-copy {
    text-align: right;
    color: #fff
}

.no-fees .front-face .icon-wrapper .icon {
    color: #fff
}

.no-fees .back-face {
    background-color: #fff;
    color: #000
}

.no-fees .back-face .icon-wrapper .icon {
    color: #000
}

.no-fees .back-face sup {
    font-size: 0.5em
}

.no-fees .back-face sup.footnote {
    top: -8px;
    right: 3px
}

.tile.no-fees .fadein-text-2 {
    -webkit-transform: translateY(85%);
    transform: translateY(85%)
}

.tile.no-fees .fadein-text-3 {
    -webkit-transform: translateY(115%);
    transform: translateY(115%)
}

.tile.no-fees.fadein .fade-container .fadein-text-2,
.tile.no-fees.fadein .fade-container .fadein-text-4 {
    -webkit-transform: translateY(-23%);
    transform: translateY(-23%)
}

.tile.no-fees.fadein .fade-container .fadein-text-2 {
    margin-bottom: -26px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile.no-fees.fadein .fade-container .fadein-text-2 {
        margin-bottom: -14px
    }
}

@media only screen and (max-width: 734px) {
    .tile.no-fees.fadein .fade-container .fadein-text-2 {
        margin-bottom: -14px
    }
}

html.no-js .tile.no-fees .fadein-text-1,
html.no-js .tile.no-fees .fadein-text-2,
html.no-js .tile.no-fees .fadein-text-3,
html.no-js .tile.no-fees .fadein-text-4,
html.base-experience .tile.no-fees .fadein-text-1,
html.base-experience .tile.no-fees .fadein-text-2,
html.base-experience .tile.no-fees .fadein-text-3,
html.base-experience .tile.no-fees .fadein-text-4,
html.no-js .tile.no-fees .fadein-text-1,
html.no-js .tile.no-fees .fadein-text-2,
html.no-js .tile.no-fees .fadein-text-3,
html.no-js .tile.no-fees .fadein-text-4,
html.base-experience .tile.no-fees .fadein-text-1,
html.base-experience .tile.no-fees .fadein-text-2,
html.base-experience .tile.no-fees .fadein-text-3,
html.base-experience .tile.no-fees .fadein-text-4 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: none;
    transition: none
}

.partnerships {
    z-index: 1;
    position: relative
}

@media only screen and (max-width: 734px) {
    .partnerships {
        height: 580px
    }

    html.no-js .partnerships {
        height: auto
    }
}
.partnerships.ava .front-face {
    background: -webkit-radial-gradient(5% 5%, ellipse, #fec833 0%, rgba(254,200,51,0) 75%),-webkit-radial-gradient(95% 5%, ellipse, #fdc1a7 0%, rgba(253,193,167,0) 75%),-webkit-radial-gradient(95% 95%, ellipse, #e4699a 15%, rgba(228,105,154,0) 75%),-webkit-radial-gradient(5% 95%, ellipse, #eb5551 30%, rgba(235,85,81,0) 75%);
    background: radial-gradient(ellipse at 5% 5%, #fec833 0%, rgba(254,200,51,0) 75%),radial-gradient(ellipse at 95% 5%, #fdc1a7 0%, rgba(253,193,167,0) 75%),radial-gradient(ellipse at 95% 95%, #e4699a 15%, rgba(228,105,154,0) 75%),radial-gradient(ellipse at 5% 95%, #eb5551 30%, rgba(235,85,81,0) 75%);
    -webkit-filter: saturate(1.1);
    filter: saturate(1.1);
}
.partnerships .front-face {
    background-color: #fff;
    padding-right: 25px;
    color: #bbbaba
}



@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .partnerships .front-face {
        padding-right: 20px
    }
}

@media only screen and (max-width: 734px) {
    .partnerships .front-face {
        padding-right: 20px
    }

    html.no-js .partnerships .front-face {
        height: 600px
    }
}

.partnerships .front-face .gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: inherit;
    background: -webkit-linear-gradient(313deg, #636263 0%, #f0f0f0 50%, #5b5a5a 100%);
    background: linear-gradient(137deg, #636263 0%, #f0f0f0 50%, #5b5a5a 100%);
    -webkit-mask:  url("./Tor_Browser.png") no-repeat 40px 47px / 63px 63px, url("./plus_mask.png") no-repeat 89.5% 525px / 40px 40px, -webkit-linear-gradient(top, transparent, transparent 150px, black 151px, black 500px, transparent 501px, transparent);
        mask: url("./Tor_Browser.png") no-repeat 40px 63px / 63px 63px, url("./plus_mask.png") no-repeat 94% 548px / 28px 28px, -webkit-linear-gradient(top, transparent, transparent 150px, black 151px, black 500px, transparent 501px, transparent);
}

.counseling.partnerships .front-face .gradient {
    -webkit-mask:  url("./plus_mask.png") no-repeat 89.5% 525px / 40px 40px, -webkit-linear-gradient(top, transparent, transparent 150px, black 151px, black 500px, transparent 501px, transparent);
    mask: url("./plus_mask.png") no-repeat 94% 548px / 28px 28px, -webkit-linear-gradient(top, transparent, transparent 150px, black 151px, black 500px, transparent 501px, transparent);
}
@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .partnerships .front-face .gradient {
        -webkit-mask: url("./Tor_Browser.png") no-repeat 40px 47px / 63px 63px, url(./plus_mask.png) no-repeat 94.5% 549px / 28px 28px, -webkit-linear-gradient(top, transparent, transparent 150px, black 151px, black 500px, transparent 501px, transparent);
        mask: url("./Tor_Browser.png") no-repeat 40px 47px / 63px 63px, url(./plus_mask.png) no-repeat 94.5% 549px / 28px 28px, -webkit-linear-gradient(top, transparent, transparent 150px, black 151px, black 500px, transparent 501px, transparent);
    }
    .counseling.partnerships .front-face .gradient{
        -webkit-mask: url(./plus_mask.png) no-repeat 94.5% 549px / 28px 28px, -webkit-linear-gradient(top, transparent, transparent 150px, black 151px, black 500px, transparent 501px, transparent);
        mask: url(./plus_mask.png) no-repeat 94.5% 549px / 28px 28px, -webkit-linear-gradient(top, transparent, transparent 150px, black 151px, black 500px, transparent 501px, transparent);
    }

   
}
@media only screen and (max-width: 734px){
    .counseling.partnerships .front-face  .typography-tile-partnerships,.systems.partnerships .front-face  .typography-tile-partnerships{
       margin-top: 200px;
    }
}
.tile.apps h2.headline{
    transform: translateY(-120px);margin-left: 0;color: #fff;margin-bottom: 260px;max-width: 100%;font-weight: 700;line-height: 1.3;font-size: 34px;
}
.tile.apps.acmi.animate h2.headline{
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    opacity: 1;
}
.tile.apps .developers-development-apis-img{
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 100%;
    height: auto;
}
@media only screen and (max-width: 734px) {
    .tile.apps .front-face{
        padding-right: 20px;
    }
    .tile.apps .developers-development-apis-img{
        width: 800px;
        left: -54px;
    }
    .tile.apps.acmi.animate h2.headline{
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        font-size: 34px;
    }
    .tile.apps.acmi.animate h2.headline span{
        display: none;
    } 

}

.tile.contact .front-face{
    display: flex;   border: 1px solid #38393d; align-items: flex-end; z-index:4;
				background-image: url(./contactbg.jpg);
				background-size: cover;
                
}
@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .tile.contact .front-face{
                    flex-direction: column-reverse;
    }
    .tile.contact .front-face .address{
        margin-bottom: 50px;
    }
}

.tile.title-section h2{
    background-image: linear-gradient(
					90deg, #ff5ea7 36.04%, #010fcb 88.83%, #ff6530 220.3%);
}
html.no-js .partnerships .front-face .gradient,
html.base-experience .partnerships .front-face .gradient,
html.no-js .partnerships .front-face .gradient,
html.base-experience .partnerships .front-face .gradient {
    background: white;
    -webkit-mask: none;
    mask: none
}
.partnerships.ava .front-face .icon-wrapper .icon{
    color: #fff
}
.partnerships .front-face .icon-wrapper .icon {
    color: transparent
}

@media only screen and (max-width: 734px) {
    .partnerships .front-face .icon-wrapper .icon {
        color: #bbbaba
    }
}

html.no-js .partnerships .front-face .icon-wrapper .icon,
html.base-experience .partnerships .front-face .icon-wrapper .icon,
html.no-js .partnerships .front-face .icon-wrapper .icon,
html.base-experience .partnerships .front-face .icon-wrapper .icon {
    color: #000
}

html.text-zoom .partnerships .front-face .icon-wrapper .icon {
    color: #bbbaba
}

.partnerships .front-face .partnership-headline {
    mix-blend-mode: screen;
    margin-top: 100px;
    width: 95%
}

html.text-zoom .partnerships .front-face .partnership-headline {
    margin-top: 100px
}



@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .partnerships .front-face .partnership-headline {
        margin-top: 100px;
        width: 95%
    }
}

@media only screen and (max-width: 805px) and (min-width: 726px) {
    .partnerships .front-face .partnership-headline {
        margin-top: 110px;
        font-size: 50px
    }
}

@media only screen and (max-width: 734px) {
    .partnerships .front-face .typography-tile-partnerships {
        margin-top: 100px;
        width: auto
    }

}

.partnerships .front-face .partnership-headline:before,
.partnerships .front-face .partnership-headline:after {
    position: absolute;
    content: ''
}

.partnerships .front-face .partnership-headline:before {
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: inherit
}

.partnerships .front-face .partnership-headline:after {
    position: absolute;
    z-index: -1;
    top: 150px;
    right: 0px;
    bottom: 85px;
    left: 0px;
    background-color: #fff
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .partnerships .front-face .partnership-headline:after {
        top: 150px
    }
}

@media only screen and (max-width: 734px) {
    .partnerships .front-face .partnership-headline:after {
        bottom: 0
    }
}

html.no-js .partnerships .front-face .partnership-headline,
html.base-experience .partnerships .front-face .partnership-headline,
html.no-js .partnerships .front-face .partnership-headline,
html.base-experience .partnerships .front-face .partnership-headline {
    mix-blend-mode: unset;
    background: -webkit-linear-gradient(313deg, #636263 0%, #f0f0f0 50%, #5b5a5a 100%);
    background: linear-gradient(137deg, #636263 0%, #f0f0f0 50%, #5b5a5a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}



.partnerships .back-face {
    background-color: #fff
}


html.text-zoom .tiles-container .tile.privacy-security {
    min-height: 1200px
}

html.text-zoom.no-js .tiles-container .tile.privacy-security {
    height: auto
}

@media only screen and (max-width: 734px) {
    .privacy-security {
        height: 475px
    }
}

.privacy-security .front-face {
    background: -webkit-radial-gradient(5% 5%, ellipse, #f0acad 0%, rgba(240, 172, 173, 0) 75%), -webkit-radial-gradient(95% 5%, ellipse, #f8ae4b 0%, rgba(248, 174, 75, 0) 75%), -webkit-radial-gradient(95% 95%, ellipse, #dbb048 -15%, rgba(219, 176, 72, 0) 75%), -webkit-radial-gradient(5% 95%, ellipse, #c284e9 50%, rgba(194, 132, 233, 0) 75%);
    background: radial-gradient(ellipse at 5% 5%, #f0acad 0%, rgba(240, 172, 173, 0) 75%), radial-gradient(ellipse at 95% 5%, #f8ae4b 0%, rgba(248, 174, 75, 0) 75%), radial-gradient(ellipse at 95% 95%, #dbb048 -15%, rgba(219, 176, 72, 0) 75%), radial-gradient(ellipse at 5% 95%, #c284e9 50%, rgba(194, 132, 233, 0) 75%);
    -webkit-filter: saturate(1.3);
    filter: saturate(1.3);
    color: #fff
}

.privacy-security .front-face h2 {
    color: inherit
}

@media only screen and (max-width: 320px) {
    .privacy-security .front-face .typography-tile-privacy-headline {
        font-size: 38px
    }
}

html.text-zoom .privacy-security .front-face .typography-tile-privacy-headline {
    font-size: 75px
}

.privacy-security .front-face .icon-wrapper .icon {
    color: #fff
}

.privacy-security .front-face h2+div {
    margin-top: 0.3em
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .privacy-security .front-face h2+div {
        margin-top: 40px;
        /* line-height: 0.93 */
    }
}

@media only screen and (max-width: 734px) {
    .privacy-security .front-face h2+div {
        margin-top: 32px;
        /* line-height: 1.09091 */
    }
}

.privacy-security .front-face .line {
    color: #fff;
    margin: 0;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

@media only screen and (max-width: 734px) {
    .privacy-security .front-face .line {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

html.no-js .privacy-security .front-face .line,
html.base-experience .privacy-security .front-face .line,
html.no-js .privacy-security .front-face .line,
html.base-experience .privacy-security .front-face .line {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.privacy-security .image-privacy-security img{
    width: 120px;
}
.privacy-security .image-privacy-security {
    position: relative;
    left: -15px;
    background-repeat: no-repeat;
    background-size: 1920px 1512px;
    width: 128px;
    height: 168px;
    -webkit-animation: privacy-lock-large 2.25s steps(1) forwards;
    animation: privacy-lock-large 2.25s steps(1) forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    background-position: 0px 0px;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .privacy-security .image-privacy-security {
        margin-top: -15px;
        left: -11px
    }
}

@media only screen and (max-width: 734px) {
    .privacy-security .image-privacy-security {
        margin-top: -8px;
        left: -17px
    }
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .privacy-security .image-privacy-security {
        background-repeat: no-repeat;
        background-size: 1800px 812px;
        width: 90px;
        height: 116px;
        -webkit-animation: privacy-lock-medium 2.25s steps(1) forwards;
        animation: privacy-lock-medium 2.25s steps(1) forwards;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        background-position: 0px 0px
    }
}



@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    html.reduced-motion .privacy-security .image-privacy-security {
        -webkit-animation: none;
        animation: none;
        background-position: -1260px -696px
    }
}




@media only screen and (max-width: 734px) {
    html.reduced-motion .privacy-security .image-privacy-security {
        -webkit-animation: none;
        animation: none;

    }
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .privacy-security .image-privacy-security {
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }
}

@media only screen and (max-width: 734px) {
    .privacy-security .image-privacy-security {
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }
}

.privacy-security.animate .line {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.25s opacity cubic-bezier(0.5, 1, 0.89, 1), 0.5s -webkit-transform cubic-bezier(0.5, 1, 0.89, 1);
    transition: 0.25s opacity cubic-bezier(0.5, 1, 0.89, 1), 0.5s -webkit-transform cubic-bezier(0.5, 1, 0.89, 1);
    transition: 0.5s transform cubic-bezier(0.5, 1, 0.89, 1), 0.25s opacity cubic-bezier(0.5, 1, 0.89, 1);
    transition: 0.5s transform cubic-bezier(0.5, 1, 0.89, 1), 0.25s opacity cubic-bezier(0.5, 1, 0.89, 1), 0.5s -webkit-transform cubic-bezier(0.5, 1, 0.89, 1)
}

.privacy-security.animate .line-2 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.privacy-security.animate .line-3 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.privacy-security.animate .image-privacy-security {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.privacy-security.tile .back-face {
    background-color: #fff;
    color: #000
}

.privacy-security.tile .back-face .flip-tile-button.icon-wrapper .icon {
    color: #000
}

@media only screen and (max-width: 734px) {
    .three-percent {
        height: 603px
    }

    html.no-js .three-percent {
        height: auto
    }
}

@media only screen and (max-width: 320px) {
    .three-percent {
        height: 575px
    }

    html.no-js .three-percent {
        height: auto
    }
}

.three-percent .hide {
    opacity: 0
}

html.no-js .three-percent .hide,
html.base-experience .three-percent .hide,
html.no-js .three-percent .hide,
html.base-experience .three-percent .hide {
    opacity: 1
}

.three-percent .front-face {
    background-color: #fff;
    padding-bottom: 0px;
    padding-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .three-percent .front-face {
        padding-top: 0px;
        padding-right: 50px
    }
}

@media only screen and (max-width: 734px) {
    .three-percent .front-face {
        padding-right: 12px;
        padding-left: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.three-percent .front-face .three-percent-headline {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    margin-left: 165px;
    width: 425px;
    margin-bottom: 20px;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-delay: 1.08s;
    transition-delay: 1.08s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    opacity: 0;
    position: relative;
    z-index: 2;
    color: inherit
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .three-percent .front-face .three-percent-headline {
        margin-left: 200px;
        width: 420px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 734px) {
    .three-percent .front-face .three-percent-headline {
        -webkit-transform: translateY(36px);
        transform: translateY(36px);
        margin-left: 0;
        padding-top: 54px;
        width: 75%;
        margin-bottom: 0;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
}

@media only screen and (max-width: 320px) {
    .three-percent .front-face .three-percent-headline {
        margin-left: 0;
        width: 75%
    }
}

html.no-js .three-percent .front-face .three-percent-headline,
html.base-experience .three-percent .front-face .three-percent-headline,
html.no-js .three-percent .front-face .three-percent-headline,
html.base-experience .three-percent .front-face .three-percent-headline {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}

.three-percent .front-face .image-three-percent {
    opacity: 0;
    -webkit-transform: translateY(36px);
    transform: translateY(36px);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1)
}

@media only screen and (max-width: 734px) {
    .three-percent .front-face .image-three-percent {
        width: 350px;
        height: 265px;
        background-size: 350px 265px;
        background-repeat: no-repeat;
        background-image: url("./high_tech_products.jpg");
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .three-percent .front-face .image-three-percent {
        background-image: url("./high_tech_products.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .three-percent .front-face .image-three-percent {
        margin-left: -30px;
        margin-top: 40px
    }
}

html.no-js .three-percent .front-face .image-three-percent,
html.base-experience .three-percent .front-face .image-three-percent,
html.no-js .three-percent .front-face .image-three-percent,
html.base-experience .three-percent .front-face .image-three-percent {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}

.three-percent .front-face .partial-image {
    position: absolute;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

@media only screen and (max-width: 734px) {
    .three-percent .front-face .partial-image {
        display: none
    }
}

html.no-js .three-percent .front-face .partial-image,
html.base-experience .three-percent .front-face .partial-image,
html.no-js .three-percent .front-face .partial-image,
html.base-experience .three-percent .front-face .partial-image {
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
    opacity: 1
}

.three-percent .front-face .image-three-percent-ipad {
    width: 237px;
        height: 418px;
        background-size: 237px 418px;
        background-repeat: no-repeat;
        background-image: url("./high_tech_ipad_pencil_tile.jpg");
    left: 0px;
    top: 0px;
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
    opacity: 0
}

.three-percent .front-face .image-three-percent-iphone {
    width: 572px;
    height: 222px;
    background-size:620px 222px;
    background-repeat: no-repeat;
    background-image: url("./high_tech_iphone_apple_watch_tile.jpg");
    top: 0px;
    left: 235px;
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 0;
    -webkit-transition-delay: .24s;
    transition-delay: .24s
}


@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .three-percent .front-face .image-three-percent-iphone {
        left: 235px
    }
}

.three-percent .front-face .image-three-percent-mbp {
    width: 766px;
    height: 172px;
    background-size: 766px 172px;
    background-repeat: no-repeat;
    background-image: url("./high_tech_macbook_pro_airpods_tile.jpg");
    bottom: 0px;
    left: 0px;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
    -webkit-transition-delay: .48s;
    transition-delay: .48s
}


.three-percent .back-face {
    background-color: #fff;
    color: #000
}

.three-percent .back-face .backface-copy {
    margin-top: 32px
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .three-percent .back-face .backface-copy {
        margin-top: 20px
    }
}

.three-percent .back-face .icon-wrapper .icon {
    color: #000
}

.three-percent .back-face .image-screen-three-percent {
    width: 200px;
    height: 430px;
}

.three-percent.animate .front-face .three-percent-headline,
.three-percent.animate .front-face .image-three-percent,
.three-percent.animate .front-face .image-three-percent-ipad,
.three-percent.animate .front-face .image-three-percent-iphone,
.three-percent.animate .front-face .image-three-percent-mbp {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}

@media only screen and (max-width: 734px) {
    .two-percent {
        height: 590px
    }

    html.no-js .two-percent {
        height: auto
    }
}

.two-percent .front-face {
    background: -webkit-radial-gradient(5% 5%, ellipse, #7bcf6a 0%, rgba(123, 207, 106, 0) 75%), -webkit-radial-gradient(95% 5%, ellipse, #aec154 0%, rgba(174, 193, 84, 0) 75%), -webkit-radial-gradient(95% 95%, ellipse, #68a9bb 0%, rgba(104, 169, 187, 0) 75%), -webkit-radial-gradient(5% 95%, ellipse, #5fc28a 0%, rgba(95, 194, 138, 0) 75%);
    background: radial-gradient(ellipse at 5% 5%, #7bcf6a 0%, rgba(123, 207, 106, 0) 75%), radial-gradient(ellipse at 95% 5%, #aec154 0%, rgba(174, 193, 84, 0) 75%), radial-gradient(ellipse at 95% 95%, #68a9bb 0%, rgba(104, 169, 187, 0) 75%), radial-gradient(ellipse at 5% 95%, #5fc28a 0%, rgba(95, 194, 138, 0) 75%);
    -webkit-filter: saturate(1.2);
    filter: saturate(1.2);
    color: #fff;
    opacity: 1
}

.two-percent .front-face figure {
    -webkit-filter: saturate(.76923);
    filter: saturate(.76923)
}

@media only screen and (max-width: 734px) {
    html.no-js .two-percent .front-face {
        height: 600px
    }
}

.two-percent .front-face .two-percent-headline {
    margin-top: 0px;
    color: inherit;
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    margin-top: 3px;
    line-height: 1.1em
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .two-percent .front-face .two-percent-headline {
        margin-top: 3px
    }
}

@media only screen and (max-width: 734px) {
    .two-percent .front-face .two-percent-headline {
        margin-top: 0px
    }
}

html.no-js .two-percent .front-face .two-percent-headline,
html.base-experience .two-percent .front-face .two-percent-headline,
html.no-js .two-percent .front-face .two-percent-headline,
html.base-experience .two-percent .front-face .two-percent-headline {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1
}

.two-percent .front-face .two-percent-copy {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    margin-top: 15px;
    margin-left: 2px
}

@media only screen and (max-width: 734px) {
    .two-percent .front-face .two-percent-copy {
        margin-top: 0px
    }
}

html.no-js .two-percent .front-face .two-percent-copy,
html.base-experience .two-percent .front-face .two-percent-copy,
html.no-js .two-percent .front-face .two-percent-copy,
html.base-experience .two-percent .front-face .two-percent-copy {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1
}

.two-percent .front-face .icon-wrapper .icon {
    color: #fff
}

.two-percent .front-face .image-daily-cash-hand {
    width: 441px;
    height: 289px;
    background-size: 441px 289px;
    background-repeat: no-repeat;
    background-image: url("./providing_white_label.png");
    position: absolute;
    top: 202px;
    left: 24%;
    z-index: -1;
    transform: matrix(1, 0, 0, 1, 0, -0.405916) !important;
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .two-percent .front-face .image-daily-cash-hand {
        background-image: url("./daily_cash_hand__c7rz2o9fvz0i_large_2x.png")
    }
} */

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .two-percent .front-face .image-daily-cash-hand {
        width: 441px;
        height: 289px;
        background-size: 441px 289px;
        background-repeat: no-repeat;
        /* background-image: url("./daily_cash_hand__c7rz2o9fvz0i_medium.png") */
    }
}



@media only screen and (max-width: 734px) {
    .two-percent .front-face .image-daily-cash-hand {
        width: 458px;
        height: 295px;
        background-size: 458px 295px;
        background-repeat: no-repeat;
        /* background-image: url("./daily_cash_hand__c7rz2o9fvz0i_small.png") */
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .two-percent .front-face .image-daily-cash-hand {
        /* background-image: url("./daily_cash_hand__c7rz2o9fvz0i_small_2x.png") */
    }
}

@media only screen and (max-width: 1068px),
(min-width: 1067px) and (max-height: 840px) {
    .two-percent .front-face .image-daily-cash-hand {
        top: 202px;
        left: 24%
    }
}

@media only screen and (max-width: 734px) {
    .two-percent .front-face .image-daily-cash-hand {
        top: 188px;
        left: 62px
    }
}

html.text-zoom .two-percent .front-face .image-daily-cash-hand {
    left: auto;
    right: 0
}


.two-percent .back-face {
    background-color: #fff;
    color: #000
}

.two-percent .back-face .icon-wrapper .icon {
    color: #000
}

.two-percent.animate .two-percent-headline,
.two-percent.animate .two-percent-copy {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}


.typography-promo-headline.promo-gradient-text+.typography-promo-subhead {
    margin-bottom: 43px
}

.promo-gradient-text {
    background: -webkit-gradient(linear, left top, right top, from(#e87157), color-stop(25%, #e55a60), color-stop(50%, #cd6694), color-stop(75%, #986ea1), to(#6882ba));
    background: -webkit-linear-gradient(left, #e87157 0%, #e55a60 25%, #cd6694 50%, #986ea1 75%, #6882ba 100%);
    background: linear-gradient(to right, #e87157 0%, #e55a60 25%, #cd6694 50%, #986ea1 75%, #6882ba 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.promo-actions {
    margin-top: 29px
}

.promo-link {
    margin-left: 27px
}

@media only screen and (max-width: 734px) {
    .promo-link {
        display: block;
        margin: 14px 0 0
    }
}

@media only screen and (max-width: 734px) {
    .promo-trigger {
        display: inline-block
    }
}

#ac-localnav img{
    filter: grayscale(1);
}
.page-overview #ac-localnav .ac-ln-menucta-chevron::before,
.page-overview #ac-localnav .ac-ln-menucta-chevron::after {
    background: #fff
}

.page-overview #ac-localnav.ac-ln-sticking .ac-ln-background {
    -webkit-transition-property: background-color, -webkit-backdrop-filter;
    transition-property: background-color, -webkit-backdrop-filter;
    transition-property: background-color, backdrop-filter;
    transition-property: background-color, backdrop-filter, -webkit-backdrop-filter
}

.page-overview #ac-localnav.ac-ln-sticking.opened-modal .ac-ln-background {
    -webkit-transition-property: none;
    transition-property: none
}

.page-overview #ac-localnav.ac-ln-sticking .ac-ln-menucta-chevron::before,
.page-overview #ac-localnav.ac-ln-sticking .ac-ln-menucta-chevron::after {
    background: #fff
}

.page-overview #ac-localnav .ac-ln-title {
    -webkit-transition: opacity 0.8s ease-in-out, visibility 0s 0.8s linear;
    transition: opacity 0.8s ease-in-out, visibility 0s 0.8s linear;
    opacity: 0;
    visibility: hidden
}

.page-overview #ac-localnav .ac-ln-title a {
    color: #fff
}

.page-overview #ac-localnav .ac-ln-menu .ac-ln-menu-item a {
    color: #fff
}

@media only screen and (max-width: 767px) {

    .page-overview #ac-localnav .ac-ln-menu .ac-ln-menu-item a {
        color: #000
    }
}

.page-overview #ac-localnav .ac-ln-menu .ac-ln-menu-item a:hover {
    color: #2997FF
}

.page-overview #ac-localnav .ac-ln-menu .ac-ln-menu-item .current {
    color: #fff
}

@media only screen and (max-width: 767px) {
    .page-overview #ac-localnav .ac-ln-menu .ac-ln-menu-item .current {
        color: #000
    }
}

.page-overview #ac-localnav.ac-ln-sticking .ac-ln-title {
    -webkit-transition: opacity 0.8s ease-in-out, visibility 0s linear;
    transition: opacity 0.8s ease-in-out, visibility 0s linear;
    opacity: 1;
    visibility: visible
}

.page-overview #ac-localnav.ac-ln-sticking .ac-ln-title a {
    color: #bdbdbd
}

.page-overview #ac-localnav.ac-ln-sticking .ac-ln-menu .ac-ln-menu-item a {
    color: #bdbdbd
}

.page-overview #ac-localnav.ac-ln-sticking .ac-ln-menu .ac-ln-menu-item a:hover {
    color: #fff
}

.page-overview #ac-localnav.ac-ln-sticking .ac-ln-menu .ac-ln-menu-item .current {
    color: #000
}

.page-overview #ac-globalfooter #footnote-2 p:first-of-type {
    display: inline
}

.page-overview #ac-globalfooter #footnote-2 p:not(:first-of-type) {
    margin: 0.8em 0
}

.page-overview #ac-globalfooter #footnote-3 p:first-of-type {
    display: inline
}

.page-overview #ac-globalfooter #footnote-3 p:not(:first-of-type) {
    margin: 0.8em 0
}

.page-overview #ac-globalfooter .merchant {
    font-weight: 600
}

.top_content {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    justify-content: center;
    -webkit-justify-content: center;
    padding-top: 100px;
    min-height: calc(100vh + 0px) !important;
    position: relative;
    z-index: 2
}

.top_content_info {
    text-align: center;
    max-width: 750px;
    margin: 0 auto
}

.top_content_title {
    color: #fff;
    font: 66px/72px Eina01-Bold,sans-serif;
    letter-spacing: -1.5px
}

@media screen and (max-width: 768px) {
    .top_content_info {
        max-width:480px
    }

    .top_content_title {
        font-size: 41px;
        line-height: 48px;
        letter-spacing: -.6px
    }
}

.top_content_text {
    margin-top: 20px
}

.top_content_text p {
    color: rgba(255,255,255,.7);
    font-size: 20px;
    line-height: 32px;
    background-image: linear-gradient(225deg, #ff5ea7 36.04%, #010fcb 88.83%, #ff6530 220.3%);
    -webkit-background-clip: text;
    background-clip: text;
}

.top_content_prev .arrow_link_text,.top_page_title {
    color: rgba(255,255,255,.4)
}

.top_content_buttons {
    margin-top: 45px
}

@media screen and (max-width: 992px) {
    .top_content {
        display:block;
        min-height: 500px;
            padding: 120px 30px 0;
    }

    .top_content_buttons {
        margin-top: 35px
    }
}

.top_content_prev {
    padding-right: 0;
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    .top_content_text p {
        font-size: 1.2rem;
    }

    .top_content_prev {
        margin-bottom: 20px
    }
}

.top_content_prev .arrow_link_icon {
    position: relative;
    right: auto;
    left: 0;
    margin-left: 0;
    margin-right: 18px;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    width: 14px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    overflow: hidden
}

.top_content_prev .arrow_link_icon:before {
    background: rgba(255,255,255,.4);
    left: 3px;
    right: auto
}

.top_content_prev .arrow_link_icon svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    fill: rgba(255,255,255,.4)
}

.top_page_title {
    font: 15px/16px Eina01-Bold,sans-serif;
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    .top_page_title {
        margin-bottom:16px
    }
}

.title_section {
    color: #0e1019;
    font: 48px/52px Eina01-Bold,sans-serif;
    letter-spacing: -1.3px
}

@media screen and (max-width: 768px) {

    .title_section {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: -.6px
    }
}

.title_section.white_title {
    color: #fff
}
@media only screen and (max-width: 992px) and (max-height: 390px) {
    .top_content{
        padding: 0;
    }
    .top_content_info {
        top: 50%;
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 90%;
        margin-top: -30px;
    }
}

.tile video {
    position: absolute;
    left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -50%);
}