/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

td, th {
    padding: 0
}

@font-face {
    font-family: 'bluebird';
    src: url('https://www.bluebird.com/common/css/fonts/bluebird.eot');
}

body a:hover, body a:active {
    border: none;
}

@font-face {
    font-family: 'bluebird';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.icon, .play-video:before, .accordion-item .trigger button:before, .overlay .close:before, #hero .login-bar-link:before, #hero .slide-cta-container a.video-link:before, #hero .hero-cta-container a.video-link:before, #hero .slide-cta-container a.bluebird-fee-link:before, #hero .hero-cta-container a.bluebird-fee-link:before, #hero .direct-deposit-slide .slide-description-body li h3:before, #hero .bluebird-in-action-slide .slide-description-body li a:before, #hero .carousel-arrows:before, .consumer-reports .container a:before, .consumer-reports .accordion-item .bluebird-feature a:before, .accordion-item .consumer-reports .bluebird-feature a:before, .consumer-reports #hero .main-nav._active .main-nav-container a:before, #hero .main-nav._active .consumer-reports .main-nav-container a:before, .consumer-reports #hero .hero-main-content a:before, #hero .consumer-reports .hero-main-content a:before, .consumer-reports #hero .slide-container a:before, #hero .consumer-reports .slide-container a:before, .consumer-reports #hero .hero-container .hero-description a:before, #hero .hero-container .consumer-reports .hero-description a:before, .consumer-reports #money-management-tools .money-management-container a:before, #money-management-tools .consumer-reports .money-management-container a:before, .carousel-nav a span:before, .promoted-content a span:before, #adding-funds li:before, #money-management-tools .money-management-tools-container .money-management-item._active .money-management-button:before, .tile .benefits-wrapper:before, .pseudo-tile .benefits-wrapper:before, .tile .tile-front, .pseudo-tile .tile-front, .footer .footer-social-links a:before, #direct-deposit li:before, #watch-bluebird li:before, .promoted-content .h3:before, [class^="icon-"], [class*=" icon-"] {
    font-family: 'bluebird';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-direct-deposit-convenient:before {
    content: "\e60a"
}

.icon-direct-deposit-flexible:before {
    content: "\e60b"
}

.icon-direct-deposit-free:before {
    content: "\e61f"
}

.icon-close:before {
    content: "\e609"
}

.icon-amex-offers:before {
    content: "\e600"
}

.icon-arrow-left:before {
    content: "\e601"
}

.icon-arrow-long:before {
    content: "\e602"
}

.icon-arrow-right:before {
    content: "\e603"
}

.icon-bank .path1:before {
    content: "\e604";
    color: #002d73
}

.icon-bank .path2:before {
    content: "\e605";
    margin-left: -1.2060546875em;
    color: white
}

.icon-bank .path3:before {
    content: "\e606";
    margin-left: -1.2060546875em;
    color: white
}

.icon-bank .path4:before {
    content: "\e607";
    margin-left: -1.2060546875em;
    color: white
}

.icon-bank .path5:before {
    content: "\e608";
    margin-left: -1.2060546875em;
    color: white
}

.icon-check:before {
    content: "\e60c"
}

.icon-customer-service:before {
    content: "\e60d"
}

.icon-direct-deposit:before {
    content: "\e60e"
}

.icon-entertainment:before {
    content: "\e60f"
}

.icon-expand:before {
    content: "\e610"
}

.icon-facebook:before {
    content: "\e611"
}

.icon-fee-chart:before {
    content: "\e612"
}

.icon-fraud-protection:before {
    content: "\e613"
}

.icon-global-assist:before {
    content: "\e614"
}

.icon-google-plus:before {
    content: "\e615"
}

.icon-lock:before {
    content: "\e616"
}

.icon-mobile-check:before {
    content: "\e617"
}

.icon-new-window:before {
    content: "\e618"
}

.icon-play-video-large:before {
    content: "\e619"
}

.icon-play-video-small:before {
    content: "\e61a"
}

.icon-purchase-protection:before {
    content: "\e61b"
}

.icon-roadside-assistance:before {
    content: "\e61c"
}

.icon-shrink:before {
    content: "\e61d"
}

.icon-twitter:before {
    content: "\e61e"
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, .footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

elements-of-type(html5-block) {
    display: block
}

@font-face {
    font-family: 'bluebird';
    src: url('https://www.bluebird.com/common/css/fonts/bluebird.eot');
}

@font-face {
    font-family: 'bluebird';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.icon, .play-video:before, .accordion-item .trigger button:before, .overlay .close:before, #hero .login-bar-link:before, #hero .slide-cta-container a.video-link:before, #hero .hero-cta-container a.video-link:before, #hero .slide-cta-container a.bluebird-fee-link:before, #hero .hero-cta-container a.bluebird-fee-link:before, #hero .direct-deposit-slide .slide-description-body li h3:before, #hero .bluebird-in-action-slide .slide-description-body li a:before, #hero .carousel-arrows:before, .consumer-reports .container a:before, .consumer-reports .accordion-item .bluebird-feature a:before, .accordion-item .consumer-reports .bluebird-feature a:before, .consumer-reports #hero .main-nav._active .main-nav-container a:before, #hero .main-nav._active .consumer-reports .main-nav-container a:before, .consumer-reports #hero .hero-main-content a:before, #hero .consumer-reports .hero-main-content a:before, .consumer-reports #hero .slide-container a:before, #hero .consumer-reports .slide-container a:before, .consumer-reports #hero .hero-container .hero-description a:before, #hero .hero-container .consumer-reports .hero-description a:before, .consumer-reports #money-management-tools .money-management-container a:before, #money-management-tools .consumer-reports .money-management-container a:before, .carousel-nav a span:before, .promoted-content a span:before, #adding-funds li:before, #money-management-tools .money-management-tools-container .money-management-item._active .money-management-button:before, .tile .benefits-wrapper:before, .pseudo-tile .benefits-wrapper:before, .tile .tile-front, .pseudo-tile .tile-front, .footer .footer-social-links a:before, #direct-deposit li:before, #watch-bluebird li:before, .promoted-content .h3:before, [class^="icon-"], [class*=" icon-"] {
    font-family: 'bluebird';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-direct-deposit-convenient:before {
    content: "\e60a"
}

.icon-direct-deposit-flexible:before {
    content: "\e60b"
}

.icon-direct-deposit-free:before {
    content: "\e61f"
}

.icon-close:before {
    content: "\e609"
}

.icon-amex-offers:before {
    content: "\e600"
}

.icon-arrow-left:before {
    content: "\e601"
}

.icon-arrow-long:before {
    content: "\e602"
}

.icon-arrow-right:before {
    content: "\e603"
}

.icon-bank .path1:before {
    content: "\e604";
    color: #002d73
}

.icon-bank .path2:before {
    content: "\e605";
    margin-left: -1.2060546875em;
    color: white
}

.icon-bank .path3:before {
    content: "\e606";
    margin-left: -1.2060546875em;
    color: white
}

.icon-bank .path4:before {
    content: "\e607";
    margin-left: -1.2060546875em;
    color: white
}

.icon-bank .path5:before {
    content: "\e608";
    margin-left: -1.2060546875em;
    color: white
}

.icon-check:before {
    content: "\e60c"
}

.icon-customer-service:before {
    content: "\e60d"
}

.icon-direct-deposit:before {
    content: "\e60e"
}

.icon-entertainment:before {
    content: "\e60f"
}

.icon-expand:before {
    content: "\e610"
}

.icon-facebook:before {
    content: "\e611"
}

.icon-fee-chart:before {
    content: "\e612"
}

.icon-fraud-protection:before {
    content: "\e613"
}

.icon-global-assist:before {
    content: "\e614"
}

.icon-google-plus:before {
    content: "\e615"
}

.icon-lock:before {
    content: "\e616"
}

.icon-mobile-check:before {
    content: "\e617"
}

.icon-new-window:before {
    content: "\e618"
}

.icon-play-video-large:before {
    content: "\e619"
}

.icon-play-video-small:before {
    content: "\e61a"
}

.icon-purchase-protection:before {
    content: "\e61b"
}

.icon-roadside-assistance:before {
    content: "\e61c"
}

.icon-shrink:before {
    content: "\e61d"
}

.icon-twitter:before {
    content: "\e61e"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

html, body {
    font-family: Helvetica, Arial, sans-serif;
    height: 100%
}

body {
    line-height: 1.2
}

body.overlay-open {
    overflow: hidden
}

body.overlay-open .wrapper {
    overflow: hidden
}

@media screen and (min-width: 0) and (max-width: 767px) {
    body .wrapper {
        overflow-x: hidden;
    }
}

strong {
    font-weight: bold
}

sup {
    display: inline;
    font-size: 0.4em;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    top: -1.1em;
    vertical-align: baseline
}

h2, .h2 {
    font-size: 22px;
    line-height: 1.1;
    color: #004b8d;
    font-weight: lighter
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    h2, .h2 {
        font-size: 36px;
    }
}

@media print, screen and (min-width: 1025px) {
    h2, .h2 {
        font-size: 36px;
    }
}

h3, .h3 {
    color: #004b8d;
    font-size: 18px;
    line-height: 1.1;
    font-weight: lighter
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    h3, .h3 {
        font-size: 18px;
    }
}

@media print, screen and (min-width: 1025px) {
    h3, .h3 {
        font-size: 18px;
    }
}

h4, .h4 {
    font-size: 16px;
    line-height: 1.1;
    color: #004b8d;
    font-weight: bold
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    h4, .h4 {
        font-size: 17px;
    }
}

@media print, screen and (min-width: 1025px) {
    h4, .h4 {
        font-size: 18px;
    }
}

h5, .h5 {
    font-size: 15px;
    line-height: 1.1;
    color: #004b8d;
    font-weight: bold
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    h5, .h5 {
        font-size: 15px;
    }
}

@media print, screen and (min-width: 1025px) {
    h5, .h5 {
        font-size: 16px;
    }
}

h6, .h6 {
    font-size: 14px;
    line-height: 1.1;
    color: #004b8d;
    font-weight: bold
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    h6, .h6 {
        font-size: 14px;
    }
}

@media print, screen and (min-width: 1025px) {
    h6, .h6 {
        font-size: 16px;
    }
}

p {
    margin-bottom: 10px
}

a {
    color: #007faa;
    text-decoration: none
}

label {
    overflow: hidden;
    text-indent: -9000px;
    display: block
}

button {
    -webkit-appearance: none;
    border: none
}

ul {
    zoom: 1
}

ul:before, ul:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

ul:after {
    clear: both
}

.wrapper, .container, .accordion-item .bluebird-feature, #hero .main-nav._active .main-nav-container, #hero .hero-main-content, #hero .slide-container, #hero .hero-container .hero-description, #money-management-tools .money-management-container, main {
    zoom: 1
}

.wrapper:before, .wrapper:after, .container:before, .accordion-item .bluebird-feature:before, #hero .main-nav._active .main-nav-container:before, #hero .hero-main-content:before, #hero .slide-container:before, #hero .hero-container .hero-description:before, #money-management-tools .money-management-container:before, .container:after, .accordion-item .bluebird-feature:after, #hero .main-nav._active .main-nav-container:after, #hero .hero-main-content:after, #hero .slide-container:after, #hero .hero-container .hero-description:after, #money-management-tools .money-management-container:after, main:before, main:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.wrapper:after, .container:after, .accordion-item .bluebird-feature:after, #hero .main-nav._active .main-nav-container:after, #hero .hero-main-content:after, #hero .slide-container:after, #hero .hero-container .hero-description:after, #money-management-tools .money-management-container:after, main:after {
    clear: both
}

.container, .accordion-item .bluebird-feature, #hero .main-nav._active .main-nav-container, #hero .hero-main-content, #hero .slide-container, #hero .hero-container .hero-description, #money-management-tools .money-management-container {
    margin: 0 6.2%
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .container, .accordion-item .bluebird-feature, #hero .main-nav._active .main-nav-container, #hero .hero-main-content, #hero .slide-container, #hero .hero-container .hero-description, #money-management-tools .money-management-container {
        margin: 0 2%;
    }
}

@media print, screen and (min-width: 1025px) {
    .container, .accordion-item .bluebird-feature, #hero .main-nav._active .main-nav-container, #hero .hero-main-content, #hero .slide-container, #hero .hero-container .hero-description, #money-management-tools .money-management-container {
        margin: 0 6.4%;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .container, .accordion-item .bluebird-feature, #hero .main-nav._active .main-nav-container, #hero .hero-main-content, #hero .slide-container, #hero .hero-container .hero-description, #money-management-tools .money-management-container {
        max-width: 980px;
    }
}

@media print, screen and (min-width: 1025px) {
    .container, .accordion-item .bluebird-feature, #hero .main-nav._active .main-nav-container, #hero .hero-main-content, #hero .slide-container, #hero .hero-container .hero-description, #money-management-tools .money-management-container {
        max-width: 1220px;
    }
}

@media screen and (min-width: 1400px) {
    .container, .accordion-item .bluebird-feature, #hero .main-nav._active .main-nav-container, #hero .hero-main-content, #hero .slide-container, #hero .hero-container .hero-description, #money-management-tools .money-management-container {
        margin: 0 auto;
    }
}

@media print, screen and (min-width: 1025px) {
    .desktop-hidden {
        display: none !important;
        speak: none;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .desktop-visible {
        display: none !important;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .desktop-visible {
        display: none !important;
    }
}

@media print, screen and (min-width: 1025px) {
    .desktop-visible {
        display: block !important;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .tablet-hidden {
        display: none !important;
        speak: none;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .mobile-hidden {
        display: none !important;
        speak: none;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .mobile-visible {
        display: none !important;
        speak: none;
    }
}

@media print, screen and (min-width: 1025px) {
    .mobile-visible {
        display: none !important;
        speak: none;
    }
}

.button, .btn {
    -webkit-border-radius: first-value-of(20px);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 10px 18px 9px;
    text-decoration: none
}

.button-big, .btn-big {
    -webkit-border-radius: first-value-of(24px);
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    font-size: 17px;
    padding-bottom: 14px;
    padding-top: 14px
}

.button-blue, .blue, .button-dark-blue {
    background: #009ddc
}

.button-green, .green {
    background: #8dc63f
}

.right-caret {
    padding-right: 13px;
    position: relative
}

.right-caret:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #007faa;
    right: -3px;
    top: 5px;
    margin-top: -0.3em;
    right: 0;
    top: 50%
}

.play-video {
    padding-left: 32px;
    position: relative;
    text-transform: uppercase
}

.play-video:before {
    display: block;
    position: absolute;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    content: "\e61a";
    font-size: 24px;
    left: 0
}

.visually-hidden {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute !important
}

.pad-right {
    display: inline-block;
    padding-right: 1em
}

.subtle-link {
    color: #4d4f36;
    font-weight: normal;
    text-decoration: none
}

.mask-focus:focus, .overlay-content h2.focus:focus {
    outline: none !important
}

body:not(.page-in_focus_mode) *:focus {
    outline: none !important
}

.carousel ul {
    position: relative;
    white-space: nowrap;
    width: 100%;
    font-size: 0
}

.carousel .animate {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.carousel ul>li {
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: move
}

.carousel nav {
    width: 100%;
    height: 64px;
    position: static;
    text-align: center
}

.carousel nav .prev, .carousel nav .next {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    display: block;
    width: 64px;
    height: 64px;
    line-height: 64px;
    color: darkblue;
    text-align: center;
    text-decoration: none;
    font-size: 1.5em;
    background: blue;
    border-radius: 50%
}

.carousel nav .next {
    right: -32px
}

.carousel nav .prev {
    left: -32px
}

.carousel nav li {
    width: 20px;
    height: 20px;
    margin: 5px;
    border-radius: 50%;
    background-color: green;
    cursor: pointer
}

.carousel nav li.active {
    background-color: blue
}

.accordion-item {
    background: #fff;
    border-top: 1px solid #fff;
    float: left;
    width: 100%
}

.accordion-item:first-child {
    border-top: 0
}

.accordion-item .trigger {
    background: #002865
}

.accordion-item .trigger button {
    background: none;
    color: #fff;
    font-size: 17px;
    font-weight: lighter;
    padding: 56px 6.2%;
    position: relative;
    text-align: left;
    width: 112.4%;
    margin-left: -6.2%
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .accordion-item .trigger button {
        width: 104%;
        margin-left: -2%;
    }
}

.accordion-item .trigger button:before {
    display: block;
    position: absolute;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    color: #007faa;
    content: "\e610";
    font-size: 20px;
    right: 6.2%
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .accordion-item .trigger button:before {
        right: 2%;
    }
}

.accordion-item._active .trigger button:before {
    content: "\e61d"
}

.accordion-item .bluebird-feature {
    display: none
}

@media print, screen and (min-width: 1025px) {
    .accordion-item .bluebird-feature {
        display: block;
    }
}

.accordion-item header {
    padding: 50px 0 35px;
    text-align: center
}

@media print, screen and (min-width: 1025px) {
    .accordion-item header {
        padding: 65px 0 68px;
    }
}

.tooltip {
    background: transparent;
    color: #0088D7;
    display: inline;
    font-size: inherit !important;
    font-weight: bold;
    padding: 0;
    position: relative;
    text-transform: inherit !important
}

.tooltip:before {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -webkit-transition-delay: linear;
    -moz-transition-delay: linear;
    transition-delay: linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    background: #83888a;
    bottom: 4px;
    content: ' ';
    height: 1px;
    position: absolute;
    width: 100%
}

.tooltip:hover {
    cursor: pointer
}

.tooltip:hover:before {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.page-in_focus_mode:focus:before {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.tooltip-content {
    display: none
}

.tooltip-overlay {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.2s;
    -webkit-transition-delay: 0.2s, linear;
    -moz-transition: visibility 0s 0.2s, opacity 0.2s linear;
    -o-transition: visibility 0s 0.2s, opacity 0.2s linear;
    transition: visibility 0s 0.2s, opacity 0.2s linear;
    background: rgba(0, 0, 0, 0.1);
    left: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.tooltip-overlay._active {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -webkit-transition-delay: linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    visibility: visible
}

.tooltipster-default {
    -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 5px;
    color: #004b8d;
    font-size: 0;
    left: 0;
    line-height: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto;
    z-index: 9999999
}

.tooltipster-content {
    font-size: 10px;
    line-height: 16px;
    overflow: hidden;
    padding: 16px 20px
}

.tooltipster-content button {
    background: transparent;
    color: #007faa;
    cursor: pointer;
    padding: 0
}

.tooltipster-arrow {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: -1
}

.tooltipster-arrow span, .tooltipster-arrow .tooltipster-arrow-border {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4)
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0
}

.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    min-height: 100%;
    left: -9999em;
    position: fixed;
    top: 0;
    visibility: none;
    width: 100%;
    z-index: 999
}

.overlay .close {
    background: none;
    color: #004b8d;
    float: right;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    outline: none;
    padding-right: 24px;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    top: 12px
}

.overlay .close:before {
    display: block;
    position: absolute;
    height: 15px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    content: "\e609";
    font-size: 15px;
    right: 0
}

.overlay._focus {
    left: 0;
    visibility: visible;
    width: 100%
}

.overlay .overlay-wrapper {
    display: table;
    height: 100%;
    margin: 0px auto;
    overflow: hidden;
    width: 87.5%
}

@media print, screen and (min-width: 768px) {
    .overlay .overlay-wrapper.thin {
        max-width: 644px;
    }
}

@media print, screen and (min-width: 768px) {
    .overlay .overlay-wrapper.medium {
        max-width: 805px;
    }
}

@media print, screen and (min-width: 768px) {
    .overlay .overlay-wrapper.wide {
        max-width: 1013px;
    }
}

.overlay .overlay-container {
    display: table-cell;
    vertical-align: middle
}

.overlay .overlay-content {
    -webkit-border-radius: first-value-of(5px);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    overflow: auto;
    padding: 35px 20px 30px;
    position: relative
}

.overlay .overlay-content h2 {
    font-size: 30px
}

@media print, screen and (min-width: 768px) {
    .overlay .overlay-content {
        padding: 65px 78px 70px;
    }
    .overlay .overlay-content h2 {
        font-size: 48px
    }
}

.overlay .overlay-body {
    margin-top: 20px
}

.overlay .overlay-body p {
    font-size: 15px;
    margin-bottom: 15px
}

@media print, screen and (min-width: 768px) {
    .overlay .overlay-body {
        margin-top: 30px;
    }
    .overlay .overlay-body p {
        font-size: 16px;
        line-height: 22px
    }
    .overlay .overlay-body p.small {
        font-size: 14px
    }
}

.overlay .button-overlay-container {
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .overlay .button-overlay-container {
        text-align: left;
    }
}

.overlay .button-overlay {
    display: inline-block;
    font-size: 16px;
    margin-top: 20px
}

@media print, screen and (min-width: 768px) {
    .overlay .button-overlay {
        -webkit-border-radius: first-value-of(24px);
        -moz-border-radius: 24px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        -ms-border-radius: 24px;
        -o-border-radius: 24px;
        border-radius: 24px;
        font-size: 18px;
        margin-top: 15px;
        padding-bottom: 12px;
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 10px;
    }
}

.page-in_focus_mode .overlay .close:focus {
    outline: #83BFFC 2px auto
}

#hero {
    height: auto;
    position: relative
}

@media print, screen and (min-width: 1025px) {
    #hero {
        height: auto;
        min-height: 600px;
    }
}

#hero .login-bar {
    background: #f2f2f2;
    padding: 10px 0
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .login-bar {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 31.7796610169%;
        float: left;
        float: right;
        margin-right: 0;
        background: #fff;
        margin: 44px 2% 0 0;
    }
}

#hero .login-link-container {
    float: right
}

#hero .login-link-container a {
    margin-left: 20px
}

#hero .login-bar-link {
    padding-left: 21px;
    position: relative;
    top: 1px
}

#hero .login-bar-link:before {
    display: block;
    position: absolute;
    height: 16px;
    margin-top: -15%;
    position: absolute;
    top: 50%;
    content: "\e616";
    left: 0
}

#hero .hero-global {
    zoom: 1;
    padding-top: 12px
}

#hero .hero-global:before, #hero .hero-global:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

#hero .hero-global:after {
    clear: both
}

#hero .hero-global img {
    float: left;
    margin-left: -4%
}

#hero .hero-global .hero-bluebird-logo {
    background-image: url(images/bluebird_logo_large@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 34px;
    width: 110px
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero .hero-global .hero-bluebird-logo {
        margin-left: -4%;
    }
}

@media print, screen and (min-width: 768px) {
    #hero .hero-global .hero-bluebird-logo {
        background-image: url(images/bluebird_logo_large@2x.png);
        height: 87px;
        width: 295px;
    }
}

#hero .hero-global .hero-global-login {
    float: right;
    margin-top: 40px
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero .hero-global .hero-global-login {
        margin-right: -4%;
        margin-top: 6px;
    }
    .errorPage #hero .hero-global .hero-global-login {
        margin-right: -4% !important;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .hero-global {
        background-image: none;
        height: 100px;
    }
    #hero .hero-global img {
        margin-left: 0
    }
    .errorPage #hero .hero-global img {
        margin-left: 0;
        width: 40%;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .hero-global {
        background-image: none;
        height: auto;
        padding-top: 15px;
    }
    #hero .hero-global img {
        margin-left: 0
    }
    .errorPage #hero .hero-global img {
        margin-left: 0;
        width: 25%;
    }
}

#hero .main-nav {
    zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 1.6949152542%;
    width: 66.1016949153%;
    float: left;
    float: right;
    margin-right: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -webkit-transition-delay: linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    margin-top: 46px
}

#hero .main-nav:before, #hero .main-nav:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

#hero .main-nav:after {
    clear: both
}

#hero .main-nav .persistant-nav-logo {
    display: none
}

#hero .main-nav ul {
    float: right
}

#hero .main-nav li {
    display: inline-block;
    float: left;
    margin-left: 34px;
}

#hero .main-nav li:first-child {
    margin: 0
}

#hero .main-nav .nav-register {
    display: none
}

#hero .main-nav a {
    color: #007faa;
    font-size: 16px;
    font-weight: bold;
}

@media screen and (max-width: 1250px) {
    #hero .main-nav {
        display: none;
    }
}

#hero .main-nav._hidden {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

#hero .main-nav._active {
    background: #002865;
    left: 0;
    margin: 0;
    padding: 32px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 888
}

#hero .main-nav._active .persistant-nav-logo {
    display: block;
    position: absolute;
    top: 17px
}

#hero .main-nav._active li {
    padding: 10px 0
}

#hero .main-nav._active li:nth-child(5) {
    padding: 0
}

#hero .main-nav._active li.non-persistant-login-link {
    display: none
}

#hero .main-nav-container .non-persistant-login-link a:before {
    font-family: bluebird;
    display: block;
    height: 16px;
    margin-top: -0.7%;
    margin-left: -23px;
    position: absolute;
    top: 14%;
    content: "\e616";
}

#hero .main-nav._active .nav-register {
    display: block;
    padding: 0
}

#hero .main-nav._active a {
    color: #fff
}

#hero .hero-main-content {
    position: relative
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero .hero-main-content {
        margin: 0;
        max-width: auto;
    }
}

#hero .carousel-wrapper, #hero .hero-description {
    zoom: 1;
    background: #f7f8fa;
    padding-top: 32px
}

#hero .carousel-wrapper:before, #hero .carousel-wrapper:after, #hero .hero-description:before, #hero .hero-description:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

#hero .carousel-wrapper:after, #hero .hero-description:after {
    clear: both
}

#hero .carousel-wrapper .hero-carousel, #hero .hero-description .hero-carousel {
    height: 100%
}

#hero .carousel-wrapper h2, #hero .carousel-wrapper h1, #hero .hero-description h2, #hero .hero-description h1 {
    color: #004b8d;
    font-size: 29px;
    font-weight: lighter
}

#hero .carousel-wrapper h2 .sup-sm, #hero .carousel-wrapper h1 .sup-sm, #hero .hero-description h2 .sup-sm, #hero .hero-description h1 .sup-sm {
    font-size: 0.15em;
    vertical-align: super
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .carousel-wrapper h1#benefits-of-banking-header, #hero .hero-description h1#benefits-of-banking-header {
        font-size: 38px;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .carousel-wrapper h1#benefits-of-banking-header, #hero .hero-description h1#benefits-of-banking-header {
        font-size: 58px !important;
    }
}

@media print, screen and (min-width: 1025px) and (max-width: 1355px) {
    #hero .carousel-wrapper h1#benefits-of-banking-header, #hero .hero-description h1#benefits-of-banking-header {
        font-size: 54px;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero .carousel-wrapper .wrap, #hero .hero-description .wrap {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
}

@media print, screen and (min-width: 768px) {
    #hero .carousel-wrapper .wrap, #hero .hero-description .wrap {
        height: 100%;
    }
}

#hero .carousel-wrapper li, #hero .hero-description li {
    cursor: default
}

#hero .carousel-wrapper .carousel-item, #hero .hero-description .carousel-item {
    white-space: normal
}

@media print, screen and (min-width: 768px) {
    #hero .carousel-wrapper .carousel-item, #hero .hero-description .carousel-item {
        background-repeat: no-repeat;
        height: 100%;
        padding-left: 1px;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .carousel-wrapper, #hero .hero-description {
        background: #fff;
        height: 586px;
        padding-top: 40px;
        overflow: hidden;
        width: 100%;
    }
    #hero .carousel-wrapper h2, #hero .hero-description h2 {
        font-size: 42px
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .carousel-wrapper, #hero .hero-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 1.6949152542%;
        width: 74.5762711864%;
        float: left;
        background: #fff;
        height: 515px;
        overflow: hidden;
        padding-top: 40px;
    }
    #hero .carousel-wrapper h2, #hero .hero-description h2 {
        font-size: 45px
    }
}

@media screen and (min-width: 1025px) and (max-width: 1235px) {
    #hero .carousel-wrapper, #hero .hero-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 100%;
        float: left;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .slide-container {
        margin: 0;
        max-width: auto;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .slide-container {
        margin: 0;
        max-width: auto;
    }
}

#hero .slide-description header, #hero .hero-description header {
    width: 101%
}

@media print, screen and (min-width: 768px) {
    #hero .slide-description, #hero .hero-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 65.6779661017%;
        float: left;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1230px) {
    #hero .slide-description, #hero .hero-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 74.1525423729%;
        float: left;
    }
}

#hero .slide-description-body, #hero .hero-description-body {
    padding: 23px 0 30px
}

#hero .slide-description-body ul, #hero .hero-description-body ul {
    overflow: visible;
    margin-top: 15px;
    white-space: normal
}

#hero .slide-description-body li, #hero .hero-description-body li {
    color: #4d4f36;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 5px;
    padding-left: 15px;
    position: relative;
    text-transform: uppercase;
    white-space: normal;
    width: 49%
}

#hero .bluebird-in-action-slide .slide-description-body li {
    padding-left: 0;
}

#hero .slide-description-body li:before, #hero .hero-description-body li:before {
    -webkit-border-radius: first-value-of(6px);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    content: "";
    display: inline-block;
    position: absolute;
    background: #4d4f36;
    height: 6px;
    left: 1px;
    top: 14%;
    width: 6px
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero .slide-description-body li, #hero .hero-description-body li {
        vertical-align: top;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .slide-description-body li, #hero .hero-description-body li {
        font-size: 12px;
        width: 100%;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .slide-description-body li, #hero .hero-description-body li {
        font-size: 12px;
        width: 32%;
    }
}

@media print, screen and (min-width: 1025px) and (max-width: 1355px) {
    #hero .slide-description-body li, #hero .hero-description-body li {
        width: 35%;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .slide-description-body li.ATMAccess, #hero .slide-description-body li.BillPay, #hero .hero-description-body li.ATMAccess, #hero .hero-description-body li.BillPay {
        margin-left: 5%;
        margin-right: 5%;
        width: 22%;
    }
}

@media print, screen and (min-width: 1025px) and (max-width: 1355px) {
    #hero .slide-description-body li.ATMAccess, #hero .slide-description-body li.BillPay, #hero .hero-description-body li.ATMAccess, #hero .hero-description-body li.BillPay {
        margin-left: 0;
        margin-right: 0;
    }
}

#hero .slide-description-body .button, #hero .hero-description-body .button {
    display: block;
    margin: 20px auto 0;
    padding: 14px 25px;
    text-align: center;
    width: 250px
}

#hero .slide-description-body p, #hero .hero-description-body p {
    color: #004b8d;
    font-size: 16px;
    line-height: 22px
}

#hero .hero-description-body .mobile-hidden.enroll {
    color: #004b8d;
    font-size: 16px;
    line-height: 22px
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero .slide-description-body p, #hero .hero-description-body p {
        color: #4d4f36;
    }
}

#hero .slide-cta-container, #hero .hero-cta-container {
    margin-top: 20px
}

#hero .slide-cta-container a, #hero .hero-cta-container a {
    position: relative;
    padding: 10px 25px 10px 0;
    color: #007faa;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase
}

#hero .slide-cta-container a.video-link, #hero .hero-cta-container a.video-link {
    padding-left: 33px
}

#hero .slide-cta-container a.video-link:before, #hero .hero-cta-container a.video-link:before, #hero .hero-cta-container a.bluebird-works-link:before {
    display: block;
    position: absolute;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    content: "\e61a";
    font-size: 24px;
    left: 0
}

@media print, screen and (min-width: 768px) {
    #hero .slide-cta-container a.video-link, #hero .hero-cta-container a.video-link {
        border-right: 1px solid #e5e5e5;
    }
}

#hero .slide-cta-container a.bluebird-fee-link, #hero .hero-cta-container a.bluebird-fee-link {
    margin-left: 25px;
    padding-left: 27px
}

#hero .slide-cta-container a.bluebird-fee-link:before, #hero .hero-cta-container a.bluebird-fee-link:before {
    display: block;
    position: absolute;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    content: "\e612";
    font-size: 21px;
    left: 0
}

@media print, screen and (min-width: 1025px) {
    #hero .slide-cta-container, #hero .hero-cta-container {
        margin-top: 23px;
    }
}

@media print, screen and (min-width: 1025px) and (max-width: 1355px) {
    #hero .slide-cta-container, #hero .hero-cta-container {
        margin-top: 10px;
    }
}

#hero .bluebird-statement {
    margin-top: 23px
}

#hero .bluebird-statement p {
    color: #464646;
    font-size: 11px;
    line-height: 1.2
}

#hero .bluebird-statement p .sup {
    font-size: 8px;
    top: -0.6em
}

#hero .bluebird-statement a {
    color: #007faa
}

@media print, screen and (min-width: 768px) {
    #hero .bluebird-statement {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 82.6271186441%;
        float: left;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .bluebird-statement {
        margin-top: 30px;
    }
}

@media print, screen and (min-width: 1025px) and (max-width: 1355px) {
    #hero .bluebird-statement {
        margin-top: 10px;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero .bluebird-statement .fee-chart-link {
        display: block;
        font-size: 12px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #004b8d;
    }
    #hero .carousel-wrapper .carousel-item.why-bluebird-slide .bluebird-statement p {
        margin-bottom: 0;
    }
}

#hero .carousel-wrapper .carousel-item.why-bluebird-slide .bluebird-statement a.ignore {
    display: inline;
    font-size: 11px;
    line-height: 1.2;
}

#hero .carousel-wrapper .carousel-item.why-bluebird-slide .bluebird-statement p:last-child {
    margin-bottom: 0;
}

@media print, screen and (min-width: 768px) {
    @media screen and (min-width: 1025px) and (max-width: 1235px) {
        #hero .why-bluebird-slide {
            background-position: 100% bottom;
        }
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero .save-with-amex-slide {
        display: none;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .save-with-amex-slide {
        background-position: 85% bottom;
    }
}

@media print, screen and (min-width: 768px) {
    #hero .save-with-amex-slide .slide-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 40.2542372881%;
        float: left
    }
    #hero .save-with-amex-slide .slide-description .button {
        float: left;
        margin: 32px 0 0;
        width: auto
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .save-with-amex-slide {
        background-position: 96% bottom;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .direct-deposit-slide .slide-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 57.2033898305%;
        float: left;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .direct-deposit-slide .slide-description-body li {
        padding: 5px 0 0 0;
    }
}

@media print, screen and (min-width: 1025px) and (max-width: 1355px) {
    #hero .direct-deposit-slide .slide-description-body li {
        width: 32%;
    }
}

@media print, screen and (min-width: 768px) {
    #hero .direct-deposit-slide .slide-description-body {
        padding-top: 10px
    }
    #hero .direct-deposit-slide .slide-description-body li {
        letter-spacing: 0
    }
    #hero .direct-deposit-slide .slide-description-body li:before {
        display: none
    }
    #hero .direct-deposit-slide .slide-description-body li:first-child {
        padding-left: 0px
    }
    #hero .direct-deposit-slide .slide-description-body li h3 {
        font-size: 13px;
        font-weight: bold;
        padding: 3px 0 0 25px;
        position: relative
    }
    #hero .direct-deposit-slide .slide-description-body li h3:before {
        display: block;
        position: absolute;
        content: "";
        display: inline-block;
        position: absolute;
        content: "\e60c";
        font-size: 16px;
        left: 0;
        top: 0
    }
    #hero .direct-deposit-slide .slide-description-body li p {
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        margin-top: 10px;
        text-transform: none
    }
    #hero .direct-deposit-slide .slide-description-body .bluebird-statement {
        margin-top: 24px
    }
    @media print, screen and (min-width: 1025px) and (max-width: 1355px) {
        #hero .direct-deposit-slide .slide-description-body .bluebird-statement {
            margin-top: 10px;
        }
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero .bluebird-in-action-slide {
        display: none;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .bluebird-in-action-slide .slide-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 48.7288135593%;
        float: left;
    }
    #hero .bluebird-in-action-slide .slide-description li {
        width: 100%
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .bluebird-in-action-slide .slide-description li {
        width: 50%;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .bluebird-in-action-slide {
        background-position: 85% bottom;
    }
}

@media print, screen and (min-width: 768px) {
    #hero .bluebird-in-action-slide .slide-description-body p {
        font-size: 14px;
        padding-right: 60px
    }
    #hero .bluebird-in-action-slide .slide-description-body ul {
        margin-top: 5px
    }
    #hero .bluebird-in-action-slide .slide-description-body li {
        margin-top: 10px
    }
    #hero .bluebird-in-action-slide .slide-description-body li:before {
        height: 0
    }
    #hero .bluebird-in-action-slide .slide-description-body li a {
        display: block;
        padding: 8px 0 6px 37px/*chnaged 18px to 37px and 6px to 8px*/
    }
    #hero .bluebird-in-action-slide .slide-description-body li a:before {
        display: block;
        position: absolute;
        background: none;
        color: #007faa;
        content: "\e61a";
        font-family: 'bluebird';
        font-size: 24px;
        left: 0;
        top: 14px
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .bluebird-in-action-slide {
        background-position: 100% bottom;
    }
}

#hero .registration-form, #hero .login-form {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 1.6949152542%;
    width: 23.7288135593%;
    float: left;
    padding-top: 46px
}

#hero .registration-form h3, #hero .login-form h3 {
    font-size: 24px;
    margin-bottom: 10px
}

#hero .registration-form label, #hero .login-form label {
    height: 0px
}

#hero .registration-form input, #hero .login-form input {
    -webkit-border-radius: first-value-of(5px);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 12px 1px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 12px 1px inset;
    -ms-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 12px 1px inset;
    -o-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 12px 1px inset;
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 12px 1px inset;
    border: 1px solid #c9c9c9;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
    padding: 16px 18px;
    width: 100%
}

#hero .registration-form button, #hero .login-form button {
    -webkit-border-radius: first-value-of(24px);
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    margin-top: 24px;
    padding: 0 25px 0;
    padding-bottom: 14px;
    padding-top: 14px
}

#hero .registration-form.register-right, #hero .login-form.register-right {
    float: right;
    margin-right: 0
}

@media screen and (min-width: 1025px) and (max-width: 1235px) {
    #hero .registration-form, #hero .login-form {
        display: none;
    }
}

#hero .carousel-arrows {
    -webkit-border-radius: first-value-of(35px);
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-color: #e5edf3;
    background-repeat: no-repeat;
    height: 35px;
    position: absolute;
    top: 150px;
    width: 35px
}

#hero .carousel-arrows:before {
    display: block;
    position: absolute;
    height: 18px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    color: #004b8d;
    font-size: 18px;
    text-indent: 0
}

#hero .carousel-arrows.prev {
    left: -63px
}

#hero .carousel-arrows.prev:before {
    content: "\e601";
    left: 11px
}

#hero .carousel-arrows.next {
    right: -63px
}

#hero .carousel-arrows.next:before {
    content: "\e603";
    left: 13px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .carousel-arrows {
        display: none;
    }
}

#hero.prospect-b {
    min-height: 574px
}

@media print, screen and (min-width: 768px) {
    #hero.prospect-b .hero-container .hero-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 49.728814%;
        float: left;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1242px) {
    #hero.prospect-b .hero-container .hero-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 65.6779661017%;
        float: left;
        margin-left: 0;
    }
}

@media screen and (min-width: 1242px) {
    #hero.prospect-b .hero-container .hero-description {
        margin-left: 4.11%;
    }
}

#hero.prospect-b .hero-container .hero-cta-container a {
    margin: 0
}

#hero.prospect-b .hero-container .hero-cta-container a.bluebird-works-link {
    margin-right: 5% !important;
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero.prospect-b .hero-container {
        background-position: 85% bottom;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1242px) {
    #hero.prospect-b .hero-container .registration-form, #hero.prospect-b .hero-container .login-form {
        display: none;
    }
}

@media print, screen and (min-width: 768px) {
    #hero.customer .hero-global {
        background: none;
        border: none;
    }
}

#hero.customer .main-nav .button {
    color: #fff;
    font-weight: normal;
    margin-top: -10px
}

#hero.customer .main-nav li:last-child {
    padding: 0;
    margin-left: 34px;
}

#hero.customer .main-nav .customer-login {
    display: none;
    /*margin-top: 0*/
}

#hero.customer .main-nav._active .customer-login {
    display: block
}

#hero.customer .hero-container {
    background-color: #fff
}

#hero.customer .hero-container .hero-description {
    background-color: transparent
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero.customer .hero-container .hero-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 57.2033898305%;
        float: left;
        height: 472px;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero.customer .hero-container .hero-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 40.6779661017%;
        float: left;
        height: auto;
        margin-left: 0;
    }
}

@media screen and (min-width: 1250px) {
    #hero.customer .hero-container .hero-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 32.2033898305%;
        float: left;
    }
    #hero.customer .hero-container.hero-customer_insights .hero-description, #hero.customer .hero-container.hero-customer_family_accounts .hero-description {
        width: 30% !important;
    }
    #hero.customer .hero-container.hero-direct_deposit .hero-description {
        width: 27.6%;
    }
    .customer_hero_slides--list li:last-child .hero-description {
        width: 36% !important;
    }
}

@media print, screen and (min-width: 768px) {
    #hero.customer .hero-container .hero-description-body {
        padding-top: 50px;
    }
    #hero.customer .hero-container .hero-description-body .bluebird-statement {
        margin-top: 0
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero.customer .hero-container {
        background-position: right bottom;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero.customer .hero-container {
        background-position: 80% bottom;
        min-height: 388px;
    }
}

@media screen and (min-width: 1250px) {
    #hero.customer .hero-container {
        background-position: 52% bottom;
    }
}

#hero.customer .registration-form, #hero.customer .login-form {
    float: none;
    height: 100%;
    position: absolute;
    right: 0
}

#hero.customer .registration-form._active .hidden-fields, #hero.customer .login-form._active .hidden-fields {
    max-height: 200px
}

#hero.customer .registration-form .registration-wrapper, #hero.customer .registration-form .login-wrapper, #hero.customer .login-form .registration-wrapper, #hero.customer .login-form .login-wrapper {
    display: table;
    height: 100%
}

#hero.customer .registration-form .registration-container, #hero.customer .registration-form .login-container, #hero.customer .login-form .registration-container, #hero.customer .login-form .login-container {
    display: table-cell;
    vertical-align: middle
}

#hero.customer .registration-form .registration-container li, #hero.customer .registration-form .login-container li, #hero.customer .login-form .registration-container li, #hero.customer .login-form .login-container li {
    color: #004b8d;
    font-size: 20px;
    font-weight: lighter;
    line-height: 22px;
    margin: 5px 0;
    padding-left: 10px
}

#hero.customer .registration-form .registration-container li:before, #hero.customer .registration-form .login-container li:before, #hero.customer .login-form .registration-container li:before, #hero.customer .login-form .login-container li:before {
    content: "\e60c";
    font-family: 'bluebird';
    font-size: 14px;
    left: -10px;
    position: relative
}

#hero.customer .registration-form .registration-container ul, #hero.customer .registration-form .login-container ul, #hero.customer .login-form .registration-container ul, #hero.customer .login-form .login-container ul {
    margin: 15px 0 20px
}

#hero.customer .registration-form .login-container, #hero.customer .login-form .login-container {
    vertical-align: top
}

#hero.customer .registration-form .registration-container, #hero.customer .login-form .registration-container {
    display: block
}

#hero.customer .registration-form form, #hero.customer .login-form form {
    margin-bottom: 18px
}

#hero.customer .registration-form .hidden-fields, #hero.customer .login-form .hidden-fields {
    -webkit-transition: max-height 0.25s;
    -webkit-transition-delay: linear;
    -moz-transition: max-height 0.25s linear;
    -o-transition: max-height 0.25s linear;
    transition: max-height 0.25s linear;
    max-height: 0;
    overflow: hidden
}

#hero.customer .registration-form .hidden-fields input:last-child, #hero.customer .login-form .hidden-fields input:last-child {
    margin-bottom: 25px
}

#hero.customer .registration-form button, #hero.customer .registration-form .customer-login-button, #hero.customer .login-form button, #hero.customer .login-form .customer-login-button {
    font-size: 16px;
    margin-top: 6px;
    width: 160px
}

#hero.customer .registration-form .customer-login-button, #hero.customer .login-form .customer-login-button {
    -webkit-border-radius: first-value-of(24px);
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    margin-bottom: 18px;
    padding: 14px 0;
    text-align: center
}

@media screen and (min-width: 1025px) and (max-width: 1250px) {
    #hero.customer .registration-form, #hero.customer .login-form {
        display: none;
    }
}

#hero.customer .become-member {
    display: inline-block;
    margin-top: 23px
}

@media print, screen and (min-width: 768px) {
    #hero.customer .become-member {
        margin: 0;
    }
}

@media print, screen and (min-width: 768px) {
    #hero.customer {
        border-bottom: 15px solid #002865;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero.customer {
        min-height: 490px;
    }
    #hero.customer h2 {
        font-size: 40px
    }
}

@media screen and (min-width: 768px) and (max-width: 1250px) {
    #hero.customer .hero-global-login {
        display: block !important;
        margin-right: 0;
        margin-top: 42px;
    }
}

#hero.customer .hero-container {
    position: relative
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero.customer .hero-container .hero-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 57.2033898305%;
        float: left;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero.customer .hero-container .hero-description-body li {
        padding: 5px 0 0 0;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero.customer .hero-container .hero-header {
        padding: 0 6.2%;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    /* #hero.customer .hero-container .hero-header .hero-header-logo {
        background-image: url(images/bluebird_logo_small@2x.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        height: 50px;
        width: 130px;
    }*/
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero.customer .hero-container .hero-header .hero-header-login {
        display: inline-block;
        float: right;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero.customer .hero-container .hero-header .button {
        margin-top: 15px;
        padding: 10px 22px 9px;
    }
    .customer_slidesPage #hero.customer .hero-container .hero-header .button {
        margin-top: 8px;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero.customer .hero-container .mobile-hero-img {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        border-bottom: 6px solid #002865;
        display: block;
        height: 150px;
        margin: 30px 12px 0 12px;
    }
}

#hero .hero-container {
    zoom: 1;
    background-color: #f7f8fa;
    background-repeat: no-repeat
}

#hero .hero-container:before, #hero .hero-container:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

#hero .hero-container:after {
    clear: both
}

#hero .hero-container .hero-description {
    padding-top: 32px
}

@media print, screen and (min-width: 768px) {
    #hero .hero-container .hero-description {
        padding-top: 46px;
    }
}

@media print, screen and (min-width: 768px) {
    #hero .hero-container {
        background-color: #fff;
        min-height: 417px;
    }
}

#hero.error {
    text-align: center
}

#hero.error .hero-bluebird-logo {
    float: left
}

#hero.error .hero-global {
    height: auto;
    background: none
}

#hero.error .hero-container {
    padding: 25px 0 50px;
    background-color: #fff
}

@media print, screen and (min-width: 768px) {
    #hero.error .hero-container {
        padding-top: 60px;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero.error .hero-container .message, #hero.error .hero-container .register {
        padding: 0 8%;
    }
}

#hero.error .hero-container .message {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero.error .hero-container .message {
        margin-bottom: 45px;
    }
}

#hero.error .hero-container h2 {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 1.2
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero.error .hero-container h2 {
        font-size: 30px;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero.error .hero-container h2 {
        padding: 0 10%;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero.error .hero-container h2 {
        padding: 0 25%;
    }
}

#hero.error .hero-container h3 {
    display: inline-block;
    margin-bottom: 30px;
    font-size: 26px;
    vertical-align: top
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero.error .hero-container h3 {
        font-size: 24px;
        line-height: 1.3;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero.error .hero-container h3 {
        margin: 10px 10px 0 0;
    }
}

#hero.error .hero-container p {
    margin-bottom: 45px;
    font-size: 16px;
    font-weight: lighter;
    color: #004b8d;
    line-height: 1.2
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #hero.error .hero-container p {
        font-size: 14px;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero.error .hero-container p {
        padding: 0 25%;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero.error .hero-container p {
        padding: 0 32%;
    }
}

#hero.error .hero-container .button {
    display: block;
    margin: 0 auto
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero.error .hero-container .button {
        width: 250px;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero.error .hero-container .button {
        display: inline-block;
    }
}

#hero.error .main-nav {
    display: none
}

#hero .enroll a {
    font-weight: bold;
    color: #009DDC
}

.view-fee {
    background: #004B8D;
    padding: 30px 0
}

#hero .hero-carousel .view-fee h2 {
    color: #fff;
    font-size: 24px
}

@media print, screen and (min-width: 1025px) {
    .view-fee h2 {
        color: #fff;
        float: left;
        font-size: 26px;
    }
}

.view-fee ul {
    zoom: 1;
    margin-top: 24px;
    white-space: normal
}

.view-fee ul:before, .view-fee ul:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.view-fee ul:after {
    clear: both
}

.view-fee ul>li {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: lighter;
    margin-bottom: 8px;
    width: 49%
}

.view-fee ul>li:nth-child(odd) {
    border-right: 1px solid #336fa4;
    padding-right: 9px;
    text-align: right
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .view-fee ul>li:nth-child(odd) {
        border-left: 1px solid #336fa4;
        border-right: 0;
        padding: 0 10px;
    }
}

@media print, screen and (min-width: 1025px) {
    .view-fee ul>li:nth-child(odd) {
        border-left: 1px solid #336fa4;
        border-right: 0;
        padding: 0 2%;
        text-align: left;
    }
}

.view-fee ul>li:nth-child(even) {
    padding-left: 8px;
    text-align: left
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .view-fee ul>li:nth-child(even) {
        border-left: 1px solid #336fa4;
        padding: 0 10px;
    }
}

@media print, screen and (min-width: 1025px) {
    .view-fee ul>li:nth-child(even) {
        border-left: 1px solid #336fa4;
        padding: 0 2%;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .view-fee ul>li {
        width: auto;
    }
    .view-fee ul>li:first-child {
        border: 0;
        padding-left: 0
    }
}

@media print, screen and (min-width: 1025px) {
    .view-fee ul>li {
        float: left;
        text-align: left;
        width: auto;
    }
    .view-fee ul>li:first-child {
        border: 0;
        padding-left: 0
    }
}

@media print, screen and (min-width: 768px) {
    .view-fee ul {
        float: left;
        width: 100%;
    }
}

.view-fee .button {
    display: block;
    margin: 15px auto 0;
    text-align: center;
    width: 250px
}

@media print, screen and (min-width: 768px) {
    .view-fee .button {
        width: auto;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .view-fee .button {
        float: right;
        font-size: 16px;
    }
}

@media print, screen and (min-width: 1025px) {
    .view-fee .button {
        float: left;
    }
}

@media print, screen and (min-width: 768px) {
    .view-fee .view-fee-content-container {
        zoom: 1;
    }
    .view-fee .view-fee-content-container:before, .view-fee .view-fee-content-container:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }
    .view-fee .view-fee-content-container:after {
        clear: both
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .view-fee .view-fee-content-container {
        margin: 0 auto;
        max-width: 700px;
    }
}

@media print, screen and (min-width: 1025px) {
    .view-fee .view-fee-content {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 57.6271186441%;
        float: left;
        margin-left: 16.9491525424%;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .view-fee .view-fee-content {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 74.1525423729%;
        float: left;
        float: left;
    }
    .view-fee .view-fee-content h2 {
        font-size: 20px
    }
}

.view-fee .view-fee-content h2 {
    color: #fff;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .view-fee .view-fee-content h2 {
        text-align: left;
    }
}

@media print, screen and (min-width: 1025px) {
    .view-fee {
        padding: 20px 0;
    }
}

.consumer-reports {
    zoom: 1;
    background: #fff;
    border-bottom: 1px solid #e5edf3;
    padding-bottom: 10px;
    padding-top: 24px
}

.consumer-reports:before, .consumer-reports:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.consumer-reports:after {
    clear: both
}

.consumer-reports .container, .consumer-reports .accordion-item .bluebird-feature, .accordion-item .consumer-reports .bluebird-feature, .consumer-reports #hero .main-nav._active .main-nav-container, #hero .main-nav._active .consumer-reports .main-nav-container, .consumer-reports #hero .hero-main-content, #hero .consumer-reports .hero-main-content, .consumer-reports #hero .slide-container, #hero .consumer-reports .slide-container, .consumer-reports #hero .hero-container .hero-description, #hero .hero-container .consumer-reports .hero-description, .consumer-reports #money-management-tools .money-management-container, #money-management-tools .consumer-reports .money-management-container {
    position: relative
}

@media print, screen and (min-width: 768px) {
    .consumer-reports .container .consumer-reports-wrapper, .consumer-reports .accordion-item .bluebird-feature .consumer-reports-wrapper, .accordion-item .consumer-reports .bluebird-feature .consumer-reports-wrapper, .consumer-reports #hero .main-nav._active .main-nav-container .consumer-reports-wrapper, #hero .main-nav._active .consumer-reports .main-nav-container .consumer-reports-wrapper, .consumer-reports #hero .hero-main-content .consumer-reports-wrapper, #hero .consumer-reports .hero-main-content .consumer-reports-wrapper, .consumer-reports #hero .slide-container .consumer-reports-wrapper, #hero .consumer-reports .slide-container .consumer-reports-wrapper, .consumer-reports #hero .hero-container .hero-description .consumer-reports-wrapper, #hero .hero-container .consumer-reports .hero-description .consumer-reports-wrapper, .consumer-reports #money-management-tools .money-management-container .consumer-reports-wrapper, #money-management-tools .consumer-reports .money-management-container .consumer-reports-wrapper {
        zoom: 1;
        margin: 0 auto;
        display: table;
    }
    .consumer-reports .container .consumer-reports-wrapper:before, .consumer-reports .accordion-item .bluebird-feature .consumer-reports-wrapper:before, .accordion-item .consumer-reports .bluebird-feature .consumer-reports-wrapper:before, .consumer-reports #hero .main-nav._active .main-nav-container .consumer-reports-wrapper:before, #hero .main-nav._active .consumer-reports .main-nav-container .consumer-reports-wrapper:before, .consumer-reports #hero .hero-main-content .consumer-reports-wrapper:before, #hero .consumer-reports .hero-main-content .consumer-reports-wrapper:before, .consumer-reports #hero .slide-container .consumer-reports-wrapper:before, #hero .consumer-reports .slide-container .consumer-reports-wrapper:before, .consumer-reports #hero .hero-container .hero-description .consumer-reports-wrapper:before, #hero .hero-container .consumer-reports .hero-description .consumer-reports-wrapper:before, .consumer-reports #money-management-tools .money-management-container .consumer-reports-wrapper:before, #money-management-tools .consumer-reports .money-management-container .consumer-reports-wrapper:before, .consumer-reports .container .consumer-reports-wrapper:after, .consumer-reports .accordion-item .bluebird-feature .consumer-reports-wrapper:after, .accordion-item .consumer-reports .bluebird-feature .consumer-reports-wrapper:after, .consumer-reports #hero .main-nav._active .main-nav-container .consumer-reports-wrapper:after, #hero .main-nav._active .consumer-reports .main-nav-container .consumer-reports-wrapper:after, .consumer-reports #hero .hero-main-content .consumer-reports-wrapper:after, #hero .consumer-reports .hero-main-content .consumer-reports-wrapper:after, .consumer-reports #hero .slide-container .consumer-reports-wrapper:after, #hero .consumer-reports .slide-container .consumer-reports-wrapper:after, .consumer-reports #hero .hero-container .hero-description .consumer-reports-wrapper:after, #hero .hero-container .consumer-reports .hero-description .consumer-reports-wrapper:after, .consumer-reports #money-management-tools .money-management-container .consumer-reports-wrapper:after, #money-management-tools .consumer-reports .money-management-container .consumer-reports-wrapper:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }
    .consumer-reports .container .consumer-reports-wrapper:after, .consumer-reports .accordion-item .bluebird-feature .consumer-reports-wrapper:after, .accordion-item .consumer-reports .bluebird-feature .consumer-reports-wrapper:after, .consumer-reports #hero .main-nav._active .main-nav-container .consumer-reports-wrapper:after, #hero .main-nav._active .consumer-reports .main-nav-container .consumer-reports-wrapper:after, .consumer-reports #hero .hero-main-content .consumer-reports-wrapper:after, #hero .consumer-reports .hero-main-content .consumer-reports-wrapper:after, .consumer-reports #hero .slide-container .consumer-reports-wrapper:after, #hero .consumer-reports .slide-container .consumer-reports-wrapper:after, .consumer-reports #hero .hero-container .hero-description .consumer-reports-wrapper:after, #hero .hero-container .consumer-reports .hero-description .consumer-reports-wrapper:after, .consumer-reports #money-management-tools .money-management-container .consumer-reports-wrapper:after, #money-management-tools .consumer-reports .money-management-container .consumer-reports-wrapper:after {
        clear: both
    }
}

.consumer-reports .container img, .consumer-reports .accordion-item .bluebird-feature img, .accordion-item .consumer-reports .bluebird-feature img, .consumer-reports #hero .main-nav._active .main-nav-container img, #hero .main-nav._active .consumer-reports .main-nav-container img, .consumer-reports #hero .hero-main-content img, #hero .consumer-reports .hero-main-content img, .consumer-reports #hero .slide-container img, #hero .consumer-reports .slide-container img, .consumer-reports #hero .hero-container .hero-description img, #hero .hero-container .consumer-reports .hero-description img, .consumer-reports #money-management-tools .money-management-container img, #money-management-tools .consumer-reports .money-management-container img, .consumer-reports .container .consumer-reports-content, .consumer-reports .accordion-item .bluebird-feature .consumer-reports-content, .accordion-item .consumer-reports .bluebird-feature .consumer-reports-content, .consumer-reports #hero .main-nav._active .main-nav-container .consumer-reports-content, #hero .main-nav._active .consumer-reports .main-nav-container .consumer-reports-content, .consumer-reports #hero .hero-main-content .consumer-reports-content, #hero .consumer-reports .hero-main-content .consumer-reports-content, .consumer-reports #hero .slide-container .consumer-reports-content, #hero .consumer-reports .slide-container .consumer-reports-content, .consumer-reports #hero .hero-container .hero-description .consumer-reports-content, #hero .hero-container .consumer-reports .hero-description .consumer-reports-content, .consumer-reports #money-management-tools .money-management-container .consumer-reports-content, #money-management-tools .consumer-reports .money-management-container .consumer-reports-content {
    float: left
}

@media print, screen and (min-width: 1025px) {
    .consumer-reports .container img, .consumer-reports .accordion-item .bluebird-feature img, .accordion-item .consumer-reports .bluebird-feature img, .consumer-reports #hero .main-nav._active .main-nav-container img, #hero .main-nav._active .consumer-reports .main-nav-container img, .consumer-reports #hero .hero-main-content img, #hero .consumer-reports .hero-main-content img, .consumer-reports #hero .slide-container img, #hero .consumer-reports .slide-container img, .consumer-reports #hero .hero-container .hero-description img, #hero .hero-container .consumer-reports .hero-description img, .consumer-reports #money-management-tools .money-management-container img, #money-management-tools .consumer-reports .money-management-container img, .consumer-reports .container .consumer-reports-content, .consumer-reports .accordion-item .bluebird-feature .consumer-reports-content, .accordion-item .consumer-reports .bluebird-feature .consumer-reports-content, .consumer-reports #hero .main-nav._active .main-nav-container .consumer-reports-content, #hero .main-nav._active .consumer-reports .main-nav-container .consumer-reports-content, .consumer-reports #hero .hero-main-content .consumer-reports-content, #hero .consumer-reports .hero-main-content .consumer-reports-content, .consumer-reports #hero .slide-container .consumer-reports-content, #hero .consumer-reports .slide-container .consumer-reports-content, .consumer-reports #hero .hero-container .hero-description .consumer-reports-content, #hero .hero-container .consumer-reports .hero-description .consumer-reports-content, .consumer-reports #money-management-tools .money-management-container .consumer-reports-content, #money-management-tools .consumer-reports .money-management-container .consumer-reports-content {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }
}

.consumer-reports .container .consumer-reports-content, .consumer-reports .accordion-item .bluebird-feature .consumer-reports-content, .accordion-item .consumer-reports .bluebird-feature .consumer-reports-content, .consumer-reports #hero .main-nav._active .main-nav-container .consumer-reports-content, #hero .main-nav._active .consumer-reports .main-nav-container .consumer-reports-content, .consumer-reports #hero .hero-main-content .consumer-reports-content, #hero .consumer-reports .hero-main-content .consumer-reports-content, .consumer-reports #hero .slide-container .consumer-reports-content, #hero .consumer-reports .slide-container .consumer-reports-content, .consumer-reports #hero .hero-container .hero-description .consumer-reports-content, #hero .hero-container .consumer-reports .hero-description .consumer-reports-content, .consumer-reports #money-management-tools .money-management-container .consumer-reports-content, #money-management-tools .consumer-reports .money-management-container .consumer-reports-content {
    zoom: 1;
    margin-left: 15px;
    width: 70%
}

.consumer-reports .container .consumer-reports-content:before, .consumer-reports .accordion-item .bluebird-feature .consumer-reports-content:before, .accordion-item .consumer-reports .bluebird-feature .consumer-reports-content:before, .consumer-reports #hero .main-nav._active .main-nav-container .consumer-reports-content:before, #hero .main-nav._active .consumer-reports .main-nav-container .consumer-reports-content:before, .consumer-reports #hero .hero-main-content .consumer-reports-content:before, #hero .consumer-reports .hero-main-content .consumer-reports-content:before, .consumer-reports #hero .slide-container .consumer-reports-content:before, #hero .consumer-reports .slide-container .consumer-reports-content:before, .consumer-reports #hero .hero-container .hero-description .consumer-reports-content:before, #hero .hero-container .consumer-reports .hero-description .consumer-reports-content:before, .consumer-reports #money-management-tools .money-management-container .consumer-reports-content:before, #money-management-tools .consumer-reports .money-management-container .consumer-reports-content:before, .consumer-reports .container .consumer-reports-content:after, .consumer-reports .accordion-item .bluebird-feature .consumer-reports-content:after, .accordion-item .consumer-reports .bluebird-feature .consumer-reports-content:after, .consumer-reports #hero .main-nav._active .main-nav-container .consumer-reports-content:after, #hero .main-nav._active .consumer-reports .main-nav-container .consumer-reports-content:after, .consumer-reports #hero .hero-main-content .consumer-reports-content:after, #hero .consumer-reports .hero-main-content .consumer-reports-content:after, .consumer-reports #hero .slide-container .consumer-reports-content:after, #hero .consumer-reports .slide-container .consumer-reports-content:after, .consumer-reports #hero .hero-container .hero-description .consumer-reports-content:after, #hero .hero-container .consumer-reports .hero-description .consumer-reports-content:after, .consumer-reports #money-management-tools .money-management-container .consumer-reports-content:after, #money-management-tools .consumer-reports .money-management-container .consumer-reports-content:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.consumer-reports .container .consumer-reports-content:after, .consumer-reports .accordion-item .bluebird-feature .consumer-reports-content:after, .accordion-item .consumer-reports .bluebird-feature .consumer-reports-content:after, .consumer-reports #hero .main-nav._active .main-nav-container .consumer-reports-content:after, #hero .main-nav._active .consumer-reports .main-nav-container .consumer-reports-content:after, .consumer-reports #hero .hero-main-content .consumer-reports-content:after, #hero .consumer-reports .hero-main-content .consumer-reports-content:after, .consumer-reports #hero .slide-container .consumer-reports-content:after, #hero .consumer-reports .slide-container .consumer-reports-content:after, .consumer-reports #hero .hero-container .hero-description .consumer-reports-content:after, #hero .hero-container .consumer-reports .hero-description .consumer-reports-content:after, .consumer-reports #money-management-tools .money-management-container .consumer-reports-content:after, #money-management-tools .consumer-reports .money-management-container .consumer-reports-content:after {
    clear: both
}

@media print, screen and (min-width: 768px) {
    .consumer-reports .container .consumer-reports-content, .consumer-reports .accordion-item .bluebird-feature .consumer-reports-content, .accordion-item .consumer-reports .bluebird-feature .consumer-reports-content, .consumer-reports #hero .main-nav._active .main-nav-container .consumer-reports-content, #hero .main-nav._active .consumer-reports .main-nav-container .consumer-reports-content, .consumer-reports #hero .hero-main-content .consumer-reports-content, #hero .consumer-reports .hero-main-content .consumer-reports-content, .consumer-reports #hero .slide-container .consumer-reports-content, #hero .consumer-reports .slide-container .consumer-reports-content, .consumer-reports #hero .hero-container .hero-description .consumer-reports-content, #hero .hero-container .consumer-reports .hero-description .consumer-reports-content, .consumer-reports #money-management-tools .money-management-container .consumer-reports-content, #money-management-tools .consumer-reports .money-management-container .consumer-reports-content {
        width: auto;
    }
}

.consumer-reports .container h3, .consumer-reports .accordion-item .bluebird-feature h3, .accordion-item .consumer-reports .bluebird-feature h3, .consumer-reports #hero .main-nav._active .main-nav-container h3, #hero .main-nav._active .consumer-reports .main-nav-container h3, .consumer-reports #hero .hero-main-content h3, #hero .consumer-reports .hero-main-content h3, .consumer-reports #hero .slide-container h3, #hero .consumer-reports .slide-container h3, .consumer-reports #hero .hero-container .hero-description h3, #hero .hero-container .consumer-reports .hero-description h3, .consumer-reports #money-management-tools .money-management-container h3, #money-management-tools .consumer-reports .money-management-container h3 {
    font-weight: lighter
}

@media print, screen and (min-width: 1025px) {
    .consumer-reports .container h3, .consumer-reports .accordion-item .bluebird-feature h3, .accordion-item .consumer-reports .bluebird-feature h3, .consumer-reports #hero .main-nav._active .main-nav-container h3, #hero .main-nav._active .consumer-reports .main-nav-container h3, .consumer-reports #hero .hero-main-content h3, #hero .consumer-reports .hero-main-content h3, .consumer-reports #hero .slide-container h3, #hero .consumer-reports .slide-container h3, .consumer-reports #hero .hero-container .hero-description h3, #hero .hero-container .consumer-reports .hero-description h3, .consumer-reports #money-management-tools .money-management-container h3, #money-management-tools .consumer-reports .money-management-container h3 {
        float: left;
    }
}

.consumer-reports .container p, .consumer-reports .accordion-item .bluebird-feature p, .accordion-item .consumer-reports .bluebird-feature p, .consumer-reports #hero .main-nav._active .main-nav-container p, #hero .main-nav._active .consumer-reports .main-nav-container p, .consumer-reports #hero .hero-main-content p, #hero .consumer-reports .hero-main-content p, .consumer-reports #hero .slide-container p, #hero .consumer-reports .slide-container p, .consumer-reports #hero .hero-container .hero-description p, #hero .hero-container .consumer-reports .hero-description p, .consumer-reports #money-management-tools .money-management-container p, #money-management-tools .consumer-reports .money-management-container p {
    margin-top: 10px
}

@media print, screen and (min-width: 1025px) {
    .consumer-reports .container p, .consumer-reports .accordion-item .bluebird-feature p, .accordion-item .consumer-reports .bluebird-feature p, .consumer-reports #hero .main-nav._active .main-nav-container p, #hero .main-nav._active .consumer-reports .main-nav-container p, .consumer-reports #hero .hero-main-content p, #hero .consumer-reports .hero-main-content p, .consumer-reports #hero .slide-container p, #hero .consumer-reports .slide-container p, .consumer-reports #hero .hero-container .hero-description p, #hero .hero-container .consumer-reports .hero-description p, .consumer-reports #money-management-tools .money-management-container p, #money-management-tools .consumer-reports .money-management-container p {
        float: left;
        margin: 0 0 0 20px;
    }
}

.consumer-reports .container a, .consumer-reports .accordion-item .bluebird-feature a, .accordion-item .consumer-reports .bluebird-feature a, .consumer-reports #hero .main-nav._active .main-nav-container a, #hero .main-nav._active .consumer-reports .main-nav-container a, .consumer-reports #hero .hero-main-content a, #hero .consumer-reports .hero-main-content a, .consumer-reports #hero .slide-container a, #hero .consumer-reports .slide-container a, .consumer-reports #hero .hero-container .hero-description a, #hero .hero-container .consumer-reports .hero-description a, .consumer-reports #money-management-tools .money-management-container a, #money-management-tools .consumer-reports .money-management-container a {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media print, screen and (min-width: 1025px) {
    .consumer-reports .container a, .consumer-reports .accordion-item .bluebird-feature a, .accordion-item .consumer-reports .bluebird-feature a, .consumer-reports #hero .main-nav._active .main-nav-container a, #hero .main-nav._active .consumer-reports .main-nav-container a, .consumer-reports #hero .hero-main-content a, #hero .consumer-reports .hero-main-content a, .consumer-reports #hero .slide-container a, #hero .consumer-reports .slide-container a, .consumer-reports #hero .hero-container .hero-description a, #hero .hero-container .consumer-reports .hero-description a, .consumer-reports #money-management-tools .money-management-container a, #money-management-tools .consumer-reports .money-management-container a {
        padding-right: 23px;
        position: relative;
    }
    .consumer-reports .container a:before, .consumer-reports .accordion-item .bluebird-feature a:before, .accordion-item .consumer-reports .bluebird-feature a:before, .consumer-reports #hero .main-nav._active .main-nav-container a:before, #hero .main-nav._active .consumer-reports .main-nav-container a:before, .consumer-reports #hero .hero-main-content a:before, #hero .consumer-reports .hero-main-content a:before, .consumer-reports #hero .slide-container a:before, #hero .consumer-reports .slide-container a:before, .consumer-reports #hero .hero-container .hero-description a:before, #hero .hero-container .consumer-reports .hero-description a:before, .consumer-reports #money-management-tools .money-management-container a:before, #money-management-tools .consumer-reports .money-management-container a:before {
        display: block;
        position: absolute;
        height: 16px;
        margin-top: -9px;
        position: absolute;
        top: 50%;
        color: #007faa;
        content: "\e618";
        font-size: 16px;
        right: 0
    }
}

@media print, screen and (min-width: 1025px) {
    .consumer-reports {
        background: #f7f8fa;
        padding-bottom: 22px;
        padding-top: 22px;
    }
}

.promoted-header {
    padding: 44px 0;
    text-align: center
}

#hero .hero-carousel .promoted-header h2 {
    font-size: 22px
}

.carousel-nav, .promoted-content {
    background: #f7f8fa;
    padding-bottom: 10px;
    position: relative;
    z-index: 100
}

.carousel-nav li, .promoted-content li {
    background-color: #fff;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    position: relative;
}

.carousel-nav li:after, .carousel-nav li:before, .promoted-content li:after, .promoted-content li:before {
    pointer-events: none
}

.carousel-nav li._active:before, .promoted-content li._active:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #002865;
    top: -12px;
    left: 50%;
    margin-left: -6px
}

.carousel-nav li._active a, .promoted-content li._active a {
    color: #fff
}

.carousel-nav a, .promoted-content a {
    color: #004b8d;
    display: inline-block;
    font-size: 17px;
    min-height: 160px;
    padding: 22px 10px;
    width: 100%
}

.carousel-nav a span, .promoted-content a span {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    pointer-events: none
}

.carousel-nav a span:before, .promoted-content a span:before {
    display: block;
    position: absolute;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -25px;
    color: #007faa;
    content: "\e602";
    font-size: 17px;
    left: 0
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .carousel-nav a, .promoted-content a {
        font-size: 15px;
    }
}

@media print, screen and (min-width: 768px) {
    .carousel-nav, .promoted-content {
        background: #002865;
        padding: 5px 0;
    }
    .carousel-nav ul, .promoted-content ul {
        zoom: 1;
        width: 100%;
        float: left
    }
    .carousel-nav ul:before, .carousel-nav ul:after, .promoted-content ul:before, .promoted-content ul:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }
    .carousel-nav ul:after, .promoted-content ul:after {
        clear: both
    }
    .carousel-nav li, .promoted-content li {
        zoom: 1;
        background-color: transparent;
        float: left;
        margin-bottom: 0;
        padding-top: 5px;
        width: 25%
    }
    .carousel-nav li:before, .carousel-nav li:after, .promoted-content li:before, .promoted-content li:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }
    .carousel-nav li:after, .promoted-content li:after {
        clear: both
    }
    @media print, screen and (min-width: 768px) and (max-width: 1024px) {
        .carousel-nav li:first-child a, .promoted-content li:first-child a {
            border: 0;
        }
    }
    .carousel-nav li:last-child a, .promoted-content li:last-child a {
        border-right: 1px solid rgba(255, 255, 255, 0.1)
    }
    @media print, screen and (min-width: 768px) and (max-width: 1024px) {
        .carousel-nav li:last-child a, .promoted-content li:last-child a {
            border-right: 0;
        }
    }
    .carousel-nav li a, .promoted-content li a {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        color: #009fd4;
        display: block;
        height: 30px;
        min-height: 0;
        padding: 5px 0;
        text-align: center;
        width: 100%
    }
    #hero .carousel-nav li a {
        height: auto;
    }
    .carousel-nav li a span, .promoted-content li a span {
        width: 100%
    }
    .carousel-nav li a span:before, .promoted-content li a span:before {
        display: none
    }
    .carousel-nav .amex-offers-nav, .carousel-nav .direct-deposit-nav, .carousel-nav .watch-bluebird-nav, .promoted-content .amex-offers-nav, .promoted-content .direct-deposit-nav, .promoted-content .watch-bluebird-nav {
        background-image: none
    }
}

#using-funds img {
    height: auto;
    width: 100%
}

@media print, screen and (min-width: 1025px) {
    #using-funds .bluebird-feature {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 83.0508474576%;
        float: left;
        margin-left: 8.4745762712%;
        float: none;
    }
}

@media screen and (min-width: 1400px) {
    #using-funds .bluebird-feature {
        margin: 0 auto;
    }
}

#using-funds h3 {
    font-size: 14px;
    font-weight: bold
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #using-funds h3 {
        font-size: 14px;
    }
}

@media print, screen and (min-width: 1025px) {
    #using-funds h3 {
        font-size: 16px;
    }
}

#using-funds .using-funds-container {
    zoom: 1;
    padding-bottom: 30px
}

#using-funds .using-funds-container:before, #using-funds .using-funds-container:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

#using-funds .using-funds-container:after {
    clear: both
}

@media print, screen and (min-width: 1025px) {
    #using-funds .using-funds-container {
        margin: 0 auto;
        padding-bottom: 0;
        width: 87%;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #using-funds .using-funds-container {
        padding-bottom: 15px;
    }
}

#using-funds .using-funds-item {
    margin-top: 35px
}

#using-funds .using-funds-item:first-child {
    margin-top: 0
}

#using-funds .using-funds-item a {
    text-transform: uppercase
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #using-funds .using-funds-item a {
        font-size: 14px;
    }
    #using-funds .using-funds-item a .right-caret:before {
        top: 4px
    }
}

#using-funds .using-funds-item a.play-video {
    line-height: 24px;
    height: 25px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #using-funds .using-funds-item {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 48.7288135593%;
        float: left;
        margin-bottom: 30px;
        margin-top: 0;
    }
    #using-funds .using-funds-item:nth-child(even) {
        margin-right: 0
    }
}

@media print, screen and (min-width: 1025px) {
    #using-funds .using-funds-item {
        float: left;
        margin-bottom: 38px;
        margin-right: 2%;
        margin-top: 0;
        width: 49%;
    }
    #using-funds .using-funds-item:nth-child(even) {
        margin-right: 0
    }
}

#using-funds .using-funds-content {
    padding-top: 23px
}

#using-funds .using-funds-content h3 {
    font-size: 17px;
    font-weight: bold
}

#using-funds .using-funds-content p {
    font-size: 15px;
    margin-top: 15px;
    line-height: 22px
}

#using-funds .using-funds-content p a {
    display: inline-block;
    font-size: 13px;
    font-weight: bold
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {}

#adding-funds {
    text-align: center
}

#adding-funds header {
    border-bottom: 1px solid #ccc
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #adding-funds header {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 82.6271186441%;
        float: left;
        margin-left: 8.4745762712%;
        border-bottom: 0;
    }
}

@media print, screen and (min-width: 1025px) {
    #adding-funds header {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 49.1525423729%;
        float: left;
        margin-left: 25.4237288136%;
        border-bottom: 0;
        padding-top: 72px;
    }
}

#adding-funds .adding-funds-container {
    padding-bottom: 20px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #adding-funds .adding-funds-container {
        padding-bottom: 40px;
    }
}

@media print, screen and (min-width: 1025px) {
    #adding-funds .adding-funds-container {
        padding-bottom: 60px;
    }
}

#adding-funds .adding-funds-container p {
    line-height: 24px
}

#adding-funds ul {
    padding-bottom: 30px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #adding-funds ul {
        padding-bottom: 0;
    }
}

@media print, screen and (min-width: 1025px) {
    #adding-funds ul {
        padding-bottom: 36px;
    }
}

#adding-funds li {
    border-bottom: 1px solid #ccc;
    padding: 110px 10px 25px;
    position: relative;
    width: 100%
}

#adding-funds li:before {
    display: block;
    position: absolute;
    color: #004b8d;
    font-size: 49px;
    top: 45px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #adding-funds li p {
        color: #004b8d;
    }
}

@media print, screen and (min-width: 1025px) {
    #adding-funds li p {
        color: #004b8d;
        line-height: 26px;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #adding-funds li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 48.7288135593%;
        float: left;
        border-bottom: 0;
        margin-bottom: 30px;
        padding: 95px 20px 20px;
    }
    #adding-funds li:nth-child(even) {
        margin-right: 0
    }
}

@media print, screen and (min-width: 1025px) {
    #adding-funds li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 23.7288135593%;
        float: left;
        border-bottom: 0;
        padding-top: 135px;
    }
    #adding-funds li:last-child {
        margin-right: 0
    }
}

#adding-funds h3 {
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 14px;
    font-weight: bold
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #adding-funds h3 {
        font-size: 14px;
    }
}

@media print, screen and (min-width: 1025px) {
    #adding-funds h3 {
        font-size: 16px;
    }
}

#adding-funds .adding-funds-direct-deposit:before {
    left: 50%;
    margin-left: -57px;
    position: absolute;
    width: 114px;
    content: "\e60e";
    font-size: 49px;
    top: 50px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #adding-funds .adding-funds-direct-deposit:before {
        top: 20px;
    }
}

@media print, screen and (min-width: 1025px) {
    #adding-funds .adding-funds-direct-deposit:before {
        top: 45px;
    }
}

#adding-funds .adding-funds-walmart:before {
    background-image: url(images/wallmart_compressed_small.png);
    background-position: top center;
    background-repeat: no-repeat;
    content: '';
    height: 71px;
    left: 0;
    margin: auto;
    right: 0;
    top: 30px;
    width: 65px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #adding-funds .adding-funds-walmart:before {
        top: 0;
    }
}

#adding-funds .adding-funds-bank-transfers:before {
    background-image: url(images/bank_large.png);
    background-position: top center;
    background-repeat: no-repeat;
    content: '';
    height: 68px;
    left: 0;
    margin: auto;
    right: 0;
    width: 57px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #adding-funds .adding-funds-bank-transfers:before {
        top: 20px;
    }
}

@media print, screen and (min-width: 1025px) {
    #adding-funds .adding-funds-bank-transfers:before {
        background-image: url(images/bank_large.png);
        height: 66px;
        top: 45px;
        width: 55px;
    }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        #adding-funds .adding-funds-bank-transfers:before {
            background-image: url(images/bank_large@2x.png);
            background-size: 66px 55px;
        }
    }
}

#adding-funds .adding-funds-mobile-deposit:before {
    left: 50%;
    margin-left: -34px;
    position: absolute;
    width: 90px;
    content: "\e617";
    font-size: 58px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #adding-funds .adding-funds-mobile-deposit:before {
        top: 20px;
    }
}

@media print, screen and (min-width: 1025px) {
    #adding-funds .adding-funds-mobile-deposit:before {
        top: 36px;
    }
}

#adding-funds .adding-funds-further-info p {
    font-size: 15px
}

#adding-funds .adding-funds-further-info p a {
    font-weight: bold
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #adding-funds {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(images/adding-funds-bkg.jpg);
        background-position: center center;
        background-repeat: no-repeat;
    }
}

@media print, screen and (min-width: 1025px) {
    #adding-funds {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(images/adding-funds-bkg.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 590px;
    }
}

#money-management-tools header {
    padding-bottom: 25px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #money-management-tools header {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 82.6271186441%;
        float: left;
        margin-left: 8.4745762712%;
        padding-bottom: 40px;
    }
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools header {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 49.1525423729%;
        float: left;
        margin-left: 25.4237288136%;
        padding-top: 72px;
    }
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools .bluebird-feature {
        margin: 0;
        max-width: none;
    }
}

#money-management-tools .money-management-tools-wrapper {
    display: inline-block;
    position: relative
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools .money-management-tools-wrapper {
        margin-top: 53px;
        position: relative;
        width: 100%;
    }
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools .money-management-container {
        zoom: 1;
        position: relative;
        min-height: 470px;
    }
    #money-management-tools .money-management-container:before, #money-management-tools .money-management-container:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }
    #money-management-tools .money-management-container:after {
        clear: both
    }
}

#money-management-tools .money-management-tools-container {
    zoom: 1
}

#money-management-tools .money-management-tools-container:before, #money-management-tools .money-management-tools-container:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

#money-management-tools .money-management-tools-container:after {
    clear: both
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools .money-management-tools-container:first-child {
        float: left;
    }
    #money-management-tools .money-management-tools-container:first-child .money-management-item {
        padding-right: 34%
    }
    #money-management-tools .money-management-tools-container:first-child .money-management-item._active .money-management-button:before {
        content: "\e603";
        right: 25%
    }
    @media screen and (max-width: 1150px) {
        #money-management-tools .money-management-tools-container:first-child .money-management-item._active .money-management-button:before {
            right: 27%;
        }
    }
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools .money-management-tools-container:last-child {
        float: right;
    }
    #money-management-tools .money-management-tools-container:last-child .money-management-item {
        padding-left: 34%
    }
    #money-management-tools .money-management-tools-container:last-child .money-management-item._active .money-management-button:before {
        content: "\e601";
        left: 25%
    }
    @media screen and (max-width: 1150px) {
        #money-management-tools .money-management-tools-container:last-child .money-management-item._active .money-management-button:before {
            left: 27%;
        }
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #money-management-tools .money-management-tools-container {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 48.7288135593%;
        float: left;
    }
    #money-management-tools .money-management-tools-container:nth-child(even) {
        margin-right: 0
    }
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools .money-management-tools-container {
        width: 50%;
    }
}

#money-management-tools .money-management-tools-container .money-management-item {
    margin-bottom: 25px;
    position: relative
}

#money-management-tools .money-management-tools-container .money-management-item .money-management-button {
    background: transparent;
    cursor: default;
    text-align: left
}

#money-management-tools .money-management-tools-container .money-management-item .money-management-button p {
    color: #4d4f36
}

#money-management-tools .money-management-tools-container .money-management-item .money-management-button p a {
    font-size: 13px;
    font-weight: bold
}

#money-management-tools .money-management-tools-container .money-management-item .money-management-action {
    zoom: 1;
    display: block
}

#money-management-tools .money-management-tools-container .money-management-item .money-management-action:before, #money-management-tools .money-management-tools-container .money-management-item .money-management-action:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

#money-management-tools .money-management-tools-container .money-management-item .money-management-action:after {
    clear: both
}

#money-management-tools .money-management-tools-container .money-management-item .app-link-container a {
    display: inline-block;
    margin-right: 5px
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools .money-management-tools-container .money-management-item {
        margin-bottom: 0;
        width: 100%;
        z-index: 2;
    }
    #money-management-tools .money-management-tools-container .money-management-item .money-management-button {
        max-width: 400px;
        padding: 30px 0
    }
    #money-management-tools .money-management-tools-container .money-management-item .app-link-container {
        padding-top: 12px
    }
    #money-management-tools .money-management-tools-container .money-management-item._active .money-management-button h3 {
        color: #004b8d;
        font-weight: bold
    }
    #money-management-tools .money-management-tools-container .money-management-item._active .money-management-button:before {
        display: block;
        position: absolute;
        content: "";
        display: inline-block;
        position: absolute;
        height: 27px;
        margin-top: -13.5px;
        position: absolute;
        top: 50%;
        color: #004b8d;
        font-size: 27px
    }
}

#money-management-tools .money-management-tools-container .money-management-item-img {
    border: 1px solid #e1e6ea;
    height: auto !important;
    margin-bottom: 22px;
    width: 100%
}

#money-management-tools .money-management-tools-container h3 {
    color: #8dc63f;
    font-size: 17px;
    font-weight: bold
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #money-management-tools .money-management-tools-container h3 {
        font-size: 17px;
    }
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools .money-management-tools-container h3 {
        font-size: 18px;
    }
}

#money-management-tools .money-management-tools-container p {
    line-height: 24px;
    margin-top: 10px
}

#money-management-tools .money-management-tools-container .money-management-phone-container img {
    display: none;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

#money-management-tools .money-management-tools-container .money-management-phone-container img._active {
    display: block
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools {
        padding-bottom: 80px;
    }
}

#money-management-tools .active-background {
    height: 452px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

#money-management-tools .article-indicator {
    position: absolute;
    width: 50%;
    z-index: 1
}

#money-management-tools .article-indicator.article-indicator-1, #money-management-tools .article-indicator.article-indicator-2 {
    right: 50%
}

#money-management-tools .article-indicator.article-indicator-3, #money-management-tools .article-indicator.article-indicator-4 {
    left: 50%
}

#money-management-tools .article-indicator._active {
    background: #eef2f6
}

#benefits {
    background: #004b8d;
    color: #fff;
    text-align: center
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #benefits header {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 82.6271186441%;
        float: left;
        margin-left: 8.4745762712%;
    }
}

@media print, screen and (min-width: 1025px) {
    #benefits header {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 66.1016949153%;
        float: left;
        margin-left: 16.9491525424%;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #benefits {
        text-align: left;
    }
}

@media print, screen and (min-width: 1025px) {
    #benefits {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: transparent;
        background-image: url(images/benefits_bkg.jpg);
        background-repeat: no-repeat;
        min-height: 687px;
    }
}

#benefits h2, #benefits h3 {
    color: #fff
}

#benefits p:focus, #benefits h3:focus {
    outline: none
}

.benefits-container {
    padding-bottom: 14px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .benefits-container {
        padding-bottom: 54px;
    }
}

.benefits-container .tooltip {
    border-bottom: 1px solid transparent
}

.benefits-container .tooltip:hover {
    border-bottom: 1px solid white
}

.page-in_focus_mode .tile button:focus, .page-in_focus_mode .pseudo-tile button:focus {
    outline: none;
    text-decoration: underline
}

.page-in_focus_mode .tile button:focus span, .page-in_focus_mode .pseudo-tile button:focus span {
    text-decoration: none
}

.page-in_focus_mode .tile:focus, .page-in_focus_mode .tile *:focus, .page-in_focus_mode .pseudo-tile:focus, .page-in_focus_mode .pseudo-tile *:focus {
    outline-width: 1px;
    outline-color: rgba(255, 255, 255, 0.3)
}

.tile, .pseudo-tile {
    border-top: 1px solid #336fa4;
    padding: 30px 0;
    position: relative;
    display: block
}

.tile button:before, .tile button:after, .tile .tooltip:before, .pseudo-tile button:before, .pseudo-tile button:after, .pseudo-tile .tooltip:before {
    display: none;
    outline: none;
    border: none
}

.tile h3, .pseudo-tile h3 {
    font-family: 'Helvetica', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 1.1;
    font-weight: bold
}

.tile h3+a, .pseudo-tile h3+a {
    height: 0;
    display: block;
    overflow: hidden
}

@media print, screen and (min-width: 1025px) {
    .tile .tile-front, .pseudo-tile .tile-front {
        padding: 0 0 25px;
    }
}

.tile .benefits-wrapper, .pseudo-tile .benefits-wrapper {
    padding: 84px 15px 0;
    position: relative
}

.tile .benefits-wrapper:before, .pseudo-tile .benefits-wrapper:before {
    display: block;
    position: absolute;
    color: #fff;
    top: 0
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .tile .benefits-wrapper:before, .pseudo-tile .benefits-wrapper:before {
        left: 0 !important;
        margin: 0 !important;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .tile .benefits-wrapper, .pseudo-tile .benefits-wrapper {
        padding-left: 80px;
        padding-top: 0;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .tile, .pseudo-tile {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 99.5762711864%;
        float: left;
        padding: 45px 0;
    }
    .tile:nth-child(even), .pseudo-tile:nth-child(even) {
        margin-right: 0
    }
}

@media print, screen and (min-width: 1025px) {
    .tile, .pseudo-tile {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 23.7288135593%;
        float: left;
        border: 0;
        margin-bottom: 50px;
        padding-bottom: 84px;
    }
    .tile h3, .pseudo-tile h3 {
        font-weight: bold
    }
    .tile .benefits-wrapper, .pseudo-tile .benefits-wrapper {
        padding-left: 0;
        padding-right: 0;
        cursor: pointer
    }
    .tile .tile-front, .pseudo-tile .tile-front {
        display: block;
        position: absolute;
        color: #fff;
        padding-top: 80px;
        width: 100%;
        top: 0;
        left: 0
    }
    .tile .tile-front:before, .pseudo-tile .tile-front:before {
        left: 50%;
        margin-left: -10px;
        position: absolute;
        width: 20px;
        color: #007faa;
        content: "\e610";
        font-size: 20px;
        bottom: -15px
    }
    .tile:nth-child(4n), .pseudo-tile:nth-child(4n) {
        margin-right: 0
    }
}

.tile.purchase-protection .benefits-wrapper:before, .pseudo-tile.purchase-protection .benefits-wrapper:before {
    left: 50%;
    margin-left: -25px;
    position: absolute;
    width: 50px;
    content: "\e61b";
    font-size: 56px
}

@media print, screen and (min-width: 1025px) {
    .tile.purchase-protection .benefits-wrapper:before, .pseudo-tile.purchase-protection .benefits-wrapper:before {
        top: 9px;
    }
}

.tile.fraud-protection .benefits-wrapper:before, .pseudo-tile.fraud-protection .benefits-wrapper:before {
    left: 50%;
    margin-left: -29px;
    position: absolute;
    width: 58px;
    content: "\e613";
    font-size: 66px
}

.tile.amex-offers .benefits-wrapper:before, .pseudo-tile.amex-offers .benefits-wrapper:before {
    left: 50%;
    margin-left: -31px;
    position: absolute;
    width: 62px;
    content: "\e600";
    font-size: 44px
}

@media print, screen and (min-width: 1025px) {
    .tile.amex-offers .benefits-wrapper:before, .pseudo-tile.amex-offers .benefits-wrapper:before {
        top: 7px;
    }
}

.tile.customer-service .benefits-wrapper:before, .pseudo-tile.customer-service .benefits-wrapper:before {
    left: 50%;
    margin-left: -26px;
    position: absolute;
    width: 52px;
    content: "\e60d";
    font-size: 60px
}

@media print, screen and (min-width: 1025px) {
    .tile.customer-service .benefits-wrapper:before, .pseudo-tile.customer-service .benefits-wrapper:before {
        top: 4px;
    }
}

.tile.roadside-assistance .benefits-wrapper:before, .pseudo-tile.roadside-assistance .benefits-wrapper:before {
    left: 50%;
    margin-left: -35px;
    position: absolute;
    width: 70px;
    content: "\e61c";
    font-size: 60px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .tile.roadside-assistance .benefits-wrapper:before, .pseudo-tile.roadside-assistance .benefits-wrapper:before {
        font-size: 50px;
    }
}

@media print, screen and (min-width: 1025px) {
    .tile.roadside-assistance .benefits-wrapper:before, .pseudo-tile.roadside-assistance .benefits-wrapper:before {
        top: 8px;
    }
}

.tile.global-assistance .benefits-wrapper:before, .pseudo-tile.global-assistance .benefits-wrapper:before {
    left: 50%;
    margin-left: -27px;
    position: absolute;
    width: 54px;
    content: "\e614";
    font-size: 53px
}

@media print, screen and (min-width: 1025px) {
    .tile.global-assistance .benefits-wrapper:before, .pseudo-tile.global-assistance .benefits-wrapper:before {
        top: 10px;
    }
}

.tile.entertainment-access .benefits-wrapper:before, .pseudo-tile.entertainment-access .benefits-wrapper:before {
    left: 50%;
    margin-left: -38.5px;
    position: absolute;
    width: 77px;
    content: "\e60f";
    font-size: 46px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .tile.entertainment-access .benefits-wrapper:before, .pseudo-tile.entertainment-access .benefits-wrapper:before {
        font-size: 35px;
    }
}

@media print, screen and (min-width: 1025px) {
    .tile.entertainment-access .benefits-wrapper:before, .pseudo-tile.entertainment-access .benefits-wrapper:before {
        top: 13px;
    }
}

.tile.membership-benefits-wrapper .benefits-button:before, .pseudo-tile.membership-benefits-wrapper .benefits-button:before {
    display: none
}

.tile.membership-benefits-wrapper a, .pseudo-tile.membership-benefits-wrapper a {
    cursor: pointer;
    display: block
}

.tile.membership-benefits-wrapper .benefits-wrapper, .pseudo-tile.membership-benefits-wrapper .benefits-wrapper {
    padding-top: 80px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .tile.membership-benefits-wrapper .benefits-wrapper, .pseudo-tile.membership-benefits-wrapper .benefits-wrapper {
        padding-top: 0;
    }
}

.tile.membership-benefits-wrapper .benefits-wrapper:before, .pseudo-tile.membership-benefits-wrapper .benefits-wrapper:before {
    left: 50%;
    margin-left: -23px;
    position: absolute;
    width: 46px;
    color: #007faa;
    content: "\e619";
    font-size: 46px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .tile.membership-benefits-wrapper .benefits-wrapper:before, .pseudo-tile.membership-benefits-wrapper .benefits-wrapper:before {
        font-size: 38px;
        top: -11px;
    }
}

@media print, screen and (min-width: 1025px) {
    .tile.membership-benefits-wrapper .benefits-wrapper:before, .pseudo-tile.membership-benefits-wrapper .benefits-wrapper:before {
        top: 18px;
    }
}

.tile p, .pseudo-tile p {
    color: #fff;
    font-size: 15px;
    font-family: Helvetica, sans-serif;
    font-weight: lighter;
    font-weight: 100;
    line-height: 20px;
    margin-top: 20px
}

.tile-back {
    background-color: transparent;
    left: 0;
    position: relative;
    top: auto;
    visibility: visible;
    display: block
}

@media print, screen and (min-width: 1025px) {
    .tile-back {
        position: absolute;
        top: 0;
        crop: rect(1px, 1px, 1px, 1px);
        overflow: hidden;
        visibility: hidden;
    }
    ._flipped .tile-back {
        -webkit-box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, 0.5);
        background: #002359;
        display: table;
        height: 255px;
        left: 0;
        position: absolute;
        top: -50px;
        visibility: visible;
        z-index: 10
    }
    ._flipped .tile-back div {
        display: table-cell;
        padding: 10px 15px;
        vertical-align: middle
    }
}

.photo-module {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(images/photo_module_small.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 155px;
    width: 100%
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .photo-module {
        background-image: url(images/photo_module_small@2x.jpg);
        background-size: cover;
    }
}

@media print, screen and (min-width: 768px) {
    .photo-module {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        height: 558px;
        text-align: center;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .photo-module {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(images/photo_module_medium.jpg);
    }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        .photo-module {
            background-image: url(images/photo_module_medium@2x.jpg);
            background-size: cover;
        }
    }
}

@media print, screen and (min-width: 1025px) {
    .photo-module {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

.photo-module .photo-module-content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 1.6949152542%;
    width: 49.1525423729%;
    float: left;
    margin-left: 25.4237288136%;
    height: 100%;
    position: relative;
    display: table
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .photo-module .photo-module-content {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 82.6271186441%;
        float: left;
        margin-left: 8.4745762712%;
    }
}

.photo-module header {
    bottom: 0;
    display: table-row;
    left: 0;
    margin: auto;
    max-width: 760px;
    position: relative;
    right: 0;
    top: 0;
    vertical-align: middle
}

@media screen and (min-width: 1400px) {
    .photo-module header {
        width: 100%;
    }
}

.photo-module h2 {
    color: #fff;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle
}

.photo-module h2 span {
    display: block;
    margin: 0 auto;
    max-width: 760px
}

.footer {
    float: left;
    padding-bottom: 97px;
    width: 100%
}

.footer .footer-nav {
    background: #f5f6f6;
    padding: 15px 0 42px 0
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .footer .footer-nav ul {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 65.6779661017%;
        float: left;
    }
}

@media print, screen and (min-width: 1025px) {
    .footer .footer-nav ul {
        float: left;
    }
}

.footer .footer-nav li {
    margin-top: 25px
}

@media print, screen and (min-width: 768px) {
    .footer .footer-nav li {
        float: left;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .footer .footer-nav li {
        margin-right: 35px;
    }
}

@media print, screen and (min-width: 1025px) {
    .footer .footer-nav li {
        margin-right: 30px;
        margin-top: 0;
    }
}

.footer .footer-nav a {
    font-size: 14px;
    font-weight: bold
}

.footer .footer-nav a img {
    display: block
}

@media print, screen and (min-width: 1025px) {
    .footer .footer-nav {
        padding: 15px 0 28px 0;
    }
}

.footer .footer-nav-links {
    zoom: 1
}

.footer .footer-nav-links:before, .footer .footer-nav-links:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.footer .footer-nav-links:after {
    clear: both
}

@media print, screen and (min-width: 1025px) {
    .footer .footer-nav-links {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 74.5762711864%;
        float: left;
    }
    .footer .footer-nav-links li {
        margin-top: 15px
    }
}

.footer .footer-social-links {
    zoom: 1
}

.footer .footer-social-links:before, .footer .footer-social-links:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.footer .footer-social-links:after {
    clear: both
}

.footer .footer-social-links li {
    float: left;
    margin-right: 25px;
    width: 22px
}

.footer .footer-social-links a {
    display: block
}

.footer .footer-social-links a:before {
    display: block;
    position: absolute;
    font-size: 22px
}

.footer .footer-social-links span {
    overflow: hidden;
    text-indent: -9000px;
    display: block
}

.footer .footer-social-links .facebook {
    height: 30px;
    margin-right: 10px;
    width: 30px
}

.footer .footer-social-links .facebook a {
    color: #3b5998
}

.footer .footer-social-links .facebook a:before {
    content: "\e611";
    font-size: 30px
}

.footer .footer-social-links .google-plus {
    background-color: #dd4b39;
    border-radius: 3px;
    height: 30px;
    margin-right: 10px;
    width: 30px
}

.footer .footer-social-links .google-plus a {
    color: white;
    position: relative;
    top: 5px;
    left: 6px
}

.footer .footer-social-links .google-plus a:before {
    content: "\e615";
    font-size: 20px
}

.footer .footer-social-links .twitter {
    background: #00aced;
    border-radius: 3px;
    height: 30px;
    width: 30px
}

.footer .footer-social-links .twitter a {
    color: white
}

.footer .footer-social-links .twitter a:before {
    content: "\e61e";
    font-size: 17px;
    left: 6px;
    position: relative;
    top: 7px
}

@media print, screen and (min-width: 1025px) {
    .footer .footer-social-links {
        float: right;
        margin-right: 0;
    }
}

.footer .footer-main {
    padding: 40px 0 0 0
}

.footer .partnerships h3 {
    color: #161b1f
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .footer .partnerships {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 40.2542372881%;
        float: left;
    }
}

@media print, screen and (min-width: 1025px) {
    .footer .partnerships {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 23.7288135593%;
        float: left;
    }
}

.footer .partnerships-img-container {
    zoom: 1;
    padding-top: 15px;
    position: relative
}

.footer .partnerships-img-container:before, .footer .partnerships-img-container:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.footer .partnerships-img-container:after {
    clear: both
}

.footer .partnerships-img-container .partnerships-img {
    float: left;
    margin-right: 67.5px
}

.footer .partnerships-img-container .walmart-horizontal {
    height: 33px;
    margin-top: -11.5px;
    position: absolute;
    top: 50%
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .footer .partnerships-img-container .walmart-horizontal {
        height: 47px;
        margin-top: -19.5px;
        position: absolute;
        top: 50%;
    }
}

.footer .legal-links {
    margin-top: 30px
}

.footer .legal-links li {
    margin-top: 20px
}

@media print, screen and (min-width: 768px) {
    .footer .legal-links li {
        float: left;
        margin-top: 10px;
    }
}

.footer .legal-links a {
    color: #004b8d;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase
}

.footer .legal-links p {
    color: #161b1f;
    font-size: 10px;
    line-height: 16px;
    margin-top: 30px
}

.footer .legal-links p a {
    font-size: inherit;
    text-transform: none
}

@media print, screen and (min-width: 768px) {
    .footer .legal-links {
        margin-top: 0;
    }
    .footer .legal-links p {
        color: #22282c;
        font-size: 12px;
        margin-top: 22px
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .footer .legal-links {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 48.7288135593%;
        float: left;
        margin-left: 8.4745762712%;
        margin-right: 0;
    }
    .footer .legal-links li {
        width: 50%
    }
    .footer .legal-links li:first-child, .footer .legal-links li:nth-child(2) {
        margin-top: 0
    }
}

@media print, screen and (min-width: 1025px) {
    .footer .legal-links {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 40.6779661017%;
        float: left;
        margin-left: 8.4745762712%;
    }
    .footer .legal-links li {
        width: 40%
    }
}

.footer .app-links {
    margin-top: 25px;
    text-align: center
}

.footer .app-links .app-img-container {
    zoom: 1
}

.footer .app-links .app-img-container:before, .footer .app-links .app-img-container:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.footer .app-links .app-img-container:after {
    clear: both
}

.footer .app-links .app-img-container a {
    display: inline-block;
    margin-right: 11px
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .footer .app-links {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 48.7288135593%;
        float: left;
        float: right;
        margin-right: 0;
        margin-top: 12px;
        text-align: left;
    }
    .footer .app-links a {
        display: block;
        margin-left: 0
    }
    .footer .app-links p {
        font-size: 10px;
        margin-top: 15px
    }
    .footer .app-links p a {
        display: inline-block
    }
}

@media print, screen and (min-width: 1025px) {
    .footer .app-links {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 23.7288135593%;
        float: left;
        float: right;
        margin-right: 0;
        margin-top: 0;
        text-align: left;
    }
    .footer .app-links p {
        color: #464646;
        font-size: 12px;
        line-height: 18px;
        margin-top: 25px
    }
}

.footer .legal {
    border-top: 1px solid #ccc;
    margin-top: 36px;
    padding-top: 33px
}

.footer .legal p {
    color: #717373;
    font-size: 10px;
    line-height: 16px
}

.footer .legal p a {
    color: #007faa;
    font-size: inherit
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .footer .legal {
        margin-top: 20px;
        padding-top: 36px;
    }
    .footer .legal p {
        color: #22282c
    }
}

@media print, screen and (min-width: 1025px) {
    .footer .legal {
        border-top: 0;
        margin-top: 18px;
        padding-top: 0;
    }
    .footer .legal .container, .footer .legal .accordion-item .bluebird-feature, .accordion-item .footer .legal .bluebird-feature, .footer .legal #hero .main-nav._active .main-nav-container, #hero .main-nav._active .footer .legal .main-nav-container, .footer .legal #hero .hero-main-content, #hero .footer .legal .hero-main-content, .footer .legal #hero .slide-container, #hero .footer .legal .slide-container, .footer .legal #hero .hero-container .hero-description, #hero .hero-container .footer .legal .hero-description, .footer .legal #money-management-tools .money-management-container, #money-management-tools .footer .legal .money-management-container {
        border-top: 1px solid #ccc;
        padding-top: 28px
    }
}

@media print, screen and (min-width: 1025px) {
    .footer {
        padding-bottom: 50px;
    }
}

#fee-chart .overlay-wrapper {
    max-width: 807px
}

#fee-chart .overlay-content {
    -webkit-border-radius: first-value-of(5);
    -moz-border-radius: 5;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    -ms-border-radius: 5;
    -o-border-radius: 5;
    border-radius: 5;
    padding: 0
}

#fee-chart .fee-chart-header {
    background: #002865
}

#fee-chart .fee-chart-header header {
    padding: 42px 20px 20px
}

#fee-chart .fee-chart-header button {
    color: #fff
}

#fee-chart .fee-chart-header h2, #fee-chart .fee-chart-header h4 {
    color: #fff
}

#fee-chart .fee-chart-header h2 {
    font-size: 21px;
    line-height: 26px
}

@media print, screen and (min-width: 768px) {
    #fee-chart .fee-chart-header h2 {
        font-size: 36px;
    }
}

#fee-chart .fee-chart-header h4 {
    font-size: 14px;
    font-weight: normal;
    margin-top: 6px
}

@media print, screen and (min-width: 768px) {
    #fee-chart .fee-chart-header h4 {
        font-size: 17px;
        margin-top: 15px;
    }
}

#fee-chart .fee-table-header {
    background: #eef2f6;
    padding: 15px 0
}

#fee-chart .fee-table-header li {
    color: #004b8d;
    float: left;
    font-weight: bold
}

#fee-chart .fee-table-header .fee-column-header-1 {
    padding-left: 20px;
    width: 40%
}

#fee-chart .fee-table-header .fee-column-header-2 {
    width: 48%
}

#fee-chart .fee-table-header .fee-column-header-3 {
    padding-right: 20px;
    text-align: right;
    width: 12%
}

#fee-chart .fee-chart-content {
    overflow: auto;
    overflow-x: hidden
}

#fee-chart .fee-table table {
    width: 100%
}

#fee-chart .fee-table th {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

#fee-chart .column-title {
    width: 100%
}

#fee-chart .column-title td {
    padding-top: 20px;
    position: relative
}

#fee-chart .column-title td:before {
    content: '';
    background: #e5e5e5;
    height: 1px;
    left: 20px;
    position: absolute;
    right: 20px;
    top: 0
}

#fee-chart .column-title td h3 {
    padding-left: 20px
}

#fee-chart .column-title.column-title-1 td:before {
    display: none
}

#fee-chart .table-section>td {
    padding: 20px 0 10px;
    vertical-align: top
}

@media print, screen and (min-width: 768px) {
    #fee-chart .table-section>td {
        position: relative;
    }
    #fee-chart .table-section>td:before {
        content: '';
        background: #e5e5e5;
        height: 1px;
        left: 20px;
        position: absolute;
        right: 20px;
        top: 0
    }
}

#fee-chart .table-section .row-title {
    width: 40%
}

#fee-chart .table-section h2 {
    font-size: 18px;
    padding-left: 20px
}

#fee-chart .table-section table {
    width: 100%
}

#fee-chart .table-section table td {
    padding-bottom: 10px;
    vertical-align: top
}

#fee-chart .table-section.cost-setup>td:before {
    display: none
}

#fee-chart .item-title {
    padding-left: 20px;
    width: 74%
}

@media print, screen and (min-width: 768px) {
    #fee-chart .item-title {
        padding-left: 0;
        width: 48%;
    }
}

#fee-chart .item-price {
    padding-right: 20px;
    text-align: right;
    width: 26%
}

@media print, screen and (min-width: 768px) {
    #fee-chart .item-price {
        width: 12%;
    }
}

#fee-chart h3 {
    font-weight: normal
}

#fee-chart td {
    color: #4d4f36;
    font-size: 13px
}

#fee-chart .fee-chart-legal {
    background: #f2f2f2;
    padding: 20px 20px 10px
}

#fee-chart .fee-chart-legal p {
    font-size: 11px
}

@media print, screen and (min-width: 768px) {
    #fee-chart .fee-chart-legal {
        text-align: right;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .scroll-down-icon-container {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(31%, #ffffff), color-stop(100%, #ffffff));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 31%, #ffffff 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 31%, #ffffff 100%);
        background: -linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 31%, #ffffff 100%...);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        width: 100%;
    }
}

@media print, screen and (min-width: 768px) {
    .scroll-down-icon-container {
        display: none;
    }
}

.scroll-down-icon-container img {
    display: block;
    margin-top: 15px;
    width: 20%
}

@media print, screen and (min-width: 768px) {
    .scroll-down-icon-container img {
        display: none;
    }
}

.video-overlay .overlay-content {
    padding: 40px 60px
}

.video-overlay .overlay-content h2 {
    font-size: 39px
}

.video-overlay .overlay-body {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    width: 100%
}

.video-overlay .overlay-body div[data-ivideo] {
    display: none;
    height: 100%
}

.video-overlay .video_wrapper {
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.video-overlay .video_player {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

#amex-offers {}

#amex-offers header {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2.1186440678%;
    width: 82.6271186441%;
    float: left
}

#amex-offers .overlay-body {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2.1186440678%;
    width: 99.5762711864%;
    float: left
}

#amex-offers img {
    display: block;
    margin: 0px auto 25px
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #amex-offers img {
        display: inline-block;
    }
}

#amex-offers p {
    color: #004b8d
}

@media print, screen and (min-width: 768px) {
    #amex-offers .amex-offers-content .button-overlay-container {
        text-align: center;
    }
}

#direct-deposit .overlay-content {
    padding-bottom: 20px
}

#direct-deposit li {
    padding-left: 42px;
    position: relative
}

#direct-deposit li:before {
    display: block;
    position: absolute;
    content: "";
    display: inline-block;
    position: absolute;
    color: #8dc63f;
    font-size: 28px;
    left: 0;
    top: 0
}

#direct-deposit li p {
    color: #004b8d;
    font-size: 14px;
    margin-top: 5px
}

#direct-deposit .direct-deposit-convenient:before {
    content: "\e60a";
    font-size: 32px
}

#direct-deposit .direct-deposit-flexible:before {
    content: "\e60b"
}

#direct-deposit .direct-deposit-flexible p.sup, #direct-deposit .direct-deposit-flexible sup {
    font-size: 8px;
    top: -0.6em
}

#direct-deposit .direct-deposit-free:before {
    content: "\e61f"
}

#direct-deposit .direct-deposit-footnotes {
    margin-top: 20px
}

#direct-deposit .direct-deposit-footnotes p {
    color: #464646;
    font-size: 11px
}

#watch-bluebird .overlay-content {
    padding-bottom: 20px
}

#watch-bluebird header {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2.1186440678%;
    width: 82.6271186441%;
    float: left
}

#watch-bluebird .overlay-body {
    float: left
}

#watch-bluebird p {
    color: #004b8d;
    font-size: 16px;
}

#watch-bluebird li {
    margin-top: 12px;
    position: relative
}

#watch-bluebird li:before {
    display: block;
    position: absolute;
    background: none;
    color: #007faa;
    content: "\e61a";
    font-size: 24px;
    left: 0;
    top: 1px
}

#watch-bluebird a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 6px 0 6px 35px;
    text-transform: uppercase
}

.promoted-content {
    padding-top: 40px
}

.promoted-content header {
    padding-bottom: 40px;
    text-align: center
}

.promoted-content .h3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2.1186440678%;
    width: 99.5762711864%;
    float: left;
    display: inline-block;
    font-size: 17px;
    position: relative;
    pointer-events: none
}

.promoted-content .h3:before {
    display: block;
    position: absolute;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -25px;
    color: #007faa;
    content: "\e602";
    font-size: 17px;
    left: 0
}

.promoted-content .content-block {
    position: relative
}

.promoted-content .content-block a {
    background-repeat: no-repeat
}

.promoted-content a {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .promoted-content {
        clear: both;
        background: #eef2f6;
        padding: 70px 0 0;
    }
    .promoted-content ul {
        padding-top: 10px
    }
    .promoted-content .content-block {
        position: relative;
        text-align: center
    }
    .promoted-content .content-block:before {
        content: "";
        display: inline-block;
        position: absolute;
        background-image: url(images/promoted-border.jpg);
        background-repeat: no-repeat;
        bottom: 0;
        height: 220px;
        margin: auto;
        left: 0;
        top: 0;
        width: 1px
    }
    .promoted-content .h3 {
        display: inline-block;
        float: none;
        font-size: 20px;
        margin: 0;
        padding-right: 30px;
        position: relative;
        width: auto
    }
    .promoted-content .h3:before {
        display: block;
        position: absolute;
        content: "";
        display: inline-block;
        position: absolute;
        height: 12px;
        margin-top: -6px;
        position: absolute;
        top: 50%;
        bottom: auto;
        color: #007faa;
        content: "\e602";
        font-size: 12px;
        left: auto;
        right: 0
    }
    @media print, screen and (min-width: 768px) and (max-width: 1024px) {
        .promoted-content .h3 {
            font-size: 18px;
        }
    }
    .promoted-content .content-blocks-2 {
        width: 50%;
    }
    .promoted-content .content-blocks-2 a {
        height: auto;
    }
    .promoted-content .content-blocks-2:first-child:before {
        display: none
    }
    .promoted-content .content-blocks-3 {
        width: 33.3333%
    }
    .promoted-content .content-blocks-3:last-child:after {
        content: "";
        display: inline-block;
        position: absolute;
        background-image: url(images/promoted-border.jpg);
        background-repeat: no-repeat;
        bottom: 0;
        height: 220px;
        margin: auto;
        right: 0;
        top: 0;
        width: 1px
    }
    .promoted-content .content-blocks-3.save-with-amex a {
        background-position: center top
    }
}

#spending-made-simple header {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2.1186440678%;
    width: 82.6271186441%;
    float: left
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #spending-made-simple .overlay-content {
        padding: 25px 15px 30px;
    }
}

#spending-made-simple .overlay-body {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 1.6949152542%;
    width: 100%;
    float: left
}

@media print, screen and (min-width: 1025px) {
    #spending-made-simple .overlay-body {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.6949152542%;
        width: 49.1525423729%;
        float: left;
    }
    #spending-made-simple .overlay-body img {
        display: none
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #spending-made-simple .overlay-body {
        margin-top: 10px;
    }
}

#spending-made-simple img {
    display: block;
    margin: 20px auto 25px
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #spending-made-simple img {
        margin: 0 auto;
        max-width: 60%;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #spending-made-simple img {
        max-width: 50%;
    }
}

#spending-made-simple p, #spending-made-simple li {
    color: #004b8d
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #spending-made-simple p {
        margin-bottom: 10px;
    }
}

#spending-made-simple ul {
    margin-bottom: 15px
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #spending-made-simple ul {
        margin-bottom: 10px;
    }
}

#spending-made-simple li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5.5555555556%;
    width: 100%;
    float: left;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    list-style-position: inside;
    list-style-type: disc;
    margin-bottom: 5px;
    margin-right: 0;
    text-transform: uppercase;
    width: 49%
}

#spending-made-simple .button-overlay-container {
    text-align: center
}

@media print, screen and (min-width: 1025px) {
    #spending-made-simple .button-overlay-container {
        text-align: left;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .video-overlay .overlay-content h2 {
        font-size: 30px;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .video-overlay .overlay-content h2 {
        font-size: 25px;
    }
}

@media print, screen and (min-width: 768px) {
    #amex-offers.overlay .overlay-content {
        float: none;
        padding: 35px 30px 150px;
        position: relative;
        z-index: 2;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #amex-offers.overlay .overlay-content {
        float: none;
        padding: 25px 20px 0px;
        position: relative;
        z-index: 2;
    }
}

@media print, screen and (min-width: 768px) {
    #amex-offers.overlay header {
        float: none;
        position: relative;
        width: 45%;
        z-index: 2;
    }
}

#amex-offers.overlay img {
    height: auto;
    width: 100%
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #amex-offers.overlay img {
        margin-bottom: 0;
    }
}

@media print, screen and (min-width: 768px) {
    #amex-offers.overlay img {
        margin-bottom: 0;
    }
}

@media print, screen and (min-width: 768px) {
    #amex-offers.overlay .overlay-body {
        width: 45%;
    }
}

@media print, screen and (min-width: 768px) {
    #amex-offers.overlay .overlay-img {
        bottom: 0;
        position: absolute;
        right: 40px;
        width: 46%;
        z-index: 1;
    }
}

@media print, screen and (min-width: 768px) {
    #amex-offers.overlay .amex-offers-content .button-overlay-container {
        text-align: left;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #amex-offers.overlay .amex-offers-content .button-overlay-container {
        text-align: center;
    }
}

@media print, screen and (min-width: 768px) {
    #watch-bluebird.overlay header {
        float: none;
        position: relative;
        width: 63%;
        z-index: 2;
    }
}

@media print, screen and (min-width: 768px) {
    #watch-bluebird.overlay .overlay-body {
        width: 63%;
    }
    .bb_prospectb #watch-bluebird.overlay .overlay-body {
        width: 83%;
    }
}

@media print, screen and (min-width: 768px) {
    #watch-bluebird.overlay .overlay-body li {
        display: inline-block;
        width: 45%;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #watch-bluebird.overlay .overlay-body li {
        display: block;
        width: auto;
    }
}

@media print, screen and (min-width: 768px) {
    #watch-bluebird.overlay .overlay-content {
        float: none;
        padding: 40px 30px 60px;
        position: relative;
        z-index: 2;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #watch-bluebird.overlay .overlay-content {
        background-image: none;
        float: none;
        padding: 25px 20px 30px;
        position: relative;
        z-index: 2;
    }
}

@media print, screen and (min-width: 768px) {
    #direct-deposit.overlay header {
        float: none;
        position: relative;
        width: 70%;
        z-index: 2;
    }
}

@media print, screen and (min-width: 768px) {
    #direct-deposit.overlay .overlay-body {
        width: 70%;
    }
    .bb_prospectb #direct-deposit.overlay .overlay-body {
        width: 92%;
    }
}

#direct-deposit.overlay .overlay-body li {
    vertical-align: top
}

@media print, screen and (min-width: 768px) {
    #direct-deposit.overlay .overlay-body li {
        display: inline-block;
        padding-left: 0;
        padding-right: 20px;
        width: 31.6%;
    }
    #direct-deposit.overlay .overlay-body li:before {
        color: #004B8D;
        content: "\e60c";
        display: inline-block;
        float: none;
        font-size: 16px;
        margin-right: 5px;
        position: relative
    }
    #direct-deposit.overlay .overlay-body li:last-child {
        padding-right: 0
    }
}

@media print, screen and (min-width: 768px) {
    #direct-deposit.overlay .overlay-body li h4 {
        display: inline-block;
    }
}

@media print, screen and (min-width: 768px) {
    #direct-deposit.overlay .overlay-content {
        float: none;
        padding: 30px;
        position: relative;
        z-index: 2;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #direct-deposit.overlay .overlay-content {
        background-image: none;
        float: none;
        padding: 25px 50px 0px;
        position: relative;
        z-index: 2;
    }
}

#direct-deposit.overlay .direct-deposit-footnotes {
    padding-right: 7%
}

#direct-deposit.overlay .direct-deposit-footnotes p {
    line-height: 1.2
}

#direct-deposit.overlay .direct-deposit-footnotes p .sup-footnote {
    font-size: 8px;
    top: -0.6em
}

#hero.customer h2 {
    font-size: 35px
}

@media screen and (min-width: 0) and (max-width: 350px) {
    #hero.customer h2 {
        font-size: 28px;
    }
}

@media screen and (min-width: 351px) and (max-width: 767px) {
    .bb_customer .hero-container .hero-description h1 {
        font-size: 34px !important;
    }
    .customer_slidesPage .hero-customer_family_accounts .hero-description header h2 {
        font-size: 33px !important;
    }
}

.customer_hero_slides--item {
    border-bottom: solid thin #DBDBDB;
    margin-top: 20px
}

.slide-description-body .sup-footnote {
    font-size: 9px;
    top: -0.7em
}

.tooltipster-content {
    font-size: 11px
}

.tooltipster-content .sup-reg {
    font-size: 8px;
    line-height: 1.2;
    top: -0.5em
}

.benefits-wrapper h3 .sup-reg .sup-reg, .fee-table .sup-reg .sup-reg, .money-management-tools-container .sup-reg, .using-funds-content .sup-reg {
    font-size: 0.8em;
    line-height: 1.2;
    top: -0.4em
}

@media print, screen and (min-width: 768px) {
    .footer .footer-social-links {
        margin-top: 15px;
    }
}

.tile .sup-reg, .overlay-body p .sup-reg {
    font-size: 0.7em;
    top: -0.5em
}

input, textarea {
    color: #999\0/
}

input:focus, textarea:focus {
    color: #333\0/
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999
}

@media print, screen and (min-width: 768px) {
    #hero .carousel-wrapper .carousel-item.why-bluebird-slide p, #hero .carousel-wrapper .carousel-item.why-bluebird-slide li, #hero .carousel-wrapper .carousel-item.why-bluebird-slide .hero-description h5, #hero.prospect-b .hero-main-content .hero-container p, #hero.prospect-b .hero-main-content .hero-container li, #hero.prospect-b .hero-main-content .hero-container .hero-description h5 {
        color: #4d4f36;
    }
    #hero .carousel-wrapper .carousel-item.why-bluebird-slide p:before, #hero .carousel-wrapper .carousel-item.why-bluebird-slide li:before, #hero .carousel-wrapper .carousel-item.why-bluebird-slide .hero-description h5:before, #hero.prospect-b .hero-main-content .hero-container p:before, #hero.prospect-b .hero-main-content .hero-container li:before, #hero.prospect-b .hero-main-content .hero-container .hero-description h5:before {
        background: #4d4f36
    }
}

#hero .carousel-wrapper .carousel-item.why-bluebird-slide .bluebird-statement p:first-child, #hero.prospect-b .hero-main-content .hero-container .bluebird-statement p:first-child {
    color: #004b8d;
    font-size: 12px;
    font-weight: bold
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .hero-container .hero-description {
        padding-top: 26px;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #direct-deposit.overlay .overlay-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    #direct-deposit.overlay .overlay-content .overlay-body {
        margin-top: 15px
    }
    #direct-deposit.overlay .overlay-content h2 {
        font-size: 28px
    }
    #direct-deposit.overlay .overlay-content li {
        font-size: 30px
    }
    #direct-deposit.overlay .overlay-content li p {
        font-size: 12px
    }
    #direct-deposit.overlay .overlay-content .direct-deposit-footnotes {
        margin-top: 15px
    }
}

.site_interstitial {
    display: none;
    position: relative;
    width: 100%;
    padding: 10px 0
}

.site_interstitial--cta {
    display: table-cell;
    vertical-align: center
}

@media print, screen and (min-width: 768px) {
    .site_interstitial--overlay.overlay .overlay-content {
        padding-bottom: 50px;
    }
}

#hero.prospect-b .hero-main-content .hero-container .tooltip-content p {
    color: #455560
}

.input-tooltip {
    position: relative
}

.input-tooltip .tooltip-trigger {
    position: absolute;
    font-size: 13px;
    right: 10px;
    top: 27px
}

.why-content {
    position: absolute;
    right: auto;
    top: 373px;
    width: 250px;
    background-color: #F5F5F5;
    color: #455560;
    padding: 10px;
    border: 1px solid #C3C5C7;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 500;
    display: none
}

.why-content small {
    font-size: 13px
}

.why-content:before {
    left: -10px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #C3C5C7;
    position: absolute;
    right: -10px;
    top: 15px;
    -ms-transform: rotate(181deg);
    -webkit-transform: rotate(181deg);
    transform: rotate(181deg);
}

.why-content:after {
    left: -10px;
    content: '';
    display: no;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #F5F5F5;
    position: absolute;
    top: 15px;
    -ms-transform: rotate(181deg);
    -webkit-transform: rotate(181deg);
    transform: rotate(181deg);
}

.input-tooltip.active .tooltip-content {
    display: block
}

.input-tooltip.right-side .tooltip-content {
    right: -265px;
    left: auto
}

.input-tooltip.right-side .tooltip-content:before {
    border-left: 0;
    border-right: 10px solid #C3C5C7;
    right: auto;
    left: -10px
}

.input-tooltip.right-side .tooltip-content:after {
    border-left: 0;
    border-right: 10px solid #F5F5F5;
    right: auto;
    left: -9px;
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    #hero .carousel-wrapper .why-bluebird-slide h1, #hero .carousel-wrapper .why-bluebird-slide h1 {
        font-size: 38px;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .carousel-wrapper .why-bluebird-slide h1, #hero .carousel-wrapper .why-bluebird-slide h1 {
        font-size: 58px;
    }
}

@media print, screen and (min-width: 1025px) and (max-width: 1355px) {
    #hero .carousel-wrapper .why-bluebird-slide h1, #hero .carousel-wrapper .why-bluebird-slide h1 {
        font-size: 45px;
    }
}

@media print, screen and (max-width: 767px) {
    .bb_customer .promoted_prospect li:nth-child(2).content-block .header_styles {
        /* margin-left: -4% !important;
    z-index:1000;*/
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .slide-cta-container ul li:first-child {
        width: 100% !important;
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .bluebird-statement p:first-child {
        margin-bottom: 0 !important;
    }
    #hero .slide-cta-container a, #hero .hero-cta-container a {
        padding: 10px 5px 10px 0;
    }
}

.why-bluebird-slide .slide-description-body .slide-cta-container ul li {
    list-style: none !important;
    width: 49% !important;
    padding: 5px 0px !important;
    margin-left: 0 !important;
}

#hero .slide-description-body .slide-cta-container li:before {
    width: 0% !important;
}

#hero .why-bluebird-slide .slide-description-body .slide-cta-container li:nth-child(2) {
    padding-left: 0 !important;
}

#hero .slide-cta-container a.bluebird-fee-link {
    margin-left: 0 !important;
}

#hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ul_div {
    overflow: hidden;
}

#hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ul_div ul {
    float: left;
    width: 33%;
    margin-top: 6px;
}

#hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ul_div ul li {
    width: 100%;
    font-size: 12px;
    display: block;
    margin-bottom: 0;
}

#hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ul_div ul li p {
    width: 100%;
    font-size: 12px;
    margin-bottom: 7px;
    line-height: 12px;
}

#hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ul_div ul:nth-child(2) {
    width: 29%;
    margin-left: 5%;
}

#hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li, .bb_prospectb #hero .hero-description .ClassSpecificUl li {
    width: 31% !important;
    margin-bottom: 0;
}

#hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li p, .bb_prospectb #hero .hero-description .ClassSpecificUl li p {
    font-size: 11px !important;
    margin-bottom: 7px;
    margin-top: -4px;
}

#hero.prospect-b .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li p, .bb_prospectb #hero .hero-description .ClassSpecificUl li p {
    font-size: 11px !important;
    margin-bottom: 7px;
    margin-top: 0px !important;
    line-height: 10px;
}

#hero.prospect-b .bluebird-statement {
    margin-top: 15px !important;
}

#hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl span, .bb_prospectb #hero .hero-description .ClassSpecificUl span {
    display: inline-block;
    margin-left: 7%;
}

#hero.prospect-b .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl span, .bb_prospectb #hero .hero-description .ClassSpecificUl span {
    display: inline-block;
    margin-left: 3%;
}

@media print, screen and (min-width: 768px) {
    .prospect-a .carousel-wrapper {
        float: right !important;
    }
    .prospect-a .registration-wrapper {
        width: 92% !important;
    }
}

@media print, screen and (max-width: 767px) {
    .login-bar-link {
        float: right;
        background: #009ddc;
        border-radius: 20px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        padding: 10px 18px 8px;
        text-decoration: none;
        width: 70px;
    }
    #hero .login-link-container a {
        margin-left: 6px;
        font-size: 12px;
    }
    #hero .login-bar-link:before {
        display: none;
    }
    #hero .login-bar-link {
        padding-left: 18px;
    }
}

#hero .carousel-wrapper .why-bluebird-slide h1 sup {
    font-size: 0.15em;
    vertical-align: super;
}

.bluebird-in-action-slide .slide-cta-container li a {
    border-right: none !important;
}

.direct-deposit-slide .slide-description-body ul li p sup {
    font-size: 9px;
    top: -0.7em;
}

.tooltip-trigger.tooltip {
    font-size: 13px !important;
    color: #007faa !important;
    font-weight: normal !important;
}

.consumer-reports .consumer-reports-content p:first-child {
    color: #004b8d;
    font-size: 18px;
    line-height: 1.1;
    font-weight: lighter;
}

#using-funds .bluebird-feature header p, #adding-funds .bluebird-feature header p {
    font-size: 36px;
    line-height: 1.1;
    color: #004b8d;
    font-weight: lighter;
}

.using-funds-container .using-funds-item .using-funds-content sup {
    font-size: 0.8em;
    line-height: 1.2;
    top: -0.4em;
}

.tile sup, .overlay-body p sup {
    font-size: 0.7em;
    top: -0.5em;
}

.hero-main-content .hero-container .hero-description .hero-description-body p {
    font-weight: bold;
    color: #004b8d;
    font-size: 16px;
    line-height: 22px;
}

.hero-main-content .hero-container .hero-description .hero-description-body p a {
    font-weight: bold;
    color: #009DDC;
}

.hero-main-content .hero-container .hero-description .hero-description-body .bluebird-statement sup {
    font-size: 8px;
    top: -0.6em;
}

.promoted-content .content-block h2 {
    display: inline-block;
    float: none;
    font-size: 20px;
    margin: 0;
    padding-right: 30px;
    position: relative;
    width: auto;
    color: #004b8d;
    line-height: 1.1;
    font-weight: lighter;
}

.prospect-b .carousel-wrapper {
    width: 72.576271% !important;
}

@media print, screen and (min-width: 768px) {
    #hero.prospect-b .why-bluebird-slide {
        background-image: url(images/prospect-b-hero-large.jpg);
        background-position: 96% bottom;
    }
}

@media print, screen and (min-width: 768px) and (max-width:1024px) {
    .hero-description-body {
        font-weight: normal !important;
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li, .bb_prospectb #hero .hero-description .ClassSpecificUl li {
        width: 100% !important;
        display: block;
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li p, .bb_prospectb #hero .hero-description .ClassSpecificUl li p {
        font-size: 12px !important;
        margin-bottom: 0 !important;
        margin-top: -4px;
    }
    #hero.prospect-b .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl span, .bb_prospectb #hero .hero-description .ClassSpecificUl span {
        display: block;
    }
    #hero.prospect-b .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li, .bb_prospectb #hero .hero-description .ClassSpecificUl li {
        margin-bottom: 2%;
    }
    #hero.prospect-b .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li p, .bb_prospectb #hero .hero-description .ClassSpecificUl li p {
        font-weight: bold;
    }
    #hero .carousel-wrapper .why-bluebird-slide .bluebird-statement {
        width: 86% !important;
    }
}

#hero .why-bluebird-slide .slide-container .slide-description .bluebird-statement p {
    margin-bottom: 0;
}

#hero .why-bluebird-slide .slide-container .slide-description .bluebird-statement p:first-child {
    margin-bottom: 10px;
}

#hero.prospect-b .why-bluebird-slide .slide-description .bluebird-statement p {
    margin-bottom: 0 !important;
}

#hero.prospect-b .why-bluebird-slide .slide-description .bluebird-statement p:first-child {
    margin-bottom: 10px !important;
}

@media print, screen and (max-width: 767px) {
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li, .bb_prospectb #hero .hero-description .ClassSpecificUl li {
        width: 48% !important;
        margin-bottom: 0;
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl span, .bb_prospectb #hero .hero-description .ClassSpecificUl span {
        display: inline-block;
        margin-left: 0% !important;
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li p, .bb_prospectb #hero .hero-description .ClassSpecificUl li p {
        font-size: 11px !important;
        margin-bottom: 4px;
        line-height: 18px;
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li:last-child, .bb_prospectb #hero .hero-description .ClassSpecificUl li:last-child {
        width: 51% !important;
    }
    #using-funds .bluebird-feature header p, #adding-funds .bluebird-feature header p {
        font-size: 22px !important;
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .bluebird-statement div {
        margin-bottom: 10px;
        line-height: 16px;
    }
    #hero .carousel-wrapper .carousel-item.why-bluebird-slide .bluebird-statement div:first-child p:first-child {
        color: #004b8d !important;
        font-size: 12px !important;
        font-weight: bold !important;
        line-height: 10px !important;
        display: inline !important;
    }
    #hero .carousel-wrapper .carousel-item.why-bluebird-slide .bluebird-statement div:first-child p a {
        font-size: 12px !important;
        font-weight: bold !important;
        display: inline !important;
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .bluebird-statement div p, #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .bluebird-statement div a, #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .bluebird-statement div span {
        display: inline !important;
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .bluebird-statement div:last-child p {
        color: #4d4f36 !important;
        font-weight: normal;
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .bluebird-statement div span {
        font-size: 12px;
        font-weight: bold;
    }
}

@media print, screen and (min-width: 768px) {
    #hero.prospect-b .why-bluebird-slide {
        background-image: url(images/prospect-b-hero-large.jpg);
        background-position: -5% bottom;
    }
    #hero.prospect-b .slide-description, #hero.prospect-b .hero-description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2.1186440678%;
        width: 65.6779661017%;
        float: left;
        margin-left: 35%;
        padding-bottom: 20px;
    }
    #hero.prospect-b .registration-form, #hero.prospect-b .login-form {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 2%;
        width: 22%;
        float: right;
        padding-top: 46px;
    }
}

.promoted-content h2:before {
    display: inline-block;
    height: 12px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    bottom: auto;
    color: #007faa;
    content: "\e602";
    font-size: 12px;
    left: auto;
    right: 0;
    font-family: bluebird;
}

@media print, screen and (max-width: 767px) {
    #watch-bluebird .overlay-content header {
        margin-right: 0;
        width: 100%;
    }
    .prospect-b .carousel-wrapper {
        width: 100% !important;
    }
    .prospect-b .wrap {
        margin: 0 6.2%;
    }
    #hero.prospect-b .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li, .bb_prospectb #hero .hero-description .ClassSpecificUl li {
        width: 47% !important;
        margin-bottom: 0;
    }
    #hero.prospect-b .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li p, .bb_prospectb #hero .hero-description .ClassSpecificUl li p {
        font-size: 11px !important;
        margin-bottom: 7px;
        margin-top: 0px !important;
        line-height: 12px;
        font-weight: bold !important;
    }
    .bb_prospectb #hero .hero-description .ClassSpecificUl li p {
        line-height: 18px !important;
        position: relative;
        top: -2px;
    }
    #hero.prospect-b .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl span, .bb_prospectb #hero .hero-description .ClassSpecificUl span {
        display: inline-block;
        margin-left: -1% !important;
    }
}

#hero .why-bluebird-slide .slide-container {
    float: left;
    width: 64%
}

#hero .direct-deposit-slide .bluebird-statement p sup {
    font-size: 8px;
    top: -0.6em;
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .header_img {
        margin-top: 136px;
    }
    .why-bluebird-slide .slide-description-body .slide-cta-container ul li:first-child {
        border-right: 1px solid #e5e5e5;
        margin-right: 8px;
    }
    .hero_containerImg img {
        position: relative !important;
        top: 60px !important;
        left: -18% !important;
        width: 159% !important;
    }
    .promoted-content .content-block img {
        display: block;
        margin-left: 19% !important;
        margin-bottom: 3px !important;
    }
}

@media print, screen and (min-width: 768px) {
    .hero-main-content .hero-container .hero-description .hero-description-body .bluebird-statement p {
        margin-top: 15px;
    }
    .hero-main-content .hero-container .hero-description .hero-description-body p {
        font-weight: normal;
    }
    .hero-main-content .hero-container .hero-description .hero-description-body a {
        font-weight: bold;
        color: #009DDC;
    }
    #hero .why-bluebird-slide .header_img {
        float: right;
        width: 36%
    }
    #hero .slide-description, #hero .slide-description {
        width: 100% !important;
    }
    #hero .save-with-amex-slide .header_img {
        float: right;
        width: 1%;
        margin-right: 46%;
        margin-top: 2%;
    }
    #hero .save-with-amex-slide .slide-container {
        float: left;
        width: 53%;
        padding-left: 1%;
    }
    #hero .save-with-amex-slide .slide-description-body a {
        font-size: 14px;
    }
    #hero .save-with-amex-slide .slide-description header h2 {
        width: 115%;
    }
    #hero .direct-deposit-slide .header_img {
        float: right;
        width: 34.4%;
        margin-top: 3.2%;
    }
    #hero .direct-deposit-slide .header_img img {
        margin-left: -9%;
    }
    #hero .why-bluebird-slide .header_img {
        margin-top: 3.3%;
    }
    #hero .bluebird-in-action-slide .header_img img {
        margin-left: -10%;
        margin-top: 10%;
    }
    #hero .direct-deposit-slide .slide-container {
        float: left;
        width: 65%;
    }
    #hero .bluebird-in-action-slide .header_img {
        float: right;
        width: 35%
    }
    #hero .bluebird-in-action-slide .slide-container {
        float: left;
        width: 65%;
    }
    .mobile_carouselImg {
        display: none;
    }
}

@media print, screen and (max-width: 767px) {
    .errorPage #hero .hero-global .hero-bluebird-logo {
        margin-left: -15% !important;
    }
    .promoted_prospect .content-block .header_styles:before {
        display: block;
        position: absolute;
        content: "";
        display: inline-block;
        position: absolute;
        bottom: -25px;
        color: #007faa;
        content: "\e602";
        font-size: 17px;
        left: 0;
    }
    #hero .hero-global-login a.button {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        padding: 8px 12px 7px;
        text-decoration: none;
    }
    #hero .hero-global img {
        margin-top: 10px;
    }
    #hero .hero-global .hero-bluebird-logo {
        margin-top: -1%;
    }
    #hero .hero-global .container img {
        margin-left: 23%;
        width: 53%;
    }
    #watch-bluebird p {
        font-size: 15px;
    }
    .overlay .overlay-container .overlay-content header {
        margin-top: 10px;
    }
    .promoted-content .content-block a img {
        width: 40% !important;
        float: right !important;
        margin-top: -3% !important;
    }
    .promoted-content .content-block h2 {
        font-size: 17px;
    }
    .promoted-content .content-block a img {
        margin-bottom: 0 !important;
    }
    .promoted-content ul li:last-child a img {
        margin-top: -13% !important;
    }
    .promoted-content .container h2:before {
        display: none;
    }
    .promoted-content .container .content-block h2:before {
        display: inline-block;
        height: 12px;
        margin-top: 0px;
        position: absolute;
        top: 150%;
        bottom: auto;
        color: #007faa;
        content: "\e602";
        font-size: 17px;
        left: 0;
        font-family: bluebird;
    }
    .hero_containerImg {
        display: none;
    }
    #hero .why-bluebird-slide .header_img {
        display: none;
    }
    #hero .why-bluebird-slide .slide-container {
        width: 89%;
        margin: 0 6.2%;
    }
    #hero .why-bluebird-slide .bluebird-statement {
        margin-top: 4px;
    }
    #hero .why-bluebird-slide .mobile-visible {
        clear: both;
    }
    .bullet-item .mobile_carouselImg {
        float: right;
    }
    .bullets li:nth-child(2) .mobile_carouselImg img {
        margin-top: 1% !important;
    }
    .bullets li:nth-child(2) .mobile_carouselImg img {
        width: 32%;
        float: right;
        margin-top: -15px;
    }
    .bullets .bullet-item .mobile_carouselImg img {
        width: 48%;
        float: right;
        margin-top: -15px;
        margin-right: 10px;
    }
}

@media print, screen and (min-width: 1025px) {
    .why-bluebird-slide .slide-description-body .ClassSpecificUl, .bb_prospectb #hero .hero-description .ClassSpecificUl {
        width: 106%;
    }
    .bb_prospectb #hero .hero-description .ClassSpecificUl {
        width: 101% !important;
    }
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li p, .bb_prospectb #hero .hero-description .ClassSpecificUl li p {
        font-size: 12px !important;
    }
    .adding-funds-container .adding-funds-direct-deposit p a, .prospect-b .adding-funds-container .adding-funds-direct-deposit p a {
        display: block;
    }
    .adding-funds-container .adding-funds-direct-deposit p a span, .prospect-b .adding-funds-container .adding-funds-direct-deposit p a {
        color: #004b8d !important;
        font-size: 10px !important;
        margin-left: -3%;
    }
    .adding-funds-container .adding-funds-direct-deposit p a:before, .prospect-b .adding-funds-container .adding-funds-direct-deposit p a {
        height: 1px;
        position: absolute;
        width: 38%;
    }
    .hero-description-body a {
        font-weight: bold;
    }
}

.hero-description-body p {
    display: inline;
}

.hero_containerImg {
    width: 27%;
    float: left;
}

.hero_containerImg img {
    position: relative;
    top: 4px;
    left: 14%;
    width: 100%;
}

.promoted-content .content-block img {
    display: block;
    margin-left: 29%;
}

.promoted-content .content-block h2 {
    margin-bottom: 20px;
}

.promoted-content li:first-child img {
    margin-top: 10px;
}

.hero-description-body .bluebird-statement p {
    display: block;
}

.adding-funds-further-info p {
    display: inline;
}

.adding-funds-further-info a {
    font-size: 15px;
    font-weight: bold;
}

#hero .bluebird-in-action-slide .slide-description-body p {
    font-size: 16px;
}

.change:before {
    display: none !important;
}

li.change {
    margin-top: -9%;
}

li.change img {
    margin-bottom: 48px;
}

#hero #register a:before {
    bottom: 1px;
    width: 86%;
}

@media print, screen and (max-width: 767px) {
    .promoted_prospect a span {
        width: 100%;
    }
    .promoted_prospect li:last-child a span:nth-child(3) {
        margin-top: 8%;
    }
    .bb_customer .promoted_prospect li:last-child a span:nth-child(3) {
        margin-top: 1%;
    }
    .promoted_prospect .content-block .header_styles {
        margin-left: -20% !important;
        font-size: 17px !important;
        margin-top: 0 !important;
    }
    .hero_bkg_image {
        display: none;
    }
    #hero.prospect-b .hero-description .hero-description-body p {
        font-weight: normal;
    }
    #fee-chart .fee-chart-header {
        margin-top: -4%;
    }
    span.mobile_carouselImg:before {
        display: none !important;
    }
    .why-content {
        display: none;
    }
}

@media print, screen and (min-width: 768px) and (max-width:1024px) {
    #hero .save-with-amex-slide .header_img {
        float: right;
        width: 1%;
        position: relative;
        top: 15%;
        right: 51%;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
    .why-bluebird-slide .header_img img {
        margin-left: -12%;
        margin-top: 27%;
    }
    #hero .direct-deposit-slide .slide-description .slide-description-body {
        width: 90%;
    }
    #hero .direct-deposit-slide .header_img img {
        margin-left: -19%;
        margin-top: 28.2%;
    }
    #hero .bluebird-in-action-slide .slide-container {
        float: left;
        width: 50%;
    }
    #hero .bluebird-in-action-slide .header_img {
        float: right;
        width: 46%;
    }
    #hero .bluebird-in-action-slide .header_img img {
        margin-left: -10%;
        margin-top: -10%;
    }
}

.adding-funds-direct-deposit p a.tooltip:before {
    left: 75px\9\0;
}

.adding-funds-mobile-deposit p a:before {
    position: absolute;
    width: 89%;
}

#hero .hero_bkg_image {
    width: 18%;
    float: left;
    position: relative;
    left: -6%;
}

#hero .hero_bkg_image img {
    width: 148%;
    margin-top: 29%;
    position: relative;
    bottom: -4px;
}

@media print, screen and (min-width: 768px) {
    #hero.prospect-b .bluebird-statement {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: left;
    }
}

.why-contentData {
    position: absolute;
    right: auto;
    left: 722px !important;
    top: 373px;
    width: 250px;
    background-color: #F5F5F5;
    color: #455560;
    padding: 10px;
    border: 1px solid #C3C5C7;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 500;
}

.why-contentData:before {
    left: 248px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #C3C5C7;
    position: absolute;
    top: 19px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(2deg);
}

.why-contentData:after {
    left: 248px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #F5F5F5;
    position: absolute;
    top: 19px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(2deg);
}

.promoted_prospect {
    padding: 0 !important;
}

.promoted_prospect li a span {
    display: block;
}

.promoted_prospect .content-block img {
    display: block;
}

.promoted_prospect .content-block .header_styles {
    display: inline-block;
    float: none;
    font-size: 20px;
    margin: 0;
    padding-right: 30px;
    position: relative;
    width: auto;
    color: #004b8d;
    line-height: 1.1;
    font-weight: lighter;
    margin-bottom: 5px;
    margin-top: 15px;
}

/*.promoted_prospect .promoted-content .container{
min-height:373px;
}*/

.promoted_prospect h2:first-child:before {
    display: none;
}

@media print, screen and (min-width: 768px) and (max-width:1024px) {
    .promoted_prospect li:first-child a span:last-child:before {
        display: inline-block;
        position: absolute;
        top: 3px !important;
        color: #007faa;
        content: "\e602";
        font-size: 14px;
        left: 195px !important;
    }
    .promoted_prospect li:nth-child(2) a span:last-child:before {
        display: inline-block;
        position: absolute;
        top: 3px !important;
        color: #007faa;
        content: "\e602";
        font-size: 14px;
        left: 160px !important;
    }
    .promoted_prospect li:last-child a span:last-child:before {
        display: inline-block;
        position: absolute;
        top: 3px !important;
        color: #007faa;
        content: "\e602";
        font-size: 14px;
        left: 204px !important;
    }
    #hero.prospect-b .hero-container .hero-description {
        float: left;
        width: 63%;
        margin-left: 0;
    }
    #hero .hero_bkg_image {
        width: 18%;
        float: right;
        position: relative;
        left: -8%;
    }
    #hero .hero_bkg_image {
        width: 27%;
        float: right;
        position: relative;
        left: -13%;
    }
    #hero .hero_bkg_image img {
        width: 148%;
        margin-top: 104%;
        position: relative;
        bottom: -4px;
    }
    .promoted_prospect li:last-child.content-block img {
        width: 78%;
    }
    .promoted_prospect .content-block img {
        display: block;
        width: 65%;
    }
    .promoted_prospect .content-block .header_styles {
        font-size: 18px;
        margin-left: 7%;
    }
    .promoted_prospect li:last-child.content-block img {
        width: 78%;
    }
}

.promoted_prospect .content-block span:before {
    display: none;
}

.promoted_prospect li:first-child a span:last-child:before {
    display: inline-block;
    position: absolute;
    top: 5px;
    color: #007faa;
    content: "\e602";
    font-size: 14px;
    left: 216px;
}

.promoted_prospect li:nth-child(2) a span:last-child:before {
    display: inline-block;
    position: absolute;
    top: 5px;
    color: #007faa;
    content: "\e602";
    font-size: 14px;
    left: 181px;
}

.promoted_prospect li:last-child a span:last-child:before {
    display: inline-block;
    position: absolute;
    top: 5px;
    color: #007faa;
    content: "\e602";
    font-size: 14px;
    left: 222px;
}

.promoted_prospect a {
    display: block;
    height: 100% !important;
}

.tile h4+a, .pseudo-tile h4+a {
    height: 0;
    display: block;
    overflow: hidden;
}

#fee-chart .fee-chart-header h3 {
    font-size: 17px;
    margin-top: 15px;
    font-weight: normal;
    color: #fff;
}

#fee-chart .fee-chart-content h4 {
    font-size: 18px;
    padding-left: 20px;
    font-weight: normal;
}

#using-funds .bluebird-feature header h3, #adding-funds .bluebird-feature header h3, #money-management-tools .bluebird-feature header h3 {
    font-size: 36px;
    line-height: 1.1;
    color: #004b8d;
    font-weight: lighter;
}

#benefits .bluebird-feature header h3 {
    font-size: 36px;
    color: #fff;
    font-weight: lighter;
    line-height: 1.1;
}

#benefits .benefits-container h4 {
    font-family: 'Helvetica', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 1.1;
    font-weight: bold;
    color: #fff;
}

#adding-funds .adding-funds-container h4 {
    font-size: 16px;
    padding-bottom: 15px;
    padding-top: 15px;
    font-weight: bold;
}

#money-management-tools .money-management-tools-container h4 {
    font-size: 18px;
    color: #004b8d;
    font-weight: bold;
}

.photo-module h3 {
    color: #fff;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    font-size: 36px;
}

.photo-module h3 span {
    display: block;
    margin: 0 auto;
    max-width: 760px;
}

@media print, screen and (max-width: 767px) {
    .promoted-content li {
        padding-bottom: 10px;
    }
    .bb_prospectb .promoted-content li {
        padding-bottom: 23px;
    }
    .promoted-content li:nth-child(2) {
        padding-bottom: 28px;
    }
    #hero .hero-global {
        zoom: 1;
        padding-top: 12px;
        border-bottom: 5px solid #002865;
    }
    .hero-container .hero-description h1 {
        font-size: 28px !important;
    }
    #fee-chart .fee-chart-header h3 {
        font-size: 14px;
        font-weight: normal;
        margin-top: 6px;
        color: #fff;
    }
    #adding-funds .adding-funds-container h4 {
        padding-bottom: 15px;
        padding-top: 15px;
        font-size: 14px;
        font-weight: bold;
    }
    #using-funds .bluebird-feature header h3, #adding-funds .bluebird-feature header h3, #money-management-tools .bluebird-feature header h3 {
        font-size: 22px !important;
        line-height: 1.1 !important;
        color: #004b8d !important;
        font-weight: lighter;
    }
    #benefits .bluebird-feature header h3 {
        font-size: 22px !important;
        line-height: 1.1 !important;
        color: #fff !important;
        font-weight: lighter;
    }
    #benefits .benefits-container h4 {
        font-family: 'Helvetica', sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: 16px;
        line-height: 1.1;
        font-weight: bold;
        color: #fff;
    }
    #money-management-tools .money-management-tools-container h4 {
        color: #8dc63f;
        font-size: 17px;
        font-weight: bold;
    }
}

@media print, screen and (min-width: 768px) and (max-width:1024px) {
    .promoted_prospect li:first-child.content-block2 img {
        display: block;
        width: 54%;
    }
    /*.promoted_prospect .promoted-content .container{
min-height:300px;
}*/
    li:first-child.content-blocks-3 span:nth-child(2) img {
        width: 62% !important;
    }
    li.content-blocks-3 span:nth-child(2) img {
        width: 68% !important;
    }
    #hero.customer .hero-container .hero-description {
        width: 55.20339%;
        margin-right: 0% !important;
    }
    .imageSliderSection {
        float: left;
        width: 40% !important;
    }
    .imageSliderSection img {
        width: 100% !important;
        margin-top: 29% !important;
        margin-left: 0% !important;
    }
    #adding-funds .adding-funds-container h4 {
        font-size: 14px;
    }
    #adding-funds .adding-funds-container h4 {
        font-size: 17px;
        font-weight: bold;
    }
    #money-management-tools .money-management-tools-container h4 {
        color: #8dc63f;
        font-size: 17px;
        font-weight: bold;
    }
}

.imageSliderSection {
    float: left;
    width: 30%;
}

.imageSliderSection img {
    width: 84%;
    margin-left: 7%;
    position: relative;
    bottom: -4px;
}

.promoted-content h2:before {
    display: none;
}

.promoted-content h3 {
    display: inline-block;
    float: none;
    font-size: 20px;
    margin: 0;
    padding-right: 30px;
    position: relative;
    width: auto;
    color: #004b8d;
    line-height: 1.1;
    font-weight: lighter;
    margin-top: 15px;
}

.promoted-content h3:before {
    display: inline-block;
    height: 12px;
    margin-top: -6px;
    position: absolute;
    top: 55%;
    bottom: auto;
    color: #007faa;
    content: "\e602";
    font-size: 12px;
    left: 91%;
    right: auto;
    font-family: bluebird;
}

@media print, screen and (min-width: 768px) {
    .hero-container .hero-description h1 {
        font-size: 35px !important;
    }
}

.footer .partnerships-img-container a:first-child {
    float: left;
    margin-right: 67.5px;
}

.customer .login-bar {
    background: none;
    padding: 0 0;
}

.promoted-content .content-block a {
    display: block;
    height: 100%;
}

.promoted-content .content-block .promoted_customer {
    display: block;
}

li:first-child.content-blocks-3 span:nth-child(2) img {
    width: 46% !important;
}

li.content-blocks-3 span:nth-child(2) img {
    width: 50% !important;
}

@media print, screen and (max-width: 767px) {
    .promoted_prospect .content-blocks-2 .header_styles {
        margin-left: -28% !important;
    }
    .bb_customer .promoted_prospect .content-blocks-2 .header_styles {
        margin-left: -19% !important;
    }
}

@media print, screen and (max-width: 1024px) and (min-width: 768px) {
    .promoted-content li:first-child.content-blocks-2 .mobile-hidden img {
        width: 53% !important;
    }
}

.bb_prospectb .why-content {
    position: absolute;
    top: 373px;
    width: 250px;
    background-color: #F5F5F5;
    color: #455560;
    padding: 10px;
    border: 1px solid #C3C5C7;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 500;
}

.bb_prospectb .why-content:after {
    left: auto !important;
    right: -9px !important;
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #F5F5F5;
    position: absolute;
    top: 15px;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.bb_prospectb .why-content:before {
    left: auto !important;
    right: -9px !important;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #C3C5C7;
    position: absolute;
    top: 15px;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

@media print, screen and (max-width: 767px) {
    #hero .bluebird-statement p {
        font-weight: normal;
    }
}

@media print, screen and (max-width: 767px) {
    .bb_customer .promoted-content li {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 1242px) and (min-width: 1025px) {
    .bb_prospectb #hero.prospect-b .hero-container .hero-description {
        margin-left: 7% !important;
    }
    .bb_prospectb #hero .hero_bkg_image {
        width: 22% !important;
        float: left;
        position: relative;
        left: -8%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .bb_prospectb #hero .hero_bkg_image {
        width: 21% !important;
        float: left !important;
        left: 0 !important;
    }
    .bb_prospectb #hero .hero_bkg_image img {
        width: 150% !important;
        margin-top: 145% !important;
        position: relative !important;
        bottom: -3px !important;
    }
    .bb_prospectb #hero.prospect-b .hero-container .hero-description {
        float: left !important;
        width: 61% !important;
    }
    .bb_prospectb #hero.prospect-b .hero-container .hero-description {
        margin-left: 15.118644% !important;
    }
}

@media screen and (max-width: 1242px) and (min-width: 1025px) {
    .bb_customer .imageSliderSection {
        width: 39% !important;
    }
    .bb_customer .imageSliderSection img {
        bottom: -7px !important;
    }
}

.customer_hero_slides--list li:first-child .slides_image {
    width: 25.7%;
    float: left;
    position: relative;
    margin-left: 6%;
    bottom: -3.5px;
}

.customer_hero_slides--list li:last-child .slides_image {
    margin-left: -11% !important;
}

.slides_image {
    width: 45%;
    margin-left: -8%;
    position: relative;
    bottom: -3.5px;
    float: left;
}

.slides_image img {
    width: 100%;
}

@media print, screen and (min-width: 768px) and (max-width:1024px) {
    .customer_hero_slides--list li:first-child .slides_image {
        width: 42%;
        float: left;
        position: relative;
        margin-left: 0%;
        bottom: -25px;
        margin-top: 6%;
    }
    .slides_image {
        width: 53%;
        margin-left: 0%;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .customer_slidesPage .hero-customer_insights .slides_image {
        bottom: -5px;
    }
    .customer_slidesPage .hero-customer_family_accounts .hero-description {
        width: 57% !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 0) {
    .customer_slidesPage .hero-header-logo {
        width: 50%;
        float: left;
    }
    .customer_slidesPage .hero-header-logo img {
        width: 100%;
    }
    .customer_slidesPage #hero.customer .hero-container .mobile-hero-img {
        height: 90%;
        clear: both;
        width: 90%;
        margin: 0 auto;
    }
    .customer_slidesPage #hero.customer .hero-container .mobile-hero-img img {
        width: 96%;
        margin-top: 8%;
        margin-left: 0%;
        bottom: -4px;
        position: relative;
    }
    .customer_slidesPage #hero.customer .hero-container.hero-customer_billpay .mobile-hero-img img {
        margin-top: 0% !important;
    }
    .customer_slidesPage #hero.customer .hero-container:first-child .mobile-hero-img img {
        width: 36%;
        margin-top: 8%;
        margin-left: 31%;
        bottom: -4px;
        position: relative;
    }
}

@media print, screen and (min-width: 1025px) {
    .customer_slidesPage .hero-customer_family_accounts .hero-description {
        width: 33% !important;
    }
}

.errorPage .hero-bluebird-logo img {
    width: 90%;
}

@media print, screen and (max-width: 767px) {
    #hero.error .hero-global {
        border-bottom: none !important;
    }
    .errorPage .hero-global .container a:first-child {
        width: 50% !important;
        float: left !important;
    }
    .errorPage .hero-bluebird-logo {
        width: 100% !important;
        margin-top: 0% !important;
    }
    .errorPage .hero-bluebird-logo img {
        margin-top: -1% !important;
        margin-left: -1% !important;
        width: 80% !important;
    }
    .errorPage #hero .hero-global-login a.button {
        padding: 11px 18px 9px !important;
        width: 100% !important;
    }
}

#direct-deposit .overlay-content, #watch-bluebird .overlay-content, #spending-made-simple .overlay-content {
    width: 100%;
}

#direct-deposit .overlay_data, #watch-bluebird .overlay_data, #spending-made-simple .overlay_data {
    width: 78%;
    float: left;
}

#direct-deposit .overlay-body, #watch-bluebird .overlay-body, #spending-made-simple .overlay-body {
    float: left;
    width: 100%;
}

#direct-deposit .overlay-img, #watch-bluebird .overlay-img, #spending-made-simple .overlay-img {
    float: left;
    width: 20%;
}

#direct-deposit .overlay-img img, #watch-bluebird .overlay-img img, #spending-made-simple .overlay-img img {
    width: 166%;
    margin-left: -40%;
}

#direct-deposit .overlay-img img {
    width: 161%;
    margin-left: -40%;
}

#direct-deposit.overlay header, #watch-bluebird.overlay header, #spending-made-simple .overlay header {
    width: 100%;
}

#spending-made-simple .overlay-body {
    float: left;
    width: 58%;
}

#spending-made-simple .overlay-img img {
    width: 166%;
    margin-left: -67%;
}

@media print, screen and (max-width: 767px) {
    #direct-deposit .overlay_data, #watch-bluebird .overlay_data, #spending-made-simple .overlay_data {
        width: 100%;
    }
    #spending-made-simple .overlay-body {
        width: 99% !important;
    }
    #amex-offers .overlay-body {
        margin-right: 0% !important;
        width: 102% !important;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .carousel-wrapper .why-bluebird-slide .slide-description-body .ClassSpecificUl li p, .bb_prospectb #hero .hero-description .ClassSpecificUl li p {
        margin-top: 0% !important;
        line-height: 12px !important;
        font-weight: bold !important;
    }
}

.content-block span.header_styles.mobile-visible {
    z-index: 1000;
}

.adding-funds-container .adding-funds-direct-deposit p a span {
    margin-left: -3%;
}

.customer_hero_slides--item .hero-description {
    z-index: 1000;
    position: relative;
}

#amex-offers .overlay-body p span {
    display: inline-block;
    padding-left: 2%;
}

.bb_prospecta #amex-offers .overlay-body p span {
    display: inline-block;
    padding-left: 1%;
}

@media screen and (min-width: 0) and (max-width: 400px) {
    #atm-locator .overlay-body p {
        width: 97%;
    }
}

@media screen and (min-width: 401px) and (max-width: 767px) {
    #atm-locator .overlay-body p {
        width: 88%;
    }
}

.walmart-horizontal {
    float: right;
}

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
    .bb_prospecta #amex-offers .overlay-body p span {
        display: inline-block;
        padding-left: 0%;
    }
}

@media screen and (min-width: 0) and (max-width: 350px) {
    #hero.customer .hero-container.hero-direct_deposit .hero-description {
        width: 83%;
    }
}

@media screen and (min-width: 351px) and (max-width: 380px) {
    #hero.customer .hero-container.hero-direct_deposit .hero-description {
        width: 89%;
    }
}

@media screen and (min-width: 381px) and (max-width: 400px) {
    #hero.customer .hero-container.hero-direct_deposit .hero-description {
        width: 87%;
    }
}

@media screen and (min-width: 401px) and (max-width: 767px) {
    #hero.customer .hero-container.hero-direct_deposit .hero-description {
        width: 81%;
    }
}

@media screen and (min-width: 0px) and (max-width: 400px) {
    #atm-locator .overlay-body p {
        width: 99%;
    }
}

@media screen and (min-width: 401px) and (max-width: 767px) {
    #atm-locator .overlay-body p {
        width: 100%;
    }
}

@media screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
    .customer_slidesPage #hero .customer_hero_slides--list .hero-description {
        width: 92%;
    }
}

@media screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
    #atm-locator .overlay-body p {
        width: 93% !important;
    }
}

@media only screen and (min-device-width: 0px) and (max-device-width: 767px) and (orientation: landscape) {
    .promoted_prospect .content-block .header_styles.mobile-visible {
        margin: 0 !important;
        float: left;
    }
    .promoted_prospect li:nth-child(2).content-block .header_styles {
        margin-left: 0 !important;
    }
    .bb_customer .promoted_prospect li:nth-child(2).content-block .header_styles {
        margin-left: 0 !important;
    }
    .bb_prospectb .promoted_prospect .promoted-content li.content-block:first-child, .bb_customer .promoted_prospect .promoted-content li.content-block:first-child {
        height: 200px;
    }
    .bb_prospectb .promoted_prospect .promoted-content li.content-block:first-child img, .bb_customer .promoted_prospect .promoted-content li.content-block:first-child img {
        height: 157px;
    }
    .bb_prospectb .promoted_prospect .promoted-content li.content-block:nth-child(2), .bb_customer .promoted_prospect .promoted-content li.content-block:nth-child(2) {
        height: 244px;
    }
    .bb_prospectb .promoted_prospect .promoted-content li.content-block:nth-child(2) img {
        height: 200px;
    }
    .bb_prospectb .promoted_prospect .promoted-content li.content-block:nth-child(3) {
        height: 224px;
    }
    .bb_prospectb .promoted_prospect .promoted-content li.content-block:nth-child(3) img {
        height: 157px;
    }
    .bb_customer .promoted_prospect .promoted-content li.content-block:nth-child(2) img {
        height: 219px;
        margin-top: -8% !important;
    }
    .bb_customer .promoted-content ul li:last-child a img {
        margin-top: -8% !important;
    }
}

@media screen and (min-width: 360px) and (max-width:385px) {
    .customer_slidesPage .customer_hero_slides--list .customer_hero_slides--item .hero-description header h2 {
        font-size: 34px !important;
    }
    .customer_slidesPage .customer_hero_slides--list .customer_hero_slides--item.hero-customer_family_accounts .hero-description header h2 {
        font-size: 31px !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 0) {
    .bb_customer #hero .hero-global .hero-bluebird-logo {
        height: 61px;
        width: 143px;
        margin-top: -4% !important;
    }
    .bb_customer #hero .hero-global .hero-global-login {
        margin-right: -4%;
        margin-top: 6px;
    }
    .bb_customer #hero .hero-global-login a.button {
        color: #fff;
        display: inline-block;
        font-size: 15px;
        padding: 8px 17px 8px;
    }
}

@media print, screen and (min-width: 1025px) {
    .fee-table table:first-child tr {
        line-height: 30px;
    }
    .fee-table table tr:not(:first-child) table tr td:last-child {
        position: relative;
        left: -21px;
    }
    .fee-table table table tr {
        border-top: none !important;
    }
    #fee-chart .fee-table-header .fee-column-header-2 {
        width: 54%;
        margin-left: -8.2%;
    }
}

.fee-table table h4 {
    display: none;
}

.fee-table table h3 {
    margin-left: 18px;
}

#fee-chart .fee-table-header .fee-column-header-2 {
    width: 49%;
}

#fee-chart .fee-table-header .fee-column-header-1 {
    padding-left: 20px;
    width: 47%;
}

.fee-table table tbody tr table tr td:nth-child(2) {
    display: block;
    position: relative;
    left: 3%;
}

.fee-table table tbody tr table tr td:nth-child(3) {
    text-align: right;
}

.fee-table table tbody table {
    border-bottom: 1px solid #ccc;
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
}

.fee-table table tbody tr:nth-child(2) table:first-child {
    top: 14px !important;
    margin-top: 0 !important;
}

.fee-table table tbody table tr:first-child td:first-child {
    width: 38%;
}

.fee-table table tbody tr tbody tr td {
    color: #4d4f36;
    font-size: 13px;
}

.fee-table tbody tbody tr:last-child td:last-child {
    line-height: 35px;
}

.fee-table table:first-child tbody tr:nth-child(4) td table:first-child {
    margin-top: 23px;
}

.fee-table td:nth-child(2) {
    width: 82%;
    width: 53%\9;
    width: 53%\0;
}

.fee-table table:first-child tbody tr:nth-child(6) td table:first-child tr:nth-child(2) td:nth-child(2) {
    line-height: 15px;
    margin-bottom: 15px;
}

@media print, screen and (min-width: 768px) and (max-width:1024px) {
    #fee-chart .fee-table-header .fee-column-header-2 {
        width: 41%;
    }
    .fee-table table tbody table tr:first-child td:first-child {
        width: 46%;
    }
    .fee-table table tbody tr table tr td:nth-child(3) {
        text-align: right;
        position: relative;
        left: -4%;
    }
    .fee-table table tbody tr tbody tr td {
        color: #4d4f36;
        font-size: 13px;
        margin-bottom: 12px;
    }
}

@media print, screen and (max-width: 767px) {
    .fee-table table h4 {
        display: block;
        margin-top: 20px;
        margin-left: 6px;
    }
    .fee-table table tbody tr:first-child td h4 {
        margin-left: 0;
    }
    .fee-table table tbody tr:nth-child(3) td h4 {
        margin-top: 31px;
        margin-bottom: -12px;
    }
    .fee-table table h3 {
        display: none;
    }
    .fee-table table tbody table tbody tr td:first-child {
        display: none;
    }
    .fee-table table tbody table tbody td {
        line-height: 24px;
    }
    .fee-table table tbody tr table tr td:nth-child(2) {
        display: block;
        position: relative;
        left: 10%;
    }
    .fee-table table tbody tr table tr td:nth-child(3) {
        text-align: right;
        position: relative;
        left: -5%;
    }
    .fee-table table:first-child tbody tr:nth-child(6) td table:first-child tr:nth-child(2) td:nth-child(2) {
        line-height: 15px;
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .fee-table table:first-child tbody tr:nth-child(4) td table:first-child tr:nth-child(2) td:nth-child(2) {
        line-height: 15px;
        margin-bottom: 15px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) and (min-width: 0) {
    #hero .hero-global .hero-global-login {
        margin-right: -5%;
        margin-top: 12px;
    }
    .hero-global-login a.btn {
        padding: 8px 12px 7px;
        font-size: 12px;
    }
    #hero .hero-global .container .main-logo img {
        width: 40%;
        margin-left: -4%;
        margin-top: 0%;
    }
    .button-overlay-container a {
        padding: 10px 18px 9px;
    }
    .errorPage #hero .hero-global .container img {
        width: 85%;
        margin-top: 1%;
    }
}

.money-management-item a.tooltip:before {
    bottom: 1px;
}

.money-management-item-2 .money-management-action {
    width: 99%;
}

.money-management-action {
    cursor: pointer;
}

.partnerships-img-container {
    padding-top: 25px !important;
}

.footer .partnerships-img-container .walmart-horizontal {
    top: 57%;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .mobile-hidden .consumer-reports .consumer-reports-wrapper .consumer-reports-content {
        margin-top: 2%;
    }
}

@media print, screen and (min-width: 768px) {
    #hero.prospect-b .registration-form, #hero.prospect-b .login-form {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 1.7%;
        margin-left: 0% !important;
        width: 22%;
        float: right;
        padding-top: 46px;
    }
}

@media print, screen and (min-width: 1025px) {
    .hero-main-content {
        margin-top: 4px !important;
    }
    .consumer-reports-content h3 {
        margin-left: 20px;
    }
}

#amex-offers .overlay-body p span {
    display: inline-block;
    padding-left: 1%;
}

@media print, screen and (max-width: 767px) {
    .adding-funds-further-info a.right-caret:before {
        top: 81%;
    }
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools .money-management-tools-container .money-management-item .money-management-button {
        max-width: 400px;
        padding: 30px 0 18px 0;
    }
}

@media print, screen and (max-width: 767px) {
    .bb_customer #hero .hero-global .container .main-logo img {
        width: 51%;
        margin-top: -1%;
        margin-bottom: 7%;
    }
    .bb_customer .hero-global-login a.btn {
        font-size: 15px;
        padding: 8px 17px 8px;
    }
}

@media screen and (max-width: 767px) and (min-width: 0) {
    .customer_slidesPage .hero-header-logo img {
        width: 92.2% !important;
    }
}

@media print, screen and (max-width: 1024px) and (min-width: 768px) {
    .customer_slidesPage .hero-customer_insights .slides_image {
        bottom: -3px !important;
    }
}

@media print, screen and (max-width: 767px) {
    .errorPage #hero .hero-global-login a.btn {
        padding: 11px 18px 9px !important;
        width: 100% !important;
        margin-right: 1%;
        margin-top: -7%;
    }
}

@media print, screen and (max-width: 1024px) and (min-width: 768px) {
    .bb_customer #spending-made-simple .overlay_data {
        width: 50% !important;
    }
    .bb_customer #spending-made-simple .overlay-body {
        width: 100% !important;
    }
    .bb_customer #spending-made-simple .overlay-img {
        float: left;
        width: 50%;
    }
    .bb_customer #spending-made-simple .overlay-img img {
        width: 100%;
        height: 100%;
        margin-left: 44%;
    }
}

@media print, screen and (min-width: 1025px) {
    #money-management-tools .money-management-tools-container .money-management-item._active .money-management-button:before {
        top: 50.5% !important;
    }
}

@media print, screen and (min-width: 768px) {
    #spending-made-simple .overlay-body img {
        display: none;
    }
}

@media print, screen and (min-width: 1025px) {
    li.change img {
        margin-bottom: 13%;
    }
}

@media print, screen and (max-width: 767px) {
    li.change img {
        margin-bottom: 4%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    li.change img {
        margin-bottom: -2%;
    }
}

@media screen and (min-width: 1025px) {
    .ATMCashAccess table tr:last-child td:last-child strong {
        display: block;
        position: relative;
        top: -12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .ATMCashAccess table tr:last-child td:last-child strong {
        display: block;
        position: relative;
        top: -14px;
    }
}

@media screen and (max-width: 767px) {
    .ATMCashAccess table tr:last-child td:last-child strong {
        display: block;
        position: relative;
        top: -15px;
    }
    .CostofSetUp table tr:last-child td:last-child strong {
        position: relative;
        top: -5px;
    }
}

/*@media screen and (max-width: 767px){
.tile .benefits-wrapper, .pseudo-tile .benefits-wrapper{
    padding: 20px 15px 0;
}
li.change img {
    margin-bottom: 2%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.benefits-wrapper{
margin-top:-8%;
}
li.change img {
    margin-bottom: 4%;
}
}
@media screen and (min-width: 1025px){
.tile .tile-front{
padding-top:20px !important;
}
.roadside-assistance{
clear:both;
}
li.change img {
    margin-bottom: 18% !important;
}
}*/

@media screen and (min-width: 1025px) {
    #money-management-tools .money-management-tools-container .money-management-item h4 {
        color: #8dc63f;
    }
    #money-management-tools .money-management-tools-container .money-management-item._active h4 {
        color: #004b8d;
    }
}

@media screen and (max-width: 767px) and (min-width: 0) {
    .scroll-down-icon-container {
        bottom: -10px !important;
    }
    .scroll-down-icon-container img {
        display: block;
        margin: 0 auto !important;
        width: 21%;
    }
}

@media screen and (min-width: 371px) and (max-width: 767px) {
    .ATMCashAccess table tr:last-child td:last-child strong {
        display: block;
        position: relative;
        top: -9px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 370px) {
    .ATMCashAccess table tr:last-child td:last-child strong {
        display: block;
        position: relative;
        top: -15px !important;
    }
}

@media print, screen and (min-width: 1025px) {
    .ATMCashAccess table tr:last-child td:last-child {
        position: relative;
        top: 0px;
        vertical-align: baseline;
    }
    .ATMCashAccess table tr:last-child td:last-child strong {
        top: 0 !important;
    }
}

@media print, screen and (min-width: 1025px) {
    .ATMCashAccess table tbody tr:nth-child(2) {
        margin-top: 21px;
    }
}

/*.change img{
height:40px;
}*/

/*.tile img{
    height:40px;
}*/

@media print, screen and (min-width: 1025px) {
    li.change img {
        margin-bottom: 16%;
    }
}

.adding-funds-direct-deposit.change img {
    width: 44%;
    margin-top: -8%;
}

.adding-funds-walmart.change img {
    width: 26%;
    margin-bottom: 10%;
}

.tile.changeImg .benefits-wrapper:before {
    display: none
}

.tile.changeImg .benefits-wrapper .tile-back {
    margin-top: -19%;
}

.tile.changeImg .tile-front {
    padding-top: 20px
}

.tile.changeImg {
    margin-bottom: 0;
}

.adding-funds-mobile-deposit.change img {
    width: 35%;
    margin-top: -7%;
    margin-bottom: 8%;
}

.adding-funds-direct-deposit.change img {
    width: 44%;
    margin-top: -8%;
    margin-bottom: -1%;
}

.adding-funds-bank-transfers.change img {
    margin-top: 1%;
    width: 24%;
    margin-bottom: 11%;
}

.tile.changeImg img {
    width: 27%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .adding-funds-direct-deposit.change img {
        width: 35%;
        margin-top: -8%;
        margin-bottom: 3%;
    }
    .adding-funds-walmart.change img {
        width: 21%;
        margin-bottom: 10%;
    }
    .adding-funds-bank-transfers.change img {
        margin-top: 1%;
        width: 19%;
        margin-bottom: 7%;
    }
    .adding-funds-mobile-deposit.change img {
        width: 28%;
        margin-top: -7%;
        margin-bottom: 6%;
    }
}

.pseudo-tile.membership-benefits-wrapper .benefits-wrapper {
    padding-top: 36%;
}

@media screen and (max-width: 767px) {
    .tile.changeImg .benefits-wrapper {
        padding-top: 0px;
    }
    .tile.changeImg .tile-front {
        padding-bottom: 50px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tile.changeImg img {
        width: 8%;
    }
    .tile.changeImg {
        margin-bottom: 0;
    }
    .tile.changeImg .tile-front {
        padding-top: 20px;
        margin-top: -14%;
    }
    .tile.changeImg .benefits-wrapper .tile-back {
        margin-top: 0;
    }
    .pseudo-tile.membership-benefits-wrapper .benefits-wrapper {
        padding-top: 0;
    }
}

.tile.changeImg img {
    cursor: pointer;
}

@media screen and (min-width: 1330px) {
    #direct-deposit.overlay .overlay-content h2 {
        padding-top: 4px;
    }
}

.footer .footer-nav a {
    font-size: 15px;
}

.right-caret:before {
    top: 54%;
    margin-top: -0.27em;
}

.footer .legal-links a {
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .AddFunds table tbody tr:nth-child(2) td:nth-child(2) {
        height: 17px;
    }
}

@media print, screen and (max-width: 350px) {
    .fee-table table:first-child tbody tr:nth-child(4) td table:first-child tr:nth-child(2) td:nth-child(2) {
        margin-top: 3px;
        margin-bottom: 9px;
        padding-bottom: 0;
        height: 23px;
    }
}

@media screen and (min-width: 351px) and (max-width: 767px) {
    .fee-table table:first-child tbody tr:nth-child(4) td table:first-child tr:nth-child(2) td:nth-child(2) {
        margin-top: 3px;
        margin-bottom: 0px;
        height: 15px;
        padding-bottom: 0;
    }
}

@media print, screen and (max-width: 767px) {
    .fee-table table:first-child tbody tr:nth-child(6) td table:first-child tr:nth-child(2) td:nth-child(2) {
        margin-top: 0;
    }
}

.adding-funds-mobile-deposit .tooltip.tooltipstered:before {
    bottom: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .adding-funds-direct-deposit p a.tooltip::before {
        left: 77px;
    }
}

/*@media print, screen and (min-width: 768px){
.adding-funds-mobile-deposit.change p{
margin-top:7px;
}
}*/

@media print, screen and (min-width: 768px) and (max-width:1024px) {
    #hero .slide-cta-container a.video-link {
        padding-left: 28px;
    }
    .bb_prospectb #watch-bluebird.overlay .overlay-body {
        width: 100%;
    }
    .bb_prospectb #watch-bluebird.overlay .overlay-body li {
        display: inline-block;
        width: 47%;
    }
    #hero .slide-cta-container a.bluebird-fee-link {
        margin-left: 9px !important;
    }
    .why-bluebird-slide .slide-description-body .slide-cta-container ul li {
        width: 50% !important;
    }
    .why-bluebird-slide .slide-description-body .slide-cta-container ul li:first-child {
        margin-right: 0px !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    #hero.prospect-b .hero-container .hero-cta-container a.bluebird-works-link {
        margin-right: 2% !important;
    }
    #hero .why-bluebird-slide .slide-description-body .slide-cta-container a.video-link {
        border-right: none !important;
    }
    #hero .why-bluebird-slide .slide-description {
        width: 101% !important;
    }
    #hero .why-bluebird-slide .slide-description-body .slide-cta-container a.bluebird-fee-link {
        padding-left: 22px !important;
        margin-left: 6px !important;
    }
    #hero .why-bluebird-slide .slide-description-body .slide-cta-container li:nth-child(2) {
        width: auto !important;
        display: inline !important;
    }
    #hero .why-bluebird-slide .slide-description-body .slide-cta-container li:first-child {
        width: auto !important;
        display: inline !important;
    }
}

.pseudo-tile.membership-benefits-wrapper .benefits-wrapper {
    padding-top: 35.5%;
}

#header6 table tr:not(:first-child) td {
    margin-left: 4%;
}

#header6 table tr:not(:first-child) td:nth-child(2) {
    width: 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 350dpi) {
    .pseudo-tile.membership-benefits-wrapper .benefits-wrapper {
        padding-top: 0 !important;
    }
    .bb_prospectb #hero .hero-cta-container a {
        padding: 10px 0px 10px 0;
    }
    #hero.prospect-b .hero-container .hero-cta-container a.bluebird-works-link {
        margin-right: 10px !important;
        padding-left: 28px;
        padding-right: 10px;
    }
    #hero.prospect-b .hero-cta-container a.bluebird-fee-link {
        padding-left: 22px;
    }
}

@media print, screen and (max-width: 767px) {
    #header6 table tr:last-child td:last-child {
        position: relative;
        top: -12px;
    }
    #header6 table tr:not(:first-child) td:nth-child(2) {
        width: 67%;
    }
}

@media print, screen and (max-width: 750px) {
    .pseudo-tile .membership-benefits .benefits-wrapper h4 {
        position: relative;
        top: 69px;
        padding-bottom: 69px;
    }
}

@media print, screen and (max-width: 767px) {
    .bullets .bullet-item .mobile_carouselImg img {
        margin-top: -4px;
    }
    .overlay .overlay-img img {
        width: 200px;
        height: 200px;
    }
}

.carousel-nav ul.slides-5 li {
    width: 20%;
}

.carousel-nav ul.slides-4 li {
    width: 25%;
}

.carousel-nav ul.slides-3 li {
    width: 33.33333%;
}

.carousel-nav ul.slides-2 li {
    width: 50%;
}

/* Added by Sahit */

.nav-custom li {
    display: inline-block;
}

.btn {
    border-radius: 20px !important;
    color: #fff !important;
    display: inline-block !important;
    font-size: 14px !important;
    padding: 8px 18px 8px !important;
    text-decoration: none !important;
}

a.login-bar-link {
    text-decoration: none;
    font-size: 16px;
}

.navbar-default {
    border-bottom: none !important;
}

.nav-head-cust {
    width: 100%;
    padding: 7px 0;
    background-color: #fff;
}

.nav-head-cust .rowCustom {
    margin-left: 0px;
    margin-right: 0px;
}

.nav li a.btn-green:hover {
    background-color: #8dc63f;
    color: #ffffff;
}

.btn {
    border: none !important;
}

a.btn-blue {
    padding: 5px 12px !important;
}

.nav li a.btn-blue:hover {
    background-color: #009ddc;
    color: #ffffff;
}

.nav-head-cust .navbar-toggle {
    padding-top: 0px;
    padding-left: 0px;
    margin-right: 10px;
    border: none;
    background-color: transparent;
}

.links-sec>li>a:hover {
    color: #337ab7 !important;
    background: none;
}

#hero .login-bar-link:before {
    font-size: 16px !important;
    top: 56%;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff !important;
}

.collapse-cust ul>li>a:hover {
    color: #ffffff;
}

.mobile-links a.btn, .mobile-btns a.btn {
    font-size: 14px !important;
    padding: 8px 12px 7px !important;
}

@media (max-width:767px) {
    a.main-logo {
        float: left;
    }
    .links-5.btns-1 ul.nav.nav-custom.mobile-btns {
        display: block;
        float: right;
        clear: right;
        width: 97%;
        margin: 0 3%;
    }
    .links-5.btns-1 ul.nav.nav-custom.mobile-btns>li {
        margin: 0;
    }
    body.errorPage .mobile-header a.main-logo {
        float: left;
    }
    .collapse-cust {
        background-color: #0061b1;
    }
    a.main-logo .responsive-image {
        width: 100% !important;
    }
    .collapse-cust .nav>li {
        border-top: 1px solid #ffffff;
        padding: 6px;
    }
    .collapse-cust .nav>li:first-child {
        border-top: none;
    }
    a.main-logo .responsive-image {
        background-size: 100% auto;
        padding-bottom: 0;
        margin-left: 5px;
    }
    a.btn {
        font-size: 12px;
        margin: 2%;
        border-radius: 0.5em;
    }
    .nav .nav-custom {
        margin-top: 10px;
    }
    #hero .hero-global img {
        margin-top: 67px;
    }
    .navbar-fixed-top-mobile {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
        top: 0;
        border-width: 0 0 1px;
    }
    .links-1 .mobile-links {
        float: right;
    }
    .mobile-links {
        display: inline-block;
        float: left;
    }
    .mobile-btns {
        display: block;
        clear: both;
    }
    .links-1.btns-1 .nav.nav-custom.mobile-btns {
        display: block;
        float: none;
    }
    .nav.nav-custom.mobile-btns > li {
        margin: 0 2% 0 1%;
        width: 46%;
        float: left;
    }

     .nav.nav-custom.mobile-btns > li a{
        float: left;
        width: 99%;
     }

    .nav.nav-custom.mobile-btns > li:first-child {
         width: 41%;
         margin: 0 2%;
    }

    .nav.nav-custom.mobile-btns > li.mobile-or {
        width: auto;
        margin: 12px auto !important;
        text-align: center;
    }

    .mobile-links li a {
        font-family: Helvetica, Arial, sans-serif;
        color: #007faa;
        font-size: 16px;
    }
    ul.mobile-btns li a {
        width: 100%;
    }
    .collapse-cust li a {
        color: #fff;
        display: block;
        font-size: 20px;
        line-height: 140%;
        padding: 10px;
        text-decoration: none;
    }
    .mobile-header .navbar-toggle .icon-bar {
        border-radius: 4px;
        display: block;
        height: 3.5px;
        width: 27px;
    }
    .btns-1 .nav.nav-custom.mobile-btns>li {
        float: none;
        margin: 0 -18%;
        width: 100%;
    }
    .btns-1 .nav.nav-custom.mobile-btns {
        display: inline-block;
        float: right;
        clear: none;
    }
    .links-1.btns-1 .nav.nav-custom.mobile-btns>li {
        float: none;
        margin: 0 3%;
        width: 90%;
    }
    .btns-3 .nav.nav-custom.mobile-btns>li:last-child {
        float: left;
        margin-left: 1%;
        width: 95%;
    }
    .btns-5 .nav.nav-custom.mobile-btns>li:last-child {
        float: left;
        margin-left: 1%;
        width: 95%;
    }
    .links-5 .nav.nav-custom.mobile-links li a {
        margin-right: 0px !important;
        padding: 10px !important;
    }
    .links-5.btns-5 .nav.nav-custom.mobile-links li a {
        margin-right: 0;
        padding: 0
    }
}

@media (min-width:768px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .nav-custom {
        display: inline-block;
        float: left;
    }
    .desk-nav {
        float: right;
    }
    #hero .hero-global {
        height: auto !important;
    }
    .desk-nav .links-sec li a {
        font-size: 16px;
    }
    body.faqs .hero-global .container, body.legal .hero-global .container {
        padding-top: 16px;
    }
    body.faqs .desk-nav, body.legal .desk-nav {
        margin-right: 6px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .nav-custom {
        float: left;
        margin-right: 10px;
    }
    #hero .nav-head-cust {
        background-color: #ffffff !important;
    }
    body.faqs .nav-head-cust, body.legal .nav-head-cust {
        background-color: #ffffff !important;
    }
    body.faqs .nav-head-cust .main-logo img, body.legal .nav-head-cust .main-logo img {
        margin-left: 30px;
    }
    #hero .navbar-default {
        border: none;
    }
    .desk-nav {
        margin-top: 47px;
    }
    #hero .carousel-wrapper, #hero .hero-description {
        padding-top: 0px;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    #legal-nav ul.nav {
        top: 45px;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .nav-head-cust a.main-logo {
        margin-top: 5px;
    }
    .links-4 .nav.nav-custom.links-sec, .links-5 .nav.nav-custom.links-sec {
        display: block;
        float: right;
    }
    .links-4 .nav.nav-custom.btns-sec, .links-5 .nav.nav-custom.btns-sec {
        display: block;
        float: right;
        width: 100%;
    }
    .links-4 .nav.nav-custom.btns-sec li, .links-4 .nav.nav-custom.btns-sec li {
        float: right;
    }
    .links-5 .nav.nav-custom.btns-sec li, .links-5 .nav.nav-custom.links-sec li {
        float: right;
    }
    .links-4.btns-3 .nav.nav-custom.btns-sec li, .links-4.btns-2 .nav.nav-custom.btns-sec li, .links-4.btns-1 .nav.nav-custom.btns-sec li {
        margin: 0 2%;
    }
    .links-5.btns-3 .nav.nav-custom.btns-sec li, .links-5.btns-2 .nav.nav-custom.btns-sec li, .links-5.btns-1 .nav.nav-custom.btns-sec li {
        margin: 0 2%;
    }
    .btns-4 .nav.nav-custom.btns-sec li, .btns-5 .nav.nav-custom.btns-sec li {
        margin: 1%;
    }
    .btns-4 .nav.nav-custom.btns-sec li {
        float: right;
    }
    .links-1.btns-3 .nav.nav-custom.links-sec {
        float: right;
    }
    .links-1.btns-3 .nav.nav-custom.btns-sec {
        float: right;
        width: 100%;
    }
    .links-1.btns-3 .nav.nav-custom.btns-sec li {
        margin: 1% 2%;
    }
    .links-2.btns-3 .nav.nav-custom.links-sec {
        float: right;
    }
    .links-2.btns-3 .nav.nav-custom.btns-sec, .links-2.btns-4 .nav.nav-custom.btns-sec, .links-2.btns-5 .nav.nav-custom.btns-sec {
        display: block;
        float: right;
        width: 100%;
    }
    .links-2.btns-3 .nav.nav-custom.btns-sec li, .links-2.btns-4 .nav.nav-custom.btns-sec li, .links-2.btns-5 .nav.nav-custom.btns-sec li {
        float: right;
        margin: 1%;
    }
    .links-2.btns-4 .nav.nav-custom.links-sec, .links-2.btns-5 .nav.nav-custom.links-sec {
        float: right;
    }
    .links-3.btns-3 .nav.nav-custom.links-sec {
        float: right;
    }
    .links-3.btns-3 .nav.nav-custom.btns-sec {
        float: right;
        width: 100%;
    }
    .links-3.btns-3 .nav.nav-custom.btns-sec li {
        margin: 1% 2%;
    }
    .links-3.btns-2 .nav.nav-custom.links-sec {
        float: right;
    }
    .links-3.btns-2 .nav.nav-custom.btns-sec {
        float: right;
        width: 100%;
    }
    .links-3.btns-2 .nav.nav-custom.btns-sec li {
        margin: 1% 2%;
    }
    .links-3 .nav.nav-custom.links-sec {
        float: right;
    }
    .links-4 .nav.nav-custom.links-sec {
        float: right;
    }
    .links-5 .nav.nav-custom.links-sec {
        float: right;
    }
}

@media (min-width:1025px) {
    .no-reg-form .carousel-wrapper {
        float: left !important;
    }
    .desk-nav {
        margin-right: 6%;
    }
    body.faqs .container .row .col9.pad, .row .col9.add, body.legal .container .row .col9.pad {
        width: 68.5%;
    }
    body.faqs .desk-nav, body.legal .desk-nav {
        margin-right: 5%;
    }
    ul.nav.nav-custom.btns-sec li {
        margin-left: 10px;
    }
    .links-5.btns-5 .nav>li>a {
        padding: 10px;
    }
}

body.faqs #header .hero-global, body.legal #header .hero-global {
    height: 0;
    padding: 0;
}

body.faqs .navbar, body.legal .navbar {
    margin-bottom: 0;
}

body.faqs .hero-global .container:first-child, body.legal .hero-global .container:first-child {
    background-color: #fff;
}

body.faqs #header a.login-bar-link, body.legal #header a.login-bar-link {
    color: #007faa;
}

body.faqs .links-sec .login-bar-link, body.legal .links-sec .login-bar-link {
    font-size: 16px;
    color: #007faa;
    font-family: Helvetica, Arial, sans-serif;
}

body.faqs .btns-sec .btn, body.legal .btns-sec .btn {
    border-radius: 14px !important;
    padding: 7px 18px !important;
}

body.faqs #header .login-bar-link, body.legal #header .login-bar-link {
    top: 0px;
}

body.faqs #header .login-bar-link::before, body.legal #header .login-bar-link::before {
    margin-top: -9px;
}

.collapse-cust ul.nav li {
    width: 100%;
}

.nav-register .customer-login {
    font-weight: normal !important;
}

#hero .main-nav._active ul.sticky-btns-2 {
    margin-right: -40px;
}

#hero .main-nav._active li {
    margin-left: 21px;
}

@media (min-width:992px) {
    body.bb_customer .no-navbar.navbar-default {
        display: none !important;
    }
}

body.bb_customer .non-persistant-login-link {
    margin-left: 47px !important;
}

body.bb_customer #hero.customer .main-nav._active .customer-login {
    margin-top: 0px;
}

#hero .main-nav._active ul.sticky-btns-1.sticky-links-5 {
    width: 80%;
}

#hero .main-nav._active ul.sticky-btns-1.sticky-links-5 li {
    width: 10%;
    text-align: center;
    margin-left: 5%;
}

#hero .main-nav._active ul.sticky-btns-1.sticky-links-5 li.nav-register {
    width: auto;
}

#hero .main-nav._active ul.sticky-btns-1.sticky-links-5 li:nth-child(5) {
    padding: 10px 0;
}

#hero .main-nav._active ul.sticky-btns-2.sticky-links-5 {
    width: 84%;
}

#hero .main-nav._active ul.sticky-btns-2.sticky-links-5 li {
    width: 10%;
    text-align: center;
    margin-left: 3%;
}

#hero .main-nav._active ul.sticky-btns-2.sticky-links-5 li.nav-register {
    width: auto;
}

#hero .main-nav._active ul.sticky-btns-2.sticky-links-5 li:nth-child(5) {
    padding: 10px 0 !important;
}

#hero .main-nav._active ul.sticky-btns-2.sticky-links-4 {
    width: 80%;
}

#hero .main-nav._active ul.sticky-btns-2.sticky-links-4 li {
    width: 10%;
    text-align: center;
    margin-left: 4%;
}

#hero .main-nav._active ul.sticky-btns-2.sticky-links-4 li.nav-register {
    width: auto;
}

#hero .main-nav ul.sticky-links-5 li {
    width: 11%;
    text-align: center;
    margin-left: 7%;
}

#hero .main-nav ul.sticky-links-5 {
    width: 100%;
}

#hero .main-nav._active ul.sticky-links-5 {
    width: 80%;
}

.main-nav._active .sticky-links-5 li:nth-child(5) {
    padding: 10px;
}

#hero .main-nav._active li:last-child {
    padding: 10px !important;
}

#hero .main-nav._active li:nth-child(5) {
    padding: 10px !important;
}

#hero .main-nav._active .nav-register {
    padding: 10px !important;
}

#hero .main-nav._active ul.sticky-btns-2.sticky-links-5 li {
    margin-left: 2%;
}

#hero .main-nav._active ul.sticky-btns-2.sticky-links-4 li {
    margin-left: 3%;
}

#hero .main-nav._active .sticky-btns-1 .nav-register {
    padding: 0px !important;
}

.photo-module h3 span {
    margin-bottom: 30px;
}

#hero.prospect-b .slider .why-bluebird-slide {
    background-image: none;
}

#hero.prospect-b .slider .slide-description {
    margin-left: 0;
}

@media print, screen and (min-width: 768px) {
    .promoted_prospect li a span.header_styles.mobile-hidden:before {
        display: inline-block;
        position: absolute;
        top: 5px;
        color: #007faa;
        content: "\e602";
        font-size: 14px;
        left: 90% !important;
    }
    .promoted_prospect li.content-block:nth-child(3) {
        clear: both;
    }
    .promoted_prospect li.content-blocks-1 {
        width: 100%;
        margin: 0 auto;
    }
    .promoted_prospect li.content-blocks-1 img {
        width: auto;
        margin: 0 auto;
    }
}

@media print, screen and (max-width: 767px) {
    .bb_customer .promoted_prospect .content-block .header_styles {
        margin-left: 0 !important;
        text-align: left;
        display: block;
        float: none;
    }
    .promoted_prospect li a .mobile-visible:before {
        display: inline-block;
        position: absolute;
        top: 5px;
        color: #007faa;
        content: "\e602";
        font-size: 14px;
        left: 0 !important;
    }
    .promoted_prospect li a span.header_styles.mobile-visible:before {
        display: none;
    }
    .promoted-content ul li:last-child a img {
        margin-top: 0% !important;
    }
}

/* for links and btns*/

.nav.nav-custom.links-sec li a.btn {
    margin-left: 10px;
}

@media (min-width: 768px) and (max-width:1024px) {
    .col-sm-7.col-md-12.links-5 {
        width: 58.333333%;
    }
    .links-1.btns-4 .link {
        margin-top: 10px;
        margin-left: 15%;
    }
    .links-1.btns-4 li a.btn {
        margin-bottom: 10px;
    }
    .links-2.btns-3 .desk-nav, .links-2.btns-3 .links-sec {
        float: left;
    }
    .links-2.btns-3 .link {
        float: right;
    }
    .links-2.btns-3 li:nth-child(3), .links-3.btns-2 li:nth-child(4) {
        clear: both;
    }
    .links-4.btns-1 .nav.nav-custom.links-sec {
        float: right;
        margin-left: 18%;
    }
    .btns-5 .links-sec {
        margin-top: -15px;
    }
    .btns-5 .links-sec li {
        padding-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .mobile-links.links-5 li a {
        padding: 10px 13px;
    }
}

.text-blue {
    color: #007faa !important;
}

.text-dark-blue {
    color: #004B8D !important;
}

.text-light-blue {
    color: #009DDC !important;
}

.text-green {
    color: #8DC63F !important;
}

.text-teal {
    color: #60C5BA !important;
}

.text-white {
    color: #fff !important;
}

.text-black {
    color: #000 !important;
}

.text-dark-gray {
    color: #4D4F53 !important;
}

.btn.dark-blue, .btn.dark-blue:hover, .btn.dark-blue:active, .btn.dark-blue:focus {
    background-color: #004B8D !important;
}

.btn.light-blue, .btn.light-blue:hover, .btn.light-blue:active, .btn.light-blue:focus {
    background-color: #009DDC !important;
}

.btn.green, .btn.green:hover, .btn.green:active, .btn.green:focus {
    background-color: #8DC63F !important;
}

.btn.teal, .btn.teal:hover, .btn.teal:active, .btn.teal:focus {
    background-color: #60C5BA !important;
}

.btn.white, .btn.white:hover, .btn.white:active, .btn.white:focus {
    background-color: #fff !important;
}

.btn.black, .btn.black:hover, .btn.black:active, .btn.black:focus {
    background-color: #000 !important;
}

.btn.dark-gray, .btn.dark-gray:hover, .btn.dark-gray:active, .btn.dark-gray:focus {
    background-color: #4D4F53 !important;
}

@media (max-width: 767px) {
    .mobile-first-slider {
        margin-top: 63px;
        background: #f7f8fa !important;
        width: 100%;
        margin-bottom: 0 !important;
    }
    .mobile-first-slider-container {
        margin: 0;
    }
    .mobile-first-slider img {
        margin-left: 23%;
        width: 53%;
    }
    .mobile-first-slider .slide-container {
        border-top: 5px solid #002865;
        margin: 0 !important;
    }
    .mobile-first-slider .slide-description {
        width: 89%;
        margin: 0 6.2%;
        padding-top: 32px;
    }
    .mobile-first-slider .slide-description h1 {
        color: #004b8d;
        font-size: 29px;
        font-weight: lighter;
    }
    .mobile-first-slider .slide-description-body a.btn {
        padding: 10px 16px !important;
        text-align: center;
        font-size: 17px !important;
        width: 65%;
        margin-left: 16%;
        border-radius: 24px !important;
        min-height: initial !important;
    }
    .mobile-first-slider .view-fee .view-fee-content h2 {
        font-size: 24px;
    }
    .mobile-first-slider .view-fee .view-fee-content ul li {
        color: #fff !important;
        display: inline-block !important;
        font-size: 14px !important;
        font-weight: lighter !important;
        margin-bottom: 8px !important;
        width: 49% !important;
        background-color: #004B8D !important;
    }
    .mobile-first-slider .view-fee .button {
        color: #fff !important;
        padding: 10px 18px 9px !important;
        text-decoration: none !important;
        padding-bottom: 14px !important;
        padding-top: 14px !important;
        font-size: 17px !important;
        border-radius: 24px !important;
    }
    .mobile-first-slider-container .mobile-visible.bullets li.bullet-item {
        margin: 0 6.2% 20px;
    }
    .mobile-first-slider-container .mobile-visible.bullets li.bullet-item a {
        padding: 10px;
    }
    .mobile-first-slider-hidden-image {
        display: none;
    }
    .mobile-first-slider .consumer-reports-wrapper img {
        margin-left: 0;
        width: auto;
    }
    .mobile-first-slider-hidden-image {
        display: none;
    }
    .mobile-first-slider a {
        min-height: initial !important;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .navbar-default {
        background-color: #fff;
        border-color: #fff;
    }
    #hero .nav-head-cust {
        width: 100%;
        max-width: 1220px;
        margin: 0 auto;
        float: none !important;
    }
    #hero .desk-nav {
        margin-right: 0% !important;
    }
}

@media print, screen and (min-width: 768px) and (max-width:991px) {
    .links-4.btns-1 .btns-nav, .links-3.btns-2 .btns-nav, .links-1.btns-4 .btns-nav, .links-2.btns-3 .btns-nav {
        width: 100%;
    }
    .desk-nav {
        margin-top: 0;
    }
    .navbar-header.nav-head-cust.visible-md.visible-lg div {
        margin-top: 47px;
    }
    .links-0.btns-5 {
        width: auto;
        float: right;
        padding: 0;
        margin: 0;
        margin-top: 5px !important;
        margin-right: 1%;
    }
    .links-0.btns-5 .btns-sec li {
        margin: 0 !important;
    }
    .links-0.btns-5 .btns-nav {
        margin-top: 0;
        float: right;
    }
    .links-0.btns-5 .btns-nav .btns-sec {
        margin: 0;
        width: 100%;
    }
    .links-5.btns-0 .links-nav .links-sec li {
        margin: 0;
        float: left;
    }
    .links-4.btns-1 {
        float: none;
        width: auto;
    }
    .links-4.btns-1 .links-nav {
        float: right;
    }
    .links-4.btns-1 .links-nav .links-sec {
        margin: 0;
    }
    .links-4.btns-1 .desk-nav.links-nav .links-sec {
        margin-left: 0;
        margin-right: 0;
    }
    .links-4.btns-1 .desk-nav.links-nav .links-sec li a, .desk-nav.links-nav .links-sec li a {
        padding: 10px 5px;
    }
    .links-4.btns-1 .desk-nav.btns-nav {
        margin-top: 0;
    }
    .links-1.btns-4 {
        float: none;
        width: auto;
    }
    .links-1.btns-4 .desk-nav.btns-nav {
        width: 100%;
        margin-top: 0;
    }
    .links-1.btns-4 .desk-nav.btns-nav .btns-sec {
        width: 100%;
    }
    .links-3.btns-2 {
        padding: 0;
    }
    .links-3.btns-2 .btns-nav {
        margin-top: 0;
        float: right;
        width: 100%;
    }
    .links-2.btns-3 .desk-nav.links-nav .links-sec {
        float: right;
        width: auto;
    }
    .links-3.btns-2 .nav.nav-custom.btns-sec {
        float: right;
        width: auto;
    }
    .links-3.btns-2 .nav.nav-custom.btns-sec li {
        margin: 0;
    }
    .links-2.btns-3 .desk-nav.btns-nav {
        margin-top: 0;
    }
    .links-2.btns-3 .nav.nav-custom.btns-sec {
        width: auto;
    }
    .links-2.btns-3 .nav.nav-custom.btns-sec li {
        float: none;
        margin: 0;
    }
    .links-4.btns-1 .btns-sec, .links-4.btns-1 .btns-sec li {
        margin: 0 !important;
    }
    .links-3.btns-1 .desk-nav {
        float: right;
    }
    .links-1.btns-3 .nav.nav-custom.btns-sec li, .btns-4 .nav.nav-custom.btns-sec li, .btns-5 .nav.nav-custom.btns-sec li, .btns-2 .nav.nav-custom.btns-sec li {
        margin: 0;
    }
    .links-1.btns-2, .links-1.btns-1, .links-2.btns-1 {
        float: right;
        width: auto;
    }
    .links-1.btns-2 .desk-nav, .links-1.btns-1 .desk-nav, .links-2.btns-1 .desk-nav {
        float: left;
    }
}

@media print, screen and (max-width: 767px) {
    .links-5 .nav.nav-custom.mobile-links li a {
        padding: 10px 3px !important;
    }
    .btns-1 .nav.nav-custom.mobile-btns>li {
        margin: 0 -5%;
    }
    .links-4.btns-1 .links-nav-mobile {
        float: right;
        width: 100%;
    }
    .links-4.btns-1 .links-nav-mobile li a, .links-nav-mobile .mobile-links li a {
        padding: 10px 5px;
    }
    .links-4.btns-1 .btns-nav-mobile li {
        margin: 0 -5%;
    }
    .links-nav-mobile .mobile-links {
        float: right;
        margin-right: 2%;
    }
}

@media print, screen and (min-width: 992px) {
    .links-4.btns-1 .nav.nav-custom.links-sec {
        margin-left: 0 !important;
    }
    .desk-nav, .links-sec {
        width: auto;
    }
    .btns-nav {
        width: auto;
    }
    .links-2.btns-3 li:nth-child(3), .links-3.btns-2 li:nth-child(4) {
        clear: none;
    }
    .nav.nav-custom.btns-sec li {
        margin: 0 !important;
        margin-left: 5px !important;
    }
    .links-2.btns-3, .links-3.btns-2, .navbar-header.nav-head-cust.visible-md.visible-lg div {
        width: auto;
        float: right;
    }
    .links-2.btns-3 .links-nav, .links-2.btns-3 .btns-nav, .links-3.btns-2 .links-nav, .links-3.btns-2 .btns-nav, .navbar-header.nav-head-cust.visible-md.visible-lg .links-nav, .navbar-header.nav-head-cust.visible-md.visible-lg .btns-nav {
        float: left;
    }
}

@media print, screen and (max-width: 767px) {
    .navbar-header .main-logo img {
        margin-left: 2%;
        margin-top: 5px;
        margin-bottom: 15px;
        width: 36% !important;
        float: left;
    }
    .links-nav-mobile .mobile-links {
        margin-top: 15px;
    }
    .navbar-header .mobile-header {
        margin: 0 1%;
    }
    .navbar-header a.main-logo {
        float: none;
    }
    .mobile-first-slider {
        margin-top: 100px;
    }
}

@media print, screen and (max-width: 767px) {
    .photo-module .photo-module-content {
        display: block !important;
        margin: 0 auto !important;
        float: none !important;
        margin-top: 33px !important;
    }
    .photo-module .photo-module-content h3 span {
        display: none !important;
    }
    .photo-module .photo-module-content h3 .btn {
        width: 100%;
    }
}

@media print, screen and (min-width: 1025px) {
    .hero-main-content.no-reg-form .carousel-wrapper {
        width: 100% !important;
    }
    .hero-main-content.no-reg-form .carousel-wrapper ul.wrap li.carousel-item {
        padding-left: 5% !important;
    }
    .hero-main-content.no-reg-form .why-bluebird-slide .slide-description-body .slide-cta-container ul li {
        width: 39% !important;
    }
}

.photo-module .mobile-hidden.photo-module-content header a.btn {
    padding: 10px 18px 9px !important;
    font-size: 16px !important;
    /*font-weight: bold !important;*/
}

#hero .main-nav._active li.nav-register {
    padding: 10px 0 !important;
}

@media print, screen and (max-width: 767px) and (min-width: 350px) {
    .links-4.btns-1 .links-nav-mobile li a, .links-nav-mobile .mobile-links li a {
        padding: 12px 5px 10px 5px;
    }
}

@media print, screen and (max-width: 767px) {
    .overlay .overlay-content {
        top: 40px;
    }
}

@media screen and (min-width: 768px) {
    #hero .navbar-default, #hero .nav-head-cust {
        background-color: #f2f2f2 !important;
    }
}

@media print, screen and (min-width: 1025px) {
    #hero .nav-head-cust {
        max-width: 1260px;
    }
}

@media print, screen and (min-width: 768px) {
    #hero .no-reg-form .why-bluebird-slide .header_img {
        text-align: center;
    }
    #hero .no-reg-form .carousel-wrapper {
        margin-left: 0;
    }
    .hero-main-content.no-reg-form .carousel-wrapper ul.wrap li.carousel-item {
        padding-left: 0% !important;
    }
}

#hero .main-nav a.btn, #hero .main-nav a.button {
    font-weight: normal;
}

@media print, screen and (max-width: 767px) {
    .btns-3 .nav.nav-custom.mobile-btns>li:last-child, .btns-5 .nav.nav-custom.mobile-btns>li:last-child {
        float: none;
        text-align: center;
        width: 47%;
        margin: 0 auto;
    }
    .btns-3 .nav.nav-custom.mobile-btns, .btns-5 .nav.nav-custom.mobile-btns {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .links-5.btns-0 a.main-logo {
        float: left;
        width: 43%;
    }
    .navbar-header .links-5.btns-0 .main-logo img {
        margin-left: 2%;
        margin-top: 5px;
        margin-bottom: 15px;
        width: 100% !important;
        float: left;
    }
    .links-5.btns-0 .links-nav-mobile .mobile-links {
        width: 100%;
    }
    .links-5.btns-0 .links-nav-mobile .mobile-links li {
        display: inline-block;
        width: 25%;
        text-align: center;
        float: left;
    }
    .links-5.btn-0 .links-nav-mobile .mobile-links {
        margin-right: 0%;
    }
    #hero .main-nav._active .sticky-links-5 li:nth-child(5) {
        padding: 0px !important;
        padding-top: 10px !important;
        margin-right: 10px !important;
    }
}

@media print, screen and (max-width: 740px) {
    .links-5.btns-0 .links-nav-mobile .mobile-links li:first-child {
        position: absolute;
        top: 21px;
        right: 10px;
    }
}

@media print, screen and (max-width: 740px) and (min-width: 541px) {
    .links-5.btns-0 .links-nav-mobile .mobile-links li:first-child {
        position: absolute;
        top: 50px;
        right: 10px;
    }
}

@media print, screen and (max-width: 600px) and (min-width: 370px) {
    .links-4.btns-1 .btns-nav-mobile, .links-3.btns-1 .btns-nav-mobile {
        position: absolute;
        right: 10px;
        top: 20%;
    }
}

@media print, screen and (max-width: 767px) and (min-width: 601px) {
    .links-4.btns-1 .btns-nav-mobile, .links-3.btns-1 .btns-nav-mobile {
        position: absolute;
        right: 10px;
        top: 28%;
    }
}

@media print, screen and (max-width: 369px) {
    .links-4.btns-1 .btns-nav-mobile, .links-3.btns-1 .btns-nav-mobile {
        position: absolute;
        right: 10px;
        top: 12%;
    }
}

@media print, screen and (max-width: 767px) {
    .overlay .overlay-content header {
        width: 100% !important;
    }
    .links-3.btns-2 .btns-nav-mobile {
        position: absolute;
        right: 10px;
        top: 40%;
        width: 95%;
    }
    .links-3.btns-2 .links-nav-mobile .mobile-links {
        margin-top: 5%;
        width: 100%;
        margin-right: 0;
    }
    .links-3.btns-2 .links-nav-mobile .mobile-links li {
        width: 32%;
        text-align: center;
    }
}

@media print, screen and (max-width: 400px) {
    .links-3.btns-2 .links-nav-mobile .mobile-links {
        padding-top: 7%;
    }
}

.fee-table table tbody table tr:first-child td:first-child {
    width: 26%;
}

#fee-chart .fee-table-header .fee-column-header-1 {
    width: 35%;
}

#fee-chart .fee-table-header .fee-column-header-3 {
    width: 24%;
}

@media print, screen and (max-width: 579px) and (min-width:400px) {
    .links-3.btns-2 .links-nav-mobile .mobile-links {
        margin-top: 7%;
    }
    .links-3.btns-2 .btns-nav-mobile {
        top: 44%;
    }
}

@media print, screen and (min-width: 580px) and (max-width:680px) {
    .links-3.btns-2 .links-nav-mobile .mobile-links {
        margin-top: 5%;
    }
    .links-3.btns-2 .btns-nav-mobile {
        top: 47%;
    }
}

@media print, screen and (min-width: 681px) and (max-width:767px) {
    .links-3.btns-2 .btns-nav-mobile {
        top: 48%;
    }
}

@media print, screen and (max-width: 600px) and (min-width:400px) {
    .links-5.btns-0 .links-nav-mobile .mobile-links li:first-child {
        position: absolute;
        top: 23%;
    }
}

@media print, screen and (min-width: 1024px) {
    .promoted-header.promoted_prospect .promoted-content .content-blocks-3 span.mobile-hidden img {
        width: 40%;
    }
    .promoted-header.promoted_prospect .promoted-content ul li:first-child img {
        margin-top: 0;
    }
    .promoted-header.promoted_prospect .promoted-content .content-blocks-3 .header_styles.mobile-hidden {
        width: 55%;
    }
    .promoted_prospect .content-blocks-2 .header_styles.mobile-hidden {
        width: 43%;
    }
    .bb_customer .promoted_prospect .content-blocks-2 .header_styles.mobile-hidden {
        width: 46%;
    }
}

@media print, screen and (min-width: 768px) and (max-width:1023px) {
    .promoted-header.promoted_prospect .promoted-content .content-blocks-3 .header_styles.mobile-hidden {
        width: 76%;
    }
    .promoted_prospect .content-blocks-2 .header_styles.mobile-hidden {
        width: 60%;
    }
    .bb_customer .promoted_prospect .content-blocks-2 .header_styles.mobile-hidden {
        width: 64% !important;
    }
}

@media print, screen and (max-width: 767px) {
    .links-1.btns-4 .btns-nav-mobile {
        margin-bottom: 10px;
    }
    .links-5.btns-0 .links-nav-mobile .mobile-links {
        margin-top: 0;
    }
    .nav-head-cust {
        padding: 0;
    }
    .links-0.btns-1 .btns-nav-mobile li {
        margin-top: 10px;
    }
    .links-5.btns-0 .links-nav-mobile .mobile-links {
        margin-right: 0%;
    }
}

@media print, screen and (min-width:400px) and (max-width: 767px) {
    .links-3.btns-1 .links-nav-mobile .mobile-links {
        margin-top: 15%;
    }
}

@media screen and (min-width:1025px) {
    #hero .no-reg-form .slide-description-body {
        width: 700px !important;
    }
}

#fee-chart .fee-table td p {
    margin: 0;
}

@media print, screen and (max-width:767px) {
    .links-5.btns-0 .links-nav-mobile ul li:first-child a {
        padding: 0 !important;
    }
}

.links-0.btns-1 .mobile-btns {
    margin-top: 4%;
    margin-right: 3%;
}

.links-0.btns-1 .navbar-toggle.collapsed {
    margin-top: 6%;
}

#header2 table tr:nth-child(7) td {
    margin-left: 5%;
}

#header2 table tr:last-child td {
    margin-left: 5%;
}

#header2 table tr:last-child td:last-child strong {
    display: inline-block;
    line-height: 20px;
}

@media screen and (max-width: 767px) and (min-width: 351px) {
    .fee-table table:first-child tbody tr:nth-child(4) td table:first-child tr:nth-child(2) td:nth-child(2) {
        height: auto !important;
    }
}

.fee-table table tbody table tr:first-child td:first-child {
    width: 37%;
}

#fee-chart .fee-table-header .fee-column-header-1 {
    width: 46%;
}

#fee-chart .fee-table-header .fee-column-header-2 {
    width: 36%;
}

#fee-chart .fee-table-header .fee-column-header-3 {
    width: 24%;
}

@media screen and (min-width: 768px) {
    .fee-table td:nth-child(2) {
        width: 88%;
    }
}

@media print, screen and (max-width: 767px) {
    .fee-table table tbody table tbody td {
        line-height: 15.6px;
        padding-top: 9px;
    }
    .fee-table table h4 {
        margin-left: 2px;
    }
    #header2 tr td:nth-child(2) {
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
    .bb_prospecta .mobile-first-slider .slide-description-body {
        width: 98%;
        padding-bottom: 20px !important;
        padding-top: 10px !important;
    }
    .bb_prospecta .mobile-first-slider .slide-description-body p {
        font-size: 16px !important;
        line-height: 18px !important;
    }
    .bb_prospecta .mobile-first-slider .ClassSpecificUl li {
        background: #f7f8fa !important;
        margin-bottom: 0;
    }
    .bb_prospecta .mobile-first-slider .ClassSpecificUl li p {
        line-height: 18px !important;
        font-size: 11px !important;
        margin-bottom: 0;
    }
    .bb_prospecta .mobile-first-slider .slide-cta-container li {
        width: 100% !important;
        padding-left: 0 !important;
        background: #f7f8fa !important;
    }
    .bb_prospecta .mobile-first-slider .bluebird-statement {
        margin-top: 0 !important;
    }
    .bb_prospecta .mobile-first-slider .bluebird-statement p {
        color: #004b8d;
        font-size: 12px !important;
        font-weight: bold;
        line-height: 1.2 !important;
        display: inline-block;
    }
    .bb_prospecta .mobile-first-slider .bluebird-statement p a {
        display: inline;
        padding: 0;
        font-size: 11px !important;
        font-weight: bold;
    }
    .bb_prospecta .mobile-first-slider .bluebird-statement p a.bluebird-fee-link {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 767px) {
    #hero .slide-description-body li:before, #hero .hero-description-body li:before {
        top: 7px;
    }
}

@media screen and (min-width: 1025px) {
    #hero .main-nav._active ul.sticky-btns-2.sticky-links-4 {
        text-align: right;
        width: auto !important;
        margin-right: -1px !important;
    }
    #hero .main-nav._active ul.sticky-btns-2.sticky-links-4 li {
        display: inline-block;
        float: none;
        margin-left: 34px !important;
    }
    #hero .main-nav._active ul.sticky-btns-2.sticky-links-4 li:first-child {
        margin-left: 0 !important;
    }
    #hero .main-nav._active ul.sticky-btns-2.sticky-links-4 li.nav-register {
        position: relative;
        margin-left: 30px !important;
        top: -9px !important;
        padding-bottom: 0 !important;
        width: auto;
    }
    #hero .main-nav._active ul.sticky-btns-2.sticky-links-4 li.nav-register:last-child {
        margin-left: 16px !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 0) {
    .bb_prospecta #hero .slide-description-body li, .bb_prospecta #hero .hero-description-body li {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
    .bb_prospecta .mobile-first-slider .slide-description-body {
        width: 99%;
    }
}

@media screen and (max-width: 767px) and (min-width: 0) {
    .bb_prospecta .mobile-first-slider .bluebird-statement p:first-child {
        color: #004b8d !important;
        font-weight: bold !important;
    }
}



#two-days-tax-season h4{
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    line-height: 130%;
}

#two-days-tax-season h4 span{
    font-weight: normal;
}

#two-days-tax-season h4 sup{
     font-size: 0.6em;
     top: -0.9em;
}

#two-days-tax-season  p{
    font-size: 14px;
}

#two-days-tax-season .center{
    text-align: center;
    padding-bottom: 10px;
}

#two-days-tax-season .row{
    margin: 0 auto;
    max-width: 78.75em;
    width: 100%;
    overflow: hidden;
}

#two-days-tax-season .row .columns{
    position: relative;
    float: left;
    padding-left: 0.625em;
    padding-right: 0.625em;
}

#two-days-tax-season .row + p{
    margin-top: 30px;
}


#two-days-tax-season .circle-number {
    display: block;
    position: relative;
    top: -4px;
    border: #004b8d 3px solid;
    float: left;
    text-align: center;
    line-height: 120%;
    margin-right: 8px;
    font-size: 19px;
    line-height: 140%;
    width: 30px;
    height: 30px;
    border-radius: 30px;
}

#two-days-tax-season .circle-number-solid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #004b8d;
    color: #fff !important;
}

#two-days-tax-season .circle-number-small {
    font-size: 12px;
    line-height: 140%;
    width: 18px;
    height: 18px;
    border-radius: 18px;
}

#two-days-tax-season .circle-number-offset {
    position: absolute;
    top: 0;
    left: 0;
}

#two-days-tax-season .circle-number-offset-padding {
    padding-left: 30px !important;
    margin-bottom: 10px;
}