.clear,
.horizontal {
    clear: both;
}

.clear:after,
.horizontal:after {
    content: "\0020";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.ie6 .clear,
.ie6 .horizontal {
    height: 1%;
}

.ie7 .clear,
.ie7 .horizontal {
    min-width: 0;
}
/* resets */

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

body {
    -webkit-overflow-scrolling: auto;
    background-color: #fff;
    color: #000;
}

abbr,
acronym,
address,
article,
aside,
blockquote,
body,
button,
caption,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
input[type="radio"],
input[type="checkbox"],
label,
legend,
li,
menu,
nav,
object,
ol,
p,
pre,
q,
section,
span,
table,
tbody,
textarea,
td,
tfoot,
th,
thead,
tr,
ul,
video {
    padding: 0;
    margin: 0;
}

article,
aside,
button,
dialog,
embed,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
hr,
iframe,
img,
input,
label,
menu,
nav,
object,
section,
select,
textarea,
video {
    display: block;
    margin: 0;
}

body,
input,
select,
textarea,
table th,
table td {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
}

textarea {
    overflow: auto;
}

table {
    border-collapse: collapse;
}

td,
th {
    text-align: left;
    font-weight: normal;
}

hr,
img,
abbr,
iframe,
fieldset {
    border: none;
}

.custom-ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

.custom-ol>li {
    counter-increment: my-awesome-counter;
    position: relative;
    margin-left: 4px;
    padding-bottom: 5px;
}

.custom-ol>li::before {
    content: counter(my-awesome-counter);
    font-size: 0.3rem;
    font-weight: bold;
    position: absolute;
    left: -5px;
    top: -1px;
    text-align: center;
}

@media (min-width: 1920px) {
    .bullet-list {
        line-height: 1.5em;
        display: block;
        list-style-type: disc;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
        padding-bottom: 5em;
        padding-left: 20px;
    }
    .bullet-list>li {
        list-style: disc !important;
        font-size: 22px;
        line-height: 18px;
    }
    .bullet-list>li>p {
        font-size: 22px;
        line-height: 30px;
        width: 630px;
    }
    .first-paragraph {
        font-size: 22px;
    }
}

@media (max-width: 1919px) {
    .bullet-list {
        line-height: 1.5em;
        display: block;
        list-style-type: disc;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
        padding-bottom: 5em;
        padding-left: 20px;
    }
    .bullet-list>li {
        list-style: disc !important;
        font-size: 22px;
        line-height: 18px;
    }
    .bullet-list>li>p {
        font-size: 22px;
        line-height: 30px;
        width: 560px;
    }
    .first-paragraph {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .bullet-list {
        line-height: 1.5em;
        display: block;
        list-style-type: disc;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
        padding-bottom: 5em;
        padding-left: 20px;
    }
    .bullet-list>li {
        list-style: disc !important;
        font-size: 16px;
        line-height: 18px;
    }
    .bullet-list>li>p {
        font-size: 16px;
        line-height: 22px;
        width: 540px;
    }
    .first-paragraph {
        font-size: 16px;
    }
}

ul,
ul li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

b,
strong {
    font-weight: bold;
}

i,
em {
    font-style: italic;
}

address {
    font-style: normal;
}

small {
    font-size: 10px;
}

button,
.form-button input {
    border: 0;
    border-style: none;
    background-color: transparent;
}

button::-moz-focus-inner {
    border: none;
}

.form-button {
    display: table;
}

.horizontal>li,
.horizontal>dt,
.horizontal>dd {
    float: left;
}

a.button,
.button a {
    display: table;
}

.vertical>li,
.vertical>dt,
.vertical>dd {
    float: none;
}

.fluid>li,
.fluid>dd,
.fluid>dt {
    display: inline;
}

ul.scaffold {
    display: table;
}

ul.scaffold li,
ul.scaffold li>a {
    display: table-cell;
}

.scaffold th,
.scaffold td {
    vertical-align: top;
}

.radio-fields label,
.radio-fields .radio,
.radio-fields .checkbox,
.checkbox-fields label,
.checkbox-fields .radio,
.checkbox-fields .checkbox {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.radio-fields .radio input,
.checkbox-fields .radio input {
    margin-bottom: -1px;
}

.ie6 .radio-fields .radio input,
.ie7 .radio-fields .radio input,
.ie6 .checkbox-fields .radio input,
.ie7 .checkbox-fields .radio input {
    margin-top: -2px;
    margin-bottom: 0;
}

.ie8 .radio-fields .radio input,
.ie8 .checkbox-fields .radio input {
    margin-bottom: -2px;
}

hr,
.spacer,
.delimiter_v1,
.delimiter_v2,
.delimiter_v3,
.delimiter_v4,
.delimiter_v5,
.delimiter_v6,
.delimiter_v7,
.delimiter_v8 {
    width: auto;
    height: 1px;
    font-size: 1px;
}

.hide {
    display: none;
}

.faded {
    opacity: 0;
}


/* mobile safari phone numbers */

a[href^="tel"] {
    float: none;
    color: inherit;
}


/* remove iOS link flicker */

* {
    -webkit-tap-highlight-color: transparent;
}

.hide-text,
.hide_text {
    overflow: hidden;
    text-indent: -999em;
}


/* fonts */

@font-face {
    font-family: "InterstateRegular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/interstate_regular.eot");
    src: url("../fonts/interstate_regular.eot?#iefix") format("embedded-opentype"), url("../fonts/interstate_regular.woff") format("woff");
}

@font-face {
    font-family: "InterstateItalic";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/interstate_regular_italic.eot");
    src: url("../fonts/interstate_regular_italic.eot?#iefix") format("embedded-opentype"), url("../fonts/interstate_regular_italic.woff") format("woff");
}

@font-face {
    font-family: "InterstateBold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/interstate_bold.eot");
    src: url("../fonts/interstate_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/interstate_bold.woff") format("woff");
}

@font-face {
    font-family: "InterstateLight";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/interstate_light.eot");
    src: url("../fonts/interstate_light.eot?#iefix") format("embedded-opentype"), url("../fonts/interstate_light.woff") format("woff");
}

@font-face {
    font-family: "InterstateBlack";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Interstate_Black_Regular.otf");
    src: url("../fonts/Interstate_Black_Regular.otf?#iefix") format("embedded-opentype"), url("../fonts/Interstate_black.woff") format("woff");
}

@font-face {
    font-family: "interstate";
    src: url("https://use.typekit.net/af/a534f0/00000000000000003b9ae7f0/27/l?subset_id=2&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/a534f0/00000000000000003b9ae7f0/27/d?subset_id=2&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/a534f0/00000000000000003b9ae7f0/27/a?subset_id=2&fvd=n2&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 200;
}


/* style guide fonts */

.font_33,
.font_34 {
    font-family: arial, helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.font_2,
.font_3,
.font_8,
.font_9,
.font_9b,
.font_10,
.font_15,
.font_15b,
.font_17,
.font_19,
.font_20,
.font_23,
.font_35,
.font_36,
.font_36b,
.font_39,
.font_41,
.font_43,
.font_44,
.font_45,
.font_46 {
    font-family: InterstateRegular, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.font_29,
.font_48 {
    font-family: InterstateItalic, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.savings_copy {
    color: #666666;
    width: 630px;
    font-size: 23px;
    -webkit-font-smoothing: antialiased;
}

.font_6,
.font_7,
.font_11,
.font_12,
.font_13,
.font_13b,
.font_25c,
.font_28 {
    font-family: InterstateBold, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.font_1,
.font_4,
.font_5,
.font_14,
.font_15_5,
.font_16,
.font_18,
.font_18b,
.font_21,
.font_21b,
.font_22,
.font_22b,
.font_24,
.font_25,
.font_25b,
.font_26,
.font_27,
.font_30,
.font_30b,
.font_31,
.font_32,
.font_37,
.font_38,
.font_40,
.font_42,
.font_47 {
    font-family: InterstateLight, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.font_1 {
    font-size: 44px;
    /* fixme: IE9 kerning issues ? */
    letter-spacing: -0.05em;
}

.font_1 .reg {
    font-size: 12px;
    left: 0;
    top: -26px;
}

.font_1 .tm {
    font-size: 16px;
    left: 3px;
    top: -22px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_1 {
        font-size: 28px;
    }
    .font_1 .reg {
        font-size: 8px;
        left: 0;
        top: -16px;
    }
    .font_1 .tm {
        font-size: 12px;
        left: 0;
        top: -16px;
    }
}

.font_2 {
    font-size: 24px;
    letter-spacing: -0.025em;
}

.font_2 .reg {
    font-size: 11px;
    left: 1px;
    top: -12px;
}

.font_2 .footnote {
    font-size: 12px;
    left: 1px;
    top: -12px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_2 {
        font-size: 16px;
    }
}

.font_3 {
    font-size: 80px;
    letter-spacing: -0.05em;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_3 {
        font-size: 48px;
    }
}

.font_4 {
    font-size: 48px;
}

.font_5 {
    font-size: 30px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_5 {
        font-size: 19px;
    }
}

.font_6 {
    font-size: 28px;
    /* fixme: webtype.com requires css bold, but buggy cross-browser */
    /* +bold */
}

.font_7 {
    font-size: 15px;
    text-transform: uppercase;
}

.font_8 {
    font-size: 90px;
}

.font_8 .footnote {
    font-size: 18px;
    left: -6px;
    top: -55px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_8 {
        font-size: 58px;
        letter-spacing: -0.04em;
    }
    .font_8 .footnote {
        font-size: 12px;
        left: -3px;
        top: -36px;
    }
}

.font_9 {
    font-size: 80px;
    letter-spacing: -0.06em;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_9 {
        font-size: 50px;
    }
}

.font_9b {
    font-size: 104px;
    letter-spacing: -0.06em;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_9b {
        font-size: 66px;
    }
}

.font_10 {
    font-size: 36px;
}

.font_10 .reg {
    font-size: 14px;
    left: 0;
    top: -16px;
}

.font_10 .footnote {
    font-size: 14px;
    left: 0;
    top: -16px;
}

.font_11 {
    font-size: 19px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_11 {
        font-size: 12px;
    }
}

.font_12 {
    /* font-size: 16px; */
    font-size: 12px;
}

.font_12 .reg {
    font-size: 9px;
    left: 0;
    top: -6px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_12 {
        font-size: 10px;
    }
    .font_12 .reg {
        font-size: 5px;
        left: 1px;
        top: -4px;
    }
}

.font_13 {
    font-size: 24px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_13 {
        font-size: 15px;
    }
}

.font_13b {
    font-size: 20px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_13b {
        font-size: 20px;
    }
}

.font_14 {
    font-size: 24px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_14 {
        font-size: 15px;
    }
}

.font_15 {
    font-size: 18px;
}

.font_15 .reg {
    font-size: 10px;
    left: 0;
    top: -7px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_15 {
        font-size: 12px;
    }
    .font_15 .reg {
        font-size: 7px;
        left: 0;
        top: -5px;
    }
}

.font_15_5 {
    font-size: 15.3px;
}

.font_15b {
    font-size: 18px;
}

.font_15b .reg {
    font-size: 10px;
    left: 0;
    top: -7px;
}

.font_16 {
    font-size: 32px;
    letter-spacing: -0.05em;
}

.font_17 {
    font-size: 12px;
}

.font_18 {
    font-size: 14px;
    letter-spacing: -0.05em;
}

.font_18b {
    font-size: 12px;
    color: #666666;
    line-height: 22px;
    margin-left: 37px;
}


/* Top Branding */

div.dot {
    position: fixed;
    top: 0;
    width: 1em;
    background: #002a54;
    height: 1.1em;
}

div.top_bar_top {
    position: fixed;
    top: 0;
    left: 1em;
    width: 100%;
    background: #46b7e6;
    height: 1.1em;
}

div.top_box {
    position: fixed;
    top: 12px;
    left: 10.75em;
    width: 113.033px;
    background: #008fc9;
    height: 48px;
}

div.citi_logo_box {
    position: fixed;
    margin: 0 auto;
    top: 27px;
    left: 15px;
    width: 129.219px;
    height: 9em;
    display: flex;
    align-items: center;
    justify-content: center;
}

img#citi_logo {
    margin: 0 0 9px 3px;
}

div.top_bar_bottom {
    position: fixed;
    top: 1em;
    left: 20.167em;
    width: 28.75em;
    background: #25a6da;
    height: 16px;
}

div.top_bar_branding {
    font-size: 0.75rem !important;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    div.dot {
        transform: scale(0.63);
        transform-origin: 0 0;
    }
    div.top_bar_top {
        transform: scale(0.63);
        transform-origin: 0 0;
        left: 8px;
        width: 158vw;
    }
    div.top_box {
        transform: scale(0.63);
        transform-origin: 0 0;
        top: 8px;
        left: 81px;
    }
    div.citi_logo_box {
        top: 8px;
        transform: scale(0.63);
        transform-origin: 0 0;
    }
    div.top_bar_bottom {
        transform: scale(0.63);
        transform-origin: 0 0;
        top: 8px;
        left: 152px;
    }
}

.font_19 {
    font-size: 22px;
    letter-spacing: -0.035em;
}

.font_20 {
    font-size: 20px;
    letter-spacing: -0.05em;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_20 {
        font-size: 12px;
        letter-spacing: -0.01em;
    }
}

.font_21 {
    font-size: 18px;
    letter-spacing: -0.05em;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_21 {
        font-size: 12px;
        letter-spacing: -0.01em;
    }
}

.font_21b {
    font-size: 18px;
    letter-spacing: -0.05em;
}

.font_22 {
    font-size: 50px;
    letter-spacing: -0.05em;
}

.font_22 .reg {
    font-size: 14px;
    left: 3px;
    top: -24px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_22 {
        font-size: 31px;
    }
    .font_22 .reg {
        font-size: 9px;
        left: 0;
        top: -18px;
    }
}

.font_22b {
    font-size: 48px;
    letter-spacing: -0.05em;
}

.font_22b .reg {
    font-size: 14px;
    left: 3px;
    top: -24px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_22b {
        font-size: 30px;
    }
    .font_22b .reg {
        font-size: 12px;
        top: -18px;
    }
}

.font_23 {
    font-size: 25px;
    letter-spacing: -0.06em;
}

.font_23 .reg {
    font-size: 15px;
    left: 1px;
    top: -6px;
}

.font_24 {
    font-size: 22px;
    letter-spacing: -0.02em;
}

.font_24 .reg,
.font_24 .footnote {
    font-size: 11px;
    left: 0;
    /*  top: -12px;
*/
    top: -8px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_24 {
        font-size: 14px;
    }
    .font_24 .reg,
    .font_24 .footnote {
        font-size: 8px;
        left: 0;
        top: -7px;
    }
}

.font_25 {
    font-size: 18px;
    letter-spacing: -0.02em;
}

.font_25 .reg {
    font-size: 11px;
    left: -1px;
    top: -6px;
}

.font_25 .footnote {
    font-size: 10px;
    left: 1px;
    top: -5px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_25 {
        font-size: 12px;
    }
}

.font_25b {
    font-size: 12px;
    letter-spacing: -0.02em;
}

.font_25b .reg {
    font-size: 11px;
    left: -1px;
    top: -6px;
}

.font_25b .footnote {
    font-size: 10px;
    left: 1px;
    top: -5px;
}

.font_25c {
    font-size: 18px;
    letter-spacing: -0.02em;
}

.font_25c .reg {
    font-size: 11px;
    left: -1px;
    top: -6px;
}

.font_25c .footnote {
    font-size: 10px;
    left: 1px;
    top: -5px;
}

.font_26 {
    font-size: 16.5px;
    letter-spacing: -0.02em;
}

.font_26 .reg {
    font-size: 11px;
    left: 0;
    top: -12px;
}

.font_26 .footnote {
    font-size: 12px;
    left: 0;
    top: -12px;
}

.font_27 {
    font-size: 14px;
    /*font-size: 15px;*/
    letter-spacing: -0.035em;
}

.font_27 .reg {
    font-size: 9px;
    top: -5px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_27 {
        font-size: 10px;
    }
    .font_27 .reg {
        font-size: 7px;
        top: -4px;
    }
}

.font_28 {
    font-size: 18px;
}

.font_28 .reg {
    font-size: 11px;
    top: -6px;
}

.font_28 .footnote {
    font-size: 10px;
    left: 1px;
    top: -5px;
}

.font_29 {
    font-size: 17px;
}

.font_30 {
    font-size: 16px;
    letter-spacing: -0.035em;
}

.font_30 .reg {
    font-size: 9px;
    top: -5px;
}

.font_30b {
    font-size: 16px;
    letter-spacing: -0.035em;
}

.font_30b .reg {
    font-size: 9px;
    top: -5px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_30b {
        font-size: 10px;
    }
    .font_30b .reg {
        font-size: 5px;
        top: -1px;
    }
}

.font_31 {
    font-size: 64px;
    letter-spacing: -0.03em;
}

.font_31 .reg {
    font-size: 30px;
    top: -26px;
}

.font_32 {
    font-size: 44px;
    letter-spacing: -0.02em;
}

.font_32 .reg {
    font-size: 25px;
    top: -15px;
}

.font_33 {
    font-size: 19px;
    letter-spacing: -0.01em;
}

.font_34 {
    font-size: 16px;
    letter-spacing: -0.01em;
}

.font_34 .reg {
    font-size: 10px;
    top: -5px;
}

.font_35 {
    font-size: 40px;
}

.font_36 {
    font-size: 32px;
    letter-spacing: -0.02em;
}

.font_36 .reg {
    font-size: 11px;
    top: -16px;
}

.font_36 .footnote {
    font-size: 14px;
    left: 0;
    top: -16px;
}

.font_36b {
    font-size: 32px;
    letter-spacing: -0.02em;
}

.font_36b .reg {
    font-size: 11px;
    top: -16px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_36b {
        font-size: 19px;
    }
    .font_36b .reg {
        font-size: 8px;
        top: -11px;
    }
}

.font_37 {
    font-size: 32px;
    letter-spacing: -0.02em;
}

.font_38 {
    font-size: 14px;
    letter-spacing: -0.02em;
}

.font_38 .reg {
    font-size: 10px;
    top: -4px;
}

.font_39 {
    font-size: 21px;
}

.font_40 {
    font-size: 20px;
    letter-spacing: -0.02em;
}

.font_40 .reg,
.font_40 .footnote {
    font-size: 10px;
    left: 1px;
    top: -10px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_40 {
        font-size: 16px;
    }
}

.font_41 {
    font-size: 66px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_41 {
        font-size: 42px;
        letter-spacing: -0.03em;
    }
}

.font_42 {
    font-size: 45px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_42 {
        font-size: 28px;
    }
}

.font_43 {
    font-size: 100px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_43 {
        font-size: 64px;
        letter-spacing: -0.05em;
    }
}

.font_44 {
    font-size: 27px;
}

.font_44 .reg {
    font-size: 10px;
    left: 0;
    top: -17px;
}

.font_44 .footnote {
    font-size: 10px;
    left: 0;
    top: -17px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_44 {
        font-size: 17px;
    }
    .font_44 .reg,
    .font_44 .footnote {
        font-size: 7px;
        left: 1px;
        top: -10px;
    }
}

.font_45 {
    font-size: 25px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_45 {
        font-size: 15px;
    }
}

.font_46 {
    font-size: 11px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_46 {
        font-size: 10px;
    }
}

.font_47 {
    font-size: 36px;
    letter-spacing: -0.025em;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_47 {
        font-size: 22px;
    }
}

.font_48 {
    font-size: 16px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .font_48 {
        font-size: 11px;
    }
}


/* superscript elements */

.tm,
.reg,
.sup,
.footnote {
    position: relative;
    vertical-align: baseline;
}


/* headers */

.tm,
.reg,
.sup,
.footnote,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.header_1,
.header_2,
.header_3,
.header_4,
.header_5,
.header_6,
.header_7,
.header_8,
.header_9,
.header_11,
.header_12,
.header_13,
.header_14,
.header_15,
.header_16,
.header_17,
.header_18,
.header_19,
.header_20,
.header_21,
.header_23,
.header_24,
.header_25,
.header_26,
.header_27,
.header_28,
.header_30,
.header_31,
.header_32,
.header_34,
.header_35,
.slider_dial .slider_count,
.slider_dial_subheader,
.slider_dial_header {
    line-height: 1;
}

.header_9 {
    padding-bottom: 10px;
}

div.ny_branch {
    line-height: 15px;
    letter-spacing: -0.75px;
}

.legal_copy_header {
    padding-bottom: 5px;
}

ol.legal_ordered_list {
    margin: 0;
    list-style: decimal outside;
    padding-left: 15px;
}

ol.legal_ordered_list>li {
    padding-left: 5px;
}

ol.legal_ordered_list>li>p {
    margin-bottom: 10px;
    line-height: 13px;
    font-size: 12px;
    letter-spacing: -0.02em;
}

.header_1 {
    height: 44px;
    margin: 62px 0 0 -4px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .header_1 {
        height: 50px;
        margin: 51px 0 -6px -3px !important;
    }
    ol.legal_ordered_list>li>span {
        line-height: 14px;
    }
}

.header_2 {
    height: 42px;
    margin: 57px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .header_2 {
        height: 28px;
        margin: 33px 0 0;
    }
}

.header_3 {
    height: 42px;
}

.header_4 {
    padding: 51px 0 0;
}

.header_5 {
    padding: 36px 0 0;
}

.header_6 {
    padding: 4px 0 0;
}

.header_7 {
    padding: 6px 0 18px;
}

.header_8 {
    padding: 0 0 21px;
}

.header_10 {
    line-height: 22px;
    padding: 5px 0 18px;
}

.header_11 {
    height: 42px;
    margin: 67px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .header_11 {
        height: 11px;
        margin: 42px 0 0;
    }
}

.header_12 {
    height: 56px;
}

.header_13 {
    height: 40px;
}

.header_15 {
    padding: 23px 0 0;
}

.header_16 {
    margin: 51px 0 7px;
}

.header_17 {
    margin: 8px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .header_17 {
        margin: 6px 0 0;
    }
}

.header_18 {
    letter-spacing: -0.044em;
    padding: 48px 0 0 60px;
}

.header_19 {
    display: table;
}

.header_20 {
    margin: 2px 0 0;
}

.header_21 {
    margin: 19px 0 0;
    text-transform: uppercase;
}

.header_22 {
    line-height: 32px;
    margin: 24px 0 0;
}

.header_23 {
    margin: 83px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .header_23 {
        margin: 31px 0 0;
    }
}

.header_25 {
    margin: 26px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .header_25 {
        margin: 16px 0 0;
    }
}

.header_26 {
    margin: 20px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .header_26 {
        margin: 15px 0 0;
    }
}

.header_27 {
    margin: 11px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .header_27 {
        margin: 9px 0 0;
    }
}

.header_28 {
    height: 128px;
    margin: 51px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .header_28 {
        display: table-cell;
        height: 80px;
        margin: -10px 0 0;
        vertical-align: bottom;
    }
}

.header_29 {
    color: #98793e;
    line-height: 36px;
}

.header_31 {
    margin: 0 0 1px;
}

.header_32 {
    margin: 10px 0 0;
}

.header_33 {
    line-height: 30px;
    margin: 6px 0 0;
}

.header_34 {
    margin: -6px 0 0;
}

.header_35 {
    height: 65px;
    margin: 50px 0 0;
}

.interior_content.v3 [class^="header"] {
    position: absolute;
    left: 0;
    top: -36px;
}


/* copy */

.copy_1 {
    padding: 50px 0 0;
    width: 1120px;
}

.copy_1 p+p {
    padding: 17px 0 0;
}

.copy_3 {
    line-height: 22px;
    padding: 3px 0 0;
}

.copy_4 {
    line-height: 22px;
}

.copy_4 p+p {
    padding-top: 19px;
}

.copy_5 {
    line-height: 29px;
}

.copy_6 {
    line-height: 23px;
}

.copy_7 {
    line-height: 26px;
}


/* colors */

.color_1 {
    color: black;
}

.color_2 {
    color: white;
}

.color_3 {
    color: #333333;
}

.color_4 {
    color: #ffffff;
}

.color_5 {
    color: #ffa202;
}

.color_6 {
    color: #bfeafa;
}

.color_7 {
    color: #2269b7;
}

.color_8 {
    color: #00bcf2;
}

.color_9 {
    color: #888888;
}

.color_10 {
    color: #e8e8e8;
}

.color_menu_active {
    color: #002a54;
}

.color_header {
    color: #0070bc;
}

.color_hero_header {
    /* color: #002c5c; */
    color: #fff;
}

.color_alerts_copy {
    color: #016fb5;
}

.color_lending_header {
    color: #056dae;
}

.color_lending_page_header {
    color: #11385f;
}

.color_copy_text {
    color: #666666;
}

.color_mortgage_copy {
    color: #0070b7;
}

.centered_text {
    text-align: center;
}

.centered_element {
    display: table;
    margin: 0 auto;
}

.ie7 .centered_element {
    text-align: center;
}

.ie7 .centered_element .element {
    text-align: left;
    display: inline-block;
    display: inline;
    zoom: 1;
}

/* responsive elements */

.fluid_img {
    height: auto;
    max-width: 100%;
}

.br {
    display: block;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .br {
        display: none;
    }
}

.br_ipad {
    display: none;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .br_ipad {
        display: block;
    }
}


/* content skeleton */

.content_cell {
    display: table-cell;
    vertical-align: top;
}


/* table skeleton */

.table {
    display: table;
}

.table.valign .cell,
.table.valign>li {
    vertical-align: middle;
}

.table .cell {
    display: table-cell;
    vertical-align: top;
}

.table>li.valign {
    vertical-align: middle;
}

ul.table>li {
    display: table-cell;
    vertical-align: top;
}

ul.table>li.valign {
    vertical-align: middle;
}

.main_cell {
    width: 999em;
}

.delimit_cell {
    padding-left: 60px;
}


/* common delimiters */


/* general responsive */


/* site-specific resets */

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

@media (device-width: 1920px) and (device-height: 1080px) {
    html,
    body {
        height: 1080px;
        width: 1920px;
    }
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    html,
    body {
        height: 768px;
        width: 1024px;
        overflow: hidden;
    }
}

html {
    -ms-content-zooming: none;
    -ms-content-action: pan-x pan-y;
}

html.preloading_assets .app_content {
    display: none;
}

html.preloading_assets .preload_header {
    display: table;
}

html.preloading_assets.debug .app_content {
    display: block;
}

html.preloading_assets.debug .preload_header {
    display: none;
}

html.debug * {
    cursor: pointer !important;
}

html.update_found .app_content,
html.update_found.debug .app_content {
    display: none;
}

html.update_found .update_header,
html.update_found.debug .update_header {
    display: table;
}

html.assets_loaded .loading_assets {
    display: none;
}

html.assets_loaded .loading_success {
    display: block;
}

body {
    background-color: transparent;
    color: #fff;
}

div#footer {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 104px;
    /* background-image: url(../images/legal_bar.jpg); */
    background-image: url(../images/legal_bar.png);
    background-repeat: no-repeat;
    background-color: #eee;
    line-height: 20px;
    display: flex;
    align-items: center;
}

div#checking_selector_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 125px;
    /* background-image: url(../images/legal_bar.jpg); */
    background-image: url(../images/legal_bar.png);
    background-repeat: no-repeat;
    background-color: #eee;
    line-height: 20px;
    display: flex;
    align-items: center;
}

div.legal_footer {
    /* background-image: url(../images/legal_bar.jpg); */
    background-image: url(../images/legal_bar.png);
    background-repeat: no-repeat;
    background-color: #eee;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.citigold_wealth_footer>div.legal_toggle {
    margin-top: 18px;
}


/* div.citigold_footer{
  height: 148px;
} */

.citigold_footer #legal_details .copyright {
    padding-left: 20px;
}

.citigold_footer #legal_details .copyright.pl-0.pr-5 {
    padding-left: 0px;
    padding-right: 270px;
}

div.citigold_wealth_footer {
    height: 165px;
}

div#checking_priority_footer,
div.checking_savings_footer {
    height: 164px;
}

#citigold_wealth_footer_legal {
    letter-spacing: inherit;
    font-size: 1.1435185185185186vh;
    font-family: InterstateBold, helvetica, arial, sans-serif;
    padding-right: 65px;
}

#citigold_wealth_footer_legal2 {
    font-size: 1.2222222222222223vh;
    padding-right: 65px;
}

#banking_services_legal {
    padding-top: 5px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    div.checking_savings_footer,
    div#checking_priority_footer {
        height: 18.880208333333332vh;
    }
    .mobile_legal_spacing {
        line-height: 12px;
    }
    .mobile_legal_spacing2 {
        line-height: 15px;
    }
    .citigold_wealth_footer>div.legal_toggle {
        margin-top: 10px;
    }
    #citigold_wealth_footer_legal {
        font-size: 1em !important;
        line-height: 12px;
    }
    #citigold_wealth_footer_legal2 {
        font-size: 13px !important;
        line-height: 15px;
    }
    .banking_alerts_legal {
        line-height: 14px;
    }
}

div.local_footer,
div.privatepass_footer {
    height: 105px;
}

#legal_details {
    padding: 47px 75px 250px 17px;
    background: #eeee;
    margin-top: 6px;
    color: #c3c3c3;
}

* {
    cursor: pointer !important;
    /* disable selection/copy in iOS UIWebView: */
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

*:focus {
    outline: 0;
}

a {
    cursor: pointer !important;
    text-decoration: none;
}

a:focus {
    outline: 0;
}

.border_v1 {
    background: url("../images/bg_border_3.png") 0 0 repeat-x, url("../images/bg_border_3.png") 0 100% repeat-x;
    padding: 9px 0;
}

.border_v1 .border_delimiter {
    border-left: 1px solid #004785;
    height: 30px;
    margin: 0 17px;
}

.delimit_v1 {
    padding-left: 72px;
}

.delimit_v2 {
    margin: 102px 0 0;
}

.delimit_v3 {
    padding-left: 70px;
}

.delimit_v4 {
    padding-left: 50px;
}


@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    /*  #legal_details{
    padding: 34px 405px 250px 35px;
  }*/
    .delimit_v4 {
        padding-left: 30px;
    }
}

.main_content {
    height: 853px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .main_content {
        height: 606px;
        overflow: hidden;
    }
}

.footer {
    margin: 70px 0 0;
    position: relative;
    z-index: 1;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .footer {
        -webkit-transform: scale(0.63);
        -webkit-transform-origin: 0 0;
        transform: scale(0.63);
        transform-origin: 0 0;
        margin: 63px 0 0;
        width: 1310px;
    }
}

.footer .copyright {
    line-height: 14px;
    padding: 18px 0 0 0;
    width: 600px;
}

.footer .copyright.copyright_v2 {
    width: auto;
}

.footer .has_lender_icon {
    background: transparent url("../images/icon_equal_housing_lender.png") no-repeat 0 19px;
    min-height: 36px;
    padding-left: 55px;
}

.footer .link_cta {
    margin-bottom: 8px;
}

.footer.landing {
    padding-left: 60px;
}

.footer.landing .copyright {
    width: auto;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .footer.landing {
        margin: 45px 0 0;
        padding-left: 0;
    }
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .copyright_pic {
        bottom: -150px;
        left: 0;
        position: absolute;
        z-index: 1;
    }
}

.banker_referral {
    background: transparent url("../images/_footer_icon.png") no-repeat 100% 50%;
    height: 50px;
    line-height: 46px;
    margin: 21px 0 0;
    padding-right: 70px;
    white-space: nowrap;
}


/* fixme: testing only */

.browser_warning {
    background-color: #eeeeee;
    border: 1px solid red;
    text-align: center;
    top: 20px;
    left: 50%;
    color: black;
    font-size: 20px;
    padding: 10px 15px;
    position: absolute;
    z-index: 999;
    margin-left: -350px;
    width: 700px;
}

.browser_warning .header {
    color: red;
}

.page_url {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    bottom: 0;
    color: black;
    font-size: 16px;
    left: 0;
    letter-spacing: 0.05em;
    padding: 5px 15px;
    position: absolute;
    z-index: 999;
}

.logo,
.logo_v2 {
    left: 1810px;
    position: absolute;
    top: 55px;
    z-index: 1;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .logo,
    .logo_v2 {
        left: 914px;
        top: 35px;
    }
}

.logo_v2 {
    background: transparent url("../images/logo.png") no-repeat 0 0;
    background-size: cover;
    height: 45px;
    width: 80px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .logo_v2 {
        height: 29px;
        width: 51px;
    }
}


/* buttons */

.orange_link,
.orange_link_v2 {
    background: transparent url("../images/icon_orange_caret.png") no-repeat 100% 50%;
    display: table;
    padding: 0 25px 0 0;
    text-transform: uppercase;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .orange_link,
    .orange_link_v2 {
        background-size: 7px 8px;
        padding: 0 16px 0 0;
    }
}

.orange_link_v2 {
    background: transparent url("../images/icon_orange_caret_left.png") no-repeat 0 50%;
    padding: 0 0 0 25px;
}

#cards_selector_legal_copy2 {
    padding-top: 5px;
    line-height: 20px;
    letter-spacing: -0.012em;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .orange_link_v2 {
        background-size: 7px 8px;
        padding: 0 0 0 16px;
    }
    .cards_selector_legal_copy_mobile {
        line-height: 15px;
    }
    #cards_selector_legal_copy2 {
        line-height: 13px;
    }
}


/* icons */

.icon_checkmark {
    background: transparent url("../images/icon_checkmark.png") no-repeat 21px 4px;
}

.checkmarks {
    padding-top: 30px;
}

.checkmarks li+li {
    padding-top: 25px;
}

.checkmark_point {
    padding: 35px 0 36px;
}

.checkmark_point .icon_checkmark {
    line-height: 20px;
    padding-left: 49px;
}

.checkmark_points_v3 .delimit {
    padding-left: 25px;
}

.checkmark_points_v3 .icon_checkmark {
    width: 561px;
}

.checkmark_points.checkmark_points_v3 .delimiter_v1 {
    width: 1220px;
}

.checkmark_points_v1 .wrap {
    width: 370px;
}

.checkmark_points_v1 .checkmark_point .icon_checkmark {
    background-position: 0 4px;
    padding-left: 28px;
}

.checkmark_points_v1 .checkmark_point .delimit {
    padding-left: 56px;
}

.checkmark_points_v1 .icon_checkmark {
    width: auto;
}

.checkmark_points_v2 .wrap {
    width: 555px;
}

.checkmark_points_v2 .checkmarks {
    padding-top: 21px;
}

.checkmark_points_v2 .delimit {
    padding-left: 80px;
}

.checkmark_points_v4 {
    margin-top: 14px;
}

.checkmark_points_v4 .wrap {
    width: 590px;
}

.checkmark_points_v4 .checkmarks {
    padding-top: 21px;
}

.checkmark_points_v4 .delimit {
    padding-left: 46px;
}

.checkmark_points_v4 .bullet_list {
    padding: 17px 0 0 24px;
}

.checkmark_points_v4 .bullet_list li+li {
    margin-top: 16px;
}

.cards_selector_legal_copy_mobile {
    padding-top: 5px;
    line-height: 16px;
}

.checkmark_points_v10 .icon_checkmark {
    /* background: transparent url("../images/icon_checkmark_v2.png") no-repeat 21px 4px; */
    background: transparent url("../images/lending/checkmark.png") no-repeat 21px 4px;
    padding-left: 49px;
}

#lending_comparison_last_option {
    width: 523px;
}

.checkmark_points_v11 .wrap {
    width: 370px;
}

.checkmark_points_v11 .checkmark_point .icon_checkmark {
    background-position: 0 4px;
    padding-left: 28px;
}

.checkmark_points_v11 .checkmark_point .delimit {
    padding-left: 56px;
}

.checkmark_points_v11 .icon_checkmark {
    width: auto;
}

.checkmark_points_v11 .checkmarks {
    padding-top: 19px;
}

.icon_checkmark.gold {
    background-image: url("../images/icon_checkmark_v3.png");
}


/* delimiters */

.delimiter_v1,
.delimiter_v2 {
    border-top: 1px solid #004785;
}

.delimiter_v2 {
    border-top: 1px solid #004785;
}

.delimiter_v3 {
    border-top: 1px solid #004785;
    border-bottom: 1px solid #4089c3;
    height: 0;
}

.delimiter_v4,
.delimiter_v5 {
    background-color: #6fc0e2;
    border-top: 1px solid #3c9bca;
}

.delimiter_v6 {
    background: transparent url("../images/bg_delimiter_v6.png") repeat-x 0 100%;
    border-top: 1px solid #004785;
}

.delimiter_v7 {
    border-top: 1px solid #6292b3;
}

.delimiter_v8 {
    border-top: 1px solid #fff;
    opacity: 0.5;
}


/* scrolled content */

.scroll_content {
    height: 750px;
    margin: 59px 0 0;
    overflow: hidden;
}

.modal_content .scroll_content {
    height: 567px;
    margin: 0;
}

.modal_content .scroll_content .mCSB_inside>.mCSB_container {
    margin-right: 90px;
}

.temp_wrap {
    width: 1220px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 50px;
    margin: 0;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: transparent url("../images/button_scrollbar.png") no-repeat 0 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #00a1e2;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background: transparent url("../images/button_scrollbar_top.png") no-repeat 0 0;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background: transparent url("../images/button_scrollbar_bottom.png") no-repeat 0 0;
}


/* modals */

.modal-close,
.close-modal {
    background: url("../images/button_modal_close.png") no-repeat;
    background: transparent url("../images/button_modal_close.png") no-repeat 20px 20px;
    display: block;
    height: 40px;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 41px;
    z-index: 3200;
    overflow: hidden;
    text-indent: -999em;
}

.modal_content.citigold .modal-close,
.modal_content.citigold .close-modal {
    background: url("../images/button_modal_close_v2.png") no-repeat;
    background: transparent url("../images/button_modal_close_v2.png") no-repeat 20px 20px;
}

.modal_content {
    /* background: #00bdf2 url("../images/bg_modal.png") repeat-x 0 100%; */
    background-color: #ffffff;
    height: 615px;
    padding: 35px 261px 100px;
    width: 788px;
    left: 220px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    top: 165px !important;
}

.modal_content.small {
    left: 280px !important;
    width: 658px;
}

.modal_content.citigold {
    background: #b4975a;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    #students_cards_legal {
        margin-top: 2.734375vh;
    }
    .modal_content.small {
        left: 140px !important;
        top: 148px !important;
    }
    .cards_selector_legal_copy_mobile {
        line-height: 15px;
        padding-top: 5px !important;
    }
}

.modal_content .delimiter_v2,
.modal_content .delimiter_v8 {
    margin: 33px 0 35px;
}

.modal_content .ordered_list {
    padding: 18px 0 30px 30px;
}

.modal_content .ordered_list li+li {
    margin-top: 19px;
}

.modal_content .ordered_list .bullet {
    float: left;
    margin-left: -30px;
}

.modal_content .has_lending_icon {
    background: transparent url("../images/icon_equal_housing_lender.png") no-repeat 100% 100%;
    padding-right: 100px;
}

.modal_content .has_lending_icon.v2 {
    background-position: 100% 0;
}

.modal_content .has_lending_icon.v3 {
    background-position: 0 5px;
    padding-left: 55px;
    padding-right: 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .modal_content {
        -webkit-transform: scale(0.63);
        -webkit-transform-origin: 0 0;
        transform: scale(0.63);
        transform-origin: 0 0;
        left: 139px !important;
        top: 148px !important;
    }
}

.bullet_list li {
    background: transparent url("../images/icon_bullet.png") no-repeat 0 0.5em;
    padding: 0 0 0 20px;
}

.bullet_list li+li {
    margin-top: 5px;
}

.bullet_list_v2 li,
.bullet_list_v3 li,
.bullet_list_v4 li,
.bullet_list_v5 li {
    background: transparent url("../images/icon_bullet_v2.png") no-repeat 0 0.75em;
    padding: 0 0 10px 28px;
}

.bullet_list_v2 li+li,
.bullet_list_v3 li+li,
.bullet_list_v4 li+li,
.bullet_list_v5 li+li {
    margin-top: 2px;
}

.bullet_list_v3 li,
.bullet_list_v5 li {
    background-position: 0 1em;
}

.bullet_list_v4 li {
    background-position: 0 22px;
}

.bullet_list_v4 li+li {
    margin-top: 25px;
}

.bullet_list_v5 li {
    background-image: url("../images/icon_bullet_v3.png");
}

.bullet_list_v6 li {
    background-position: 0 12px !important;
}

.bullet_list_v6 li+li {
    margin-top: 10px !important;
}

.interior_content.v3 li {
    position: relative;
}

.interior_content.v3 li+li {
    margin-top: 8px;
}

.interior_content.v3 li+li [class^="header"]+[class^="copy"] {
    margin-top: 52px;
}


/* pulsing blue touch prompt */

.touch_prompt {
    position: absolute;
    width: 95px;
    height: 95px;
    z-index: 99;
}

.touch_pulse {
    background: transparent url("../images/icon_touch_prompt.png") no-repeat 0 0;
    height: 95px;
    width: 95px;
}

.touch_prompt.white .touch_pulse {
    background: transparent url("../images/icon_touch_prompt.png") no-repeat 0 0;
}


/* fix widows */

.nowrap {
    white-space: nowrap;
}


/* temp styles */


/* TBD content */

.tbd {
    color: red !important;
}


/* testing styles */

.refresh {
    display: none;
}

.debug .refresh {
    color: #cc0000;
    border: 1px solid #cc0000;
    border-top: 0;
    display: block !important;
    font-weight: bold;
    left: 217px;
    padding: 13px 20px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    z-index: 9999;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .debug .refresh {
        left: 136px;
    }
}

.debug .refresh .version_prompt {
    left: 116px;
    position: absolute;
    top: 7px;
    width: 150px;
}

.debug .refresh .version_prompt .red,
.debug .refresh .version_prompt .green {
    color: black;
}

.warning_message {
    color: black;
    border: 1px solid #cc0000;
    border-top: 0;
    right: 140px;
    padding: 8px 10px;
    position: absolute;
    top: 0;
    width: 356px;
    z-index: 9999;
}

.warning_message .header {
    color: #cc0000;
    font-weight: bold;
    text-transform: uppercase;
}

.warn {
    background-color: transparent;
    opacity: 0.7;
}

.warn.highlight {
    background-color: #eeeeee;
    opacity: 1;
}

.application_header {
    display: table;
    height: 100%;
    width: 100%;
}

.application_header .wrap {
    color: #666666;
    display: table-cell;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
}

.application_header .app_title {
    font-size: 36px;
}

.application_header .copy {
    font-size: 18px;
}

.application_header .update_copy {
    display: table;
    margin: 0 auto;
    text-align: left;
}

.application_header .update_status {
    font-size: 22px;
    margin-top: 20px;
}

.application_header .update_details {
    font-size: 16px;
    margin-top: 20px;
}

.app_mode,
.version_hash,
.app_location {
    color: #eeeeee;
    font-weight: normal;
}

.red,
.green {
    text-transform: uppercase;
}

.red span,
.green span {
    text-transform: none;
}

.green {
    color: lime;
}

.red {
    color: red;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .scale {
        -webkit-transform: scale(0.63);
        -webkit-transform-origin: 0 0;
        transform: scale(0.63);
        transform-origin: 0 0;
    }
}

.show_ipad {
    display: none;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .show_ipad {
        display: block !important;
        padding: 0 !important;
    }
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .hide_ipad {
        display: none;
    }
}


/* interior pages */

.interior_content .tab_nav,
.interior_content .tab_content {
    background-color: white;
    height: 630px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.interior_content_wrap {
    height: 630px;
    overflow: hidden;
    width: 1310px;
}

.interior_content_wrap.v2 {
    height: 809px;
}

.interior_content_wrap.priority {
    position: relative;
    margin: 59px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .interior_content_wrap.v2 {
        height: 532px;
    }
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .interior_content_wrap {
        height: 398px;
        margin: 0 0 0;
    }
}

.interior_content {
    background-color: white;
    height: 630px;
    width: 1310px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .interior_content {
        -webkit-transform: scale(0.63);
        -webkit-transform-origin: 0 0;
        transform: scale(0.63);
        transform-origin: 0 0;
    }
    .interior_content .font_2 {
        font-size: 24px;
    }
}

.interior_content.v2 {
    background: white url("../images/icon_speak_with_banker_v4.png") no-repeat 952px 644px;
    height: 775px;
}

.interior_content.v3 {
    background: white url(../images/citigold/team_cta.png) no-repeat 911px 655px;
    height: 762px;
}

.interior_content_citigold_digital {
    background: white url(../images/citigold/team_cta.png) no-repeat 874px 671px;
    height: 750px;
}

.interior_content_citigold_wealth {
    background: white url(../images/citigold/team_cta.png) no-repeat 867px 651px;
    height: 750px;
}

.wealth_span {
    padding-left: 20px;
    display: flex;
}

.wealth_copy {
    line-height: 26px;
    max-width: 693px;
    margin-right: 15px;
    background: url(../images/icon_bullet_v3.png) no-repeat 0px 10px;
}

.citigold_digital_col {
    padding-top: 9px !important;
}

.citigold_wealth_col {
    padding-top: 0px !important;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .interior_content.v2,
    .interior_content.v3 {
        background-image: none;
    }
    .citigold_digital_col {
        padding-top: 0px !important;
    }
}

.interior_content.v2 .content_cell,
.interior_content.v3 .content_cell {
    width: auto;
}

.interior_content.v2 .wrap {
    padding: 0;
    width: 655px;
}

.interior_content.v3 .wrap {
    padding: 77px 40px 0 0;
    width: 655px;
    box-sizing: border-box;
}

.interior_content.v3 .wrap.full_width {
    width: 100%;
    padding: 10px 40px 0 0;
}

.interior_content.v3 .content_cell+.content_cell .wrap {
    padding: 57px 35px 0 5px;
}

.interior_content.offset {
    margin: 630px 0 0;
}

.interior_content.offset.v2 {
    margin: 750px 0 0;
}

.interior_content .tab_nav {
    z-index: 2;
}

.interior_content .tab {
    width: 100%;
}

.interior_content .tab li {
    padding-left: 47px;
    width: 999em;
}

.interior_content .tab li.no-padding {
    padding-left: 0;
}

.interior_content .tab+.tab {
    border-top: 1px solid #0e64af;
}

.interior_content .tab_nav_2x .tab,
.interior_content .tab_nav_2x2 .tab {
    height: 310px;
}

.interior_content .tab_nav_2x .tab li,
.interior_content .tab_nav_2x2 .tab li {
    padding-left: 33px;
    width: 50%;
}

.interior_content .tab_nav_2x .tab+.tab,
.interior_content .tab_nav_2x2 .tab+.tab {
    height: 314px;
}

.interior_content .tab_nav_2x2 li,
.interior_content .tab_nav_3x2 li {
    padding-left: 29px;
    width: 50.5%;
}

.interior_content .tab_nav_2x2 li+li,
.interior_content .tab_nav_3x2 li+li {
    border-left: 1px solid #0e64af;
}

.interior_content .tab_nav_3x .tab,
.interior_content .tab_nav_3x2 .tab {
    height: 212px;
}

.interior_content .tab_nav_3x .tab+.tab,
.interior_content .tab_nav_3x2 .tab+.tab {
    height: 209px;
}

.interior_content .tab_nav_5x .tab {
    height: 126px;
}

.interior_content .tab_nav_5x .tab+.tab {
    height: 125px;
}

.interior_content .tab_button {
    display: table;
    margin: -7px 0 0;
}

.interior_content .learn_more_v2 {
    margin: 12px 0 0;
}

.interior_content .tab_content_wrap {
    position: relative;
}

.interior_content .tab_content {
    background: white url("../images/lending/speak_with_a_banker.png") no-repeat 398px 570px;
    z-index: 1;
}

.interior_content .tab_content {
    height: 750px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .interior_content .tab_content {
        background-image: none;
    }
}

.interior_content .tab_content .wrap {
    /* padding: 91px 30px 0 52px; */
    padding: 91px 0px 0 52px;
}

.interior_content .bullet_list_v2.delimit,
.interior_content .bullet_list_v3.delimit {
    /*margin: 26px 0 0;*/
    margin: 30px 0 0;
}

.interior_content .delimiter_v7 {
    margin: 36px 0 38px;
}

.interior_content .bullet_list_v4 {
    margin: 0 0 15px;
}

.interior_content .bullet_list_v4 .copy_5 {
    margin: 7px 0 0;
}

.interior_content .bullet_list_v2.delimit_v2,
.interior_content .bullet_list_v3.delimit_v2 {
    margin: 13px 0 38px;
}

.interior_content .content_cell {
    width: 380px;
}

.interior_content .content_cell.delimit {
    padding-left: 18px;
}

.back_button,
.learn_more_v2 {
    text-transform: uppercase;
    display: table;
    line-height: 1;
    font-size: 10pt;
}

.back_button {
    position: absolute;
    right: 0px;
    top: 0;
    margin-top: 7px;
}

.back_button .icon {
    height: 40px;
    width: 100px;
    background: transparent url(../images/checking/icon_back.png);
    background-size: 100px 40px;
}

.learn_more_v2 {
    /* background: transparent url("../images/icon_orange_caret.png") no-repeat 100% 50%; */
    background: transparent url(../images/checking/savings_cta.png) no-repeat 100% 50%;
    padding-top: 30px;
    height: 40px;
    width: 150px;
    margin: 0;
}

.icon_thankyou_1x {
    background: transparent url("../images/icon_thankyou_1x.png") no-repeat 0 0;
    height: 49px;
    width: 109px;
}

.icon_thankyou_1x_v2 {
    background: transparent url("../images/icon_thankyou_1x_v2.png") no-repeat 0 0;
    height: 50px;
    width: 263px;
}

.icon_thankyou_2x {
    background: transparent url("../images/icon_thankyou_2x.png") no-repeat 0 0;
    height: 48px;
    width: 148px;
}

.icon_thankyou_2x_v2 {
    background: transparent url("../images/icon_thankyou_2x_v2.png") no-repeat 0 0;
    height: 50px;
    width: 335px;
}

.interior_pic {
    height: 630px;
    width: 438px;
    background: transparent url("../images/pic_lending_interior_home_equity.jpg") no-repeat 0 0;
    background-size: cover;
}


/* range slider styles */


/* rectangular sliders */

.slider_rect {
    background-color: #eeeeee;
    /* border: 1px solid #cccccc; */
    height: 48px;
    margin: 11px 0 0;
    position: relative;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_rect {
        height: 28px;
    }
    .back_button {
        margin-top: 1.4322916666666667vh;
    }
}

.slider_rect .ui-slider-range {
    /* background-color: #004785; */
    background-color: #46b7e6;
    height: 48px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_rect .ui-slider-range {
        height: 28px;
    }
}

.slider_rect .slider_count {
    left: 57%;
    position: absolute;
    top: 21px;
}

.slider_rect .slider_button {
    position: absolute;
    right: -3px;
    top: -10px;
}

.slider_rect .ui-slider-handle {
    cursor: none;
    position: absolute;
    z-index: 2;
}

.slider_rect_header {
    font-family: InterstateLight;
    height: 42px;
    line-height: 1;
    margin: 16px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_rect_header {
        height: 35px;
    }
}


/* slider with amount within button */

.has_amount {
    margin: 0 103px;
    /* fixme: hide slider ends for now */
    width: 572px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .has_amount {
        margin: 0 65px;
        width: 362px;
    }
}

.has_amount:before,
.has_amount:after {
    content: "";
    height: 100%;
    position: absolute;
    width: 103px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .has_amount:before,
    .has_amount:after {
        width: 65px;
    }
}

.has_amount:before {
    background-color: #46b7e6;
    /* border: 1px solid #666666; */
    border-right-width: 0;
    left: -103px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .has_amount:before {
        left: -65px;
    }
}

.has_amount:after {
    right: -103px;
    background-color: #eeeeee;
    /* border: 1px solid #cccccc; */
    top: 1px;
    border-left-width: 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .has_amount:after {
        right: -65px;
    }
}

.has_amount .ui-slider-range {
    /* border: 1px solid #666666; */
    margin: -1px 0 0 -1px;
}

.has_amount .ui-slider-handle {
    font-family: InterstateLight;
    background: transparent url("../images/button_slider_rect_v3.png") no-repeat 0 0;
    background-size: cover;
    height: 68px;
    line-height: 62px;
    margin-left: -107px;
    top: -8px;
    width: 215px;
    color: #002a54;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .has_amount .ui-slider-handle {
        height: 42px;
        line-height: 40px;
        margin-left: -69px;
        top: -6px;
        width: 132px;
    }
}

.has_amount.short_slider {
    /* fixme: breaking knob placement for some reason */
    width: 172px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .has_amount.short_slider {
        width: 110px;
    }
}


/* radial/round sliders */

.slider_dial {
    height: 344px;
    text-align: center;
    /* note: bg image is 343px */
    width: 344px;
    position: relative;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_dial {
        height: 218px;
        width: 218px;
    }
    .content_cell {
        overflow-y: hidden;
    }
    .slider_dial_term,
    .slider_dial_interest {
        transform: scale(0.65);
    }
    /*  .slider_content_cell {
    position: relative;
  }*/
}

.slider_dial>div {
    /* override inline style applied by plugin: */
    display: block !important;
}

.slider_dial canvas {
    position: relative;
    z-index: 10;
}

.slider_dial .slider_count {
    color: #002a54;
    display: table;
    margin: -244px auto 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_dial .slider_count {
        margin-top: -160px;
    }
}

.slider_dial .slider_symbol,
.slider_dial .interest_amount {
    display: table-cell;
    vertical-align: top;
}

.slider_dial .slider_symbol {
    padding: 5px 0 0 2px;
}

.slider_dial_term {
    background: transparent url("../images/bg_slider_dial_term.png") no-repeat 0 0;
    background-size: cover;
}

.slider_dial_term .slider_dial_subheader {
    color: #002a54;
    margin: -141px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_dial_term .slider_dial_subheader {
        margin-top: -90px;
    }
}

.slider_dial_interest {
    background: transparent url("../images/bg_slider_dial_interest.png") no-repeat 0 0;
    background-size: cover;
}

.slider_dial_interest .slider_dial_subheader {
    margin: -145px 0 0;
    color: #002a54;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_dial_interest .slider_dial_subheader {
        margin-top: -90px;
    }
}

.slider_dial_interest .slider_count {
    margin-top: -224px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_dial_interest .slider_count {
        margin-top: -145px;
    }
}

.dial {
    height: 125px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    position: absolute;
    text-align: center;
    width: 100% !important;
    /*46b7e6 color: #004785 !important; */
    color: #46b7e6 !important;
    font-family: InterstateRegular, helvetica, arial, sans-serif !important;
    /* fixme: overlay transparent element to disable editting input? */
    /* move below canvas, to disable click to edit input */
    z-index: 9;
}

.interest_dial {
    font-size: 60px !important;
    top: 133px;
}

.term_dial {
    font-size: 104px !important;
    font-weight: normal !important;
    letter-spacing: -0.03em;
    top: 93px;
}

.slider_amount_wrap {
    display: table;
    margin: 0 auto;
}

.slider_dial_subheader {
    text-transform: uppercase;
}

.slider_dial_header {
    font-family: InterstateLight;
    height: 41px;
    margin: 54px 0 0;
    color: #002a54;
    padding-right: 8px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_dial_header {
        height: 27px;
        margin: 35px 0 0;
    }
}

.slider_dials {
    padding: 0 0 0 22px;
}

.slider_dials .delimit {
    padding-left: 45px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_dials {
        padding: 0 0 0 12px;
    }
    .slider_dials .delimit {
        padding-left: 28px;
    }
}

.optional_info {
    /* fixme: slider width breaking knob placement above, so setting width here */
}

.optional_info .delimit {
    padding-left: 20px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .optional_info .delimit {
        padding-left: 10px;
    }
}


/* menu styles */

.menu {
    width: 219px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .menu {
        width: 121px;
    }
}

.menu_toggle {
    background: transparent url("../images/button_menu.png") no-repeat 0 0;
    background-size: cover;
    display: block;
    height: 118px;
    position: absolute;
    top: -4px;
    left: 0;
    width: 134px;
    z-index: 100;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .menu_toggle {
        height: 75px;
        top: 0;
        width: 85px;
    }
}

.menu_button,
.sub_menu_button {
    display: table-cell;
    vertical-align: middle;
}

.menu_buttons {
    left: 0;
    position: absolute;
    top: 15.27777778vh;
    z-index: 99;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .menu_buttons {
        top: 15.6vh;
    }
}

div.menu>ul>li:first-child {
    border-top: none;
}

.menu_buttons>li:not(:last-child) {
    /* border: 1px solid #cccccc;
  border-top: 1px solid white; */
    border-bottom: 1px solid #cccccc;
}

.menu_buttons li:first-child .menu_button {
    height: 7.5925925926vh;
}

#chevron {
    font-family: InterstateBold;
    font-size: 14px;
}

.menu_item {
    box-sizing: content-box !important;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .menu_item:first-child:nth-last-child(9),
    .menu_item:first-child:nth-last-child(9)~.menu_item>a.menu_button {
        /* height:82px; */
        height: 6.95vh !important;
    }
    .menu_buttons li:first-child .menu_button {
        height: 48px !important;
    }
    .menu_item:first-child:nth-last-child(9),
    .menu_item:first-child:nth-last-child(9)~.menu_item:last-child>a.menu_button {
        height: 48px !important;
    }
}

.menu_item:first-child:nth-last-child(9) {
    height: 85px;
}

.menu_item:first-child:nth-last-child(9),
.menu_item:first-child:nth-last-child(9)~.menu_item>a.menu_button {
    /* height:82px; */
    height: 7.5925925926vh;
}

div.menu>ul>li:nth-child(8)>a {
    font-size: 0.85rem;
}

.menu_item:first-child:nth-last-child(9),
.menu_item:first-child:nth-last-child(9)~.menu_item:last-child>a.menu_button {
    height: 85px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    div.menu>ul>li:nth-child(8)>a {
        font-size: 01.388vh;
    }
}

.menu_item:first-child:nth-last-child(10),
.menu_item:first-child:nth-last-child(10)~.menu_item>a.menu_button {
    height: 72px;
}

.menu_item:first-child:nth-last-child(9),
.menu_item:first-child:nth-last-child(9)~.menu_item:first-child>a.menu_button {
    /* height:82px; */
    height: 7.5925925926vh;
}

.menu_item:first-child:nth-last-child(10),
.menu_item:first-child:nth-last-child(10)~.menu_item:first-child>a.menu_button {
    height: 70px;
}

.menu_buttons li:last-child .menu_button {
    /* height: 85px!important;*/
    height: 7.5925925926vh;
}

.menu_button {
    font-family: InterstateBold, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #002a54;
    line-height: 1.851851852vh;
    width: 5.68vw;
    font-size: 01.388vh;
    padding-left: 1.044vw;
    letter-spacing: -0.5px;
    box-sizing: content-box !important;
    text-decoration: none !important;
}

.menu_button.active {
    /* background-color: white; */
    background-color: #eeeeee;
    color: #002a54;
}

.menu_button.active>li>a {
    color: #002a54;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .menu_button {
        height: 76px;
        line-height: 14px;
        padding: 0px 5px 0px 10px;
        width: 79px;
    }
}

.sub_menu_buttons {
    display: none;
    position: absolute;
    /* right: -200px; */
    right: -129px;
}

.sub_menu_buttons li+li {
    border-top: 1px solid #e3e3e3;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .sub_menu_buttons {
        right: -116px;
    }
    .sub_menu_buttons li+li {
        border-top: 1px solid #e3e3e3;
        background-color: #eeeeee;
        height: 53px;
    }
}

.sub_menu_01 {
    top: 0px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .sub_menu_01 {
        top: 0px;
    }
}

.sub_menu_02 {
    top: 83px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .sub_menu_02 {
        top: 49px;
    }
    ul.sub_menu_02>li:nth-child(1)>a {
        height: 53px;
    }
    ul.sub_menu_02>li:nth-child(2)>a {
        height: 56px;
    }
    ul.sub_menu_02>li:nth-child(3)>a {
        height: 55px;
    }
}

.sub_menu_03 {
    top: 249px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .sub_menu_03 {
        top: 157px;
    }
    ul.sub_menu_03>li:nth-child(1)>a {
        height: 54px;
    }
    ul.sub_menu_03>li:nth-child(3)>a {
        height: 53px;
    }
}

.sub_menu_04 {
    /* top: 328px; */
    top: 250px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .sub_menu_04 {
        top: 211px;
    }
    ul.sub_menu_04>li:nth-child(1)>a {
        height: 54px;
    }
    ul.sub_menu_04>li:nth-child(3)>a {
        height: 53px;
    }
}

.sub_menu_05 {
    top: 415px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .sub_menu_05 {
        top: 264px;
    }
    ul.sub_menu_05>li:nth-child(1)>a {
        height: 54px;
    }
    ul.sub_menu_05>li:nth-child(3)>a {
        height: 55px;
    }
}

.sub_menu_06 {
    /* top: 546px; */
    top: 333px;
}

.sub_menu_06>li:last-child>a {
    height: 85px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .sub_menu_06 {
        top: 157px;
    }
    ul.sub_menu_06>li:nth-child(1)>a {
        height: 54px;
    }
    .sub_menu_06>li:last-child>a {
        height: 54px;
    }
}

.sub_menu_07 {
    bottom: 218px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .sub_menu_07 {
        bottom: 156px;
    }
    ul.sub_menu_07>li:nth-child(1)>a {
        height: 54px;
    }
}

.sub_menu_08 {
    bottom: 218px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .sub_menu_08 {
        bottom: 140px;
    }
}

.sub_menu_09 {
    /* bottom: 109px; */
    bottom: 85px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .sub_menu_09 {
        bottom: 48px;
    }
}

.sub_menu_10 {
    bottom: 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    ul.sub_menu_10>li:nth-child(1) {
        height: 53px;
    }
    ul.sub_menu_10>li:nth-child(1)>a {
        height: 54px;
    }
    ul.sub_menu_10>li:nth-child(2) {
        height: 54px;
    }
    ul.sub_menu_10>li:nth-child(3) {
        height: 52px;
    }
    ul.sub_menu_10>li:last-child {
        height: 48px;
    }
}

.sub_menu_07,
.sub_menu_08,
.sub_menu_09,
.sub_menu_10 {
    border-bottom: 1px solid #e3e3e3;
}

.sub_menu_button {
    font-size: 0.8rem;
    background-color: #eeeeee;
    height: 82.4px;
    line-height: 16px;
    padding-left: 9px;
    width: 120px;
    color: #002a54;
    letter-spacing: -0.033em;
}

.sub_menu_button:not(:last-child) {
    border-bottom: 1px solid #cccccc;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .sub_menu_button {
        height: 49px;
        line-height: 13px;
        padding-left: 10px;
        width: 100px;
        padding-right: 6px;
        font-size: 0.66rem;
    }
}


/* promo column styles */

.promos {
    padding: 165px 0 0 30px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .promos {
        display: none;
    }
}

.menu_chevron {
    display: inline-block;
    width: 13px;
    height: 12px;
}


/* mortgage calculator styles */

.column_2 {
    width: 470px;
    margin: 0 100px;
}

.real_estate_pic {
    background-color: #eeeeee;
    border: 5px solid white;
    height: 260px;
    overflow: hidden;
    margin: 0 0 14px;
    width: 470px;
}

.real_estate_pic img {
    border: 6px solid #fff;
}

#mortgage_refinancing_title {
    font-size: 37px;
    margin: 96px 0 0 -4px;
    letter-spacing: -0.06em;
}

#mortgage_refinancing_byline {
    margin: 16px 0px 0px;
    letter-spacing: -0.024em;
}

#mortgage_options_title {
    font-family: "InterstateLight";
    font-size: 37px;
    margin-left: -3px;
    margin-top: 97px;
    letter-spacing: -0.0635em;
}

#mortgage_options_byline {
    letter-spacing: -0.023em;
    margin-top: 15px;
}

#mortgage_options_legal {
    padding-left: 66px;
    margin-bottom: 19px;
    font-size: 12px;
    letter-spacing: -0.02em;
}

#mortgage_surestart_title {
    font-family: "InterstateLight";
    font-size: 37px;
    margin-left: -3px;
    margin-top: 97px;
    letter-spacing: -0.0635em;
}

#mortgage_surestart_byline {
    letter-spacing: -0.015em;
    margin-top: 16px;
}

#local_citi_bike_title {
    margin-top: 96px;
    font-size: 37px;
}

#local_citi_bike_offer_title {
    font-size: 37px;
    margin: 96px 0 0 -4px;
}

#local_citi_bike_offer_wrap {
    margin: 27px 0 0;
}

#local_checking_title {
    font-size: 37px;
    margin: 96px 0 0 -4px;
}

#local_checking_wrap {
    margin: 25px 0 0;
}

#local_cd_title {
    color: #002a54;
    padding-top: 33px;
    font-size: 37px;
}

#local_savings_title {
    color: #002a54;
    padding-top: 33px;
    font-size: 37px;
}

#local_savings_wrap {
    margin-top: 26px;
}

#local_cd_wrap {
    margin-top: 27px;
}

#local_cd_wrap>img {
    height: 750px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .real_estate_pic {
        border: 5px solid white;
        height: 157px;
        margin: 0 0 14px;
        width: 292px;
    }
    #mortgage_refinancing_title {
        margin: 55px 0 0px -3px !important;
    }
    #mortgage_refinancing_byline {
        height: 73px;
        position: relative;
        left: -1px;
        padding-top: 0px;
    }
    #mortgage_refinancing_wrap {
        margin-top: 20px;
    }
    #mortgage_options_title {
        margin-top: 55px !important;
        margin-bottom: 1px !important;
    }
    #mortgage_options_byline {
        height: 61px;
    }
    #mortgage_options_wrap {
        margin-top: 4.166666666666667vh;
    }
    #mortgage_surestart_title {
        margin-top: 55px !important;
        margin-bottom: 0px !important;
    }
    #mortgage_surestart_byline {
        height: 42px;
        position: relative;
        left: -2px;
    }
    #mortgage_surestart_wrap {
        margin-top: 6.2vh;
    }
    #local_citi_bike_title {
        margin-top: 55px;
    }
    #local_citi_bike_offer_title {
        margin-top: 55px !important;
        margin-left: -2px !important;
    }
    #local_citi_bike_offer_wrap {
        margin: 22px 0 0;
    }
    #local_citi_bike_offer_wrap .cell .show_ipad img {
        max-height: 500px;
        margin-top: 140px;
        margin-left: 90px;
    }
    #local_citi_bike_offer_wrap .cell:first-child img {
        height: 100%;
        max-height: 756px !important;
        margin-left: -10px;
    }
    #local_checking_title {
        margin: 55px 0 0 -2px !important;
    }
    #local_checking_wrap {
        margin: 1.913542vh 0 0;
    }
    #local_cd_title {
        padding-top: 16px;
    }
    #local_savings_title {
        padding-top: 16px;
        margin: 37px 0 0 -2px !important;
    }
    #local_savings_wrap {
        margin-top: 2.2135416666666665vh;
    }
    #local_cd_wrap {
        margin-top: 2.2135416666666665vh;
    }
    #local_cd_wrap>img {
        height: 473px;
    }
    #mortgage_options_legal {
        padding-left: 56px;
        padding-top: 13px;
        margin-bottom: 20px;
    }
}

#realestatepic {
    height: 260px;
    width: 470px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    #realestatepic {
        height: 157px;
        width: 292px;
    }
}

.zillow_temp {
    color: #002a54;
    height: 403px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .zillow_temp {
        height: 225px;
        margin-right: 57px;
        width: 304px;
    }
}

.branch_wrap {
    padding-left: 20px;
}

.branch_wrap .disabled {
    color: #cccccc;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .branch_wrap {
        padding-left: 10px;
    }
}

.bedroom_count {
    width: 115px;
}

.payment_header {
    font-size: 16px;
    height: 33px;
    margin: 33px 0 0;
    margin-top: 74px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .payment_header {
        height: 24px;
        margin: 76px 0 0;
    }
}

.payment_copy {
    height: 54px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .payment_copy {
        height: 34px;
    }
}

.payment_total {
    font-family: InterstateLight;
    background-color: #46b7e6;
    height: 116px;
    line-height: 114px;
    padding: 0 30px 0 20px;
    text-align: right;
    width: 430px;
}

.payment_total .sup {
    position: relative;
    top: -15px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .payment_total {
        height: 73px;
        line-height: 72px;
        padding: 0 22px 0 10px;
        width: 272px;
    }
}

div.slider_dial.slider_dial_term>div.knob_handle {}

div.slider_dial.slider_dial_interest>div.knob_handle {}

.knob_handle {
    background: transparent url("../images/button_slider_dial.png") no-repeat 0 0;
    background-size: cover;
    height: 83px;
    position: absolute;
    width: 83px;
    z-index: 10;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .knob_handle {
        height: 53px;
        width: 53px;
    }
}

.zillow_logo {
    background: transparent url("../images/logo_zillow.png") no-repeat 0 0;
    background-size: cover;
    height: 32px;
    width: 101px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .zillow_logo {
        height: 20px;
        width: 64px;
    }
}

.speak_with_banker_v3 {
    background: white url(../images/icon_speak_with_banker_v3.png) no-repeat 0 0;
    background-size: cover;
    height: 60px;
    margin: 30px 0 0;
    width: 362px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .speak_with_banker_v3 {
        display: none;
    }
}

.tooltip {
    background: transparent url("../images/icon_question_mark.png") no-repeat 50% 50%;
    background-size: 20px 20px;
    display: block;
    height: 20px;
    margin: 2px 0 0 5px;
    position: relative;
    width: 20px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .tooltip {
        background-size: 16px 16px;
        height: 16px;
        width: 16px;
    }
}

.tooltip_content {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -164px;
    z-index: 99;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .tooltip_content {
        margin-left: -103px;
    }
}

#annual_taxes {
    background: transparent url("../images/mortgage/tooltip_annual_taxes.png") no-repeat 0 0;
    background-size: cover;
    height: 252px;
    width: 328px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    #annual_taxes {
        height: 159px;
        width: 208px;
    }
}

#annual_insurance {
    background: transparent url("../images/mortgage/tooltip_annual_insurance.png") no-repeat 0 0;
    background-size: cover;
    height: 299px;
    width: 328px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    #annual_insurance {
        height: 189px;
        width: 208px;
    }
}

.mortgage_temp.main_cell {
    width: auto;
}


/* student guessing game */

.guess_average_wrap {
    width: 523px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .guess_average_wrap {
        width: 329px;
    }
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .guessing_game .header_1 {
        height: 94px;
    }
}

.guessing_game .h2 {
    height: 42px;
    margin: 57px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .guessing_game .h2 {
        height: 36px;
        margin: 13px 0 0;
    }
}

.guessing_game .h3 {
    height: 42px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .guessing_game .h3 {
        height: 27px;
    }
}

.guess_average_link,
.national_average_link {
    position: absolute;
    top: 886px;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .guess_average_link,
    .national_average_link {
        top: 601px;
    }
}

.national_average_link {
    left: 209px;
    padding-left: 10px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .national_average_link {
        left: 129px;
    }
}

.guess_average_link {
    left: 219px;
    padding-right: 10px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .guess_average_link {
        left: 140px;
    }
}

.guessing_game_callout {
    line-height: 36px;
    padding: 619px 0 0 40px;
    white-space: nowrap;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .guessing_game_callout {
        padding: 479px 0 0 0;
        font-size: 20px;
        line-height: 23px;
        position: absolute;
        right: 61px;
        top: 0;
    }
}

.guessing_graph_legend {
    padding: 35px 0 0 49px;
    width: 238px;
    text-align: center;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .guessing_graph_legend {
        padding: 21px 0 0 29px;
        width: 158px;
    }
}

.speak_with_banker_v2 {
    background: transparent url("../images/icon_speak_with_banker_v9.png") no-repeat 100% 784px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .speak_with_banker_v2 {
        background-image: none;
    }
}


/* student guessing game */


/* fixme */

.slider_guess {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    height: 48px;
    /* fixme: hide slider ends for now */
    margin: 0 127px 45px 67px;
    /* fixme: hide slider ends for now */
    width: 318px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_guess {
        height: 30px;
        width: 202px;
        margin: 0 42px 24px 42px;
    }
}

.slider_guess:before,
.slider_guess:after {
    content: "";
    height: 100%;
    width: 67px;
    position: absolute;
    top: -1px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_guess:before,
    .slider_guess:after {
        width: 42px;
    }
}

.slider_guess:before {
    left: -67px;
    border: 1px solid #666666;
    border-right-width: 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_guess:before {
        left: -42px;
    }
}

.slider_guess:after {
    right: -67px;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-left-width: 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_guess:after {
        right: -42px;
    }
}

.slider_guess .ui-slider-range {
    border: 1px solid #666666;
    height: 48px;
    margin: -1px 0 0 -1px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_guess .ui-slider-range {
        height: 30px;
    }
}

.slider_guess .ui-slider-handle {
    background: transparent url("../images/button_slider_rect_v2.png") no-repeat 0 0;
    background-size: cover;
    height: 68px;
    line-height: 62px;
    margin-left: -71px;
    top: -8px;
    width: 143px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slider_guess .ui-slider-handle {
        height: 43px;
        line-height: 40px;
        margin-left: -45px;
        top: -5px;
        width: 90px;
    }
}

.result_graph {
    background: transparent url("../images/bg_result_graph.png") no-repeat 0 0;
    background-size: cover;
    border: 1px solid #cccccc;
    height: 607px;
    margin: 68px 0 0 58px;
    position: relative;
    width: 218px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .result_graph {
        height: 384px;
        margin: 22px 0 0 38px;
        width: 138px;
    }
}

.result_graph .results {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #073863;
}

.result_graph .result {
    height: 20%;
}

.marker {
    left: -81px;
    position: absolute;
    text-align: right;
    width: 58px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .marker {
        left: -69px;
    }
}

.marker:before {
    background-color: #bfeafa;
    content: "";
    height: 2px;
    position: absolute;
    right: -15px;
    top: 9px;
    width: 7px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .marker:before {
        height: 1px;
        right: -9px;
        top: 8px;
        width: 5px;
    }
}

.marker .symbol {
    position: relative;
    top: -5px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .marker .symbol {
        font-size: 9px;
        top: -4px;
    }
}

.marker_100 {
    top: -4px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .marker_100 {
        top: -2px;
    }
}

.marker_50 {
    margin: -11px 0 0;
    top: 50%;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .marker_50 {
        margin: -7px 0 0;
    }
}

.marker_0 {
    bottom: -8px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .marker_0 {
        bottom: -5px;
    }
}

.result_1,
.national_1,
.slider_guess_1:before,
.slider_guess_1 .ui-slider-range {
    background-color: #76dbfd;
}

.result_2,
.national_2,
.slider_guess_2:before,
.slider_guess_2 .ui-slider-range {
    background-color: #00b2ef;
}

.result_3,
.national_3,
.slider_guess_3:before,
.slider_guess_3 .ui-slider-range {
    background-color: #1d74c1;
}

.result_4,
.national_4,
.slider_guess_4:before,
.slider_guess_4 .ui-slider-range {
    background-color: #064984;
}

.result_5,
.national_5,
.slider_guess_5:before,
.slider_guess_5 .ui-slider-range {
    background-color: #073863;
}

.caption_guess {
    line-height: 20px;
    position: absolute;
    right: -216px;
    width: 190px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .caption_guess {
        line-height: 14px;
        right: -156px;
        width: 140px;
    }
}

.caption_guess_1,
.caption_national_1 {
    top: 28px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .caption_guess_1,
    .caption_national_1 {
        top: 16px;
    }
}

.caption_guess_2,
.caption_national_2 {
    top: 155px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .caption_guess_2,
    .caption_national_2 {
        top: 96px;
    }
}

.caption_guess_3,
.caption_national_3 {
    top: 274px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .caption_guess_3,
    .caption_national_3 {
        top: 172px;
    }
}

.caption_guess_4,
.caption_national_4 {
    top: 414px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .caption_guess_4,
    .caption_national_4 {
        top: 260px;
    }
}

.caption_guess_5,
.caption_national_5 {
    top: 541px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .caption_guess_5,
    .caption_national_5 {
        top: 341px;
    }
}

.national_1 {
    height: 24%;
}

.national_2 {
    height: 23%;
}

.national_3 {
    height: 13%;
}

.national_4 {
    height: 20%;
}

.national_5 {
    height: 20%;
}

#caption_lines,
#national_lines {
    height: 603px;
    position: absolute;
    right: -23px;
    top: 0;
    width: 22px;
    overflow: hidden;
}

#caption_lines div,
#national_lines div {
    position: absolute;
    top: 0;
    width: 20px;
    height: 603px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    #caption_lines,
    #national_lines {
        height: 384px;
        right: -13px;
        width: 12px;
    }
    #caption_lines div,
    #national_lines div {
        height: 384px;
        width: 12px;
    }
}


/* student credit cards */

#students_cards_title {
    margin: 95px 0 0 -4px;
    font-size: 37px;
    letter-spacing: -0.057em;
}

#students_cards_byline {
    margin-top: 16px;
    letter-spacing: -0.0195em;
}

.great_rewards {
    background: transparent url("../images/pic_student_great_rewards.png") no-repeat 0 0;
    margin: 54px 0 0;
    min-height: 313px;
    min-width: 237px;
    padding: 0 0 0 227px;
}

.great_rewards .bullet_points {
    line-height: 1;
    padding: 76px 0 0 28px;
}

.great_rewards .bullet_points li+li {
    margin: 52px 0 0;
}


/* small business styles */

.team_bios {
    height: 750px;
    margin: 25px 0 0;
    position: relative;
    width: 1310px;
}

.team_bios:after {
    background: transparent url("../images/business/icon_speak_with_banker_v8.png") no-repeat 0 0;
    bottom: 17px;
    content: "";
    height: 65px;
    position: absolute;
    right: -2px;
    width: 349px;
    z-index: 2;
}

#business_cash_title {
    margin: 95px 0 0 -4px;
    font-size: 37px;
    letter-spacing: -0.057em;
}

#business_loans_title {
    margin: 95px 0 0 -4px;
    font-size: 37px;
    letter-spacing: -0.057em;
}

#business_loans_byline {
    margin: 18px 0 0;
    letter-spacing: -0.033em;
}

#business_loans_wrap {}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    #students_cards_title {
        margin: 54px 0 0 -2px !important;
    }
    #students_cards_byline {
        height: 5.46875vh;
        display: block;
        margin: 12px 0 0 -2px;
    }
    #students_cards_wrap {
        margin-top: 4.510417vh;
    }
    .team_bios:after {
        display: none;
    }
    .team_bios {
        margin: 2.2135416666666665vh 0 0;
    }
    #business_cash_title {
        margin: 54px 0 0 -2px !important;
    }
    #business_loans_title {
        margin: 53px 0 0 -2px !important;
    }
    #business_loans_byline {
        margin: 18px 0 0;
        height: 42px;
        position: relative;
        left: -2px;
    }
    #business_loans_wrap {
        margin: 51px 0 0;
    }
}

.team_header {
    color: #002c5c;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

.team_header.inactive {
    color: #004881;
}

.team_bg {
    height: 750px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1310px;
}

.bio_default {
    z-index: 1;
}

.active_jack,
.active_janice,
.active_michael {
    z-index: 2;
}

.team_bio {
    position: absolute;
    z-index: 3;
}

.team_bio:after {
    content: "";
    position: absolute;
}

.team_bio .has_caret_icon {
    background: transparent url("../images/icon_white_caret_right.png") no-repeat 100% 50%;
    min-height: 17px;
    padding-right: 19px;
    font-size: 25px;
}

.team_bio.active {
    z-index: 4;
}

.team_bio.active .has_caret_icon {
    background-image: none;
}

.team_bio.inactive .wrap {
    background: transparent url("../images/bio_bg_active.png") repeat 0 0;
}

.team_bio.inactive .header_18 {
    color: #004881;
}

.team_bio.inactive .header_19 {
    color: #666666;
}

.team_bio.inactive .header_20 {
    color: #001c35;
}

.team_bio.inactive .has_caret_icon {
    background: transparent url("../images/icon_white_caret_right_active.png") no-repeat 100% 50%;
}

.team_bio .wrap {
    opacity: 0.85;
    /* background-color: #55b8e3; */
    background-color: #008fc9;
    height: 54px;
    /* padding: 12px 10px 0px 20px; */
    padding: 0.75em;
}

.team_bio .copy {
    padding: 0 0 0 0;
    position: relative;
}

.team_bio .copy:after {
    background: transparent url("../images/icon_close_small.png") no-repeat 0 0;
    background-size: cover;
    content: "";
    height: 17px;
    position: absolute;
    right: 5px;
    top: -55px;
    width: 17px;
    z-index: 1;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .team_bio .copy:after {
        height: 24px;
        right: 6px;
        top: -63px;
        width: 24px;
    }
}

.team_bio P+P {
    padding-top: 5px;
}

.team_bio .delimiter_v4 {
    margin: 12px 0 8px;
}

.team_bio .delimiter_v5 {
    margin: 8px 0 8px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .team_bio .wrap.expand {
        padding: 15px 26px 0 38px;
    }
    .team_bio .wrap.expand .header_19 {
        font-size: 31px;
    }
    .team_bio .wrap.expand .header_20 {
        font-size: 21px;
        margin: 5px 0 0;
    }
    .team_bio .wrap.expand .font_28 {
        font-size: 23px;
    }
    .team_bio .wrap.expand .font_28 .footnote {
        top: -10px;
    }
    .team_bio .wrap.expand .font_30,
    .font_15_5 {
        font-size: 24px;
    }
    .team_bio .wrap.expand .font_30 p {
        width: 772px;
        font-size: 22px;
        line-height: 23px;
    }
    .team_bio .wrap.expand .bullet_list li {
        background-position: 0 0.8em;
    }
}

.bio_jack {
    left: 61px;
    top: 431px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .bio_jack {
        left: 46px;
    }
}

.bio_jack .wrap {
    width: 160px;
    height: 56px;
}

.bio_jack .wrap.expand {
    height: 253px;
    width: 312px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .bio_jack .wrap.expand {
        height: 27.994791666666668vh;
        width: 83.0078125vw;
        padding: 15px 15px 0 15px;
    }
}

.bio_jack:after {
    background: transparent url("../images/bio_notch_jack.png") no-repeat 0 0;
    height: 17px;
    left: 49px;
    top: -17px;
    width: 17px;
}

.bio_jack.inactive:after {
    background: transparent url("../images/bio_notch_jack_active.png") no-repeat 0 0;
}

.bio_janice {
    left: 530px;
    top: 413px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .bio_janice {
        top: 396px;
    }
}

.bio_janice .wrap {
    width: 170px;
}

.bio_janice .wrap.expand {
    height: 261px;
    margin: 0 0 0 -182px;
    width: 468px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .bio_janice .wrap.expand {
        height: 43.8vh;
        margin: 0 0 0 -339px;
        width: 81.93359375vw;
    }
    .bio_janince>div.delimiter_v5 {
        margin: 5px 0 3px;
    }
}

.bio_janice:after {
    background: transparent url("../images/bio_notch_janice.png") no-repeat 0 0;
    height: 16px;
    left: 157px;
    top: -16px;
    width: 15px;
}

.bio_janice.inactive:after {
    background: transparent url("../images/bio_notch_janice_active.png") no-repeat 0 0;
}

.bio_michael {
    left: 959px;
    top: 269px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .bio_michael {
        top: 230px;
    }
}

.bio_michael .wrap {
    width: 227px;
}

.bio_michael .wrap.expand {
    height: 300px;
    margin: 0 0 0 -204px;
    width: 505px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .bio_michael .wrap.expand {
        height: 50.78125vh;
        margin: 0 0 0 -568px;
        width: 82.03125vw;
    }
}

.bio_michael:after {
    background: transparent url("../images/bio_notch_michael.png") no-repeat 0 0;
    height: 13px;
    left: 126px;
    top: -13px;
    width: 13px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .bio_michael:after {
        left: 155px;
    }
}

.bio_michael.inactive:after {
    background: transparent url("../images/bio_notch_michael_active.png") no-repeat 0 0;
}

.wrap.expand {
    padding: 1.5em;
}


/* digital banking styles */

#banking_services_title {
    color: #11385f;
    font-size: 36px;
    margin: 97px 0 0 -4px;
}

.services_demo {
    color: #002a54;
    height: 750px;
    margin: 24px 0 0;
    overflow: hidden;
    position: relative;
    /* width: 1310px; */
}

.services_demo.check_signing {
    overflow: visible;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    #banking_services_title {
        margin: 55px 0 0 -4px;
    }
    .services_demo {
        -webkit-transform: scale(0.63);
        -webkit-transform-origin: 0 0;
        transform: scale(0.63);
        transform-origin: 0 0;
        width: 1310px;
        margin: 2.34375vh 0 0;
    }
    .services_demo .font_2 {
        font-size: 24px;
    }
}

.services_bg {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.services_bg_fx {
    height: 750px;
    position: relative;
    width: 1310px;
}

.services_bg_fx.offset img {
    /* top: 40px; */
}

.services_bg_fx img {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.services_interaction {
    height: 100%;
    left: 830px;
    position: absolute;
    top: 0;
    width: 100%;
}

.services_interaction_fx {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}

.services_interaction_fx.offset {
    margin: 84px 0 0;
}

.phone_case {
    background: transparent url("../images/pic_services_phone_case.png") no-repeat 0 0;
    height: 600px;
    left: -20px;
    position: absolute;
    top: -67px;
    width: 298px;
}

.phone_screen,
.phone_crop {
    height: 382px;
    position: absolute;
    width: 252px;
}

.phone_crop {
    overflow: hidden;
}

.frame_header_blue,
.frame_header_close,
.frame_header_caret_left,
.frame_header_popmoney,
.services_mobile .frame_02c,
.services_mobile .frame_02g,
.services_mobile .frame_02gg,
.services_mobile .frame_02d,
.services_mobile .frame_02dd,
.services_mobile .frame_05b,
.services_mobile .frame_06c,
.services_mobile .frame_07b,
.services_snap .frame_02c,
.services_snap .frame_02g,
.services_mobile .frame_02a,
.services_mobile .frame_02e,
.services_mobile .frame_02f,
.services_mobile .frame_03a,
.services_mobile .frame_04a,
.services_mobile .frame_05a,
.services_mobile .frame_06a,
.services_mobile .frame_07a,
.services_snap .frame_01b,
.services_snap .frame_09a,
.services_snap .frame_choose_account,
.services_snap .frame_02a,
.services_snap .frame_home_screen,
.services_pop .frame_05a,
.services_pop .frame_mike_k,
.services_pop .frame_overlay,
.services_pop .frame_to_field,
.services_pop .frame_keypad,
.services_pop .frame_popmoney_msg,
.services_pop .frame_popmoney_home,
.services_pop .frame_dropdown,
.services_pop .frame_dropdown_selected,
.services_bill .frame_dropdown,
.services_bill .frame_select_category,
.services_bill .frame_header_company_name,
.services_bill .frame_field_company_name,
.services_bill .frame_field_account_number,
.services_bill .frame_field_company_name .animation,
.services_bill .frame_field_account_number .animation,
.services_bill .frame_header_account_number,
.services_bill .frame_button_cable_active,
.services_bill .frame_button_cable_checked,
.services_bill .frame_button_cable,
.services_bill .frame_button_utilities,
.services_bill .frame_button_telephone,
.services_bill .frame_button_insurance,
.services_bill .frame_field_abc_cable,
.services_bill .frame_button_abc_cable_active,
.services_bill .frame_button_abc_cable_checked,
.services_bill .frame_button_abc_cable,
.services_bill .frame_button_activate,
.services_bill .frame_button_next,
.services_bill .frame_button_car_payment,
.services_bill .frame_button_confirm,
.services_bill .frame_button_electricity,
.services_bill .frame_button_mortgage,
.services_bill .frame_header_amount,
.services_bill .frame_amount_field,
.services_bill .frame_header_payee,
.services_bill .frame_bill_keypad,
.services_bill .frame_payment_sent,
.services_bill .frame_laptop {
    left: 0;
    position: absolute;
    top: 0;
}

.frame_header_blue,
.frame_header_close,
.frame_header_caret_left,
.frame_header_popmoney,
.services_mobile .frame_02c,
.services_mobile .frame_02g,
.services_mobile .frame_02gg,
.services_mobile .frame_02d,
.services_mobile .frame_02dd,
.services_mobile .frame_05b,
.services_mobile .frame_06c,
.services_mobile .frame_07b,
.services_snap .frame_02c,
.services_snap .frame_02g {
    height: 36px;
    width: 252px;
}

.services_mobile .frame_02a,
.services_mobile .frame_02e,
.services_mobile .frame_02f,
.services_mobile .frame_03a,
.services_mobile .frame_04a,
.services_mobile .frame_05a,
.services_mobile .frame_06a,
.services_mobile .frame_07a,
.services_snap .frame_01b,
.services_snap .frame_09a,
.services_snap .frame_choose_account,
.services_snap .frame_02a,
.services_snap .frame_home_screen,
.services_pop .frame_05a,
.services_pop .frame_mike_k,
.services_pop .frame_overlay,
.services_pop .frame_to_field,
.services_pop .frame_keypad,
.services_pop .frame_popmoney_msg,
.services_pop .frame_popmoney_home {
    height: 382px;
    width: 252px;
}

.frame_header_blue {
    background: transparent url("../images/pic_services_header_blue.png") no-repeat 0 0;
}

.frame_header_close {
    background: transparent url("../images/pic_services_header_close.png") no-repeat 0 0;
}

.frame_header_caret_left {
    background: transparent url("../images/pic_services_header_caret_left.png") no-repeat 0 0;
}

.frame_header_popmoney {
    background: transparent url("../images/pic_services_header_popmoney.png") no-repeat 0 0;
}

.services_mobile .services_interaction {
    top: 111px;
}

.services_mobile .prompt_01 {
    left: 137px;
    top: 60px;
}

.services_mobile .scroll_demo {
    height: 265px;
    left: 2px;
    overflow: hidden;
    position: absolute;
    top: 118px;
    width: 252px;
}

.services_mobile .scroll_bg {
    background: transparent url("../images/pic_services_mobile_scroll_bg.png") no-repeat 0 0;
    left: 0;
    height: 1050px;
    position: absolute;
    top: 0;
    width: 100%;
}

.services_mobile .scroll_bg.offset {
    bottom: 0;
    top: auto;
}

.services_mobile .icon_search {
    background: transparent url("../images/pic_services_mobile_icon_search.png") no-repeat 0 0;
    bottom: 0;
    height: 21px;
    left: 113px;
    position: absolute;
    width: 30px;
}

.services_mobile .icon_search.offset {
    bottom: -21px;
}

.services_mobile .prompt_02 {
    left: 80px;
    top: 325px;
}

.services_mobile .prompt_03 {
    left: 145px;
    top: 305px;
}

.services_mobile .prompt_04 {
    left: 130px;
    top: 50px;
}

.services_mobile .prompt_05 {
    left: 155px;
    top: 305px;
}

.services_mobile .prompt_06 {
    left: 137px;
    top: 86px;
}

.services_mobile .alert_toggle {
    background: transparent url("../images/pic_services_mobile_alert_toggle.png") no-repeat 0 0;
    height: 23px;
    left: 184px;
    position: absolute;
    top: 106px;
    width: 53px;
}

.services_mobile .frame_06b {
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    left: 29px;
    position: absolute;
    top: 9px;
    width: 194px;
}

.services_mobile .frame_02a {
    background: transparent url("../images/pic_services_mobile_02a.png") no-repeat 0 0;
    height: 382px;
}

.services_mobile .frame_02c {
    background: transparent url("../images/pic_services_mobile_02c.png") no-repeat 0 0;
    height: 36px;
}

.services_mobile .frame_02g,
.services_mobile .frame_02gg {
    background: transparent url("../images/pic_services_mobile_02g.png") no-repeat 0 0;
    height: 36px;
}

.services_mobile .frame_02d,
.services_mobile .frame_02dd {
    background: transparent url("../images/pic_services_mobile_02d.png") no-repeat 0 0;
    height: 36px;
}

.services_mobile .frame_02e {
    background: transparent url("../images/pic_services_mobile_02e.png") no-repeat 0 0;
    height: 382px;
}

.services_mobile .frame_02f {
    background: transparent url("../images/pic_services_mobile_02f.png") no-repeat 0 0;
    height: 382px;
}

.services_mobile .frame_03a {
    background: transparent url("../images/pic_services_mobile_03a.png") no-repeat 0 0;
    height: 382px;
}

.services_mobile .frame_04a {
    background: transparent url("../images/pic_services_mobile_04a.png") no-repeat 0 0;
    height: 382px;
}

.services_mobile .frame_05a {
    background: transparent url("../images/pic_services_mobile_05a.png") no-repeat 0 0;
    height: 382px;
}

.services_mobile .frame_05b {
    background: transparent url("../images/pic_services_mobile_05b.png") no-repeat 0 0;
    height: 36px;
}

.services_mobile .frame_06a {
    background: transparent url("../images/pic_services_mobile_06a.png") no-repeat 0 0;
    height: 382px;
}

.services_mobile .frame_06c {
    background: transparent url("../images/pic_services_mobile_06c.png") no-repeat 0 0;
    height: 36px;
}

.services_mobile .frame_07a {
    background: transparent url("../images/pic_services_mobile_07a.png") no-repeat 0 0;
    height: 382px;
}

.services_mobile .frame_07b {
    background: transparent url("../images/pic_services_mobile_07b.png") no-repeat 0 0;
    height: 36px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .services_mobile .prompt_01 {
        top: 36px;
    }
    .services_mobile .prompt_04 {
        top: 36px;
    }
    .services_mobile .prompt_05 {
        left: 85px;
    }
    .services_mobile .prompt_06 {
        left: 167px;
        top: 70px;
    }
}

.services_snap .services_interaction {
    top: 111px;
}

.services_snap .prompt_01 {
    left: 76px;
    top: 125px;
}

.services_snap .prompt_02 {
    left: 135px;
    top: 50px;
}

.services_snap .prompt_03 {
    left: 63px;
    top: 127px;
}

.services_snap .scroll_demo {
    background-color: #fff;
    height: 346px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 37px;
    width: 252px;
}

.services_snap .scroll_bg {
    background: transparent url("../images/pic_services_snap_scroll_bg.png") no-repeat 0 0;
    left: 0;
    height: 842px;
    margin: -560px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.services_snap .scroll_bg.offset {
    margin: 0 0 0;
}

.services_snap .scroll_bg.offset_v2 {
    margin: -445px 0 0;
}

.services_snap .prompt_04 {
    left: 78px;
    top: 400px;
}

.services_snap .frame_01b {
    background: transparent url("../images/pic_services_snap_01b.png") no-repeat 0 0;
    height: 382px;
}

.services_snap .frame_09a,
.services_snap .frame_choose_account {
    height: 382px;
}

.services_snap .frame_02a {
    background: transparent url("../images/pic_services_mobile_02a.png") no-repeat 0 0;
    height: 382px;
}

.services_snap .frame_02c {
    background: transparent url("../images/pic_services_mobile_02c.png") no-repeat 0 0;
    height: 36px;
}

.services_snap .frame_02g {
    background: transparent url("../images/pic_services_mobile_02g.png") no-repeat 0 0;
    height: 36px;
}

.services_snap .frame_home_screen {
    background: transparent url("../images/pic_services_snap_04b.png") no-repeat 0 0;
    height: 382px;
}

.services_check .services_interaction {
    top: 111px;
}

.services_check .prompt_01 {
    left: -38px;
    top: 184px;
}

.services_check .check_pen {
    background: transparent url("../images/pic_services_check_pen.png") no-repeat 0 0;
    left: 118px;
    height: 175px;
    opacity: 0.5;
    position: absolute;
    top: 116px;
    width: 416px;
    z-index: 13;
    pointer-events: none;
}

.services_check .check_front,
.services_check .check_front_bg {
    left: -302px;
    height: 333px;
    position: absolute;
    top: 32px;
    width: 657px;
}

.services_check .check_front_bg {
    background: transparent url("../images/pic_services_check_front_bg.png") no-repeat 0 0;
    z-index: 4;
}

.services_check .check_front {
    background: transparent url("../images/pic_services_check_front_no_bg.png") no-repeat 0 0;
    z-index: 5;
}

.services_check .check_back {
    background: transparent url("../images/pic_services_check_back.png") no-repeat 0 0;
    left: -155px;
    height: 479px;
    position: absolute;
    top: 89px;
    width: 294px;
    z-index: 5;
    zoom: 1;
}

.services_check #check_editor {
    height: 479px;
    left: 0;
    position: absolute;
    top: 0;
    width: 294px;
    z-index: 10;
}

.services_check .prompt_02 {
    left: -66px;
    top: 115px;
}

.services_check .prompt_03 {
    left: -2px;
    top: 121px;
}

.services_check .prompt_04 {
    left: 189px;
    top: 165px;
}

.services_check .prompt_05 {
    left: 82px;
    top: 305px;
}

.services_pop .services_interaction {
    top: 111px;
}

.services_pop .prompt_01 {
    left: 62px;
    top: 13px;
}

.services_pop .prompt_02 {
    left: 130px;
    top: 91px;
}

.services_pop .prompt_03 {
    left: 146px;
    top: 238px;
}

.services_pop .keypad {
    margin: 127px 0 0;
    position: relative;
    width: 252px;
    z-index: 10;
}

.services_pop .key {
    background-color: #cccccc;
    height: 50px;
    width: 84px;
    opacity: 0;
}

.services_pop .keypad_amount {
    left: 92px;
    position: absolute;
    text-align: right;
    top: 70px;
    width: 140px;
}

.services_pop .keypad_amount.error {
    background: url("../images/pic_services_pop_error.png") no-repeat 0 1px;
    background-size: 35% auto;
    color: #9dc0e5;
}

.services_pop .selected_amount {
    top: 146px;
}

.services_pop .prompt_05 {
    left: 65px;
    top: 288px;
}

.services_pop .sent_message {
    left: 21px;
    line-height: 18px;
    position: absolute;
    top: 225px;
    width: 214px;
}

.services_pop .prompt_06 {
    left: 62px;
    top: 270px;
}

.services_pop .frame_05a {
    background: transparent url("../images/pic_services_pop_05a.png") no-repeat 0 0;
    height: 382px;
}

.services_pop .frame_dropdown {
    background: transparent url("../images/pic_services_pop_dropdown.png") no-repeat 0 0;
    height: 120px;
    left: 11px;
    top: 100px;
    width: 231px;
}

.services_pop .frame_dropdown_selected {
    background: transparent url("../images/pic_services_pop_dropdown_selected.png") no-repeat 0 0;
    height: 120px;
    width: 231px;
}

.services_pop .frame_mike_k {
    background: transparent url("../images/pic_services_pop_mike_k.png") no-repeat 0 0;
}

.services_pop .frame_overlay {
    background: transparent url("../images/pic_services_pop_overlay.png") no-repeat 0 0;
}

.services_pop .frame_to_field {
    background: transparent url("../images/pic_services_pop_to_field.png") no-repeat 0 0;
}

.services_pop .frame_keypad {
    background: transparent url("../images/pic_services_pop_keypad.png") no-repeat 0 0;
}

.services_pop .frame_popmoney_msg {
    background: transparent url("../images/pic_services_pop_popmoney_msg.png") no-repeat 0 0;
}

.services_pop .frame_popmoney_home {
    background: transparent url("../images/pic_services_pop_popmoney_home.png") no-repeat 0 0;
}

.services_bill .services_interaction {
    left: 723px;
    height: 100%;
    top: 0;
    width: 587px;
}

.services_bill .prompt_01 {
    left: 333px;
    top: 123px;
}

.services_bill .prompt_02 {
    left: 330px;
    top: 196px;
}

.services_bill .prompt_03 {
    left: 30px;
    top: 494px;
}

.services_bill .prompt_04 {
    left: 54px;
    top: 272px;
}

.services_bill .prompt_05 {
    left: 330px;
    top: 225px;
}

.services_bill .prompt_06 {
    left: 55px;
    top: 309px;
}

.services_bill .prompt_07 {
    left: 288px;
    top: 473px;
}

.services_bill .prompt_08 {
    left: 27px;
    top: 403px;
}

.services_bill .keypad {
    margin: 251px 0 0;
    position: relative;
    width: 423px;
    z-index: 10;
}

.services_bill .key {
    background-color: #cccccc;
    height: 82px;
    width: 141px;
    opacity: 0;
}

.services_bill .keypad_amount {
    left: 57px;
    position: absolute;
    text-align: right;
    top: 17px;
    width: 240px;
}

.services_bill .selected_amount {
    top: 219px;
}

.services_bill .sent_payment {
    left: 179px;
    line-height: 1;
    position: absolute;
    top: 302px;
    width: 300px;
    opacity: 1;
}

.services_bill .sent_payment.offset {
    margin: 80px 0 0;
    opacity: 0;
}

.services_bill .sent_payment li+li {
    margin-top: 22px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .services_bill .sent_payment {
        font-size: 16px;
        top: 303px;
    }
    .services_bill .sent_payment li+li {
        margin-top: 24px;
    }
}

.services_bill .laptop_payment {
    left: 149px;
    line-height: 1;
    position: absolute;
    top: 297px;
    width: 300px;
    opacity: 1;
}

.services_bill .laptop_payment.offset {
    margin: 80px 0 0;
    opacity: 0;
}

.services_bill .laptop_payment li+li {
    margin-top: 10px;
}

.services_bill .laptop_payment .sent_amount,
.services_bill .laptop_payment .sent_date2 {
    font-size: 10px;
    padding-left: 7px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .services_bill .laptop_payment {
        top: 298px;
    }
    .services_bill .laptop_payment li+li {
        margin-top: 11px;
    }
    .services_bill .laptop_payment .sent_amount,
    .services_bill .laptop_payment .sent_date2 {
        font-size: 9px;
    }
    .services_bill .laptop_payment .sent_amount {
        margin-top: 10px;
    }
    .services_bill .laptop_payment .sent_date2 {
        margin-top: 12px;
    }
}

.services_bill .frame_select_category,
.services_bill .frame_button_cable_active,
.services_bill .frame_button_cable_checked,
.services_bill .frame_button_cable,
.services_bill .frame_button_utilities,
.services_bill .frame_button_telephone,
.services_bill .frame_button_insurance,
.services_bill .frame_button_abc_cable_active,
.services_bill .frame_button_abc_cable_checked,
.services_bill .frame_button_abc_cable,
.services_bill .frame_button_activate,
.services_bill .frame_button_car_payment,
.services_bill .frame_button_electricity,
.services_bill .frame_button_mortgage {
    height: 75px;
    width: 424px;
}

.services_bill .frame_select_category {
    background: transparent url("../images/pic_services_bill_select_category.png") no-repeat 0 0;
    top: 137px;
}

.services_bill .frame_select_category.offset {
    margin: 400px 0 0;
}

.services_bill .frame_header_company_name {
    background: transparent url("../images/pic_services_bill_header_company_name.png") no-repeat 0 0;
    height: 34px;
    top: 242px;
    width: 270px;
}

.services_bill .frame_header_company_name.offset {
    margin: 400px 0 0;
}

.services_bill .frame_header_company_name.offset_v2 {
    top: 157px;
}

.services_bill .frame_field_company_name,
.services_bill .frame_field_account_number {
    background-color: white;
    background: transparent url(../images/pic_services_bill_field_gif_bg.png) no-repeat 0 0;
    height: 72px;
    top: 289px;
    width: 427px;
}

.services_bill .frame_field_company_name.offset,
.services_bill .offset.frame_field_account_number {
    margin: 400px 0 0;
}

.services_bill .frame_field_company_name .animation,
.services_bill .frame_field_account_number .animation {
    height: 40px;
    left: 16px;
    top: 15px;
    width: 282px;
}

#account_num_anim {
    left: -10px;
}

.services_bill .frame_header_account_number {
    background: transparent url("../images/pic_services_bill_header_account_number.png") no-repeat 0 0;
    height: 28px;
    top: 381px;
    width: 290px;
}

.services_bill .frame_header_account_number.offset {
    margin: 400px 0 0;
}

.services_bill .frame_field_account_number {
    top: 429px;
}

.services_bill .frame_dropdown {
    height: 374px;
    left: 0px;
    overflow: hidden;
    top: 0px;
    width: 724px;
}

.services_bill .frame_button_cable_active {
    /*  background: transparent url("../images/pic_services_bill_button_cable_active.png") no-repeat 0 0;*/
    background: transparent url("../images/pic_services_bill_button_cable.png") no-repeat 0 0;
}

.services_bill .frame_button_cable_checked {
    background: transparent url("../images/pic_services_bill_button_cable_checked.png") no-repeat 0 0;
}

.services_bill .frame_button_cable {
    background: transparent url("../images/pic_services_bill_button_cable.png") no-repeat 0 0;
    top: 71px;
    z-index: 5;
}

.services_bill .frame_button_utilities,
.services_bill .frame_button_telephone,
.services_bill .frame_button_insurance {
    border-top: 1px solid #01a2e3;
}

.services_bill .frame_button_utilities {
    background: transparent url("../images/pic_services_bill_button_utilities.png") no-repeat 0 0;
    top: 142px;
    z-index: 1;
}

.services_bill .frame_button_telephone {
    background: transparent url("../images/pic_services_bill_button_telephone.png") no-repeat 0 0;
    top: 214px;
    z-index: 1;
}

.services_bill .frame_button_insurance {
    background: transparent url("../images/pic_services_bill_button_insurance.png") no-repeat 0 0;
    top: 286px;
    z-index: 1;
}

.services_bill .frame_field_abc_cable {
    background: transparent url(../images/pic_services_bill_field_abc_cable.png) no-repeat 0 0;
    height: 72px;
    top: 199px;
    width: 427px;
}

.services_bill .frame_button_abc_cable_active {
    /*  background: transparent url("../images/pic_services_bill_button_abc_cable_active.png") no-repeat 0 0;*/
    background: transparent url("../images/pic_services_bill_button_abc_cable.png") no-repeat 0 0;
}

.services_bill .frame_button_abc_cable_checked {
    background: transparent url("../images/pic_services_bill_button_abc_cable_checked.png") no-repeat 0 0;
}

.services_bill .frame_button_abc_cable {
    background: transparent url("../images/pic_services_bill_button_abc_cable.png") no-repeat 0 0;
    /* top: 238px; */
    top: 238px;
    z-index: 3;
}

.services_bill .frame_button_abc_cable.offset_v2 {
    top: 157px;
}

.services_bill .frame_button_activate {
    background: transparent url("../images/pic_services_bill_button_activate.png") no-repeat 0 0;
}

.services_bill .frame_button_next {
    background: transparent url("../images/pic_services_bill_button_next.png") no-repeat 0 0;
    width: 191px;
    height: 74px;
    top: 522px;
}

.services_bill .frame_button_next.offset_v2 {
    /* top: 284px; */
    top: 300px;
}

.services_bill .frame_button_car_payment {
    background: transparent url("../images/pic_services_bill_button_cars_r_us.png") no-repeat 0 0;
    /* top: 400px; */
    top: 380px;
}

.services_bill .frame_button_confirm {
    background: transparent url("../images/pic_services_bill_button_confirm.png") no-repeat 0 0;
    width: 247px;
    height: 74px;
    top: 432px;
}

.services_bill .frame_button_electricity {
    background: transparent url("../images/pic_services_bill_button_electric_plus.png") no-repeat 0 0;
    /* top: 319px; */
    top: 309px;
}

.services_bill .frame_button_mortgage {
    background: transparent url("../images/pic_services_bill_button_mortgage_central.png") no-repeat 0 0;
    /* top: 157px; */
    top: 167px;
}


/* .services_bill .frame_button_abc_cable.offset,
.services_bill .frame_button_car_payment.offset,
.services_bill .frame_button_confirm.offset,
.services_bill .frame_button_electricity.offset,
.services_bill .frame_button_mortgage.offset {
  margin: 300px 0 0;
} */

.services_bill .frame_button_confirm.offset {
    margin: 300px 0 0;
}

.services_bill .frame_select_category.offset_v2,
.services_bill .frame_header_account_number.offset_v2,
.services_bill .frame_field_company_name.offset_v2,
.services_bill .offset_v2.frame_field_account_number,
.services_bill .frame_field_account_number.offset_v2,
.services_bill .frame_button_car_payment.offset_v2,
.services_bill .frame_button_confirm.offset_v2,
.services_bill .frame_button_electricity.offset_v2,
.services_bill .frame_button_mortgage.offset_v2 {
    top: 750px;
}

.services_bill .frame_header_amount {
    background: transparent url("../images/pic_services_bill_header_amount.png") no-repeat 0 0;
    height: 28px;
    top: 260px;
    width: 141px;
}

.services_bill .frame_header_amount.offset {
    top: 100px;
}

.services_bill .frame_amount_field {
    background: transparent url("../images/pic_services_bill_amount_field.png") no-repeat 0 0;
    height: 81px;
    top: 315px;
    width: 427px;
}

.services_bill .frame_amount_field.offset {
    top: 154px;
}

.services_bill .frame_header_payee {
    background: transparent url("../images/pic_services_bill_header_payee.png") no-repeat 0 0;
    height: 34px;
    width: 107px;
    top: 120px;
}

.services_bill .frame_bill_keypad {
    background: transparent url("../images/pic_services_bill_keypad.png") no-repeat 0 0;
    height: 329px;
    width: 424px;
    top: 251px;
    opacity: 1;
}

.services_bill .frame_bill_keypad.offset {
    margin: 80px 0 0;
    opacity: 0;
}

.services_bill .frame_payment_sent {
    background: transparent url("../images/pic_services_bill_payment_sent.png") no-repeat 0 0;
    height: 381px;
    left: -57px;
    width: 585px;
    top: 135px;
    opacity: 1;
}

.services_bill .frame_payment_sent.offset {
    margin: 80px 0 0;
    opacity: 0;
}

.services_bill .frame_laptop {
    background: transparent url("../images/pic_services_bill_laptop.png") no-repeat 0 0;
    background-size: cover;
    width: 740px;
    height: 391px;
    top: 175px;
    left: -197px;
    opacity: 1;
}

.services_bill .frame_laptop.offset {
    margin: 80px 0 0;
    opacity: 0;
}

.services_copy {
    padding: 188px 0 0 66px;
    position: relative;
    z-index: 2;
}

.services_copy_fx.offset {
    margin: 40px 0 0;
}

.services_header_1 {
    line-height: 70px;
}

.services_copy_1 {
    line-height: 50px;
    margin: 50px 0 0;
    color: #666666;
}

.services_copy_1.v2 {
    margin: 30px 0 0;
}

.services_nav {
    bottom: 0;
    left: 0;
    margin-left: 0;
    position: absolute;
    z-index: 10;
    width: 100%;
}

.services_nav ul {
    display: flex;
    width: 100%;
}

.services_nav li {
    flex: 0 1 25%;
}

.services_nav li+li {
    margin-left: 10px;
}

.services_nav a {
    /* background-color: #004785; */
    background-color: #002a54;
    display: block;
    height: 68px;
    line-height: 66px;
    position: relative;
    text-align: center;
    /*   width: 258px; */
}

.services_nav a:after {
    content: "";
    position: absolute;
}

.services_nav a.selected {
    /* background: transparent url("../images/bg_00b7f2.png") repeat 0 0; */
    /*background-color: #1dace6!important;*/
    background-color: #008fc9 !important;
}

.selected_notch>img {
    margin-top: -1px;
    margin-left: -40px;
}

.services_nav .selected_notch {
    height: 0;
    left: 50%;
    margin-left: -19px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0;
}

.services_nav .selected_notch.selected {
    height: 15px;
    top: -15px;
    width: 37px;
}

.services_nav .intro_notch {
    position: absolute;
    background-color: #fff;
    height: 0;
    left: 50%;
    top: 0;
    width: 0;
}

.services_nav .intro_notch.active {
    height: 6px;
    margin-left: -50%;
    top: -6px;
    width: 100%;
}

.test {
    width: 100px;
    height: 100px;
    background-color: #cccccc;
}

.big-blue {
    width: 200px;
    height: 200px;
    background-color: blue;
}

.speak_to_banker {
    /* background: transparent url("../images/icon_speak_with_banker_v5.png") no-repeat 0 0; */
    background: transparent url("../images/lending/speak_with_a_banker.png") no-repeat 0 0;
    height: 64px;
    margin: 34px 0 0;
    width: 380px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .speak_to_banker {
        display: none;
    }
}


/* lending styles */

.lending_comparison {
    position: relative;
}

#lending_accordion>li.panel.panel_05.active>div.copy.hide>div>div.copy_wrap>div.summary.font_38 {
    color: #666666;
    padding: 35px 2px 0px;
    letter-spacing: -0.01em;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .lending_comparison {
        width: 828px;
    }
    .lending_comparison .font_21,
    .lending_comparison .font_38 {
        font-size: 22px;
    }
    .lending_comparison .font_21 .reg,
    .lending_comparison .font_38 .reg {
        top: -13px;
    }
    .lending_comparison .checkmarks {
        padding-top: 16px;
    }
    #lending_accordion>li.panel.panel_05.active>div.copy.hide>div>div.copy_wrap>div.summary.font_38 {
        padding: 2vh 2px 0px;
        font-size: 20px;
    }
}

.tiers {
    display: table;
    height: 572px;
    margin: 0 auto;
    padding: 204px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .tiers {
        height: 362px;
        padding: 155px 0 0;
    }
}

.tiers .option {
    background-color: transparent;
    background-image: url(), url();
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    border: 1px solid #fff;
    height: 372px;
    margin-left: 3px;
    position: relative;
    width: 256px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .tiers .option {
        height: 236px;
        margin-left: 2px;
        width: 162px;
    }
}

.tier_1,
.tier_2 {
    margin-left: -5px;
}

.tier_1.offset,
.tier_2.offset {
    margin-top: 300px;
}

.tier_1 .option_1 {
    /* background-image: url("../images/pic_lending_01.png"), url("../images/pic_lending_01.jpg"); */
    background-image: url("../images/lending/pic_lending_01.png"), url("../images/lending/pic_lending_01.jpg");
}

.tier_1 .option_2 {
    background-image: url("../images/lending/pic_lending_02.png"), url("../images/lending/pic_lending_02.jpg");
}

.tier_1 .option_3 {
    /*  background-image: url("../images/lending/pic_lending_03.png"), url("../images/lending/pic_lending_03.jpg");
*/
    background-image: url("../images/lending/pic_lending_03.jpg");
}

.tier_1 .option_4 {
    background-image: url("../images/lending/pic_lending_04.png"), url("../images/lending/pic_lending_04.jpg");
}

.tier_1 .option_5 {
    background-image: url("../images/lending/pic_lending_05.png"), url("../images/lending/pic_lending_05.jpg");
}

.group_1 .option_1 {
    background-image: url("../images/lending/pic_lending_06.png"), url("../images/lending/pic_lending_06.jpg");
}

.group_1 .option_2 {
    background-image: url("../images/lending/pic_lending_07.png"), url("../images/lending/pic_lending_07.jpg");
}

.group_2 .option_1 {
    background-image: url("../images/lending/pic_lending_12.jpg");
}

.group_2 .option_2 {
    background-image: url("../images/lending/pic_lending_13.jpg");
}

.group_3 .option_1 {
    background-image: url("../images/lending/pic_lending_14.jpg");
}

.group_3 .option_2 {
    background-image: url("../images/lending/pic_lending_15.jpg");
}

.group_4 .option_1 {
    background-image: url("../images/lending/pic_lending_17.jpg");
}

.group_4 .option_2 {
    background-image: url("../images/lending/pic_lending_16.jpg");
}

.group_4 .option_3 {
    background-image: url("../images/lending/pic_lending_18.jpg");
}


/* horz accordion */

.accordion_fx {
    left: 0;
    position: absolute;
    top: 0;
}

.accordion_fx.offset {
    top: 300px;
}

.accordion_v1 {
    height: 750px;
    left: 0;
    overflow: hidden;
    margin: 0 0 0 -5px;
    position: absolute;
    top: 66px;
    width: 1315px;
}

.accordion_v1 .panel {
    height: 750px;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    width: 192px;
}

.accordion_v1 .panel.active {
    width: 520px;
}

.accordion_v1 .panel.active .copy {
    display: block;
}

.accordion_v1 .panel .copy_wrap {
    padding: 0 30px;
}

.accordion_v1 .panel .summary {
    padding: 34px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .accordion_v1 .panel .summary {
        padding: 20px 0 0;
    }
}

.accordion_v1 .copy,
.accordion_v1 .button {
    left: 0;
    position: absolute;
    top: 0;
}

.accordion_v1 .button {
    height: 750px;
    width: 192px;
}

.accordion_v1 .hero {
    /*border: 1px solid white;*/
    height: 248px;
    width: 520px;
}

.accordion_v1 .panel_01 .button {
    /* background: transparent url("../images/button_lending_slide_01.png") no-repeat 0 0; */
    background: transparent url("../images/lending/home_equity_bar.jpg") no-repeat 0 0;
}

.accordion_v1 .panel_01 .hero {
    background: transparent url("../images/pic_lending_slide_01.jpg") no-repeat 0 0;
}

.accordion_v1 .panel_02 .button {
    /* background: transparent url("../images/button_lending_slide_02.png") no-repeat 0 0; */
    background: transparent url("../images/lending/home_equity_loan_bar.jpg") no-repeat 0 0;
}

.accordion_v1 .panel_02 .hero {
    background: transparent url("../images/pic_lending_slide_02.jpg") no-repeat 0 0;
}

.accordion_v1 .panel_03 .button {
    /* background: transparent url("../images/button_lending_slide_03.png") no-repeat 0 0; */
    background: transparent url("../images/lending/custom_credit_line_bar.jpg") no-repeat 0 0;
}

.accordion_v1 .panel_03 .hero {
    /* background: transparent url("../images/lending/custom_credit_line_bar.jpg") no-repeat 0 0; */
    background: transparent url("../images/pic_lending_slide_03.jpg") no-repeat 0 0;
}

.accordion_v1 .panel_04 .button {
    /* background: transparent url("../images/button_lending_slide_04.png") no-repeat 0 0; */
    background: transparent url("../images/lending/personal_loan_bar.jpg") no-repeat 0 0;
}

.accordion_v1 .panel_04 .hero {
    background: transparent url("../images/pic_lending_slide_04.jpg") no-repeat 0 0;
    /* background: transparent url("../images/lending/personal_loan_bar.jpg") no-repeat 0 0; */
}

.accordion_v1 .panel_05 .button {
    /* background: transparent url("../images/button_lending_slide_05.png") no-repeat 0 0; */
    background: transparent url("../images/lending/checking_plus_bar.jpg") no-repeat 0 0;
}

.accordion_v1 .panel_05 .hero {
    background: transparent url("../images/pic_lending_slide_05.jpg") no-repeat 0 0;
}

.accordion_v1 .copy {
    width: 522px;
    height: 750px;
}

.accordion_v1 .copy .wrap {
    background-color: #fff;
    height: 748px;
    border: 1px solid #cccccc;
    border-image: linear-gradient(to top, #ebebeb 67%, rgba(0, 0, 0, 0) 67%);
    border-image-slice: 1;
    width: 99%;
}

.accordion_v1 .copy .wrap:after,
.accordion_v1 .copy .wrap:before {
    content: "";
    position: absolute;
}

.checkmarks .vertical .font_21 .checkmark_points_v10 {
    color: #666666;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .accordion_v1 .copy .wrap:after,
    .accordion_v1 .copy .wrap:before {
        display: none;
    }
}

.accordion_v1 .copy .wrap:after {
    /* border-top: 1px solid #4075a4; */
    bottom: 93px;
    left: 0;
    width: 100%;
}

.accordion_v1 .copy .wrap:before {
    /* background: transparent url("../images/icon_speak_with_banker_v7.png") no-repeat 0 0; */
    background: transparent url("../images/lending/speak_with_a_banker.png") no-repeat 0 0;
    bottom: 21px;
    height: 52px;
    left: 30px;
    width: 309px;
}


/* landing homepage styles */

.top_promo_border {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.landing_promos {
    padding-top: 15.27777778vh;
    width: 1180px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .landing_promos {
        /* margin-left: -3px; */
        padding: 15.5vh 0 0 0;
        width: auto;
    }
}

.promo_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.flip {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.flip .front {
    height: 100%;
    opacity: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient( left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient( linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient( left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient( left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
}

.flip .back {
    backface-visibility: hidden;
    background-size: 100% 100% !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.landing_promo {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.landing_promo_01,
.landing_promo_02,
.landing_promo_03,
.landing_promo_06,
.landing_promo_07,
.landing_promo_certificate,
.landing_promo_heloc,
.landing_promo_evergreen_email,
.landing_promo_evergreen_refer,
.landing_promo_10,
.landing_promo_11,
.landing_promo_12,
.landing_promo_13,
.landing_promo_14,
.landing_promo_15,
.landing_promo_16,
.landing_promo_17,
.landing_promo_18,
.landing_promo_19,
.landing_promo_20,
.landing_promo_21,
.landing_promo_21_nyc,
.landing_promo_22,
.landing_promo_22_nyc,
.landing_promo_23,
.landing_promo_23_nyc,
.landing_promo_24,
.landing_promo_24_nyc,
.landing_promo_25,
.landing_promo_25_nyc,
.landing_promo_26,
.landing_promo_27,
.landing_promo_29,
.landing_promo_30,
.landing_promo_earn_500,
.landing_promo_10x_interest_2,
.landing_promo_heloc2,
.landing_promo_mortgage,
.landing_promo_thankyou_50k,
.landing_promo_thankyou_100k,
.landing_promo_email_offers2,
.landing_promo_email_offer,
.landing_promo_refer_a_friend,
.landing_promo_mgm,
.landing_promo_savings,
.landing_promo_savings_dp4,
.landing_promo_cd,
.landing_promo_checking,
.landing_promo_checking_dp4,
.landing_promo_cd_dp4,
.landing_promo_cs_dp4,
.landing_promo_spend_savings_dp4,
.landing_promo_special_offers,
.landing_promo_mobile_app_checking {
    height: 375px;
    width: 590px;
    max-width: 590px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .landing_promo_01,
    .landing_promo_02,
    .landing_promo_03,
    .landing_promo_06,
    .landing_promo_07,
    .landing_promo_certificate,
    .landing_promo_heloc,
    .landing_promo_evergreen_refer,
    .landing_promo_10,
    .landing_promo_11,
    .landing_promo_12,
    .landing_promo_13,
    .landing_promo_14,
    .landing_promo_15,
    .landing_promo_16,
    .landing_promo_17,
    .landing_promo_18,
    .landing_promo_19,
    .landing_promo_20,
    .landing_promo_21,
    .landing_promo_21_nyc,
    .landing_promo_22,
    .landing_promo_22_nyc,
    .landing_promo_23,
    .landing_promo_23_nyc,
    .landing_promo_24,
    .landing_promo_24_nyc,
    .landing_promo_25,
    .landing_promo_25_nyc,
    .landing_promo_26,
    .landing_promo_27,
    .landing_promo_29,
    .landing_promo_30,
    .landing_promo_earn_500,
    .landing_promo_10x_interest_2,
    .landing_promo_heloc2,
    .landing_promo_mortgage,
    .landing_promo_thankyou_50k,
    .landing_promo_thankyou_100k,
    .landing_promo_email_offers2,
    .landing_promo_email_offer,
    .landing_promo_refer_a_friend,
    .landing_promo_mgm,
    .landing_promo_savings,
    .landing_promo_savings_dp4,
    .landing_promo_cd,
    .landing_promo_checking,
    .landing_promo_checking_dp4,
    .landing_promo_cd_dp4,
    .landing_promo_special_offers,
    .landing_promo_mobile_app_checking {
        /*height: 217px;*/
        height: 30.7vh;
        /* fixme: hack for 1/2 pixel psd issue */
        width: 360px !important;
        /* width: 341px */
    }
}

.landing_promo_04,
.landing_promo_05,
.landing_promo_28,
.landing_promo_31,
.landing_promo_32 {
    height: 375px;
    width: 295px;
    max-width: 295px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .landing_promo_04,
    .landing_promo_05,
    .landing_promo_28,
    .landing_promo_31,
    .landing_promo_32 {
        /*height: 217px;*/
        height: 30.7vh;
        /* fixme: hack for 1/2 pixel psd issue */
        width: 180px;
        /* width: 171px */
    }
}

.landing_promo_01 {
    background: transparent url("../images/landing/home_promo.png") no-repeat 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .landing_promo_01 {
        background-size: 90%;
    }
}

.landing_promo_02 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_02_copy.png"), url("../images/pic_landing_promo_02_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_03 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_03_copy.png"), url("../images/pic_landing_promo_03_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_04 .back {
    background: transparent url("../images/pic_landing_promo_04.png") no-repeat 0 0;
}

.landing_promo_05 .back {
    background: transparent url("../images/pic_landing_promo_05.png") no-repeat 0 0;
}

.landing_promo_06 .back {
    background: transparent url("../images/pic_landing_promo_06.png") no-repeat 0 0;
}

.landing_promo_07 .back {
    background: transparent url("../images/pic_landing_promo_07.png") no-repeat 0 0;
}

.landing_promo_thankyou_50k .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_thankyou_50k.png"), url("../images/pic_landing_promo_blue_gradient.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_thankyou_100k .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_thankyou_100k.png"), url("../images/pic_landing_promo_blue_gradient.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_email_offers2 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_email_offers2.jpg"), url("../images/pic_landing_promo_blue_gradient.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_mobile_app_checking .back {
    background-color: transparent;
    background-image: url("../images/hp-mobile-app-checking.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_email_offer .back {
    background-color: transparent;
    background-image: url("../images/promo_special_offer_email.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_email_offer .back {
    background-color: transparent;
    background-image: url("../images/promo_special_offer_email.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_refer_a_friend .back {
    background-color: transparent;
    background-image: url("../images/images/promo_refer_a_friend.png");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_savings .back {
    background-color: transparent;
    background-image: url("../images/hp-savings-promo.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_savings_dp4 .back {
    background-color: transparent;
    background-image: url("../images/custom_cash_hp_chip_590_1_new.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_cd .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_cd.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_checking .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_checking.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_checking_dp4 .back {
    background-color: transparent;
    background-image: url("../images/promos/promo_checking_account_offer_homepage_chip.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_cd_dp4 .back {
    background-color: transparent;
    background-image: url("../images/PIL_HP_Chip.png");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_spend_savings_dp4 .back {
    background-color: transparent;
    background-image: url("../images/dp_chip_bottom_left-home.png");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_cs_dp4 .back {
    background-color: transparent;
    background-image: url("../images/dp_chip_top_right-home.png");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_mgm .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_mgm_gold.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_evergreen_email .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_evergreen_email_copy.png"), url("../images/pic_landing_promo_evergreen_email_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_evergreen_refer .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_evergreen_refer_copy.png"), url("../images/pic_landing_promo_evergreen_refer_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_certificate .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_certificate_copy.png"), url("../images/pic_landing_promo_certificate_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_heloc .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_heloc.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_earn_500 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_earn500_copy.png"), url("../images/pic_landing_promo_earn500_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_heloc2 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_heloc2_copy.png"), url("../images/pic_landing_promo_heloc2_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_mortgage .back {
    background-color: transparent;
    background-image: url("../images/landing_promo_mortgage.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_10x_interest_2 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_10x_interest_2_copy.png"), url("../images/pic_landing_promo_10x_interest_2_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_10 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_10_copy.png"), url("../images/pic_landing_promo_10_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_11 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_11_copy.png"), url("../images/pic_landing_promo_11_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_12 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_12_copy.png"), url("../images/pic_landing_promo_12_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_13 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_13_copy.png"), url("../images/pic_landing_promo_13_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_14 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_14_copy.png"), url("../images/pic_landing_promo_14_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_15 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_15_copy.png"), url("../images/pic_landing_promo_15_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_16 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_16_copy.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.landing_promo_17 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_17.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.landing_promo_18 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_18_copy.png"), url("../images/pic_landing_promo_18_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_19 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_19_copy.png"), url("../images/pic_landing_promo_19_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_20 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_20_copy.png"), url("../images/pic_landing_promo_20_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_21 .back {
    background: transparent url("../images/pic_landing_promo_21.png") no-repeat 0 0;
}

.landing_promo_21_nyc .back {
    background: transparent url("../images/pic_landing_promo_21_nyc.png") no-repeat 0 0;
}

.landing_promo_22 .back {
    background: transparent url("../images/pic_landing_promo_22.png") no-repeat 0 0;
}

.landing_promo_22_nyc .back {
    background: transparent url("../images/pic_landing_promo_22_nyc.png") no-repeat 0 0;
}

.landing_promo_23 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_23_copy.png"), url("../images/pic_landing_promo_23_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_23_nyc .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_23_copy.png"), url("../images/pic_landing_promo_23_bg_nyc.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_24 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_24_copy.png"), url("../images/pic_landing_promo_24_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_24_nyc .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_24_copy.png"), url("../images/pic_landing_promo_24_bg_nyc.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_25 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_25_copy.png"), url("../images/pic_landing_promo_25_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_25_nyc .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_25_copy.png"), url("../images/pic_landing_promo_25_bg_nyc.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_26 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_26_copy.png"), url("../images/pic_landing_promo_26_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_27 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_27_copy.png"), url("../images/pic_landing_promo_27_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_27 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_27_copy.png"), url("../images/pic_landing_promo_27_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_27 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_27_copy.png"), url("../images/pic_landing_promo_27_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_28 .back {
    background: transparent url("../images/pic_landing_promo_28.png") no-repeat 0 0;
}

.landing_promo_29 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_29_copy.png"), url("../images/pic_landing_promo_29_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_30 .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_30_copy.png"), url("../images/pic_landing_promo_30_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_special_offers .back {
    background-color: transparent;
    background-image: url("../images/pic_landing_promo_special_offers_032018.jpg");
    background-position: center center;
    background-repeat: no-repeat, no-repeat;
}

.landing_promo_31 .back {
    background: transparent url("../images/pic_landing_promo_31.png") no-repeat 0 0;
}

.landing_promo_32 .back {
    background: transparent url("../images/promos/frontpage/citigold.png") no-repeat 0 0;
}

.promo_08.small .back {
    background: transparent url("../images/promos/mortgage_front_page.jpg") no-repeat 0 0;
}

.promo_26.small .back {
    background: transparent url("../images/promo_26_small.png") no-repeat 0 0;
}

.promo_21.small .back {
    background: transparent url("../images/promo_21_small.png") no-repeat 0 0;
}

.promo_19.small .back {
    /*  background: transparent url("../images/promo_19_small.png") no-repeat 0 0;
*/
    background: transparent url("../images/promos/frontpage/creditcard.png") no-repeat 0 0;
}

.promo_27.small .back {
    background: transparent url("../images/promo_27_small.png") no-repeat 0 0;
}

.promo_77.small .back {
    /*  background: transparent url("../images/promo_77_small.png") no-repeat 0 0;
*/
    background: transparent url("../images/promos/frontpage/citi_priority.png") no-repeat 0 0;
}

.promo_84.small .back {
    background: transparent url("../images/promo_84_small.png") no-repeat 0 0;
}

.promo_84.small .back {
    background: transparent url("../images/promo_84_small.png") no-repeat 0 0;
}

.promo_acsi.small .back {
    background: transparent url("../images/promo_acsi_small.jpg") no-repeat 0 0;
}

.promo_mgm.small .back {
    background: transparent url("../images/promo_mgm0318_small.jpg") no-repeat 0 0;
}

.promos .small {
    background-size: cover;
    height: 250px;
    width: 250px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .promos .small {
        /* height: 145px;
    width: 145px;*/
        height: 158px;
        width: 158px;
    }
}

.landing.promos {
    padding-left: 60px;
    padding-right: 150px;
}

.landing.promos .promo {
    /* note: fixes .flip animation */
    display: block;
    /* note: fixes clickable right rails */
    width: 100%;
    height: 100%;
}

.dp4_mortgage_legal {
    max-width: 1480px;
    line-height: normal;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .landing.promos {
        display: block;
        height: 475px;
        /*left: 816px;*/
        left: 84.6vw;
        /* fixme: hack for 1/2 pixel psd issue */
        overflow: hidden;
        padding: 0;
        position: absolute;
        /*top: 161px;*/
        top: 15.6vh;
        width: 158px;
    }
}


/* checking animation styles */

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {}

.slide_front_1,
.slide_front_2,
.slide_front_3,
.slide_front_4,
.slide_front_5,
.slide_back_1,
.slide_back_2,
.slide_back_3,
.slide_back_4,
.slide_back_5 {
    height: 100%;
    width: 100%;
}

.slide_front_1 .button_options,
.slide_front_2 .button_options,
.slide_front_3 .button_options,
.slide_front_4 .button_options,
.slide_front_5 .button_options,
.slide_back_1 .button_options,
.slide_back_2 .button_options,
.slide_back_3 .button_options,
.slide_back_4 .button_options,
.slide_back_5 .button_options {
    line-height: 36px;
    padding: 254px 0 0 70px;
}

.slide_front_1 .learn_more,
.slide_front_2 .learn_more,
.slide_front_3 .learn_more,
.slide_front_4 .learn_more,
.slide_front_5 .learn_more,
.slide_back_1 .learn_more,
.slide_back_2 .learn_more,
.slide_back_3 .learn_more,
.slide_back_4 .learn_more,
.slide_back_5 .learn_more {
    background-color: #e8e8e8;
    height: 36px;
    text-align: center;
    width: 198px;
}

.slide_front_1 .show_me,
.slide_front_2 .show_me,
.slide_front_3 .show_me,
.slide_front_4 .show_me,
.slide_front_5 .show_me,
.slide_back_1 .show_me,
.slide_back_2 .show_me,
.slide_back_3 .show_me,
.slide_back_4 .show_me,
.slide_back_5 .show_me {
    padding-left: 38px;
}

.slide {
    background-size: contain !important;
}

.slide_front_1 {
    background-color: transparent;
    background-image: url("../images/checking/checking_slide_citi.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slide_front_1 {
        /*    background: transparent url("../images/pic_checking_slide_04@flat.png") no-repeat 0 0;
*/
        background: transparent url("../images/checking/checking_slide_citi.png") no-repeat 0 0;
    }
}

.slide_front_2 {
    background-color: transparent;
    background-image: url("../images/checking/checking_slide_sc.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slide_front_2 {
        background: transparent url("../images/checking/checking_slide_sc.png") no-repeat 0 0;
    }
}

.slide_front_3 {
    background-color: transparent;
    /* background-image: url("../images/pic_checking_slide_02.png"), url("../images/pic_checking_slide_02_bg.jpg"); */
    /* background-image: url("../images/checking/checking_slide_02.png"); */
    background-image: url("../images/checking/checking_slide_02_2020.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slide_front_3 {
        /*    background: transparent url("../images/pic_checking_slide_02@flat.png") no-repeat 0 0;
*/
        background: transparent url("../images/checking/checking_slide_02.png") no-repeat 0 0;
    }
}

.slide_front_4 {
    background-color: transparent;
    background-image: url("../images/checking/checking_slide_citipriority.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slide_front_4 {
        background: transparent url("../images/checking/checking_slide_citipriority.png") no-repeat 0 0;
    }
}

.slide_front_5 {
    background-color: transparent;
    background-image: url("../images/checking/checking_slide_bc.jpg");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slide_front_5 {
        background: transparent url("../images/checking/checking_slide_bc.jpg") no-repeat 0 0;
    }
}

.slide_back_1 {
    background-color: transparent;
    background-image: url("../images/checking/checking_slide_citi_back.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slide_back_1 {
        background: transparent url("../images/checking/checking_slide_citi_back.png") no-repeat 0 0;
    }
}

.slide_back_2 {
    background-color: transparent;
    background-image: url("../images/checking/checking_slide_sc_back.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slide_back_2 {
        background: transparent url("../images/checking/checking_slide_sc_back.png") no-repeat 0 0;
    }
}

.slide_back_3 {
    background-color: transparent;
    /* background-image: url("../images/checking/checking_slide_02_back.png"); */
    background-image: url("../images/checking/checking_slide_02_2020_back.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slide_back_3 {
        background: transparent url("../images/checking/checking_slide_02_back.png") no-repeat 0 0;
    }
}

.slide_back_4 {
    background-color: transparent;
    background-image: url("../images/checking/checking_slide_citipriority_back.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slide_back_4 {
        background: transparent url("../images/checking/checking_slide_citipriority_back.png") no-repeat 0 0;
    }
}

.slide_back_5 {
    background-color: transparent;
    background-image: url("../images/checking/checking_slide_bc_back.jpg");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .slide_back_5 {
        background: transparent url("../images/checking/checking_slide_bc_back.jpg") no-repeat 0 0;
    }
}

.carousel .left,
.carousel .right {
    position: absolute;
    top: 290px;
    z-index: 98;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .carousel .left,
    .carousel .right {
        top: 165px;
    }
}

.carousel [class^="item"] {
    position: absolute;
}

.checking_carousel .carousel .item_1 .front,
.checking_carousel .carousel .item_2 .front,
.checking_carousel .carousel .item_3 .front,
.checking_carousel .carousel .item_4 .front,
.checking_carousel .carousel .item_5 .front,
.checking_carousel .carousel .item_1 .back,
.checking_carousel .carousel .item_2 .back,
.checking_carousel .carousel .item_3 .back,
.checking_carousel .carousel .item_4 .back,
.checking_carousel .carousel .item_5 .back {
    /* background-color: #0066bf; */
    position: absolute;
}

.checking_carousel .carousel .item_1 .front,
.checking_carousel .carousel .item_2 .front,
.checking_carousel .carousel .item_3 .front,
.checking_carousel .carousel .item_4 .front,
.checking_carousel .carousel .item_5 .front {
    z-index: 100;
}

.checking_carousel .carousel .item_1 .back,
.checking_carousel .carousel .item_2 .back,
.checking_carousel .carousel .item_3 .back,
.checking_carousel .carousel .item_4 .back,
.checking_carousel .carousel .item_5 .back {
    z-index: 99;
}

.checking_carousel .carousel .item_1 img,
.checking_carousel .carousel .item_2 img,
.checking_carousel .carousel .item_3 img,
.checking_carousel .carousel .item_4 img,
.checking_carousel .carousel .item_5 img {
    width: 100%;
    height: 100%;
}

.checking_carousel .carousel .item_1,
.checking_carousel .carousel .item_5 {
    top: 124px;
    width: 330px;
    height: 450px;
    z-index: 100;
}

.checking_carousel .carousel .item_2,
.checking_carousel .carousel .item_4 {
    top: 48px;
    width: 440px;
    height: 600px;
    z-index: 500;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .checking_carousel .carousel .item_2,
    .checking_carousel .carousel .item_4 {
        height: 327px;
        top: 58px;
        width: 240px;
    }
}

.checking_carousel .carousel .item_3 {
    top: -27px;
    height: 750px;
    width: 550px;
    z-index: 1000;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .checking_carousel .carousel .item_3 {
        height: 447px;
        width: 328px;
        top: -10px;
    }
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .checking_carousel .carousel .item_1,
    .checking_carousel .carousel .item_5 {
        height: 240px;
        top: 101px;
        width: 176px;
    }
}

.checking_carousel .carousel .item_2 .slide,
.checking_carousel .carousel .item_4 .slide {
    opacity: 0.85;
    filter: blur(2px);
}

.checking_carousel .carousel .item_1 .slide,
.checking_carousel .carousel .item_5 .slide {
    opacity: 0.85;
    filter: blur(3px);
}

.background_item {
    z-index: 1 !important;
}

.foreground_item {
    /* z-index: 1001 !important; */
}

.carousel {
    position: relative;
    width: 1310px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .carousel {
        width: 828px;
    }
    .checking_carousel .carousel .item_2 .slide,
    .checking_carousel .carousel .item_4 .slide,
    .checking_carousel .carousel .item_1 .slide,
    .checking_carousel .carousel .item_5 .slide {
        filter: none;
    }
}

.carousel .front,
.carousel .back {
    height: 100%;
    width: 100%;
}

.carousel .left {
    left: -20px;
}

.carousel .right {
    right: -20px;
}

.checking_carousel .carousel .item_1 {
    left: 62px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .checking_carousel .carousel .item_1 {
        left: 40px;
    }
}

.checking_carousel .carousel .item_2 {
    left: 158px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .checking_carousel .carousel .item_2 {
        left: 100px;
    }
}

.checking_carousel .carousel .item_2:after {
    border: none;
    background-image: none;
}

.checking_carousel .carousel .item_2 .back {
    display: block !important;
}

.checking_carousel .carousel .item_3 {
    left: 385px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .checking_carousel .carousel .item_3 {
        left: 244px;
    }
}

.checking_carousel .carousel .item_4 {
    left: 715px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .checking_carousel .carousel .item_4 {
        left: 470px;
    }
}

.checking_carousel .carousel .item_5 {
    left: 921px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .checking_carousel .carousel .item_5 {
        left: 600px;
    }
}

.carousel_next,
.carousel_prev {
    height: 55px;
    padding: 20px;
    width: 30px;
    padding-left: 0;
}

.carousel_next {
    /* background: transparent url("../images/icon_next.png") 50% 50% no-repeat; */
    background: transparent url("../images/privatepass/right_arrow.png") 50% 50% no-repeat;
}

.carousel_next.disabled {
    background-image: url("../images/privatepass/left_arror_disabled.png");
    transform: scaleX(-1);
}

.carousel_next.modalDisabled {
    background-image: none;
}

.carousel_prev {
    /* background: transparent url("../images/icon_prev.png") 50% 50% no-repeat; */
    background: transparent url("../images/privatepass/right_arrow.png") 50% 50% no-repeat;
    transform: scaleX(-1);
}

.carousel_prev.disabled {
    background-image: url("../images/privatepass/left_arror_disabled.png");
    transform: none;
}

.carousel_prev.modalDisabled {
    background-image: none;
}

.background_overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 0;
    background: rgb(0, 0, 0);
    right: 0;
    top: 0;
    z-index: 9999;
    opacity: 0.502;
}

.citigold_background_overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: calc(100vh - 43.14814815vh);
    background: rgb(0, 0, 0);
    right: 0;
    top: 0;
    z-index: 9999;
    opacity: 0.502;
}

.citigold_hero {
    height: 350px;
    margin-top: 17px;
}

.citigold_header {
    color: #98793e;
    margin: 92px 0 0 -4px;
    font-size: 37px;
    letter-spacing: -0.044em;
}

#citigold_team_hero {
    height: 350px;
    margin: 27px 0 0 2px;
}

#citigold_wealth_hero {
    margin-top: 21px;
}

#team_title {
    color: #98793e;
    margin: 95px 0 0 -4px;
    font-size: 38px;
    letter-spacing: -0.06em;
}

#digital_title {
    color: #98793e;
    margin: 101px 0 0 -4px;
    font-size: 36px;
}

#wealth_title {
    color: #98793e;
    margin: 100px 0 0 -4px;
    font-size: 37px;
}

#checking_debit_title {
    margin: 91px 0 0 -4px;
    font-size: 37px;
}

#checking_debit_byline {
    margin: 23px 0 0;
    font-size: 52px;
    letter-spacing: -0.053em;
    line-height: 49px;
    height: 134px;
}

#checking_savings_byline {
    color: #002a54;
    margin: 18px 0 0;
    letter-spacing: -0.035em;
}

#banking_statements_byline {
    color: #002a54;
    letter-spacing: -0.023em;
    margin: 10px -2px 0;
    font-size: 4.62vh;
    display: block;
}

#business_cash_byline {
    margin: 18px 0 0;
    letter-spacing: -0.012em;
    height: 126px;
    font-size: 4.2vh;
}

#business_cash_byline>div.header_17 {
    font-size: 24px;
    letter-spacing: -0.023em;
}

#business_checking_title {
    margin: 95px 0 0 -4px;
    font-size: 37px;
    letter-spacing: -0.057em;
}

#business_checking_byline {
    margin: 18px 0 0;
    letter-spacing: -0.012em;
    height: 126px;
    font-size: 4.3vh;
}

#business_citibusiness_title {
    margin: 95px 0 0 -4px;
    font-size: 37px;
    letter-spacing: -0.057em;
}

#business_citibusiness_byline>div.header_28 {
    margin: 18px 0 0;
    letter-spacing: -0.018em;
    height: 126px;
    font-size: 4.3vh;
}

#business_citibusiness_byline>div.header_28>div.header_17 {
    font-size: 24px;
    letter-spacing: -0.023em;
}

@supports (-ms-ime-align: auto) {
    .citigold_header {
        font-size: 36px;
    }
}

.citigold_shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 14px;
    left: 0;
    background: url("../images/pic_citigold_shadow.png");
    opacity: 0;
    transition: opacity 0.4s;
    z-index: 1;
}

.citigold_shadow.active {
    opacity: 1;
}

#citigold_legal_img {
    font-size: 14px !important;
    line-height: 17px;
    letter-spacing: -0.4px;
    font-family: InterstateBold, helvetica, arial, sans-serif;
    border: 1px solid #666666;
    padding: 5px 10px;
    margin: 5px 0 5px 0;
}

#copyright_footer>div>div {
    max-width: 1480px;
    font-size: 1.117em;
}

#local_savings_footer>#legal_details {
    padding: 50px 75px 100px 6px;
}

#mortgage_legal {
    max-width: 1510px;
    line-height: initial;
    margin-left: 3vw;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    #mortgage_legal {
        margin-left: 5vw;
    }
    sup.mobile_legal_spacing {
        vertical-align: baseline;
    }
    .business_citibusiness_legal_copy {
        padding: 34px 75px 250px 35px;
    }
    #lending_loans_legal_copy1 {
        font-size: 12.5px;
    }
    #mortgage_calculator_legal_copy {
        font-size: 12px;
    }
    #mortgage_refinancing_legal_copy {
        font-size: 11px;
    }
    .citigold_ipad .font_24,
    .citigold_ipad .font_40 {
        font-size: 24px;
    }
    .citigold_ipad .font_24 .reg,
    .citigold_ipad .font_24 .footnote,
    .citigold_ipad .font_40 .reg,
    .citigold_ipad .font_40 .footnote {
        top: -12px;
    }
    #business_checking_title {
        margin: 53px 0 0 -2px !important;
    }
    #business_citibusiness_title {
        margin: 54px 0 0 -2px !important;
    }
    #local_savings_footer>#legal_details {
        padding: 2vh 75px 100px 38px;
    }
    .checking_savings_legal_details {
        padding: 34px 75px 250px 35px;
    }
    .copy_4 .font_25b {
        font-size: 1.4522916666666667vh;
    }
    /*Ipad fixes*/
    .sorting_content_wrap {
        position: absolute;
        top: -135px;
        left: -295px;
        transform: scale(0.6);
    }
    .sorting-list-item {
        font-size: 24px !important;
    }
    .pg-sorting-header {
        /* margin-left: -285px !important; */
        /* transform: scale(.60); */
        font-size: 20.5px !important;
        margin: 30px 0px 41px 0px !important;
        padding-top: 2.8em !important;
    }
    .message-left {
        margin-left: 1.3em !important;
    }
}


/* Citigold */

.citigold_carousel {
    height: 750px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 1310px;
    z-index: 1;
}

.citigold_experience {
    background: transparent url(../images/pic_citigold_experience_poster.jpg) no-repeat 0 0;
    height: 750px;
    margin: 27px 2px 0 0;
    position: relative;
    width: 1310px;
}

.citigold_video {
    height: 750px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 1310px;
    z-index: 1;
}

.citigold_logo {
    background: transparent url("../images/citigold/strip.png") no-repeat 0 0;
    height: 39px;
    position: absolute;
    top: 24px;
    width: 1310px;
    z-index: 2;
}

.citigold_nav {
    left: 146px;
    height: 121px;
    position: absolute;
    top: 584px;
    width: 1018px;
    z-index: 2;
}

.citigold_nav .tabs.delimit {
    margin: 5px 0 0;
}

.citigold_nav .tabs li+li {
    padding-left: 5px;
}

.citigold_nav .button {
    height: 58px;
    width: 336px;
    transition: opacity 0.25s;
}

.citigold_nav.active .button.active {
    opacity: 0.9;
}

.citigold_nav .nav_1 {
    background: transparent url("../images/citigold/button_citigold_nav_01_off.png") no-repeat 0 0;
}

.citigold_nav .nav_1.active {
    background: transparent url("../images/citigold/citigold_team_btn.png") no-repeat 0 0;
}

.citigold_nav .nav_2 {
    background: transparent url("../images/citigold/button_citigold_nav_02_off.png") no-repeat 0 0;
}

.citigold_nav .nav_2.active {
    background: transparent url("../images/citigold/citigold_digital_btn.png") no-repeat 0 0;
}

.citigold_nav .nav_3 {
    background: transparent url("../images/citigold/button_citigold_nav_03_off.png") no-repeat 0 0;
}

.citigold_nav .nav_3.active {
    background: transparent url("../images/citigold/citigold_wealth_btn.png") no-repeat 0 0;
}

.citigold_nav .nav_4 {
    background: transparent url("../images/citigold/button_citigold_nav_04_off.png") no-repeat 0 0;
}

.citigold_nav .nav_4.active {
    background: transparent url("../images/citigold/citigold_planning_btn.png") no-repeat 0 0;
}

.citigold_nav .nav_5 {
    background: transparent url("../images/citigold/button_citigold_nav_05_off.png") no-repeat 0 0;
}

.citigold_nav .nav_5.active {
    background: transparent url("../images/citigold/citigold_banking_btn.png") no-repeat 0 0;
}

.citigold_nav .nav_6 {
    background: transparent url("../images/citigold/button_citigold_nav_06_off.png") no-repeat 0 0;
}

.citigold_nav .nav_6.active {
    background: transparent url("../images/citigold/citigold_benefits_btn.png") no-repeat 0 0;
}

.citigold_nav .nav_top,
.citigold_nav .nav_bottom {
    left: 0;
    position: absolute;
}

.citigold_nav .nav_top {
    top: 0;
}

.citigold_nav .nav_bottom {
    bottom: 0;
}

.citigold_nav .nav_content {
    height: 205px;
    overflow: hidden;
    left: 0;
    position: absolute;
    top: 68px;
}

.citigold_nav .nav_pic {
    background-color: white;
}

.citigold_nav .nav_copy {
    background-color: #98793e;
    background-image: url(../images/icon_speak_with_banker_v12.png), url(../images/bg_citigold_nav.png);
    background-position: 273px 162px, 0 0;
    background-repeat: no-repeat, repeat;
    padding: 36px 0 0 27px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.75px;
}

#citigold_team_col {
    background: white url(../images/citigold/team_cta.png) no-repeat 868px 652px;
}

#business_checking_byline>span {
    font-size: 14px;
    left: -2px;
    top: -23px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .citigold_hero {
        margin-top: 0px;
    }
    .citigold_header {
        color: #b4975a;
        margin: 78px 0 0 0px;
        font-size: 23px;
        letter-spacing: -0.044em;
    }
    #citigold_team_hero {
        margin-top: 0px;
    }
    #citigold_wealth_hero {
        margin-top: 24px;
    }
    #citigold_legal_img {
        font-size: 10px !important;
        border: 1px solid #666666;
        margin: 5px 0 5px 0;
        max-width: 895px !important;
    }
    #copyright_footer>div>div:not(.legal_full_width) {
        font-size: 13px;
        padding-bottom: 0px;
        max-width: 93.75vw;
        line-height: 15px;
    }
    #copyright_footer>div>div .legal_full_width {
        font-size: 1.117em;
        padding-bottom: 3px;
        max-width: 100% !important;
    }
    #copyright_footer>div>div>div>p {
        line-height: 15px;
        padding-top: 3px;
        padding-right: 20px;
    }
    .citigold_nav .nav_copy {
        padding: 22px 15px 0 25px;
        background: transparent url("../images/bg_citigold_nav.png") repeat 0 0;
    }
    .citigold_experience {
        margin: 15px 2px 0 0;
    }
    #team_title {
        color: #b4975a;
        margin: 55px 0 0 -3px;
        font-size: 38px;
        letter-spacing: -0.06em;
    }
    #digital_title {
        color: #b4975a;
        margin: 55px 0 0 -3px !important;
        font-size: 36px;
    }
    #wealth_title {
        color: #b4975a;
        margin: 55px 0 0 -2px !important;
        font-size: 37px;
    }
    #checking_debit_title {
        margin: 55px 0 11px -2px !important;
        font-size: 37px;
    }
    #checking_debit_byline {
        margin: 0 0 0;
        font-size: 4.814814814814815vh;
        letter-spacing: -0.053em;
        line-height: 35px;
        height: 68px;
        position: relative;
        left: -2px;
    }
    #checking_savings_byline {
        height: 28px !important;
        display: block;
        margin: 10px 0 0 -2px;
    }
    #checking_debit_interior {
        margin: 24px 0 0 !important;
    }
    #banking_alerts_interior {
        margin: 17px 0 0 !important;
        position: relative;
        top: -1px;
    }
    #business_cash_byline {
        padding: 12px 0 0 !important;
        height: 42px !important;
        position: relative;
        left: -1px;
    }
    #business_cash_byline>div.header_17 {
        font-size: 2.28vh;
    }
    #business_checking_byline {
        height: 72px !important;
        font-size: 4vh;
        position: relative;
        left: -1px;
    }
    #business_checking_byline>span {
        top: -16px;
    }
    #business_cash_wrap {
        margin: 18px 0 0;
    }
    #business_citibusiness_byline>div.header_28 {
        height: 64px !important;
        font-size: 3.7vh;
        position: relative;
        left: -1px;
    }
    #business_citibusiness_byline>div.header_28>div.header_17 {
        font-size: 2.5vh;
    }
    #citigold_team_col {
        background-image: url("../images/citigold/team_cta.png");
        background-color: white;
        background-position: 868px 614px;
        background-repeat: no-repeat no-repeat;
        margin-top: 2.5vh;
        margin-left: -1px;
    }
}


/*Checking & Savings*/

#checking_selector_title {
    color: #002a54;
    margin: 95px 0 0 -4px;
    font-size: 3.01em;
    letter-spacing: -0.025em;
}

#checking_priority_title {
    color: #002a54;
    margin: 92px 0 0 -4px;
    font-size: 38px;
}

.checking_carousel {
    margin: 53px 0 0;
    position: relative;
    z-index: 1;
}

#checking_priority_hero {
    margin: 29px 0 0;
}

#checking_savings_title {
    color: #002a54;
    margin: 95px 0 0 -4px;
    font-size: 38px;
    letter-spacing: -0.06em;
}

#banking_statements_title {
    color: #002a54;
    margin: 98px 0 0 -4px;
    font-size: 36px;
}

#banking_alerts_title {
    margin: 97px 0 0 -4px;
    font-size: 36px;
}

#banking_alerts_byline {
    margin: 16px -1px 0px;
    letter-spacing: -0.03em;
}

#lending_equity_title {
    margin: 93px 0 0 -4px;
    font-size: 37px;
}

#lending_equity_byline {
    height: 126px;
    margin: 20px 0 0;
    letter-spacing: -0.04em;
}

#lending_loans_title {
    margin: 95px 0 -1px;
    font-size: 35px;
}

#lending_loans_byline {
    margin: 18px 0 0;
    letter-spacing: -0.02em;
    height: 126px;
}

#business_needs_title {
    color: #002c5c;
    margin: 95px 0 0 -4px;
    font-size: 37px;
    letter-spacing: -0.057em;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    #business_checking_wrap {
        margin: 22px 0 0;
    }
    #checking_selector_title {
        margin: 55px 0 0 -2px !important;
    }
    .checking_carousel {
        margin: 24px 5px 0px;
        position: relative;
        z-index: 1;
    }
    #checking_priority_title {
        margin: 55px 0 0 -2px !important;
    }
    #checking_priority_hero {
        margin: 15px 0 0;
    }
    #checking_savings_title {
        margin: 55px 0 0 !important;
    }
    #checking_savings_col {
        margin: 55px 0 0;
    }
    #banking_statements_title {
        margin: 55px 0 0 -3px !important;
    }
    #banking_statements_wrap {
        margin-top: 12px;
    }
    #banking_alerts_title {
        margin: 55px 0 0 0px !important;
    }
    #banking_alerts_byline {
        height: 66px;
        margin: 11px -1px 0px !important;
        display: block;
    }
    #lending_equity_title {
        margin: 55px 0 0 -4px;
    }
    #lending_equity_byline {
        height: 47px;
    }
    #lending_equity_wrap {
        margin-top: 45px;
    }
    #lending_loans_title {
        margin: 58px 0 0 -3px !important;
    }
    #lending_loans_byline {
        height: 64px;
        display: block;
        margin: 8px -1px 0;
    }
    #lending_loans_wrap {
        margin-top: 18px;
    }
    #business_citibusiness_wrap {
        margin: 31px 0 0;
    }
    #business_needs_title {
        margin: 54px 0 0 369px !important;
        transform: scale(1.66);
        position: relative;
        top: -20px;
    }
}


/* citibike */

.citibike_content {
    background: transparent url("../images/local/bg_citibike.png") no-repeat 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .citibike_content {
        background: transparent url("../images/local/bg_citibike@2x.png") no-repeat 0 39px;
        background-size: 884px 683px;
    }
}

.citibike_carousel {
    background: transparent url("../images/lending/speak_with_a_banker.png") no-repeat 1012px 676px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .citibike_carousel {
        background-image: none;
        width: 857px;
        padding: 25px 0 0;
    }
    .citibike_carousel .carousel {
        width: 828px;
    }
    .citibike_carousel .carousel_next,
    .citibike_carousel .carousel_prev {
        height: 37px;
        padding: 20px;
        width: 20px;
    }
    .citibike_carousel .carousel_next {
        background: transparent url("../images/icon_next.png") 50% 50% no-repeat;
        background-size: 20px 37px;
    }
    .citibike_carousel .carousel_prev {
        background: transparent url("../images/icon_prev.png") 50% 50% no-repeat;
        background-size: 20px 37px;
        -webkit-transform: rotateY(0);
    }
}

.citibike_carousel .miles_count {
    margin: 7px 79px 0 auto;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .citibike_carousel .miles_count {
        margin: 5px 79px 0 auto;
    }
}

.citibike_carousel .miles_count .cell {
    vertical-align: bottom;
}

.citibike_carousel .select_v1 {
    margin: 0 0 13px 13px;
    width: 270px;
    height: 50px;
    border-radius: 3px;
    background-color: #002a54;
    padding-left: 20px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .citibike_carousel .select_v1 {
        margin: 0 0 9px 11px;
        width: 172px;
    }
}

.citibike_carousel .left,
.citibike_carousel .right {
    top: 86px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .citibike_carousel .left,
    .citibike_carousel .right {
        top: 47px;
    }
}

.citibike_carousel .per {
    display: none;
}

.citibike_carousel.per_year .year,
.citibike_carousel.per_month .month,
.citibike_carousel.per_week .week,
.citibike_carousel.per_day .day {
    display: block;
}

.citibike_carousel .slides {
    height: 279px;
    margin: 11px 0 0 37px;
    overflow: hidden;
    width: 1237px !important;
}

.citibike_carousel .slides.loaded {
    height: 500px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .citibike_carousel .slides {
        height: 177px;
        margin: 20px 0 0 23px;
        overflow: hidden;
        width: 780px !important;
    }
    .citibike_carousel .slides.loaded {
        height: 340px;
    }
}

.citibike_carousel .slide {
    height: 279px;
    margin-left: 100px;
    position: relative !important;
    width: 279px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .citibike_carousel .slide {
        height: 177px;
        margin-left: 63px;
        width: 177px;
    }
}

.citibike_carousel .slide .on,
.citibike_carousel .slide .off {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.citibike_carousel .slide .on {
    display: none;
}

.citibike_carousel .slide .caption {
    text-align: center;
    position: absolute;
    bottom: -130px;
    left: -210px;
    height: 130px;
    width: 700px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .citibike_carousel .slide .caption {
        bottom: -130px;
        left: -210px;
        height: 130px;
        width: 592px;
    }
}

.citibike_carousel .slide_1 .on {
    background-color: transparent;
    background-image: url("../images/pic_citibike_pizza.png"), url("../images/pic_citibike_slide_on.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide_1 .off {
    background-color: transparent;
    background-image: url("../images/pic_citibike_pizza.png"), url("../images/pic_citibike_slide_off.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide_2 .on {
    background-color: transparent;
    background-image: url("../images/pic_citibike_taxi.png"), url("../images/pic_citibike_slide_on.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide_2 .off {
    background-color: transparent;
    background-image: url("../images/pic_citibike_taxi.png"), url("../images/pic_citibike_slide_off.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide_3 .on {
    background-color: transparent;
    background-image: url("../images/pic_citibike_ferry.png"), url("../images/pic_citibike_slide_on.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide_3 .off {
    background-color: transparent;
    background-image: url("../images/pic_citibike_ferry.png"), url("../images/pic_citibike_slide_off.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide_4 .on {
    background-color: transparent;
    background-image: url("../images/pic_citibike_bridge.png"), url("../images/pic_citibike_slide_on.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide_4 .off {
    background-color: transparent;
    background-image: url("../images/pic_citibike_bridge.png"), url("../images/pic_citibike_slide_off.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide_5 .on {
    background-color: transparent;
    background-image: url("../images/pic_citibike_park.png"), url("../images/pic_citibike_slide_on.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide_5 .off {
    background-color: transparent;
    background-image: url("../images/pic_citibike_park.png"), url("../images/pic_citibike_slide_off.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide_6 .on {
    background-color: transparent;
    background-image: url("../images/pic_citibike_subway.png"), url("../images/pic_citibike_slide_on.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide_6 .off {
    background-color: transparent;
    background-image: url("../images/pic_citibike_subway.png"), url("../images/pic_citibike_slide_off.png");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.citibike_carousel .slide .on,
.citibike_carousel .slide .off {
    background-size: cover;
}


/* chosen <select> plugin */

.select_v1.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 5px;
}

.select_v1.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 290px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0;
    background: #002a54;
}

.select_v1.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}

.select_v1.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.select_v1.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 22px;
    list-style: none;
    line-height: 48px;
    -webkit-touch-callout: none;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .select_v1.chosen-container .chosen-results li {
        line-height: 29px;
    }
    .select_v1.chosen-container .chosen-drop {
        width: 18.75vw;
    }
}

.select_v1.chosen-container .chosen-results li.active-result {
    display: list-item;
}

.select_v1.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #cccccc;
}

.select_v1.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4;
}

.select_v1.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
}

.select_v1.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.select_v1.chosen-container .chosen-results li.result-selected {
    display: none;
}

.select_v1.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

.select_v1.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 48px;
    border-radius: 5px;
    /* border: 1px solid #cccccc; */
    background-color: #002a54;
    text-decoration: none;
    white-space: nowrap;
    line-height: 48px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .select_v1.chosen-container-single .chosen-single {
        height: 50px;
        line-height: 50px;
        z-index: 1;
    }
}

.select_v1.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select_v1.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.select_v1.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid red;
    font-size: 1px;
}

.select_v1.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 33px;
    height: 100%;
}

.select_v1.chosen-container-single .chosen-single div b {
    display: block;
    width: 270px;
    height: 100%;
    background: url("../images/icon_orange_caret_down.png") 0 50% no-repeat;
}

.select_v1.chosen-container-single .chosen-drop {
    margin-top: -3px;
    background-clip: padding-box;
}

.select_v1.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

.select_v1.chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url("../images/icon_close_v2.png") 11px 10px no-repeat;
}


/* local promos */

.local_promo {
    margin: 59px 0 0;
}


/* credit card */

.card_selector {
    margin: 26px 0 0;
}

.card_selector .mix {
    /*height: 217px;*/
    /*margin: 0 0 38px 23px;*/
    height: 190px;
    margin: 0px 0 0px 17px;
    width: 227px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .card_selector .mix {
        height: 140px;
        margin: 0 0 -15px 5px;
        width: 144px;
        transform: scale(0.8);
        transform-origin: 0 0;
    }
    .card_selector {
        margin: 0px 0 0;
    }
}

.cc_learn_more {
    font-family: InterstateBold, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    color: #002a54;
    position: relative;
    left: 2px;
}

.cc_chevron {
    font-size: 11px;
}

.card_selector .active.toggle {
    background: transparent url("../images/button_card_filter.png") no-repeat 268px 13px;
    background-size: 25px 25px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .card_selector .active.toggle {
        background-position: 184px 15px;
        background-size: 17px 17px;
    }
    .card_selector .toggle {
        background: transparent url("../images/button_card_filter_off.png") no-repeat 184px 15px;
        background-size: 17px 17px;
    }
    .cc_learn_more {
        font-weight: normal;
    }
}

.card_selector .active.feature {
    background: transparent url("../images/button_card_filter_feature.png") no-repeat 266px 11px;
    background-size: 31px 30px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    #card_thankyou>div.card.card_thankyou_citibusiness {
        padding-top: 0;
    }
    .card_selector .active.feature {
        background-position: 183px 6px;
        background-size: 21px 21px;
    }
    #card_thankyou>div {
        padding-top: 3px;
    }
}

.card_selector .inactive {
    background: #dddddd;
    color: #bbbbbb;
    opacity: 0.3;
}

.card_selector .card {
    height: 127px;
    width: 202px;
    /* background-size: 100%; */
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .card_selector .card {
        background-size: contain;
        height: 91px;
        width: 144px;
    }
}

.card_selector .card_name {
    /* height: 17px; */
    line-height: 17px;
    color: #4492c2;
    margin: 4px 0 2px;
    width: 220px;
    font-size: 13px;
    letter-spacing: 0px;
    position: relative;
    left: 2px;
}

.card_selector .card_name.v2 {
    /* margin-bottom: 13px; */
    line-height: 15px;
}

.card_selector .card_name.v3 {
    height: 57px;
}


/* Some CSS to fix some of the weird image height differences(1-2 px) */

@media (min-width: 1025px) {
    .card_mix li:nth-child(4n)~* {
        height: 192px;
    }
    .card_mix li:nth-child(8n)~* {
        height: 190px;
    }
    .card_mix li:nth-child(4n)~* .card_name {
        margin-top: 5px;
    }
    .card_mix li:nth-child(8n)~* .card_name {
        margin-top: 4px;
        /* margin-bottom: 16px; */
    }
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .card_selector .card_name {
        height: 16px;
        line-height: 12px;
        margin: 9px 0 0;
    }
    .card_selector .card_name.v2 {
        height: 28px;
        max-width: 160px;
        font-size: 12px;
        margin-bottom: 8px;
    }
    .card_selector .card_name.v3 {
        height: 40px;
    }
}

.card_selector .modal_content {
    padding: 37px 85px 100px;
    width: 1140px;
}

.card_selector .modal_content .delimiter_v2 {
    margin: 20px 0 28px;
}

.card_selector .modal_content .card {
    height: 240px;
    width: 301px;
    margin: 0 76px 0 37px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .card_selector .modal_content .card {
        background-size: auto;
    }
}

.card_selector .modal_content .card:after {
    /* background: transparent url("../images/icon_speak_with_banker_v2.png") no-repeat 0 0; */
    background: transparent url("../images/lending/speak_with_a_banker.png") no-repeat 0 0;
    content: "";
    height: 51px;
    left: 123px;
    position: absolute;
    top: 382px;
    width: 300px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .card_selector .modal_content .card:after {
        display: none;
    }
}

.card_selector .modal_content .bullet_list_v3.delimit {
    height: 572px;
    margin: -6px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .card_selector .font_13,
    .card_selector .font_24 {
        font-size: 22px !important;
    }
}

.card_footer {
    position: absolute;
    bottom: 0;
}

.card_footer .copyright {
    /* padding: 0px 26px 0; */
    margin-bottom: 1.5vh !important;
    color: #666666;
    letter-spacing: 0em;
}

.card_filter {
    /* background: transparent url("../images/cards/bg_card_filter_2019.png") no-repeat 0 0; */
    background: transparent url("../images/credit_cards/bg_card_filter.png") no-repeat 0 0;
    height: 237px;
    line-height: 19px;
    margin-right: 3px;
    padding: 35px 0 0;
    position: relative;
    width: 308px;
    letter-spacing: -0.3px;
}

.card_filter:before {
    /* background: transparent url("../images/lending/speak_with_a_banker.png") no-repeat 0 0;
  content: "";
  height: 51px;
  left: 0;
  position: absolute;
  top: 602px;
  width: 300px; */
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .card_filter {
        background: transparent url("../images/credit_cards/bg_card_filter.png") no-repeat 0 0;
        height: 405px;
        padding: 36px 0px 0px 0px;
        width: 212px;
        /*height: 308px;
    height: 341px;
    padding: 21px 0 0;
    width: 194px;*/
    }
    .card_filter:before {
        display: none;
    }
    .card_filter #card_build,
    .card_filter #card_smallbiz {
        margin: -1px 0 0;
    }
}

.card_filter .button {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    padding-left: 20px;
    padding-right: 57px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .card_filter .button {
        height: 48px;
        padding-left: 13px;
        padding-right: 37px;
    }
}

.card_filter .delimit {
    padding: 36px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .card_filter .delimit {
        padding: 20px 0 0;
    }
}

#legal_close {
    position: absolute;
    left: 1850px;
}

#cards_selector_footer {
    height: 105px;
}

#cards_selector_footer>#legal_details {
    padding: 29px 124px 0 105px;
}

#legal_details .font_legal_description_card_selector.legal_para {
    line-height: 14px;
    padding: 6px 0 8px;
}

#legal_details .font_legal_description_card_selector sup {
    font-size: 8px; line-height: 0; position: relative; top: 2px;
}

.card_mix {
    width: 1000px;
    margin-left: 60px;
}

#cards_selector_footer>#legal_details>div.header10>div.copy_4>p:first-child {
    font-size: 13px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    #legal_close {
        left: 94.23828125vw;
        top: 1.8229166666666667vh;
    }
    .card_mix {
        width: 632px;
        margin-left: 3vw;
    }
    #cards_selector_footer>#legal_details {
        padding: 25px 35px 0px 35px;
    }
    #cards_selector_legal_copy {
        font-size: 11px;
    }
}

.card_citi_custom_cash {
    background: transparent url("../images/pic_cc_custom_cash.png") no-repeat 0 0;
    background-size: contain;
}

.card_citi_custom_cash_large {
    background: transparent url("../images/pic_cc_custom_cash_large.png") no-repeat 0 0;
}

.card_mileup {
    background: transparent url("../images/pic_cc_aa_mileup.png") no-repeat 0 0;
}

.card_mileup_large {
    background: transparent url("../images/credit_cards/pic_cc_mileup_large.png") no-repeat 0 0;
}

.card_thankyou_preferred {
    background: transparent url("../images/pic_cc_thankyou_preferred.png") no-repeat 0 0;
}

.card_costco_anywhere {
    background: transparent url("../images/pic_cc_costco_anywhere.png") no-repeat 0 0;
}

.card_costco_anywhere_business {
    background: transparent url("../images/pic_cc_costco_anywhere_business.png") no-repeat 0 0;
}

.card_simplicity {
    background: transparent url("../images/pic_cc_simplicity.png") no-repeat 0 0;
}

.card_simplicity_v2 {
    background: transparent url("../images/pic_cc_simplicity_v2.png") no-repeat 0 0;
}

.card_simplicity_v3 {
    background: transparent url("../images/pic_cc_simplicity_v3.png") no-repeat 0 0;
    background-size: contain;
}

.card_thankyou_premier {
    background: transparent url("../images/credit_cards/cc_front_small/pic_cc_thankyou_premier.png") no-repeat 0 0;
}

.card_citi_prestige {
    background: transparent url("../images/credit_cards/cc_front_small/citi_prestige_card.png") no-repeat 0 0;
}

.card_rewards {
    background: transparent url("../images/credit_cards/cc_front_small/citi_rewards_plus.png") no-repeat 0 0;
}

.card_student_rewards {
    background: transparent url("../images/credit_cards/cc_front_small/citi_rewards_student_plus.png") no-repeat 0 0;
}

.card_thankyou_premier_v2 {
    background: transparent url("../images/credit_cards/cc_front_small/citi_thankyou_premier.png") no-repeat 0 0;
}

.card_platinum_select {
    background: transparent url("../images/pic_cc_platinum_select.png") no-repeat 0 0;
}

.card_secured_mastercard {
    background: transparent url("../images/pic_cc_secured_mastercard.png") no-repeat 0 0;
}

.card_secured_mastercard_v2 {
    background: transparent url("../images/pic_cc_secured_mastercard_v2.png") no-repeat 0 0;
}

.card_secured_mastercard_v3 {
    background: transparent url("../images/pic_cc_secured_mastercard_v3.png") no-repeat 0 0;
}

.card_secured_mastercard_v4 {
    background: transparent url("../images/pic_cc_secured_mastercard_v4.png") no-repeat 0 0;
}

.card_prestige {
    background: transparent url("../images/pic_cc_prestige.png") no-repeat 0 0;
}

.card_executive {
    background: transparent url("../images/pic_cc_executive.png") no-repeat 0 0;
}

.card_thankyou_citibusiness {
    background: transparent url("../images/pic_cc_thankyou_citibusiness.png") no-repeat 0 0;
    background-size: contain;
}

.card_citibusiness {
    background: transparent url("../images/pic_cc_citibusiness.png") no-repeat 0 0;
}

.card_mileup {
    background: transparent url("../images/pic_cc_aa_mileup.png") no-repeat 0 0;
}

.card_double_cash {
    background: transparent url("../images/pic_cc_double_cash.png") no-repeat 0 0;
    background-size: contain;
}

.card_thankyou_preferred_large {
    background: transparent url("../images/pic_cc_thankyou_preferred_large.png") no-repeat 0 0;
}

.card_costco_anywhere_large {
    background: transparent url("../images/pic_cc_costco_anywhere_large.png") no-repeat 0 0;
}

.card_costco_anywhere_business_large {
    background: transparent url("../images/pic_cc_costco_anywhere_business_large.png") no-repeat 0 0;
}

.card_simplicity_large {
    background: transparent url("../images/pic_cc_simplicity_large.png") no-repeat 0 0;
}

.card_simplicity_large_v2 {
    background: transparent url("../images/pic_cc_simplicity_large_v2.png") no-repeat 0 0;
}

.card_simplicity_large_v3 {
    background: transparent url("../images/pic_cc_simplicity_large_v3.png") no-repeat 0 0;
}

.card_thankyou_premier_large {
    background: transparent url("../images/pic_cc_thankyou_premier_large.png") no-repeat 0 0;
}

.card_citi_rewards_large {
    background: transparent url("../images/credit_cards/cc_back_large/citi_rewards.png") no-repeat 0 0;
}

.card_citi_student_rewards_large {
    background: transparent url("../images/credit_cards/cc_back_large/citi_student_rewards.png") no-repeat 0 0;
}

.card_thankyou_premier_large_v2 {
    background: transparent url("../images/pic_cc_thankyou_premier_large_v2.png") no-repeat 0 0;
}

.card_platinum_select_large {
    background: transparent url("../images/pic_cc_platinum_select_large.png") no-repeat 0 0;
}

.card_secured_mastercard_large {
    background: transparent url("../images/pic_cc_secured_mastercard_large.png") no-repeat 0 0;
}

.card_secured_mastercard_large_v2 {
    background: transparent url("../images/pic_cc_secured_mastercard_large_v2.png") no-repeat 0 0;
}

.card_secured_mastercard_large_v3 {
    background: transparent url("../images/pic_cc_secured_mastercard_large_v3.png") no-repeat 0 0;
}

.card_secured_mastercard_large_v4 {
    background: transparent url("../images/credit_cards/pic_cc_secured_mastercard_large_v4.png") no-repeat 0 0;
}

.card_mileup_large {
    /* background: transparent url("../images/pic_cc_mileup_large.png") no-repeat 0 0; */
    background: transparent url("../images/credit_cards/cc_back_large/aadvantage_mile_up.png") no-repeat 0 0;
}

.card_prestige_large {
    background: transparent url("../images/pic_cc_prestige_large.png") no-repeat 0 0;
}

.card_executive_large {
    background: transparent url("../images/pic_cc_executive_large.png") no-repeat 0 0;
}

.card_thankyou_citibusiness_large {
    background: transparent url("../images/pic_cc_thankyou_citibusiness_large.png") no-repeat 0 0;
}

.card_citibusiness_large {
    background: transparent url("../images/pic_cc_citibusiness_large.png") no-repeat 0 0;
}

.card_double_cash_large {
    background: transparent url("../images/pic_cc_double_cash_large.png") no-repeat 0 0;
}


/* private pass styles */

.private_pass {
    /* margin: 0 34px 0 32px; */
    /* width: 1244px; */
}

#privatepass_events_title {
    margin: 97px 0 0 -3px;
    font-size: 37px;
    height: 9px;
    letter-spacing: -0.055em;
}

#privatepass_tickets_title {
    font-size: 37px;
    letter-spacing: -0.06em;
    margin: 94px 0 0 -4px;
}

#privatepass_tickets_byline {
    letter-spacing: -0.06em;
    height: 70px;
    margin: 19px 0 0;
}

#privatepass_tickets_wrap {
    margin: 25px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass {
        width: 786px;
    }
    #privatepass_events_title {
        margin: 45px 0 0 -3px !important;
    }
    .private_pass_nav {
        margin: 56px 0 20px 0;
    }
    #privatepass_tickets_title {
        margin: 69px 0 0 -1px !important;
        font-size: 23px;
    }
    #privatepass_tickets_byline {
        height: 30px;
    }
    #privatepass_tickets_wrap {
        margin: 0;
    }
}

.private_pass .left,
.private_pass .right {
    top: 398px;
}

.private_pass .left {
    left: -86px;
    margin-left: 45px;
}

.private_pass .right {
    right: -35px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass .left {
        left: -46px;
    }
    .private_pass .right {
        right: -115px;
    }
    .private_pass .left,
    .private_pass .right {
        top: 280px;
    }
}

.private_pass .pic,
.private_pass .icon {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.private_pass .pic {
    background-position: 50% 0;
}

.private_pass .filter_music .icon {
    background-image: url("../images/icon_private_pass_music_v3.png");
}

.private_pass .filter_music .title {
    /* border-color: #c99700; */
}

.private_pass .filter_sports .icon {
    background-image: url("../images/icon_private_pass_sports_v3.png");
}

.private_pass .filter_sports .title {
    /* border-color: #a05eb5; */
}

.private_pass .filter_family .icon {
    background-image: url("../images/icon_private_pass_family_v3.png");
}

.private_pass .filter_family .title {
    /* border-color: #c4d600; */
}

.private_pass .filter_complimentary .icon {
    background-image: url("../images/icon_private_pass_free_v3.png");
}

.private_pass .filter_theater .icon {
    background-image: url("../images/icon_private_pass_theater.png");
}

.private_pass .filter_dining .icon {
    background-image: url("../images/icon_private_pass_dining.png");
}

.private_pass .filter_complimentary .title {
    /* border-color: #00b0b9; */
}

.private_pass .filter_virtual .icon {
    background-image: url("../images/icon_private_pass_virtual.png");
}

.private_pass_nav {
    /* margin: 60px 0 20px 0; */
    margin: 60px 0 0px 0;
}

.private_pass_nav .tabs {
    background-color: #eeeeee;
    width: 1310px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_nav .tabs {
        width: 786px;
    }
    .private_pass_nav {
        margin: 65px 0 0 0;
    }
}

.private_pass_nav .tabs .delimit {
    width: 9999em;
}

.private_pass_nav li+li {
    background: transparent url("../images/bg_private_pass_nav_delimit.png") no-repeat 0 19px;
}

.private_pass_nav .button,
.private_pass_nav .near_me {
    background-repeat: no-repeat;
    background-size: cover;
    height: 122px;
    width: 130px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_nav .button,
    .private_pass_nav .near_me {
        background-size: 45px 60px;
    }
}

.date_info,
.location_info,
.virtual_event_url {
    font-size: 1rem;
    margin-top: 0.5rem;
    width: 125%;
}

.private_pass_nav .nav_1 {
    background-image: url("../images/button_private_pass_all.png");
    background-size: 123px;
}

.private_pass_nav .nav_1.active {
    background-size: 123px;
    background-color: #002a54;
    background-image: url("../images/button_private_pass_all_active.png");
}

.private_pass_nav .nav_2 {
    background-image: url("../images/privatepass/button_private_pass_music_inactive.png");
    background-size: 61px 80px;
    background-position: center;
}

.private_pass_nav .nav_2.active {
    background-image: url("../images/privatepass/button_private_pass_music_active_v2.png");
    background-color: #002a54;
}

.private_pass_nav .nav_3 {
    background-image: url("../images/privatepass/button_private_pass_sports_inactive.png");
    background-size: 56px 80px;
    background-position: center;
}

.private_pass_nav .nav_3.active {
    background-image: url("../images/privatepass/button_private_pass_sports_active_v2.png");
    background-color: #002a54;
}

.private_pass_nav .nav_4 {
    background-image: url(../images/button_private_pass_dining.png);
    background-size: 60px 80px;
    background-position: center;
}

.private_pass_nav .nav_4.active {
    background-image: url("../images/button_private_pass_dining_active.png");
    background-color: #002a54;
}

.private_pass_nav .nav_5 {
    background-image: url(../images/button_private_pass_theatermore.png);
    background-size: 100px 80px;
    background-position: center;
}

.private_pass_nav .nav_5.active {
    background-image: url(../images/button_private_pass_theatermore_active.png);
    background-color: #002a54;
}

.private_pass_nav .nav_6 {
    background-image: url(../images/button_private_pass_virtualEvents.png);
    background-size: 100px 80px;
    background-position: center;
}

.private_pass_nav .nav_6.active {
    background-image: url(../images/button_private_pass_virtualEvents_active.png);
    background-color: #002a54;
}

.private_pass_nav .near_me {
    background-image: url("../images/button_private_pass_near_me.png"), url("../images/privatepass/button_private_pass_near_me_bg.jpg");
    background-size: 123px;
}

.private_pass_nav .near_me.disabled {
    background-image: url("../images/button_private_pass_near_me_disabled.png"), url("../images/button_private_pass_near_me_bg_disabled.png");
}

.private_pass_nav .near_me.active {
    background-image: url("../images/button_private_pass_near_me_active.png"), url("../images/privatepass/button_private_pass_near_me_bg.jpg");
}

.private_pass_nav .near_me.active.disabled {
    background-image: url("../images/button_private_pass_near_me_active_disabled.png"), url("../images/button_private_pass_near_me_bg_disabled.png");
}

.private_pass_tiles {
    height: 612px;
    margin: 14px 0 0 33px;
    overflow: hidden;
    position: relative;
    width: 1244px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_tiles {
        height: 387px;
        margin: -2px 0 0 0;
        width: 786px;
        left: 60px;
    }
}

.private_pass_tiles .tile {
    height: 304px;
    max-width: 308px;
    overflow: hidden;
    width: 100%;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_tiles .tile {
        /*height: 192px;*/
        height: 188px;
        max-width: 195px;
    }
}

.private_pass_tiles li {
    margin: 4px 2px 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_tiles li {
        margin: 2px 1px 0;
    }
}

.private_pass_tiles .pic {
    height: 226px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_tiles .pic {
        height: 143px;
    }
}

.private_pass_tiles .icon {
    height: 50px;
    margin: -30px 0 0;
    max-width: 308px;
    width: 50px;
    margin-left: 258px;
    bottom: 80px;
    position: absolute;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_tiles .icon {
        margin-left: 145px;
        bottom: 47px;
    }
}

.private_pass_tiles .title {
    background-color: #46b7e6;
    border-top: 6px solid transparent;
    margin: -2px 0 0;
    width: 308px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_tiles .title {
        width: 195px;
    }
}

.private_pass_tiles .title .copy {
    display: table-cell;
    height: 72px;
    line-height: 18px;
    padding: 0 12px 0 15px;
    vertical-align: middle;
    width: 999em;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_tiles .title .copy {
        height: 40px;
        line-height: 12px;
        padding: 0 6px 0 10px;
    }
}

.private_pass_detail {
    /* margin: 30px auto 0; */
    margin: 0;
    position: relative;
    width: 657px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_detail {
        width: 414px;
    }
}

.private_pass_detail .close {
    background: transparent url("../images/button_private_pass_close.png") no-repeat 0 0;
    background-size: cover;
    height: 40px;
    position: absolute;
    right: -652px;
    top: 10px;
    width: 40px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_detail .close {
        height: 26px;
        right: -370px;
        width: 26px;
    }
}

.private_pass_detail .pic {
    height: 480px;
    width: 1200px;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_detail .pic {
        height: 240px;
        width: 720px;
    }
}

.private_pass_detail .title {
    line-height: 38px;
    margin: 16px 0 0;
    width: 183%;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_detail .title {
        line-height: 24px;
        margin: 11px 0 0;
    }
}

.private_pass_detail .subtitle {
    line-height: 1;
    margin: 10px 0 0;
    font-size: 18px;
    font-weight: 600;
    font-family: InterstateBold, helvetica, arial, sans-serif;
    letter-spacing: -0.033em;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_detail .subtitle {
        margin: 4px 0 0;
    }
}

.private_pass_detail .description {
    line-height: 26px;
    margin: 10px 0 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .private_pass_detail .description {
        line-height: 16px;
        margin: 6px 0 0;
    }
}

.private_pass_detail .speak_to_banker_v11 {
    background: transparent url("../images/privatepass/cta_private_pass.png") no-repeat 0 0;
    height: 54px;
    margin: -4rem 0 0 891px;
    width: 420px;
}


/* private pass image options */

.tileResults {
    height: 608px !important;
    left: 0;
    min-width: 1248px !important;
    position: relative;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .tileResults {
        height: 288px !important;
        min-width: 788px !important;
    }
}

.tileResults li {
    position: relative;
}


/* location-specific styles */


/* Deploy 01-07-2019 */

.ca253_elk_grove .sf_branch {
    display: block !important;
}


/* Deploy 12-18-2018 */

.ca005_san_francisco_van_ness_clay .sf_branch,
.ca007_san_francisco_chinatown_jackson .sf_branch,
.ca303_san_francisco_california_st .sf_branch,
.ca310_mill_valley_downtown .sf_branch,
.ca398_san_francisco_market_2nd .sf_branch {
    display: block !important;
}


/* Deploy 10-23-2018 */

.ny052_bedford .ny_branch,
.ny083_bedford_village .ny_branch,
.co617_fairfield .ct_branch,
.ny221_plainview .ny_branch {
    display: block !important;
}


/* Deploy 05-25-2018 */

.ca946_concord .sf_branch,
.ca928_lafayette .sf_branch,
.ca038_san_pablo .sf_branch,
.il098_newyork .ny_branch,
.ny012_broadway_86th .ny_branch,
.ny425_columbus_81st .ny_branch,
.ny030_1st_and_79th_street .ny_branch,
.ny674_bto_san_antonio .ny_branch,
.ny144_bensonhurst .ny_branch,
.ny102_fordham .ny_branch,
.ny076_borough_park .ny_branch,
.ny349_4200_broadway .ny_branch {
    display: block !important;
}


/* Deploy 04-16-2018 */

.ny038_one_broadway .ny_branch,
.ny877_varick_street .ny_branch,
.ca971_fresno_downtown .sf_branch {
    display: block !important;
}


/* Deploy Training iPads */

.dx008_washington_dc,
.ix901_chicago,
.bx273_long_island_city,
.cx818_encino,
.fx338_fort_lauderdale {
    display: block !important;
}


/* Deploy 03-15-2018 */

.il005_two_illinois_center .il_branch,
.il027_magnificent_mile .il_branch,
.il028_california_-_devon .il_branch,
.il046_clark_-_wrightwood .il_branch,
.il072_citicorp_center_ .il_branch,
.il088_armitage_-_halsted .il_branch,
.il090_oak_street .il_branch,
.il025_buffalo_grove .il_branch,
.il049_highland_park .il_branch,
.il052_winnetka .il_branch,
.il068_vernon_hills .il_branch,
.il070_arlington_main .il_branch,
.il086_palatine .il_branch,
.il476_glenview .il_branch,
.il022_old_orchard .il_branch,
.il039_evanston .il_branch,
.il011_tinley_park .il_branch,
.il053_darien .il_branch,
.il063_naperville_ogden .il_branch,
.il078_lombard .il_branch,
.il079_bloomingdale .il_branch,
.il107_naperville_south .il_branch,
.il525_elmhurst_il .il_branch,
.il528_north_aurora .il_branch,
.cd902_langley_park .dc_branch,
.cd903_chevy_chase .dc_branch,
.cd901_farragut_west .dc_branch,
.cd927_arlington_va .dc_branch,
.cd940_merrifield .dc_branch,
.cd960_rhode_island_place .dc_branch,
.cm724_bethesda .md_branch,
.cm730_silver_spring .md_branch,
.cm733_laurel_lakes .md_branch,
.cm802_hyattsville .md_branch,
.fs052_south_beach .fl_branch,
.fs047_hollywood .fl_branch,
.fs075_doral .fl_branch,
.fs573_miami_-_bird_road .fl_branch,
.fs092_boca_via_mizner .fl_branch,
.fs347_okeechobee .fl_branch,
.cx718_fountain_valley .fl_branch {
    display: block !important;
}


/* Deploy 02-14-2018 */

.cm726_potomac .md_branch,
.il192_los_colinas .il_branch,
.cd911_metro_square .dc_branch,
.cd931_mclean_square .dc_branch,
.ca038_san_pablo .sf_branch,
.ca946_concord_-_oak_grove .sf_branch,
.ca003_oakland_main .sf_branch,
.ca031_berkley_square .sf_branch,
.ca033_alameda_downtown .sf_branch,
.ca046_piedmont_civic_center .sf_branch,
.ca943_el_cerrito .sf_branch,
.ca968_clovis .sf_branch,
.ca969_fresno_blackstone .sf_branch,
.ca977_hanford .sf_branch,
.ca982_merced_downtown .sf_branch,
.ca987_selma .sf_branch,
.ca011_henderson_-anthem .sf_branch,
.ca255_aliante .sf_branch,
.ca257_silverado .sf_branch,
.ca320_horizon_ridge .sf_branch,
.ca891_las_vegas_-_s_maryland_pkwy .sf_branch,
.nv027_las_vegas_-_park .sf_branch,
.nv029a_las_vegas_-_lakes .sf_branch,
.nv056_las_vegas_-_summerlin .sf_branch,
.ca708_sacramento_-_freeport .sf_branch,
.ca914_napa .sf_branch,
.ca921_sacramento_university_village .sf_branch,
.ca923_sacramento_university_village .sf_branch,
.ca981_manteca .sf_branch,
.ca354_san_francisco_pg-e_plaza .sf_branch,
.ca194_newpark_mall .sf_branch,
.ca350_newark_ .sf_branch,
.ny431_glenn_cove .ny_branch,
.ny138_bayside .ny_branch,
.ny315_s._ozone_park .ny_branch,
.ny902_motor_parkway .ny_branch,
.ny166_lakeland .ny_branch,
.ny170_yorktown .ny_branch,
.ny811_nostrand_newkirk .ny_branch,
.ny027_madison_91st .ny_branch,
.ny132_princes_bay .ny_branch,
.ca282_n._hollywood_valley_village .sf_branch,
.ca868_la_-_chinatown .sf_branch,
.ca612_glendora .sf_branch,
.ca693_industry_puente_hills .sf_branch {
    display: block !important;
}


/* Deploy 01-26-2018 */

.co532_ridgefield .ct_branch,
.co616_norton_heights .ct_branch,
.co614_greenwich .ct_branch,
.co538_north_westport .ct_branch,
.co575_downtown_bridgeport .ct_branch,
.co615_stamford .ct_branch,
.co646_norwalk .ct_branch,
.ny192_huntington_village .ny_branch,
.ny223_syosset .ny_branch,
.ny302_greenlawn .ny_branch,
.ny231_albertson .ny_branch,
.ny215_old_brookville .ny_branch,
.ny390_inwood .ny_branch,
.ny213_long_beach .ny_branch,
.ny219_hewlett .ny_branch,
.ny245_massapequa .ny_branch,
.ny224_massapequa_park .ny_branch,
.ny077_utopia_parkway .ny_branch,
.ny066_queens_village .ny_branch,
.ny157_richmond_hill .ny_branch,
.ny064_jamaica .ny_branch,
.ny330_liberty_avenue .ny_branch,
.ny974_steinway .ny_branch,
.ny838_middle_village .ny_branch,
.ny067_rego_park .ny_branch,
.ny070_greenpoint .ny_branch,
.ny154_astoria .ny_branch,
.ny073_northern_blvd-51st .ny_branch,
.ny074_maspeth .ny_branch,
.ny055_flatbush-church .ny_branch,
.ny096_lincoln_square .ny_branch,
.fs033_cypress_creek .fl_branch,
.cd943_foggy_bottom .dc_branch,
.cd944_connecticut_-_k .dc_branch,
.fs340_pinecrest .fl_branch,
.il050_oak_park .il_branch,
.il009_oakbrook .il_branch,
.il020_franklin_-_adams .il_branch,
.ca618_costa_mesa_-_east_17th .sf_branch,
.ca299_la_crescenta .sf_branch,
.ca738_woodland_hills_-_topanga_canyon .sf_branch,
.ca750_port_hueneme .sf_branch,
.ca774_palm_desert .sf_branch {
    display: block !important;
}

.cm728_montgomery_village .md_branch,
.cm734_rockville_pike .md_branch,
.cm732_research_park .md_branch,
.cm737_mitchellville .md_branch {
    display: block !important;
}

.co531_merritt .ct_branch,
.co618_cos_cob .ct_branch,
.co542_new_canaan .ct_branch,
.co619_westport_plaza .ct_branch {
    display: block !important;
}

.dc_foggy_bottom .dc_branch,
.cd919_dupont_circle .dc_branch,
.cd913_capitol_hill .dc_branch,
.cd922_east_river_park .dc_branch,
.cd928_centreville .dc_branch,
.cd905_palisades .dc_branch,
.cd925_reston .dc_branch,
.cd941_chinatown_9th_h_street .dc_branch,
.cd926_tysons_corner .dc_branch,
.cd923_georgetown_north .dc_branch,
.cd912_mcpherson_square .dc_branch {
    display: block !important;
}

.fl_aventura .fl_branch,
.fl_training .fl_branch,
.fs632_sunny_isles .fl_branch,
.fl_doral_commons .fl_branch,
.fl_jacksonville .fl_branch,
.fl_miami .fl_branch,
.fn530_miami_downtown-bayfront .fl_branch,
.fl_miami_midtown .fl_branch,
.fn510_coral_gables .fl_branch,
.fn520_dania .fl_branch,
.fn529_coconut_creek .fl_branch,
.fs037_aventura .fl_branch,
.fs041_biscayne .fl_branch,
.fs042_northside .fl_branch,
.fs045_miami_mall_of_the_americas .fl_branch,
.fs055_surfside .fl_branch,
.fs058_tamarac .fl_branch,
.fs061_boca_pointe .fl_branch,
.fs062_plantation .fl_branch,
.fs074_deerfield .fl_branch,
.fs123_dadeland .fl_branch,
.fs188_west_doral .fl_branch,
.fs502_miramar .fl_branch,
.fs605_spanish_river .fl_branch,
.fs606_aventura_town_center .fl_branch,
.fs844_5th_and_jefferson .fl_branch,
.fs046_arthur_godfrey .fl_branch,
.fs043_coral_way .fl_branch,
.fn512_riverside .fl_branch,
.fs069_key_biscayne .fl_branch,
.fs179_hialeah .fl_branch,
.fs121_pembroke_pines_west .fl_branch,
.fs066_coral_springs .fl_branch,
.fs031_jacksonville_employee_site .fl_branch,
.fs038_boca_woodfield .fl_branch,
.fs016_west_boca .fl_branch,
.fs064_palm_beach_gardens .fl_branch,
.fs259_boynton_beach .fl_branch,
.fs067_delray_beach .fl_branch,
.fl621_aventura_lounge .fl_branch,
.fn511_brickell .fl_branch {
    display: block !important;
}

.ca115_westwood .la_branch,
.ca287_beverly_hills_downtown .la_branch,
.ca832_echo_park .la_branch,
.ca225_la_wilshire_center .la_branch,
.ca236_la_century_city .la_branch,
.ca833_la_miracle_mile .la_branch,
.ca346_la_silver_lake .la_branch,
.ca136_roland_heights .la_branch,
.ca733_rosemead .la_branch,
.ca074_mission_viejo_village_center .la_branch,
.ca132_la_westchester .la_branch,
.ca773_torrance_del_amo .la_branch,
.ca265_inglewood .la_branch,
.ca625_redondo_beach .la_branch,
.ca286_los_feliz .la_branch,
.la_wilshire_blvd .la_branch,
.la_santa_monica_wilshire .la_branch,
.ca221_pasadena_garfield .la_branch,
.la_encino .la_branch,
.ca138_w_hollywood_sunset_dohney .la_branch,
.ca263_la_hollywood .la_branch,
.ca270_la_eagle_rock .la_branch,
.ca294_la_mount_vernon .la_branch,
.ca608_la_highland_park .la_branch,
.ca635_la_rancho_park .la_branch,
.ca742_la_fairfax .la_branch,
.ca126_hermosa_beach .la_branch,
.ca601_culver_city .la_branch,
.ca640_manhattan_beach .la_branch,
.ca641_pacific_palisades .la_branch,
.ca642_santa_monica_-_montana .la_branch,
.ca737_la_brentwood .la_branch,
.ca377_marina_del_rey .la_branch,
.ca568_irvine_alton_parkway .la_branch,
.ca229_hawthorn .la_branch,
.ca208_city_heights .la_branch,
.ca653_solana_beach .la_branch,
.ca698_gardena-western-405_fwy .la_branch,
.ca232_thousand_oaks .la_branch,
.ca172_glendale-n_brand .la_branch,
.ca739_los_angeles_california_mart .la_branch,
.ca145_los_angeles-main .la_branch,
.ca130_santa_clarita .la_branch,
.ca260_reseda .la_branch,
.ca078_rancho_bernardo .la_branch,
.ca143__tustin-irvine .la_branch,
.ca077_poway .la_branch,
.ca238_south_gate .la_branch,
.ca710_saugus .la_branch,
.ca780_yorba_linda .la_branch,
.ca659_colton .la_branch,
.ca088_fullerton .la_branch,
.ca249_el_cajon .la_branch,
.ca170_fontana_downtown .la_branch,
.ca173_riverside-tyler_mall .la_branch,
.ca639_los_angeles-boyle_heights .la_branch,
.ca792_encino .la_branch,
.ca675_placentia .la_branch,
.ca277_riverside_plaza .la_branch,
.ca215_san_diego-college_heights .la_branch,
.ca578_tustin_ranch .la_branch,
.ca795_la_canada_flintridge .la_branch,
.ca077_san_diego .la_branch,
.ca883_las_vegas_tropicana .la_branch,
.ca920_citrus_heights .la_branch,
.ca918_sacramento_-_fort_sutter .la_branch,
.ca927_sacramento_-_greenhaven .la_branch,
.ca919_sacramento_town_and_country .la_branch,
.ca189_santa_rosa_downtown .la_branch,
.ca926_sacramento_arden_watt .la_branch {
    display: block !important;
}

.mo_ofallon .mo_branch {
    display: block !important;
}

.il007_park_ridge .il_branch,
.il003_northbrook .il_branch,
.il002_back_of_the_yards .il_branch,
.il006_river_oaks .il_branch,
.il008_chicago_lawn .il_branch,
.il012_little_village .il_branch,
.il024_orland_park .il_branch,
.il026_chatham .il_branch,
.il029_crystal_lake .il_branch,
.il034_beverly .il_branch,
.il042_portage_park .il_branch,
.il054_downers_grove .il_branch,
.il116_lasalle_madison .il_branch,
.il118_kenwood .il_branch,
.il323_gresham .il_branch,
.il441_chicago_uptown .il_branch,
.il044_michigan_and_monroe .il_branch,
.il599_michigan_and_lake .il_branch,
.il318_logan_square .il_branch,
.il458_hoffman_estates .il_branch,
.il056_arlington_north .il_branch,
.il010_niles .il_branch,
.il064_illinois_streamwood .il_branch,
.il139_chicago_downtown .il_branch,
.il047_bridgeport .il_branch,
.il019_fox_valley .il_branch,
.il037_brookfield_ogden .il_branch,
.il077_glen_ellyn .il_branch,
.il055_st_charles .il_branch {
    display: block !important;
}

.sf_pg_e .sf_branch,
.sf_post_st .sf_branch,
.sf_california_st .sf_branch,
.sf_market_2nd .sf_branch,
.sf_montgomery_ibc .sf_branch,
.sf_chinatown .sf_branch,
.sf_mill_valley_downtown .sf_branch,
.sf_marina .sf_branch,
.sf_san_rafael_downtown .sf_branch,
.sf_chinatown_clay .sf_branch,
.sf_cupertino .sf_branch,
.sf_san_jose_stevens_creek .sf_branch,
.sf_santa_clara_el_camino .sf_branch,
.sf_sunnyvale_s_mary .sf_branch,
.sf_los_gatos .sf_branch,
.sf_los_altos .sf_branch,
.sf_campbell .sf_branch,
.sf_sunnyvale_el_camino .sf_branch,
.sf_santa_clara_pruneridge .sf_branch,
.sf_san_jose_camden .sf_branch,
.sf_san_jose_westgate .sf_branch,
.sf_san_jose_main .sf_branch,
.sf_san_jose_blossom_hill .sf_branch,
.sf_capitola .sf_branch,
.sf_fremont_auto_mall .sf_branch,
.sf_fremont_warm_springs .sf_branch,
.sf_milpitas .sf_branch,
.sf_san_jose_eastridge_quimby .sf_branch,
.sf_san_jose_civic_center .sf_branch,
.sf_alum_rock .sf_branch,
.sf_daly_city_serramonte .sf_branch,
.sf_lakeside .sf_branch,
.sf_potrero_hill .sf_branch,
.sf_inner_richmond .sf_branch,
.sf_19th_taraval .sf_branch,
.sf_stonetown .sf_branch,
.sf_sunset_and_noriega .sf_branch,
.sf_west_portal .sf_branch,
.sf_castro .sf_branch,
.sf_excelsior .sf_branch,
.sf_outer_richmond .sf_branch,
.sf_south .sf_branch,
.sf_irving_18th .sf_branch,

/*new above*/

.sf_post_street .sf_branch,
.ca544_redwood_city .sf_branch,
.ca037_belmont .sf_branch,
.sf_burlingame .sf_branch .sf_foster_city .sf_branch,
.sf_millbrae .sf_branch,
.sf_palo_alto .sf_branch,
.ca004_palo_alto_el_camino .sf_branch,
.sf_san_bruno .sf_branch,
.sf_san_carlos .sf_branch,
.sf_san_mateo_hilldale .sf_branch,
.sf_san_mateo_main .sf_branch,
.ca312_san_mateo_main .sf_branch,
.ca624_wilshire-westwood .sf_branch,
.ca049_mill_valley_-_tiburon .sf_branch,
.ca905_san_francisco_-_cathedral_hill .sf_branch,
.ca061_mountain_view .sf_branch,
.ca120_saratoga .sf_branch,
.ca121_san_jose_-_almaden_valley .sf_branch,
.ca117_union_city .sf_branch,
.ca185_morgan_hill .sf_branch,
.ca823_san_jose_-_willow_glenn .sf_branch,
.ca911_fremont .sf_branch,
.ca378_21st_and_irving .sf_branch,
.ca278_santa_monica_downtown .sf_branch,
.cs199_walnut_creek .sf_branch,
.ca013_pleasant_hill_downtown .sf_branch,
.ca322_antioch .sf_branch,
.ca104_richmond .sf_branch,
.ca345_concord_clayton .sf_branch,
.ca380_crow_canyon .sf_branch,
.ca302_pleasant_valley_sun_valley .sf_branch,
.ca906_orinda .sf_ branch,
.ca024_san_ramon .sf_branch,
.ca039_dublin .sf_branch,
.ca551_danville_town_and_country .sf_branch,
.ca804_oakland_-_fruitville_village .sf_branch,
.ca064_oakland_-_macarthur .sf_branch,
.ca109_san_lorenzo .sf_branch,
.ca956_oakland_-_chinatown .sf_branch,
.ca193_castro_valley .sf_branch,
.ca103_albany .sf_branch,
.ca014_hayward .sf_branch,
.ca327_oakland_-_piedmont_avenue .sf_branch,
.ca065_modesto_oakdale .sf_branch,
.ca973_fresno_-_marks_herndon .sf_branch,
.ca966_bakersfield_oswell .sf_branch,
.ca682_fresno_-_van_ness_shaw .sf_branch,
.ca971_fresno_downtown .sf_branch,
.ca953_bakersfield_-_stockdale .sf_branch,
.ca976_fresno_woodward .sf_branch,
.ca989_turlock .sf_branch,
.ca984_modesto_-_mchenry_avenue .sf_branch,
.ca964_atwater .sf_branch,
.ca974_fresno_sunnyside .sf_branch,
.ca083_chula_vista_-_downtown .sf_branch,
.ca085_escondido_valley_pkwy .sf_branch,
.ca337_mira_mesa .sf_branch,
.ca365_san_diego_pacific_beach .sf_branch,
.ca627_san_diego_mission_valley .sf_branch,
.ca652_san_marcos .sf_branch,
.ca654_vista_shadowridge .sf_branch,
.ca656_san_diego_horton_plaza .sf_branch,
.ca699_chula_vista_eastlake .sf_branch,
.ca791_encinitas .sf_branch,
.ca796_la_jolla_golden_triangle .sf_branch,
.ca797_la_jolla_downtown .sf_branch,
.ca274_costa_mesa_harbor_blvd .sf_branch,
.ca285_san_juan_capistrano .sf_branch,
.ca466_irvine .sf_branch,
.ca692_lake_forest .sf_branch,
.ca694_laguna_hills .sf_branch,
.ca716_aliso_viejo .sf_branch,
.ca728_newport_beach_newport_ctr .sf_branch,
.ca749_san_clemente .sf_branch,
.ca781_laguna_niguel .sf_branch,
.ca116_tujunga .sf_branch,
.ca140_arleta .sf_branch,
.ca141_van_nuys .sf_branch,
.ca162_n_hollywood_victory .sf_branch,
.ca325_glandale_n_central .sf_branch,
.ca646_pacoima .sf_branch,
.ca647_san_fernando .sf_branch,
.ca730_glendale_central_milford .sf_branch,
.ca745_north_hills .sf_branch,
.ca134_palos_verdes .sf_branch,
.ca166_san_pedro .sf_branch,
.ca233_torrance_pacific_coast_hwy .sf_branch,
.ca262_lakewood .sf_branch,
.ca291_la_east_whittier .sf_branch,
.ca794_gardena_gerdena_valley .sf_branch,
.ca135_porter_ranch .sf_branch,
.ca171_chatsworth .sf_branch,
.ca604_northridge .sf_branch,
.ca649_studio_city .sf_branch,
.ca783_sherman_oaks_van_nuys .sf_branch,
.ca782_angoura_hills .sf_branch,
.ca273_alhambra .sf_branch,
.ca674_anaheim_downtown .sf_branch,
.ca376_beaumont .sf_branch,
.ca296_bell_gardens .sf_branch,
.ca671_big_bear_lake .sf_branch,
.ca668_chino_hills .sf_branch,
.ca176_corona_magnolia .sf_branch,
.ca283_corona_no_main .sf_branch,
.ca835_hunington_park .sf_branch,
.ca746_little_tokyo .sf_branch,
.ca276_watts .sf_branch,
.ca651_norco .sf_branch,
.ca827_pasadena_so_lake .sf_branch,
.ca230_pasadena_w_california .sf_branch,
.ca715_rancho_cucamonga_baseline .sf_branch,
.ca623_redlands .sf_branch,
.ca171_riverside_university .sf_branch,
.ca772_upland .sf_branch,
.ca268_anaheim_-_n_euclid .sf_branch,
.ca086_anaheim_hills .sf_branch,
.ca785_arcadia_downtown .sf_branch,
.ca748_arcadia_w_duarte .sf_branch,
.ca626_calabasas .sf_branch,
.ca697_camarillo .sf_branch,
.ca298_canoga_park .sf_branch,
.ca089_cypress .sf_branch,
.ca630_el_monte .sf_branch,
.ca611_garden_grove .sf_branch,
.ca168_monterey_park .sf_branch,
.ca628_san_gabriel .sf_branch,
.ca683_santa_ana_-_n_main_street .sf_branch,
.ca614_simi_valley_cochran .sf_branch,
.ca729_tarzana .sf_branch,
.ca131_temple_city .sf_branch,
.ca281_tustin_17th_street .sf_branch,
.ca222_ventura_county_center .sf_branch,
.ca731_westlake_village .sf_branch,
.ca622_woodland_hills_-_ventura .sf_branch {
    display: block;
}

.tx_los_colinas .tx_branch {
    display: block;
}

.ny666_5th .ny_branch,
.ny_chrysler .ny_branch,
.ny330_madison .ny_branch,
.ny_bryant_park .ny_branch,
.ny_garment_district .ny_branch,
.ny_union_square .ny_branch,
.ny_madison_48th .ny_branch,
.ny004_broadway_56th .ny_branch,
.ny729_90_park_ave .ny_branch,
.ny701_roosevelt_field .ny_branch,
.ny046_5th_52nd .ny_branch,
.ny357_3rd-42nd .ny_branch,
.ny_williamsburg .ny_branch,
.ny111_wall_street .ny_branch,
.ny120_broadway .ny_branch,
.ny300_chinatown .ny_branch,
.ny_hudson_street .ny_branch,
.ny_soho .la_branch,
.ny_tribeca .ny_branch,
.ny128_jacksonheights .ny_branch,
.ny628_smithaven .ny_branch,
.ny226_chappaqua .ny_branch,
.ny018_flushing .ny_branch,
.ny163_eastchester .ny_branch,
.ny_west_village .ny_branch,
.ny_tribeca .ny_branch,
.ny010_park-32nd .ny_branch,
.ny032_aa-23rd .ny_branch,
.ny097_5th-37th .ny_branch,
.ny122_washington_square_village .ny_branch,
.ny127_1st-28th .ny_branch,
.ny415_korea_town .ny_branch,
.ny584_1107_broadway .ny_branch,
.ny803_broadway-astor .ny_branch,
.ny857_madison-34th .ny_branch,
.ny024_5th_ave-16th .ny_branch,
.ny022_399_park_ave .ny_branch,
.ny002_madison-42nd .ny_branch,
.ny009_park-57th .ny_branch,
.ny034_3rd_ave-46th_st .ny_branch,
.ny091_6th-46th .ny_branch,
.ny104_manhattan_plaza .ny_branch,
.ny594_787_7th_ave .ny_branch,
.ny735_5th_ave-60th .ny_branch,
.ny027_madison-91st .ny_branch,
.ny787_800_third_ave .ny_branch,
.ny023_3rd-64th .ny_branch,
.ny613_union_square .ny_branch,
.ny132_princes_bay .ny_branch,
.ny007_broadway-72nd .ny_branch,
.ny807_broadway-63rd .ny_branch,
.ny016_washington_heights .ny_branch,
.ny926_125th_st .ny_branch,
.nj806_englewood .ny_branch,
.ny923_mineola .ny_branch,
.ny268_south_huntington .ny_branch,
.ny905_amityville .ny_branch,
.ny872_cedarhurst .ny_branch,
.ny983_merrick .ny_branch,
.ny071_lakeville_road .ny_branch,
.ny246_rockaway .ny_branch,
.ny079_north_flushing .ny_branch,
.ny371_howard_beach .ny_branch,
.ny199_great_neck_8 .ny_branch,
.ny342_court_square_7 .ny_branch,
.ny305_east_brooklyn_4 .ny_branch,
.ny189_whitestone_5 .ny_branch,
.ny006_broadway-96th_street .ny_branch,
.ny859_united_nations_plaza .ny_branch,
.ny015_yorkville .ny_branch,
.ny020_3rd_ave-72nd_street .ny_branch,
.ny332_82nd-third .ny_branch,
.ny048_stuyvesant .ny_branch,
.ny108_hunts_point .ny_branch,
.ny056_ridgewood .ny_branch,
.ny495_morris_park .ny_branch,
.ny051_montague_street .ny_branch,
.ny402_middle_neck_road .ny_branch,
.ny220_freeport .ny_branch,
.ny343_bay_shore .ny_branch,
.ny168_white_plains_south .ny_branch,
.ny227_franklin_square .ny_branch,
.ny319_port_washington .ny_branch,
.ny356_south_westbury .ny_branch,
.ny088_queens_39th .ny_branch,
.ny873_islip_macarthur .ny_branch,
.ny177_pelham_manor .ny_branch,
.ny408_roslyn .ny_branch,
.ny683_new_city .ny_branch,
.ny174_larchmont .ny_branch,
.ny470_north_lindenhurst .ny_branch,
.ny545_elwood .ny_branch,
.ny176_greenburgh .ny_branch,
.ny643_sunvet .ny_branch,
.ny489_lynbrook .ny_branch,
.ny171_mamaroneck .ny_branch,
.ny453_central_islip .ny_branch,
.ny169_scarsdale .ny_branch,
.ny069_jackson_heights .ny_branch,
.ny536_ossining .ny_branch,
.ny644_tallman .ny_branch,
.ny161_armonk .ny_branch,
.ny389_jamaica_hillside .ny_branch,
.ny856_lake_success .ny_branch,
.ny412_commack .ny_branch,
.ny878_port_jefferson_station .ny_branch,
.ny812_north_babylon .ny_branch,
.ny162_mt_kisco .ny_branch,
.ny353_plainedge .ny_branch,
.ny155_rochdale_village .ny_branch,
.ny165_bronxville .ny_branch,
.ny494_north_valley_stream .ny_branch,
.ny427_jericho .ny_branch,
.ny235_wantagh .ny_branch,
.ny370_east_meadow_newbridge .ny_branch,
.ny252_sheepshead_bay .ny_branch,
.ny137_ave_j_east_13th .ny_branch,
.ny395_3rd_75th .ny_branch,
.ny058_kings_highway .ny_branch,
.ny060_18th_avenue .ny_branch,
.ny054_sunset_park .ny_branch,
.ny142_utica_clarkson .ny_branch,
.ny025_34th_street .ny_branch,
.ny410_chelsea .ny_branch,
.ny505_soho .ny_branch,
.ny125_seward_park .ny_branch,
.ny094_1st_71st .ny_branch,
.ny021_madison_79th .ny_branch,
.ny561_3rd_58th .ny_branch,
.ny036_1st_11-0-16th .ny_branch,
.nj485_clifton .ny_branch,
.nj629_fort_lee .ny_branch,
.nj243_newark .ny_branch,
.nj541_ridgewood .ny_branch,
.nj248_paramus_rt17 .ny_branch,
.ny131_grasmere .ny_branch,
.nj459_paramus .ny_branch,
.nj259_hoboken .ny_branch,
.ny396_west_new_brighton .ny_branch,
.ny033_morningside_gardens .ny_branch,
.ny202_park_slope .ny_branch,
.ny839_south_park_slope .ny_branch,
.ny098_inwood .ny_branch,
.ny297_144th_street .ny_branch,
.ny491_baychester .ny_branch,
.ny100_jerome_avenue .ny_branch,
.ny053_clinton_avenue .ny_branch,
.ny149_ralph_avenue .ny_branch,
.ny309_starrett_city .ny_branch,
.ny667_brighton_beach .ny_branch,
.ny978_bay_ridge .ny_branch,
.ny981_coney_island_pioneer .ny_branch,
.ny022_399_park_ave .ny_branch,
.ny043_stapleton .ny_branch,
.ny081_castleton_corners .ny_branch,
.ny085_mid_island .ny_branch,
.ny185_court_street .ny_branch,
.ny874_atlantic_terminal .ny_branch,
.ny101_bronx .ny_branch,
.ny103_castle_hill .ny_branch,
.ny110_riverdale .ny_branch,
.ny112_allerton_avenue .ny_branch,
.ny115_east_198t .ny_branch,
.ny117_westchester_crosby .ny_branch,
.ny120_throgs_neck .ny_branch,
.ny903_southern_boulevard .ny_branch,
.ny354_brentwood .ny_branch,
.ny281_brush_hollow .ny_branch,
.ny454_deer_park .ny_branch,
.ny622_east_farmingdale .ny_branch,
.ny234_east_meadow .ny_branch,
.ny232_farmingdale .ny_branch,
.ny068_forest_hills .ny_branch,
.ny326_garden_city_park .ny_branch,
.ny164_hastings .ny_branch,
.ny766_hauppage .ny_branch,
.ny178_hicksville .ny_branch,
.ny929_levittown .ny_branch,
.ny203_plainview_sunnyside .ny_branch,
.ny160_rye .ny_branch,
.ny993_selden .ny_branch,
.ny059_somers .ny_branch,
.ny362_thornwood .ny_branch,
.ny180_white_plains .ny_branch,
.ny344_yonkers .ny_branch,
.ny401_uniondale .ny_branch,
.ny029_broadway_111st .ny_branch {
    display: block !important;
}

.ny666_5th span.ny_branch,
.ny_chrysler span.ny_branch,
.ny330_madison span.ny_branch,
.ny_bryant_park span.ny_branch,
.ny_garment_district span.ny_branch,
.ny_union_square span.ny_branch,
.ny_madison_48th span.ny_branch,
.ny004_broadway_56th span.ny_branch,
.ny729_90_park_ave span.ny_branch,
.ny701_roosevelt_field span.ny_branch,
.ny046_5th_52nd span.ny_branch,
.ny357_3rd-42nd span.ny_branch,
.ny_williamsburg span.ny_branch,
.ny111_wall_street span.ny_branch,
.ny120_broadway span.ny_branch,
.ny300_chinatown span.ny_branch,
.ny_hudson_street span.ny_branch,
.ny_soho .la_branch,
.ny_tribeca span.ny_branch,
.ny128_jacksonheights span.ny_branch,
.ny628_smithaven span.ny_branch,
.ny226_chappaqua span.ny_branch,
.ny018_flushing span.ny_branch,
.ny163_eastchester span.ny_branch,
.ny_west_village span.ny_branch,
.ny_tribeca span.ny_branch,
.ny010_park-32nd span.ny_branch,
.ny032_aa-23rd span.ny_branch,
.ny097_5th-37th span.ny_branch,
.ny122_washington_square_village span.ny_branch,
.ny127_1st-28th span.ny_branch,
.ny415_korea_town span.ny_branch,
.ny584_1107_broadway span.ny_branch,
.ny803_broadway-astor span.ny_branch,
.ny857_madison-34th span.ny_branch,
.ny024_5th_ave-16th span.ny_branch,
.ny022_399_park_ave span.ny_branch,
.ny002_madison-42nd span.ny_branch,
.ny009_park-57th span.ny_branch,
.ny034_3rd_ave-46th_st span.ny_branch,
.ny091_6th-46th span.ny_branch,
.ny104_manhattan_plaza span.ny_branch,
.ny594_787_7th_ave span.ny_branch,
.ny735_5th_ave-60th span.ny_branch,
.ny027_madison-91st span.ny_branch,
.ny787_800_third_ave span.ny_branch,
.ny023_3rd-64th span.ny_branch,
.ny613_union_square span.ny_branch,
.ny132_princes_bay span.ny_branch,
.ny007_broadway-72nd span.ny_branch,
.ny807_broadway-63rd span.ny_branch,
.ny016_washington_heights span.ny_branch,
.ny926_125th_st span.ny_branch,
.nj806_englewood span.ny_branch,
.ny923_mineola span.ny_branch,
.ny268_south_huntington span.ny_branch,
.ny905_amityville span.ny_branch,
.ny872_cedarhurst span.ny_branch,
.ny983_merrick span.ny_branch,
.ny071_lakeville_road span.ny_branch,
.ny246_rockaway span.ny_branch,
.ny079_north_flushing span.ny_branch,
.ny371_howard_beach span.ny_branch,
.ny199_great_neck_8 span.ny_branch,
.ny342_court_square_7 span.ny_branch,
.ny305_east_brooklyn_4 span.ny_branch,
.ny189_whitestone_5 span.ny_branch,
.ny006_broadway-96th_street span.ny_branch,
.ny859_united_nations_plaza span.ny_branch,
.ny015_yorkville span.ny_branch,
.ny020_3rd_ave-72nd_street span.ny_branch,
.ny332_82nd-third span.ny_branch,
.ny048_stuyvesant span.ny_branch,
.ny108_hunts_point span.ny_branch,
.ny056_ridgewood span.ny_branch,
.ny495_morris_park span.ny_branch,
.ny051_montague_street span.ny_branch {
    display: inline !important;
}

.ny666_5th .dc_branch,
.ny666_5th .la_branch,
.ny666_5th .mo_branch,
.ny666_5th .sf_branch,
.ny666_5th .fl_branch,
.ny666_5th .il_branch,
.ny666_5th .tx_branch,
.ny_chrysler .dc_branch,
.ny_chrysler .la_branch,
.ny_chrysler .mo_branch,
.ny_chrysler .sf_branch,
.ny_chrysler .fl_branch,
.ny_chrysler .il_branch,
.ny_chrysler .tx_branch,
.ny330_madison .dc_branch,
.ny330_madison .la_branch,
.ny330_madison .mo_branch,
.ny330_madison .sf_branch,
.ny330_madison .fl_branch,
.ny330_madison .il_branch,
.ny330_madison .tx_branch,
.ny_bryant_park .dc_branch,
.ny_bryant_park .la_branch,
.ny_bryant_park .mo_branch,
.ny_bryant_park .sf_branch,
.ny_bryant_park .fl_branch,
.ny_bryant_park .il_branch,
.ny_bryant_park .tx_branch,
.ny_garment_district .dc_branch,
.ny_garment_district .la_branch,
.ny_garment_district .mo_branch,
.ny_garment_district .sf_branch,
.ny_garment_district .fl_branch,
.ny_garment_district .il_branch,
.ny_garment_district .tx_branch,
.ny_union_square .dc_branch,
.ny_union_square .la_branch,
.ny_union_square .mo_branch,
.ny_union_square .sf_branch,
.ny_union_square .fl_branch,
.ny_union_square .il_branch,
.ny_union_square .tx_branch,
.ny_madison_48th .dc_branch,
.ny_madison_48th .la_branch,
.ny_madison_48th .mo_branch,
.ny_madison_48th .sf_branch,
.ny_madison_48th .fl_branch,
.ny_madison_48th .il_branch,
.ny_madison_48th .tx_branch,
.ny004_broadway_56th .dc_branch,
.ny004_broadway_56th .la_branch,
.ny004_broadway_56th .mo_branch,
.ny004_broadway_56th .sf_branch,
.ny004_broadway_56th .fl_branch,
.ny004_broadway_56th .il_branch,
.ny004_broadway_56th .tx_branch,
.ny729_90_park_ave .dc_branch,
.ny729_90_park_ave .la_branch,
.ny729_90_park_ave .mo_branch,
.ny729_90_park_ave .sf_branch,
.ny729_90_park_ave .fl_branch,
.ny729_90_park_ave .il_branch,
.ny729_90_park_ave .tx_branch,
.ny701_roosevelt_field .dc_branch,
.ny701_roosevelt_field .la_branch,
.ny701_roosevelt_field .mo_branch,
.ny701_roosevelt_field .sf_branch,
.ny701_roosevelt_field .fl_branch,
.ny701_roosevelt_field .il_branch,
.ny701_roosevelt_field .tx_branch,
.ny046_5th_52nd .dc_branch,
.ny046_5th_52nd .la_branch,
.ny046_5th_52nd .mo_branch,
.ny046_5th_52nd .sf_branch,
.ny046_5th_52nd .fl_branch,
.ny046_5th_52nd .il_branch,
.ny046_5th_52nd .tx_branch,
.ny357_3rd-42nd .dc_branch,
.ny357_3rd-42nd .la_branch,
.ny357_3rd-42nd .mo_branch,
.ny357_3rd-42nd .sf_branch,
.ny357_3rd-42nd .fl_branch,
.ny357_3rd-42nd .il_branch,
.ny357_3rd-42nd .tx_branch,
.ny_williamsburg .dc_branch,
.ny_williamsburg .la_branch,
.ny_williamsburg .mo_branch,
.ny_williamsburg .sf_branch,
.ny_williamsburg .fl_branch,
.ny_williamsburg .il_branch,
.ny_williamsburg .tx_branch,
.ny111_wall_street .dc_branch,
.ny111_wall_street .la_branch,
.ny111_wall_street .mo_branch,
.ny111_wall_street .sf_branch,
.ny111_wall_street .fl_branch,
.ny111_wall_street .il_branch,
.ny111_wall_street .tx_branch,
.ny120_broadway .dc_branch,
.ny120_broadway .la_branch,
.ny120_broadway .mo_branch,
.ny120_broadway .sf_branch,
.ny120_broadway .fl_branch,
.ny120_broadway .il_branch,
.ny120_broadway .tx_branch,
.ny_chatham_square .dc_branch,
.ny_chatham_square .la_branch,
.ny_chatham_square .mo_branch,
.ny_chatham_square .sf_branch,
.ny_chatham_square .fl_branch,
.ny_chatham_square .il_branch,
.ny_chatham_square .tx_branch,
.ny300_chinatown .dc_branch,
.ny300_chinatown .la_branch,
.ny300_chinatown .mo_branch,
.ny300_chinatown .sf_branch,
.ny300_chinatown .fl_branch,
.ny300_chinatown .il_branch,
.ny300_chinatown .tx_branch,
.ny_city_hall .dc_branch,
.ny_city_hall .la_branch,
.ny_city_hall .mo_branch,
.ny_city_hall .sf_branch,
.ny_city_hall .fl_branch,
.ny_city_hall .il_branch,
.ny_city_hall .tx_branch,
.ny_hudson_street .dc_branch,
.ny_hudson_street .la_branch,
.ny_hudson_street .mo_branch,
.ny_hudson_street .sf_branch,
.ny_hudson_street .fl_branch,
.ny_hudson_street .il_branch,
.ny_hudson_street .tx_branch,
.ny_soho .dc_branch,
.ny_soho .la_branch,
.ny_soho .mo_branch,
.ny_soho .sf_branch,
.ny_soho .fl_branch,
.ny_soho .il_branch,
.ny_soho .tx_branch,
.ny_tribeca .dc_branch,
.ny_tribeca .la_branch,
.ny_tribeca .mo_branch,
.ny_tribeca .sf_branch,
.ny_tribeca .fl_branch,
.ny_tribeca .il_branch,
.ny_tribeca .tx_branch,
.ny128_jacksonheights .dc_branch,
.ny128_jacksonheights .la_branch,
.ny128_jacksonheights .mo_branch,
.ny128_jacksonheights .sf_branch,
.ny128_jacksonheights .fl_branch,
.ny128_jacksonheights .il_branch,
.ny128_jacksonheights .tx_branch,
.ny_garden_city .dc_branch,
.ny_garden_city .la_branch,
.ny_garden_city .mo_branch,
.ny_garden_city .sf_branch,
.ny_garden_city .fl_branch,
.ny_garden_city .il_branch,
.ny_garden_city .tx_branch,
.ny628_smithaven .dc_branch,
.ny628_smithaven .la_branch,
.ny628_smithaven .mo_branch,
.ny628_smithaven .sf_branch,
.ny628_smithaven .fl_branch,
.ny628_smithaven .il_branch,
.ny628_smithaven .tx_branch,
.ny226_chappaqua .dc_branch,
.ny226_chappaqua .la_branch,
.ny226_chappaqua .mo_branch,
.ny226_chappaqua .sf_branch,
.ny226_chappaqua .fl_branch,
.ny226_chappaqua .il_branch,
.ny226_chappaqua .tx_branch,
.ny018_flushing .dc_branch,
.ny018_flushing .la_branch,
.ny018_flushing .mo_branch,
.ny018_flushing .sf_branch,
.ny018_flushing .fl_branch,
.ny018_flushing .il_branch,
.ny018_flushing .tx_branch,
.ny163_eastchester .dc_branch,
.ny163_eastchester .la_branch,
.ny163_eastchester .mo_branch,
.ny163_eastchester .sf_branch,
.ny163_eastchester .fl_branch,
.ny163_eastchester .il_branch,
.ny163_eastchester .tx_branch,
.ny_west_village .dc_branch,
.ny_west_village .la_branch,
.ny_west_village .mo_branch,
.ny_west_village .sf_branch,
.ny_west_village .fl_branch,
.ny_west_village .il_branch,
.ny_west_village .tx_branch,
.ny010_park-32nd .dc_branch,
.ny010_park-32nd .la_branch,
.ny010_park-32nd .mo_branch,
.ny010_park-32nd .sf_branch,
.ny010_park-32nd .fl_branch,
.ny010_park-32nd .il_branch,
.ny010_park-32nd .tx_branch,
.ny032_aa-23rd .dc_branch,
.ny032_aa-23rd .la_branch,
.ny032_aa-23rd .mo_branch,
.ny032_aa-23rd .sf_branch,
.ny032_aa-23rd .fl_branch,
.ny032_aa-23rd .il_branch,
.ny032_aa-23rd .tx_branch,
.ny097_5th-37th .dc_branch,
.ny097_5th-37th .la_branch,
.ny097_5th-37th .mo_branch,
.ny097_5th-37th .sf_branch,
.ny097_5th-37th .fl_branch,
.ny097_5th-37th .il_branch,
.ny097_5th-37th .tx_branch,
.ny122_washington_square_village .dc_branch,
.ny122_washington_square_village .la_branch,
.ny122_washington_square_village .mo_branch,
.ny122_washington_square_village .sf_branch,
.ny122_washington_square_village .fl_branch,
.ny122_washington_square_village .il_branch,
.ny122_washington_square_village .tx_branch,
.ny127_1st-28th .dc_branch,
.ny127_1st-28th .la_branch,
.ny127_1st-28th .mo_branch,
.ny127_1st-28th .sf_branch,
.ny127_1st-28th .fl_branch,
.ny127_1st-28th .il_branch,
.ny127_1st-28th .tx_branch,
.ny415_korea_town .dc_branch,
.ny415_korea_town .la_branch,
.ny415_korea_town .mo_branch,
.ny415_korea_town .sf_branch,
.ny415_korea_town .fl_branch,
.ny415_korea_town .il_branch,
.ny415_korea_town .tx_branch,
.ny584_1107_broadway .dc_branch,
.ny584_1107_broadway .la_branch,
.ny584_1107_broadway .mo_branch,
.ny584_1107_broadway .sf_branch,
.ny584_1107_broadway .fl_branch,
.ny584_1107_broadway .il_branch,
.ny584_1107_broadway .tx_branch,
.ny803_broadway-astor .dc_branch,
.ny803_broadway-astor .la_branch,
.ny803_broadway-astor .mo_branch,
.ny803_broadway-astor .sf_branch,
.ny803_broadway-astor .fl_branch,
.ny803_broadway-astor .il_branch,
.ny803_broadway-astor .tx_branch,
.ny857_madison-34th .dc_branch,
.ny857_madison-34th .la_branch,
.ny857_madison-34th .mo_branch,
.ny857_madison-34th .sf_branch,
.ny857_madison-34th .fl_branch,
.ny857_madison-34th .il_branch,
.ny857_madison-34th .tx_branch,
.ny024_5th_ave-16th .dc_branch,
.ny024_5th_ave-16th .la_branch,
.ny024_5th_ave-16th .mo_branch,
.ny024_5th_ave-16th .sf_branch,
.ny024_5th_ave-16th .fl_branch,
.ny024_5th_ave-16th .il_branch,
.ny024_5th_ave-16th .tx_branch,
.ny022_399_park_ave .dc_branch,
.ny022_399_park_ave .la_branch,
.ny022_399_park_ave .mo_branch,
.ny022_399_park_ave .sf_branch,
.ny022_399_park_ave .fl_branch,
.ny022_399_park_ave .il_branch,
.ny022_399_park_ave .tx_branch,
.ny002_madison-42nd .dc_branch,
.ny002_madison-42nd .la_branch,
.ny002_madison-42nd .mo_branch,
.ny002_madison-42nd .sf_branch,
.ny002_madison-42nd .fl_branch,
.ny002_madison-42nd .il_branch,
.ny002_madison-42nd .tx_branch,
.ny009_park-57th .dc_branch,
.ny009_park-57th .la_branch,
.ny009_park-57th .mo_branch,
.ny009_park-57th .sf_branch,
.ny009_park-57th .fl_branch,
.ny009_park-57th .il_branch,
.ny009_park-57th .tx_branch,
.ny034_3rd_ave-46th_st .dc_branch,
.ny034_3rd_ave-46th_st .la_branch,
.ny034_3rd_ave-46th_st .mo_branch,
.ny034_3rd_ave-46th_st .sf_branch,
.ny034_3rd_ave-46th_st .fl_branch,
.ny034_3rd_ave-46th_st .il_branch,
.ny034_3rd_ave-46th_st .tx_branch,
.ny091_6th-46th .dc_branch,
.ny091_6th-46th .la_branch,
.ny091_6th-46th .mo_branch,
.ny091_6th-46th .sf_branch,
.ny091_6th-46th .fl_branch,
.ny091_6th-46th .il_branch,
.ny091_6th-46th .tx_branch,
.ny104_manhattan_plaza .dc_branch,
.ny104_manhattan_plaza .la_branch,
.ny104_manhattan_plaza .mo_branch,
.ny104_manhattan_plaza .sf_branch,
.ny104_manhattan_plaza .fl_branch,
.ny104_manhattan_plaza .il_branch,
.ny104_manhattan_plaza .tx_branch,
.ny594_787_7th_ave .dc_branch,
.ny594_787_7th_ave .la_branch,
.ny594_787_7th_ave .mo_branch,
.ny594_787_7th_ave .sf_branch,
.ny594_787_7th_ave .fl_branch,
.ny594_787_7th_ave .il_branch,
.ny594_787_7th_ave .tx_branch,
.ny735_5th_ave-60th .dc_branch,
.ny735_5th_ave-60th .la_branch,
.ny735_5th_ave-60th .mo_branch,
.ny735_5th_ave-60th .sf_branch,
.ny735_5th_ave-60th .fl_branch,
.ny735_5th_ave-60th .il_branch,
.ny735_5th_ave-60th .tx_branch,
.ny027_madison-91st .dc_branch,
.ny027_madison-91st .la_branch,
.ny027_madison-91st .mo_branch,
.ny027_madison-91st .sf_branch,
.ny027_madison-91st .fl_branch,
.ny027_madison-91st .il_branch,
.ny027_madison-91st .tx_branch,
.ny787_800_third_ave .dc_branch,
.ny787_800_third_ave .la_branch,
.ny787_800_third_ave .mo_branch,
.ny787_800_third_ave .sf_branch,
.ny787_800_third_ave .fl_branch,
.ny787_800_third_ave .il_branch,
.ny787_800_third_ave .tx_branch,
.ny023_3rd-64th .dc_branch,
.ny023_3rd-64th .la_branch,
.ny023_3rd-64th .mo_branch,
.ny023_3rd-64th .sf_branch,
.ny023_3rd-64th .fl_branch,
.ny023_3rd-64th .il_branch,
.ny023_3rd-64th .tx_branch,
.ny613_union_square .dc_branch,
.ny613_union_square .la_branch,
.ny613_union_square .mo_branch,
.ny613_union_square .sf_branch,
.ny613_union_square .fl_branch,
.ny613_union_square .il_branch,
.ny613_union_square .tx_branch,
.ny132_princes_bay .dc_branch,
.ny132_princes_bay .la_branch,
.ny132_princes_bay .mo_branch,
.ny132_princes_bay .sf_branch,
.ny132_princes_bay .fl_branch,
.ny132_princes_bay .il_branch,
.ny132_princes_bay .tx_branch,
.ny007_broadway-72nd .dc_branch,
.ny007_broadway-72nd .la_branch,
.ny007_broadway-72nd .mo_branch,
.ny007_broadway-72nd .sf_branch,
.ny007_broadway-72nd .fl_branch,
.ny007_broadway-72nd .il_branch,
.ny007_broadway-72nd .tx_branch,
.ny807_broadway-63rd .dc_branch,
.ny807_broadway-63rd .la_branch,
.ny807_broadway-63rd .mo_branch,
.ny807_broadway-63rd .sf_branch,
.ny807_broadway-63rd .fl_branch,
.ny807_broadway-63rd .il_branch,
.ny807_broadway-63rd .tx_branch,
.ny016_washington_heights .dc_branch,
.ny016_washington_heights .la_branch,
.ny016_washington_heights .mo_branch,
.ny016_washington_heights .sf_branch,
.ny016_washington_heights .fl_branch,
.ny016_washington_heights .il_branch,
.ny016_washington_heights .tx_branch,
.ny926_125th_st .dc_branch,
.ny926_125th_st .la_branch,
.ny926_125th_st .mo_branch,
.ny926_125th_st .sf_branch,
.ny926_125th_st .fl_branch,
.ny926_125th_st .il_branch,
.ny926_125th_st .tx_branch,
.nj806_englewood .dc_branch,
.nj806_englewood .la_branch,
.nj806_englewood .mo_branch,
.nj806_englewood .sf_branch,
.nj806_englewood .fl_branch,
.nj806_englewood .il_branch,
.nj806_englewood .tx_branch,
.ny923_mineola .dc_branch,
.ny923_mineola .la_branch,
.ny923_mineola .mo_branch,
.ny923_mineola .sf_branch,
.ny923_mineola .fl_branch,
.ny923_mineola .il_branch,
.ny923_mineola .tx_branch,
.ny268_south_huntington .dc_branch,
.ny268_south_huntington .la_branch,
.ny268_south_huntington .mo_branch,
.ny268_south_huntington .sf_branch,
.ny268_south_huntington .fl_branch,
.ny268_south_huntington .il_branch,
.ny268_south_huntington .tx_branch,
.ny905_amityville .dc_branch,
.ny905_amityville .la_branch,
.ny905_amityville .mo_branch,
.ny905_amityville .sf_branch,
.ny905_amityville .fl_branch,
.ny905_amityville .il_branch,
.ny905_amityville .tx_branch,
.ny872_cedarhurst .dc_branch,
.ny872_cedarhurst .la_branch,
.ny872_cedarhurst .mo_branch,
.ny872_cedarhurst .sf_branch,
.ny872_cedarhurst .fl_branch,
.ny872_cedarhurst .il_branch,
.ny872_cedarhurst .tx_branch,
.ny983_merrick .dc_branch,
.ny983_merrick .la_branch,
.ny983_merrick .mo_branch,
.ny983_merrick .sf_branch,
.ny983_merrick .fl_branch,
.ny983_merrick .il_branch,
.ny983_merrick .tx_branch,
.ny071_lakeville_road .dc_branch,
.ny071_lakeville_road .la_branch,
.ny071_lakeville_road .mo_branch,
.ny071_lakeville_road .sf_branch,
.ny071_lakeville_road .fl_branch,
.ny071_lakeville_road .il_branch,
.ny071_lakeville_road .tx_branch,
.ny246_rockaway .dc_branch,
.ny246_rockaway .la_branch,
.ny246_rockaway .mo_branch,
.ny246_rockaway .sf_branch,
.ny246_rockaway .fl_branch,
.ny246_rockaway .il_branch,
.ny246_rockaway .tx_branch,
.ny079_north_flushing .dc_branch,
.ny079_north_flushing .la_branch,
.ny079_north_flushing .mo_branch,
.ny079_north_flushing .sf_branch,
.ny079_north_flushing .fl_branch,
.ny079_north_flushing .il_branch,
.ny079_north_flushing .tx_branch,
.ny371_howard_beach .dc_branch,
.ny371_howard_beach .la_branch,
.ny371_howard_beach .mo_branch,
.ny371_howard_beach .sf_branch,
.ny371_howard_beach .fl_branch,
.ny371_howard_beach .il_branch,
.ny371_howard_beach .tx_branch,
.ny199_great_neck_8 .dc_branch,
.ny199_great_neck_8 .la_branch,
.ny199_great_neck_8 .mo_branch,
.ny199_great_neck_8 .sf_branch,
.ny199_great_neck_8 .fl_branch,
.ny199_great_neck_8 .il_branch,
.ny199_great_neck_8 .tx_branch,
.ny342_court_square_7 .dc_branch,
.ny342_court_square_7 .la_branch,
.ny342_court_square_7 .mo_branch,
.ny342_court_square_7 .sf_branch,
.ny342_court_square_7 .fl_branch,
.ny342_court_square_7 .il_branch,
.ny342_court_square_7 .tx_branch,
.ny305_east_brooklyn_4 .dc_branch,
.ny305_east_brooklyn_4 .la_branch,
.ny305_east_brooklyn_4 .mo_branch,
.ny305_east_brooklyn_4 .sf_branch,
.ny305_east_brooklyn_4 .fl_branch,
.ny305_east_brooklyn_4 .il_branch,
.ny305_east_brooklyn_4 .tx_branch,
.ny189_whitestone_5 .dc_branch,
.ny189_whitestone_5 .la_branch,
.ny189_whitestone_5 .mo_branch,
.ny189_whitestone_5 .sf_branch,
.ny189_whitestone_5 .fl_branch,
.ny189_whitestone_5 .il_branch,
.ny189_whitestone_5 .tx_branch,
.ny006_broadway-96th_street .dc_branch,
.ny006_broadway-96th_street .la_branch,
.ny006_broadway-96th_street .mo_branch,
.ny006_broadway-96th_street .sf_branch,
.ny006_broadway-96th_street .fl_branch,
.ny006_broadway-96th_street .il_branch,
.ny006_broadway-96th_street .tx_branch,
.ny859_united_nations_plaza .dc_branch,
.ny859_united_nations_plaza .la_branch,
.ny859_united_nations_plaza .mo_branch,
.ny859_united_nations_plaza .sf_branch,
.ny859_united_nations_plaza .fl_branch,
.ny859_united_nations_plaza .il_branch,
.ny859_united_nations_plaza .tx_branch,
.ny015_yorkville .dc_branch,
.ny015_yorkville .la_branch,
.ny015_yorkville .mo_branch,
.ny015_yorkville .sf_branch,
.ny015_yorkville .fl_branch,
.ny015_yorkville .il_branch,
.ny015_yorkville .tx_branch,
.ny020_3rd_ave-72nd_street .dc_branch,
.ny020_3rd_ave-72nd_street .la_branch,
.ny020_3rd_ave-72nd_street .mo_branch,
.ny020_3rd_ave-72nd_street .sf_branch,
.ny020_3rd_ave-72nd_street .fl_branch,
.ny020_3rd_ave-72nd_street .il_branch,
.ny020_3rd_ave-72nd_street .tx_branch,
.ny332_82nd-third .dc_branch,
.ny332_82nd-third .la_branch,
.ny332_82nd-third .mo_branch,
.ny332_82nd-third .sf_branch,
.ny332_82nd-third .fl_branch,
.ny332_82nd-third .il_branch,
.ny332_82nd-third .tx_branch,
.ny048_stuyvesant .dc_branch,
.ny048_stuyvesant .la_branch,
.ny048_stuyvesant .mo_branch,
.ny048_stuyvesant .sf_branch,
.ny048_stuyvesant .fl_branch,
.ny048_stuyvesant .il_branch,
.ny048_stuyvesant .tx_branch,
.ny048_stuyvesant .ny_branch,
.ny108_hunts_point .dc_branch,
.ny108_hunts_point .la_branch,
.ny108_hunts_point .mo_branch,
.ny108_hunts_point .sf_branch,
.ny108_hunts_point .fl_branch,
.ny108_hunts_point .il_branch,
.ny108_hunts_point .tx_branch,
.ny056_ridgewood .dc_branch,
.ny056_ridgewood .la_branch,
.ny056_ridgewood .mo_branch,
.ny056_ridgewood .sf_branch,
.ny056_ridgewood .fl_branch,
.ny056_ridgewood .il_branch,
.ny056_ridgewood .tx_branch,
.ny495_morris_park .dc_branch,
.ny495_morris_park .la_branch,
.ny495_morris_park .mo_branch,
.ny495_morris_park .sf_branch,
.ny495_morris_park .fl_branch,
.ny495_morris_park .il_branch,
.ny495_morris_park .tx_branch,
.ny051_montague_street .dc_branch,
.ny051_montague_street .la_branch,
.ny051_montague_street .mo_branch,
.ny051_montague_street .sf_branch,
.ny051_montague_street .fl_branch,
.ny051_montague_street .il_branch,
.ny051_montague_street .tx_branch {
    display: none;
}


/* Deploy 11-27-2018 */

.ny233_manhasset .ny_branch,
.ny368_manhasset .ny_branch,
.bu022_rbs_uat_lab_lic .ny_branch,
.ny158_fresh_meadows .ny_branch,
.ny596_forest_hills .ny_branch {
    display: block !important;
}


/* Deploy 05-14-2021 */

.ny876_floral_park .ny_branch,
.ny144_bensonhurst .ny_branch {
    display: block !important;
}


/* Deploy 08-27-2021 */

.bu023_ny_uat_cob .tx_branch .il084_elk_grove_village .il_branch .il101_dearborn_and_washington_vendor_atms .il_branch .cd904_farragut_north .dc_branch .il015_schaumburg .il_branch {
    display: block !important;
}


/* new citigold stuff */

.pg_container {
    font-family: "InterstateLight";
}

.citigold_topBar {
    z-index: 2;
    background-image: url("../images/citigold/CitigoldBar.png");
    width: 1310px;
    height: 32px;
    padding-left: 2em;
    margin-bottom: -32px;
}

.topbar_font {
    color: #98793e;
    font-size: 24px;
    font-weight: 150;
    font-family: Interstate, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.sorting-title {
    width: 700px !important;
    text-align: left;
    color: white;
    font-size: 50px !important;
    letter-spacing: -1.5px;
    padding-top: 91px;
    padding-bottom: 30px;
    -webkit-font-smoothing: antialiased;
}

.font_black {
    font-family: "InterstateBlack" !important;
}

.pg-sorting-header {
    color: #98793e;
    font-size: 34px;
    font-weight: 250;
    /* padding-left: 0.4em; */
    padding-top: 1.7em;
    margin: 30px 0 26px;
    letter-spacing: -0.86px;
    width: 1310px;
    font-family: InterstateLight, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.sorting-list {
    position: relative;
    height: 425px;
}

.sorting-list-item {
    opacity: 0;
    position: relative;
    width: 700px !important;
    margin-left: -22px;
    color: white;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: 0em;
    font-family: InterstateRegular, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.item-content::before,
.item-content::after {
    position: relative;
    margin-top: 0em;
    background-position: center;
    content: url("../images/citigold/citi-circle-icon.png");
}

.item-content::before {
    margin-left: -1.65em;
}

.draggable div.item-content {
    box-shadow: none !important;
}

.main-container {
    width: 1310px;
    height: 730px;
    position: relative;
}

img.bg-top,
img.bg-bottom,
video.bg-top,
video.bg-bottom {
    z-index: -1;
    position: absolute;
    left: 0;
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
}

.main-container img.bg-top,
video.bg-top {
    opacity: 1;
}

.main-container img.bg-bottom,
video.bg-bottom {
    opacity: 0;
}


/* personal goals page menu stuff*/

.pg-menu {
    padding-top: 14.2em;
    padding-right: 5em;
    width: 238px;
}

.pg-menu-items>li {
    color: white;
    font-size: 12px;
    line-height: 13px;
    padding-left: 56px;
    padding-bottom: 39px;
    letter-spacing: -0.4px;
    font-family: InterstateRegular, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.pg-content {
    position: absolute;
    margin: 0;
}

.pg-content>div>img {
    z-index: 1;
    width: 100%;
    height: auto;
    margin: 3em 0em 3em 0;
}

.pg-selected {
    border: solid white;
    border-width: 6px 0 0 0;
    display: inline-block;
    position: absolute;
    height: 15px;
    width: 33px;
    left: -1px !important;
    margin-top: 5px;
}

.pg-header {
    margin: 15px 0 0 17px;
    color: white;
    font-size: 33px;
    line-height: 42px;
    letter-spacing: -0.7px;
    padding-top: 1.7em;
    padding-bottom: 2.2em;
    width: 1000px;
    text-align: left;
    font-family: "interstate";
    font-weight: 100;
}

.personal-content {
    display: flex;
    width: 1024px;
    padding-left: 3px;
}

.carret-row {
    padding-top: 1.3em;
    padding-bottom: 2em;
    padding-right: 0.6em;
    margin-right: 0px !important;
}

.carret-up,
.carret-down {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    margin: 0 auto -45px;
    padding: 3px;
    height: 30px;
    width: 30px;
}

.carret-down {
    margin-top: 38em;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: relative;
    bottom: 7px;
}

.carret-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.sorting-continue {
    position: absolute;
    top: 660px;
    left: 255px;
    opacity: 0;
    color: white;
    font-size: 14px;
    line-height: 16px;
    font-family: InterstateLight, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.4px;
}

.order-message {
    opacity: 0;
    color: white;
    width: 332px;
    font-family: InterstateLight, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.4px;
    align-items: center;
}

.message-left {
    padding-top: 26.5em;
}

.message-left>.col-10 {
    right: 19px;
}

.message-right {
    padding-top: 26.5em;
}

.message-right>.col-2 {
    padding: 0;
}

.carret-right,
.carret-left {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    margin-top: 5px;
    height: 43px;
    width: 43px;
}

.carret-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.carret-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

[data-img="financialplan.png"] {
    width: 1050px;
}

.fp-col-1 {
    color: white;
    padding-top: 5.9em;
    text-align: left;
    padding-left: 22px !important;
    flex: 0 0 100% !important;
    width: 377px !important;
    max-width: 377px !important;
}

.fp-col-1 .fp-title,
.investing-title,
.banking-title,
.borrowing-title,
.subscription-title {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.4px;
    font-family: "InterstateRegular";
    text-align: left;
}

.fp-col-1>p,
.investing-title>p,
.banking-title>p,
.borrowing-title>p,
.subscription-title>p {
    line-height: 53px;
    font-size: 50px;
    letter-spacing: -1.3px;
    font-family: "InterstateLight";
}

@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop,
    .borrowing-title>p {
        font-size: 40px !important;
    }
}

.fp-col-2 {
    color: white;
    padding-top: 6em;
    text-align: left;
    padding-left: 37px !important;
    flex: 0 0 100% !important;
    width: 360px !important;
    max-width: 360px !important;
}

.fp-col-2 .fp-title,
.fp-col-3 div,
.investing-subTitle {
    font-family: "InterstateBold";
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.5px;
    padding-bottom: 5px;
}

.fp-col-2>p,
.investing-content p,
.banking-content p {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.4px;
    padding-bottom: 28px;
}

.fp-col-2>p {
    padding-bottom: 39px;
}

.fp-col-3 {
    color: white;
    padding-top: 27.9em;
    padding-left: 36px !important;
    text-align: left;
}

.fp-col-3>ul>li,
.investing-content>ul>li,
.banking-content>ul>li {
    font-size: 14px;
    line-height: 24px;
    margin-left: 0;
    letter-spacing: -0.1px;
    text-indent: 1px;
}

.investing-content,
.banking-content {
    text-align: left;
    line-height: 1.3em;
    /* padding: 0px !important; */
}

.investing-content>ul>li {
    padding-bottom: 0em;
}

.investing-title.pg-content-col {
    line-height: 14px;
    padding-bottom: 21px;
}

.investing-title>p {
    line-height: 55px;
}

#investing-para1 {
    padding-bottom: 11px;
}

.investing-block {
    color: #002a54;
    width: 80%;
    margin-left: 345px;
    margin-top: 0.8em;
}

.investing-content.pg-content-col {
    padding: 0 2px;
}

.investing-block .col-sm-6 {
    margin-right: 22px;
    max-width: 320px;
}

[data-img="pgbanking.png"] {
    width: 992px;
    margin: 40px 0 0 -8px !important;
}

.banking-content>ul>li {
    padding-bottom: 5px;
    line-height: 18px;
    letter-spacing: -0.4px;
}

.borrowing-block {
    color: #002a54;
    margin-left: 245px;
    margin-top: 3em;
    width: 842px;
}

.borrowing-title {
    text-align: left;
}

.borrowing-title>p {
    padding-bottom: 13px;
}

.borrowing-block .col-sm-6:nth-of-type(2) {
    padding-top: 20px;
}

.borrowing-block .investing-content p {
    padding-bottom: 13px;
    width: 70%;
}

.borrowing-block sup {
    font-size: 10px;
    line-height: 0;
}

.li-nextLine {
    margin-left: 13px;
}

.banking-title>p {
    padding-bottom: 0.5em;
    line-height: 49px;
}

.banking-section {
    color: white;
}

.travel-content {
    width: 100%;
    color: white;
    padding: 96px 8px 0;
}

.travel-content .banking-title>p {
    padding: 0 0 68px;
}

.travel-content .banking-content {
    max-width: 38%;
    padding-bottom: 30px !important;
}

.travel-content .banking-content p {
    padding-bottom: 5px !important;
}

.subscription-content {
    width: 75%;
    color: white;
    padding: 25px 8px 0 8px;
}

.subscription-content .perks>p {
    font-family: "InterstateBold";
    font-size: 20px;
    line-height: 25px;
    padding: 20px 0;
    margin: 0;
}

.subscription-content .perks>p:first-child {
    padding: 20px 0 5px 0;
}

.subscription-content .perks>p:last-child {
    padding: 90px 0 0 0;
}

.subscription-content .perks>p sup {
    font-family: "InterstateRegular";
    font-size: 10px;
    line-height: 0;
    top: -1em;
}

.subscription-content .perks h5 {
    font-family: "InterstateBold";
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.5px;
}

.subscription-content .perks>div:first-child p {
    font-size: 27px;
    line-height: 17px;
    letter-spacing: -2.0px;
}

.subscription-content .perks>div:first-child p strong {
    font-weight: inherit;
    font-family: "InterstateBold";
}

.subscription-content .perks>.logos .logo-container {
    min-height: 60px;
}

.subscription-title {
    padding-bottom: 25px;
}

#qrcode>img {
    position: absolute;
    width: auto;
    height: 85px;
    padding: 5px;
    border-radius: 8px;
    background: #fff;
    top: -17px;
    left: -20px;
}

.qr-text {
    margin-left: -10px;
    font-size: 15px;
    line-height: 16px;
    font-family: "InterstateRegular";
    letter-spacing: -0.9px;
    padding-top: 2px;
}

.qr-text>img {
    z-index: -1;
    top: -11%;
    left: -24.4%;
    position: absolute;
}

.cc-benefits-content {
    width: 100%;
}

.cc_benefits_wrapper {
    position: relative;
    top: 100px;
    left: 290px;
    text-align: left;
    color: #002a54;
    max-width: 800px;
}

.cc_benefits_wrapper sup {
    font-size: 10px;
    line-height: 0px;
}

.cc_benefits_title {
    font-size: 15px;
    line-height: 14px;
    font-family: "InterstateRegular";
    letter-spacing: -0.4px;
}

.cc_benefits_heading {
    font-size: 50px;
    line-height: 54px;
    font-family: "InterstateLight";
    letter-spacing: -1.5px;
}

.cc_benefits_subHeading {
    font-size: 22px;
    line-height: 26px;
    font-family: "InterstateBold";
    letter-spacing: -0.7px;
    padding: 10px 0 60px 0;
}

.cc_benefits_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 0 0 61px;
}

.cc_benefits_col {
    position: relative;
    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-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding: 0 30px 0 0px;
    margin-right: 35px;
    width: 335px;
}

.cc_benefits_cardImg {
    width: 150px;
    height: 97px;
}

.cc_benefits_cardHeading {
    font-size: 18px;
    line-height: 21px;
    font-family: "InterstateBold";
    letter-spacing: -0.4px;
}

.cc_benefits_cardHeading .tradeMark {
    font-family: "InterstateRegular";
}

.cc_benefits_card_para {
    font-size: 15px;
    line-height: 18px;
    font-family: "InterstateLight";
    letter-spacing: -0.9px;
    padding-top: 6px;
}

.cc_benefits_card_learnMoreText {
    font-size: 15px;
    line-height: 17px;
    font-family: "InterstateBold";
    letter-spacing: -0.9px;
    padding-top: 5px;
}

.carret-down:focus {
    outline: 0px !important;
}

.video-loading {
    position: absolute;
    z-index: -2;
    background-color: #00224c;
    background: url("../images/citigold/cgBg.png") no-repeat 0 0;
    width: 1310px;
    height: 749px;
    justify-content: right;
    -webkit-transition: background 1.5s linear;
    -moz-transition: background 1.5s linear;
    -o-transition: background 1.5s linear;
    -ms-transition: background 1.5s linear;
    transition: background 1.5s linear;
}

.video-bg-color {
    position: absolute;
    z-index: -3;
    background-color: #00224c;
    width: 1310px;
    height: 749px;
    justify-content: right;
}

div#mortgage_legal sup {
    line-height: 0px;
    font-size: 7px;
    position: relative;
    top: 1px;
}

#loading_events {
    height: 100%;
    color: #002b54;
    font-size: 45px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: "InterstateLight";
}


/* Citi-Explore-iOS-App-bug-fixes start */

.legal_toggle {
    padding: 15px 0;
}

@media (device-width: 768px) and (device-height: 1024px),
(max-width: 1024px) {
    .landing_promo_cd_dp4 {
        margin-left: 0px !important;
    }
    .legal_toggle {
        padding: 10px 0;
    }
    #legal_toggle {
        font-size: 1.267em !important;
    }
    .cards_selector_header {
        margin: 50px 0 20px -3px !important;
    }
    #privatepass_tickets_title .reg {
        top: -12px !important;
    }
    #mortgage_surestart_byline .reg {
        font-size: 13px !important;
        left: -2px !important;
        top: -21px !important;
    }
    #checking_debit_byline .reg {
        font-size: 13px !important;
        top: -25px !important;
        left: -2px !important;
    }
    #local_checking_title sup,
    #local_savings_title sup {
        position: relative;
        top: -10px;
    }
}


/* Citi-Explore-iOS-App-bug-fixes end */

/* Citi Bike Interactive - Aug 2021 - Start */
@font-face {
  font-family: "interstate";
  src: url("https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
      format("woff"),
    url("https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "interstate";
  src: url("https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff"),
    url("https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}

#local_citi_bike_interactive_wrap {
  width: 1370px;
  height: 750px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 43px 0 0 !important;
}

#leftSection {
  width: 668px;
  height: 100%;
  overflow: hidden;
}

#rightSection {
  width: 702px;
  height: 100%;
}

.tapToStart {
  color: #002a54;
  position: relative;
}

#destination {
  display: none;
}

.tapToStart_copyWrapper {
  padding: 46px 90px 25.5px 63px;
  color: #002a54;
}

.tapToStart_copyWrapper h2 {
  font-size: 23px;
  line-height: 28px;
  font-family: "InterstateBlack";
  padding-bottom: 11.4px;
  letter-spacing: -0.6px;
}

.tapToStart_copyWrapper h1 {
  font-size: 42px;
  line-height: 60px;
  letter-spacing: -1.1px;
  font-family: "InterstateLight";
}

.tapToStart_copyWrapper h1 sup {
  position: relative;
  top: -17px;
  font-size: 23px;
}

.tapArea {
  width: 100%;
  padding: 0px 0;
  font-family: "InterstateBold";
  font-size: 49px;
  line-height: 49px;
  vertical-align: middle;
  text-align: center;
  color: #000;
}

#welcomeScreenIcons {
  padding: 95px 0 0 67px;
}

.interactiveSection {
  display: none;
  width: 100%;
}

.formWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 40px 76px 58px 10px;
  background-color: #058eca;
}

.sourceDestinationIcons {
  padding: 20px 24px 0 20px;
}

.formWrapper > div {
  display: inline-block;
}

#sourceDestinationForm {
  width: 100%;
  position: relative;
}

#source,
#destination > li {
  padding: 8.5px 0;
  padding-left: 16px;
  margin-bottom: 9px;
  border: 0;
  color: #fff;
  font-family: "InterstateRegular";
  font-size: 18px;
  text-indent: 0;
  line-height: 18px;
  letter-spacing: -0.5px;
  position: relative;
  z-index: 1;
}

#destination > li img {
  display: inline-block;
  position: absolute;
  right: 1px;
  top: 12px;
}

#destination {
  -ms-overflow-style: none;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  background-color: #058eca;
  top: 104px;
  padding-bottom: 18px;
  margin: 0;
  width: 100%;
  left: 0;
}

.destinationBoxShadow {
  box-shadow: 5px 8px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 5px 8px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 5px 8px 6px 0px rgba(0, 0, 0, 0.16);
}

.destinationSelectedUl {
  border-bottom: 2px solid white;
  padding-bottom: 0 !important;
  width: 99% !important;
  left: 6px !important;
}

#source {
  background-color: #058eca;
  text-transform: capitalize;
  border-bottom: 2px solid white;
  padding: 17px 0 18px 10px;
  width: 99%;
  left: 6px;
}

section {
  padding: 0 0 21px 0;
}

.sectionHeadersWrap {
  position: relative;
  padding-bottom: 19px;
  color: #002a54 !important;
}

.sectionHeader {
  font-family: "InterstateBold";
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.45px;
  color: #002a54;
}

.co2EmissionHeader {
  font-family: "InterstateBold";
  position: absolute;
  right: 0;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.4px;
}

.co2EmissionHeader sub {
  position: relative;
  top: 5px;
  left: 0px;
  font-size: 8.5px;
}

.progress-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.progressCircle {
  width: 44.47px !important;
  height: 44.47px !important;
  border-radius: 50% !important;
  z-index: 1;
  position: relative;
}

.progressBar {
  height: 20px !important;
  width: 447px !important;
  position: relative;
  left: -2px;
  border-radius: 0 !important;
}

.progress {
  height: 22px;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.progress-bar {
  background-color: #096bb4 !important;
}

.resultsContainer {
  width: 100% !important;
  height: 100% !important;
  display: none;
  padding: 25px 32px 0 53px !important;
}

.co2-value {
  position: absolute;
  right: 32px;
  top: 9px;
  font-family: interstate, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  color: #595858;
}

.allModesContainer {
  padding: 10px 0 0px 28px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
}

.selectMode {
  padding: 0 29px 0 0;
}

.subway_CircleImg {
  width: 19.45px;
  top: 11px;
  left: 12px;
}

.drone_Taxi_CircleImg {
  width: 27.42px;
  top: 14px;
  left: 9px;
}

.car_CircleImg {
  width: 29.88px;
  top: 13px;
  left: 7px;
}

.horseback_CircleImg {
  width: 29.58px;
  left: 8px;
  top: 8px;
}

.roller_Skates_CircleImg {
  width: 23.64px;
  top: 9px;
  left: 9px;
}

.selectMode[data-mode-id="roller_Skates"] .modeTitle {
  position: relative;
  right: 5px;
}

.selectMode[data-mode-id="roller_Skates"] {
  position: relative;
  left: 6px;
}

.taxi_CircleImg {
  width: 22.23px;
  top: 12px;
  left: 10px;
}

.selectMode[data-mode-id="taxi"] {
  position: relative;
  left: 4px;
}

.magic_Carpet_CircleImg {
  width: 28.2px;
  top: 14px;
  left: 7px;
}

.selectMode[data-mode-id="magic_Carpet"] .modeTitle {
  position: relative;
  right: 7px;
}

.selectMode[data-mode-id="magic_Carpet"] {
  position: relative;
  left: 10px;
}

.modeImg img {
  position: absolute;
}

.modeActive .modeImg {
  background: #056dae !important;
}

.selectedCircleImg {
  display: none;
}

.modeImg {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  background: #e2eef7;
}

.modeTitle {
  text-transform: capitalize;
  font-size: 12px;
  padding: 4px 0 0;
  font-family: "InterstateRegular";
  font-size: 9px;
  line-height: 15px;
  letter-spacing: -0.1px;
  color: #056dae;
  text-align: center;
  position: relative;
  right: 1px;
}

section.altMode {
  padding: 0 0 17px 0;
}

#altModeResult {
  display: none;
}

img#altModeResultImage {
  position: absolute;
}

#endResult {
  display: none;
  padding: 31px 1px 0;
}

#endResult #subway .resultImage {
  width: 181px;
  top: -15px;
  right: 11px;
}

#endResult #drone_Taxi .resultImage {
  width: 209px;
  top: -33px;
  right: 14px;
}

#endResult #car .resultImage {
  width: 239px;
  top: -15px;
  right: 11px;
}

#endResult #horseback .resultImage {
  width: 209px;
  top: -33px;
  right: 14px;
}

#endResult #roller_Skates .resultImage {
  width: 128.59px;
  top: -9px;
  right: 27px;
}

#endResult #taxi .resultImage {
  width: 213.95px;
  top: -3px;
  right: 16px;
}

#endResult #magic_Carpet .resultImage {
  width: 193px;
  top: -25px;
  right: 29px;
}

.endResultContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.subheadAndFactoid {
  color: #002a54;
}

#endResult #drone_Taxi .subheadAndFactoid {
  position: absolute;
  top: 21px;
  left: -12px;
}

#endResult #horseback .subheadAndFactoid {
  position: absolute;
  top: 21px;
  left: -12px;
}

#endResult #roller_Skates .subheadAndFactoid {
  position: absolute;
  left: -12px;
  top: 21px;
}

#endResult #magic_Carpet .subheadAndFactoid {
  top: 21px;
  left: -12px;
}

.real .subhead {
  cursor: pointer;
  font-family: "InterstateBold";
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.34px;
}

.real .factoid {
  padding-top: 10px;
  font-family: "InterstateLight";
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
}

.fiction .subheadAndFactoid {
  position: absolute;
}

.fiction .subhead {
  font-size: 30px !important;
  line-height: 41px !important;
  letter-spacing: -0.8px !important;
}

.fiction .factoid {
  padding-top: 0px;
}

.resultImage {
  position: absolute;
}

.resultImage img {
  width: 100%;
}

#mapWrapper {
  width: 100%;
  height: 636px;
}

#map {
  width: 100%;
  height: 100%;
}

.marker-position {
  position: absolute;
  top: 35px;
  left: 30px;
  text-transform: capitalize;
  background-color: rgba(255,255,255, 0.7);
  padding: 5px;
  border-radius: 5px;
}

.qrCodeSectionImg,
.qrCodeSectionText1,
.qrCodeSectionText2 {
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
}

.qrCodeSection {
  padding: 9px 0 0 18px;
  position: relative;
}

.qrCodeSectionText1 {
  font-family: interstate, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #056dae;
  position: relative;
  top: 12px;
  left: 17px;
  letter-spacing: -0.5px;
}

.qrCodeSectionText2 {
  position: absolute;
  top: 40px;
  right: 50px;
  letter-spacing: -0.4px;
  font-family: "InterstateLight";
  line-height: 18px;
}

#citi_bike_interactive .qrCodeSectionText2 sub {
  position: relative;
  top: 5px;
  font-size: 10px;
}


 #mortgage_options_wrap .fha_mortage {
   margin: 13px 0 24px;
}

@media (device-width: 768px) and (device-height: 1024px), (max-width: 1024px) {
  #local_citi_bike_interactive_wrap {
    margin: 21px 0 0 !important;
  }

  #mapWrapper {
    width: 442.26px;
    height: 400.68px;
  }

  #rightSection {
    position: relative;
    right: 247px;
  }
}

.modal_small_letter {
    font-style: italic;
    font-size: 16px;
    letter-spacing: -0.03em;
}
/* Citi Bike Interactive - Aug 2021 - End */

/* Multi taction screen */

body.mt-display>.app_content>div:not(.main_cell),
body.mt-display>.app_content>.main_cell>.page_content>.content_cell:not(.main_cell) {
    display: none !important;
}

body.mt-display>.app_content>.main_cell>.page_content>.main_cell {
    padding: 25px;
}

body.mt-display .header_1 {
    margin-top: 0;
}

body.mt-display div.app_content div.main-container,
body.mt-display .pg-sorting-header,
body.mt-display .content_cell {
    margin-left: 100px !important;
    margin-top: 0;
}

body.mt-display .pg-sorting-header,
body.mt-display .content_cell {
    margin-top: 0;
    padding-top: 0 !important;
}

body.mt-display .header_1 {
    margin-top: 25px !important;
}

body.mt-display .main_content {
    padding-left: 40px;
}
body.mt-display #legal_close {
    left: 1500px;
}
/* MT showcase Citi Bike Offer */

.show_mt_local_promo {
    display: none;
}

.cards_selector_header {
    margin: 95px 0 0 -4px;
    font-size: 37px;
    letter-spacing: -0.05em;
}

.color_lending_header {
  font-size: 36px;
}

.subscription-content .logos {
    position: relative;
    top: 28px;
    left: 14px;
}

.subscription-content .logos .col-sm-4 {
    flex: 0 0 27.333333%;
}

#citigold_sorting_footer .legal_para {
    margin-bottom: 10px;
    line-height: 13px;
    font-size: 12px;
    letter-spacing: -0.02em;
}

.card_selector .card_name .modal_sup,
.card_selector .card_name .reg {
    line-height: 0;
    top: -1px;
    font-size: 9px;
    position: relative;
}

.card_selector #card_worldmastercard .card_name {
    font-size: 12px; letter-spacing: -0.3px;
}