.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
  z-index: 1;
}
.mobile-nav {
  overflow: hidden;
  background-color: #303;
  position: relative;
  z-index: 700;
}

.topnav #myLinks {
  display: none;
}

.mobile-nav #myLinks {
  display: none;
  color: #cc0000;
}


.mobile-nav-btn {
  color: red;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 50px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.mobile-nav a.icon {
  color: red;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 50px;
  background: pink;
  display: block;
/*  position: absolute;
  right: 0;
  top: 0;
*/
}

.topnav a:hover {
  background-color: #ccc;
  color: red;
}

.active {
  background-color: #222; /*  #4CAF50; */
  color: white;
}



.banner {
    overflow: hidden
}

.banner .bnr-callout-black {
    background-color: rgba(0, 0, 0, .3)
}

.banner .bnr-callout-black .btn.primary {
    background: 0;
    box-shadow: none
}

.banner .bnr-callout-black .btn.primary:hover {
    background-color: rgba(0, 104, 39, .5)
}

.banner > .section-inner .col-wpr, .banner > .section-inner .grid-wpr {
    background: 0 !important
}

.banner.fw-bnr {
    background-position: 30% 50%
}

.banner.fw-bnr.focus-top {
    background-position: 50% 25% !important
}

.banner.fw-bnr.focus-bottom {
    background-position: 50% 75% !important
}

.banner.fw-bnr.focus-left {
    background-position: 15% 50% !important
}

.banner.fw-bnr.focus-left.focus-top {
    background-position: 5% 15% !important
}

.banner.fw-bnr.focus-left.focus-bottom {
    background-position: 5% 15% !important
}

.banner.fw-bnr.focus-right {
    background-position: 45% 20% !important
}

.banner.fw-bnr.focus-right.focus-top {
    background-position: 45% 25% !important
}

.banner.fw-bnr.focus-right.focus-bottom {
    background-position: 45% 25% !important
}

.banner.fw-bnr.focus-right2 {
    background-position: 45% 25% !important
}

.banner.fw-bnr > .section-inner {
    max-width: 1100px
}

.banner.fw-bnr > .section-inner .grid-wpr > .grid-two-thirds {
    padding-right: 7.5px;
    padding-right: calc(7.5px + (15 - 7.5) * ((100vw - 640px) / (1200 - 640)));
    padding-bottom: 35px;
    padding-bottom: calc(35px + (50 - 35) * ((100vw - 640px) / (1200 - 640)));
    padding-left: 15px
}

@media (min-width:1200px) {
    .banner.fw-bnr > .section-inner .grid-wpr > .grid-two-thirds {
        padding-right: 15px
    }
}

@media (max-width:639px) {
    .banner.fw-bnr > .section-inner .grid-wpr > .grid-two-thirds {
        padding: 0 !important
    }
}

@media (min-width:1200px) {
    .banner.fw-bnr > .section-inner .grid-wpr > .grid-two-thirds {
        padding-bottom: 50px
    }
}

.events-message {
    display: none;
    color: #fff;
    background: #eee
}

.events-message .events-message-inner {
    background: #003169;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1170px;
    margin: auto;
    padding: 15px
}

.events-message .events-message-inner > div:first-of-type {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px
}

.events-message .events-message-inner > div:nth-of-type(2) {
    text-align: right
}

.events-message .events-message-inner a.text-white {
    float: right
}

.events-message .events-message-inner a.text-white:before {
    background: url(/dvl/v0.1/assets/images/ui/ui-chevron-right-white.svg) no-repeat
}

.events-message .events-message-inner #events-close {
    position: relative;
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
    bottom: 5px;
    width: 26px;
    height: 26px
}

.events-message .events-message-inner #events-close:after, .events-message .events-message-inner #events-close:before {
    content: '';
    position: absolute;
    width: 26px;
    height: 1px;
    background: #fff;
    bottom: 12px
}

.events-message .events-message-inner #events-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.events-message .events-message-inner #events-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.new-homepage-message {
    background: #003168;
    color: #fff
}

.new-homepage-message .section-inner {
    display: table;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.new-homepage-message .button-wpr, .new-homepage-message .message-wpr {
    display: table-cell;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top
}

.new-homepage-message .message-wpr {
    padding-right: 15px
}

.new-homepage-message .button-wpr {
    padding-left: 15px
}

.new-homepage-message .set-homepage-btn {
    min-width: 190px
}

.new-homepage-message a {
    color: #fff
}

@media (max-width:639px) {
    .banner.fw-bnr > .section-inner .grid-wpr .callout-inner {
        padding-bottom: 40px
    }

    .new-homepage-message .section-inner {
        display: block
    }

    .new-homepage-message .button-wpr {
        padding-top: 0
    }

    .new-homepage-message .button-wpr, .new-homepage-message .message-wpr {
        display: block;
        padding-right: 0;
        padding-left: 0;
        width: 100%
    }

    .new-homepage-message .set-homepage-btn {
        width: 100%
    }

    .discover-and-learn-section .callout .excerpt {
        display: none
    }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .new-homepage-message .section-inner {
        height: 110px
    }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) and (min-width:1200px) {
    .new-homepage-message .section-inner {
        height: 100px
    }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) and (max-width:800px) {
    .new-homepage-message .section-inner {
        height: 140px
    }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) and (max-width:640px) {
    .new-homepage-message .section-inner {
        height: 185px
    }
}

.icon-list > li {
    margin: 0;
    padding: 15px 0
}

.icon-list a {
    position: relative;
    display: inline-block;
    padding-left: 55px;
    line-height: inherit
}

.icon-list a:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: ""
}

.icon-list-l_account:before {
    background-image: url(/_assets-custom/homepage/images/cash-new-40.svg)
}

.icon-list-l_credit-card:before {
    background-image: url(/dvl/v0.1/assets/images/icons/icon-credit-cards.svg)
}

.icon-list-l_mortgage:before {
    background-image: url(/dvl/v0.1/assets/images/icons/icon-mortgages.svg)
}

.icon-list-l_loan2:before {
    background-image: url(/dvl/v0.1/assets/images/icons/icon-loans.svg)
}

.icon-list-l_investing:before {
    background-image: url(/dvl/v0.1/assets/images/icons/icon-investments.svg)
}

.products-section .section-inner {
    margin-top: -20px;
    padding-top: 0 !important
}

.products-section .callout {
    position: relative;
    z-index: 60
}

a.callout {
    text-decoration: none
}

a.callout:hover span {
    text-decoration: underline
}

#help-accordion .accordion-panel {
    padding: 15px 0
}

#help-accordion .collapse-toggle {
    font-weight: 500
}

#help-accordion .collapse-content a {
    font-weight: 400
}

@media (min-width:640px) {
    .banner.fw-bnr > .section-inner {
        margin-top: -20px
    }

    #help-accordion .accordion-panel {
        padding: 25px 0
    }

    #help-accordion .grid-half > .accordion-panel {
        margin-right: 0;
        margin-left: 5px
    }

    #help-accordion .grid-half:first-child > .accordion-panel {
        margin-right: 5px;
        margin-left: 0
    }
}

.discover-and-learn-section .grid-wpr > [class * =grid-] > a.callout {
    color: inherit
}

.discover-and-learn-section .grid-wpr > [class * =grid-] > a.callout .callout-link span {
    color: #006ac3
}

.discover-and-learn-section .grid-wpr > [class * =grid-] > a.callout:hover {
    text-decoration: none
}

.discover-and-learn-section .grid-wpr > [class * =grid-] > a.callout:hover .callout-link span {
    text-decoration: underline
}

.discover-and-learn-section .callout .callout-img {
    background-position: center
}

@media (min-width:480px) {
    .callout.special-offers-callout .callout-img + .callout-content .callout-img,
    .discover-and-learn-section .callout .callout-img + .callout-content .callout-img {
        display: none !important
    }
}

.branch-locator-section.fw-bnr {
    background-size: cover;
    background-repeat: no-repeat
}

span.goto-link:after {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    content: "bird";
/* url(/dvl/v1.0/assets/images/ui/ui-external-arrow-right-blue.svg) */
}

.bg-blue span.goto-link:after, .callout-blue span.goto-link:after,
.inverse span.goto-link:after, .section-blue span.goto-link:after,
.side-menu span.goto-link:after, footer span.goto-link:after {
    content: " turkey";
/* url(/dvl/v1.0/assets/images/ui/ui-external-arrow-right-white.svg) */
}

.main-footer p, a {
    font-weight: 400
}

.search-bar-inner .search-logo img {
    width: auto !important
}

.border-blue {
    border-color: #006ac3 !important
}

.phone-link {
    white-space: nowrap;
    font-weight: 400
}

.dynamic-height-img {
    min-height: 210px !important;
    min-height: calc(210px + (222 - 210) * ((100vw - 640px) / (1200 - 640))) !important
}

@media (max-width:639px) {
    .eh-wpr, .eh-wpr > [class * =grid-] {
        display: block
    }

    .eh-wpr > [class * =grid-] > .callout, .eh-wpr > [class * =grid-] > .callout.half-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .callout.half-img > * , .callout > * {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .callout .callout-img {
        background-position: center
    }

    .dynamic-height-img {
        min-height: 150px
    }
}

@media (min-width:1200px) {
    .dynamic-height-img {
        min-height: 222px !important
    }
}

.callout {
    word-wrap: break-word;
    word-break: break-word
}

.callout .callout-img {
    background-position: 50% 50%
}

.callout .callout-img.focus-top {
    background-position: 50% 25% !important
}

.callout .callout-img.focus-bottom {
    background-position: 50% 75% !important
}

.callout .callout-img.focus-left {
    background-position: 15% 50% !important
}

.callout .callout-img.focus-left.focus-top {
    background-position: 15% 25% !important
}

.callout .callout-img.focus-left.focus-bottom {
    background-position: 15% 75% !important
}

.callout .callout-img.focus-right {
    background-position: 85% 50% !important
}

.callout .callout-img.focus-right.focus-top {
    background-position: 85% 25% !important
}

.callout .callout-img.focus-right.focus-bottom {
    background-position: 85% 75% !important
}

.callout .callout-img.focus-card {
    background-position: 50% 37% !important
}

.callout .callout-img.focus-contain {
    background-size: contain
}

@media (max-width:479px) {
    .callout.special-offers-callout > .callout-img, .discover-and-learn-section .callout > .callout-img {
        display: none !important
    }

    .callout .callout-img.focus-mcontain {
        background-size: contain
    }

    .callout .callout-img.focus-mtop {
        background-position: top
    }
}

.callout .callout-img.focus-ms49 {
    background-color: #f3f4f6;
    background-size: contain
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .logo-text {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%
    }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) and (max-width:960px) {
    .logo-text {
        -webkit-flex-basis: 17%;
        -ms-flex-preferred-size: 17%;
        flex-basis: 17%
    }
}

@media (max-width:1199px) {
    .logo-shield img {
        width: initial
    }
}