@charset "UTF-8";
/* CSS Document */

/*-------------------------------

            CAROUSEL

--------------------------------*/

div.revampCarouselWrapper {
    position: relative;
    max-width: none;
    margin: 0 auto;
    margin-top: 0px
}

.carousel {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    max-height: 515px;
    overflow: hidden;
    background: #fff
}

ol.carousel-indicators {
    bottom: 2px;
    margin-bottom: 0;
    width: 100%;
    left: 0;
    margin-left: 0
}

ol.carousel-indicators li {
    border-color: #fff;
    width: 14px;
    height: 14px;
    margin: 4px
}

ol.carousel-indicators li.active {
    border-color: #fff;
    background-color: #fff;
    width: 16px;
    height: 16px;
    margin: 3px
}

div.carousel-inner div.item {
    background: top center no-repeat;
    background-size: cover!important;
    min-height: 360px;
    max-height: 525px
}

div.carousel-inner div.item img {
    display: none
}

div.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

div.carousel-caption-blue a.btn-carousel-blue {
    color: #fff;
    background-color: rgba(255,255,255,0.7)!important;
    border-radius: 0;
    text-align: left;
    text-shadow: none;
    box-sizing: border-box;
    padding: 6px 14px 30px 14px;
    display: block;
    max-width: none;
    margin: 0;
    transition: .2s;
    text-decoration: none;
    line-height: 22px;
    min-height: 126px
}

div.carousel-caption-blue a.btn-carousel-blue:hover {
    text-decoration: none
}

div.carousel-caption-blue a.btn-carousel-blue h2.caption-title {
    font-family: 'Open Sans',sans-serif;
    font-size: 32px;
    letter-spacing: .03em;
    padding: 0;
    margin: 0 0 4px 0
}

div.carousel-caption-blue a.btn-carousel-blue span {
    font-family: 'Pompiere',sans-serif;
    font-size: 25px;
	color: #565656;
/*    line-height: 32px;*/
    letter-spacing: .00em
}

div.carousel-caption-blue a.btn-carousel-blue div.caption-learn {
    font-family: 'Nunito',sans-serif;
    font-size: 15px;
	color: #565656;
    line-height: 24px;
    letter-spacing: 0;
    margin-top: 2rem;
    text-decoration: none;
    transition: .2s;
	border: 1px solid #565656;
    padding: 5px;
    max-width: 175px;
    text-align: center
}

div.carousel-caption-blue a.caption-title-dark-green h2 {
    color: #4d831b
}

div.carousel-caption-blue a.caption-title-dark-green:hover div.caption-learn {
    color: #4d831b
}

div.carousel-caption-blue a.caption-title-yellow h2 {
    color: #f4d24a
}

div.carousel-caption-blue a.caption-title-yellow:hover div.caption-learn {
    color: #f4d24a
}

div.carousel-caption-blue a.caption-title-orange h2 {
    color: #f90
}

div.carousel-caption-blue a.caption-title-orange:hover div.caption-learn {
    color: #f90
}

div.carousel-caption-blue a.caption-title-lite-blue h2 {
    color: #a2dff8
}

div.carousel-caption-blue a.caption-title-lite-blue:hover div.caption-learn {
    color: #a2dff8
}

div.carousel-caption-blue a.caption-title-pink h2 {
    color: #ebc5eb
}

div.carousel-caption-blue a.caption-title-pink:hover div.caption-learn {
    color: #ebc5eb
}

div.carousel-caption-blue a.caption-title-green h2 {
    color: #91a442
}

div.carousel-caption-blue a.caption-title-green:hover div.caption-learn {
    color: #91a442
}

div.carousel-captionBlueMobile {
    display: block
}

.carousel-control {
    top: 16%;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    bottom: auto;
    left: 0;
    width: 8%;
    height: 20%;
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=90);
    opacity: .9
}

.carousel-control .glyphicon-chevron-left {
    left: 42%;
    top: 43%;
    font-size: 36px;
    color: #fff
}

.carousel-control .glyphicon-chevron-right {
    right: 42%;
    top: 43%;
    font-size: 36px;
    color: #fff
}

.carousel-fade .carousel-inner .item {
    transition-property: opacity
}

.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
    opacity: 0
}

.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0,0,0)
}

.carousel-fade .carousel-inner .carousel-control {
    z-index: 3
}

.carousel,.carousel-inner,.carousel-inner .item {
    height: 100%
}
.carousel-control.left {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
/*
.carousel-control.right {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
*/
/*------------------------------------/
/            RESPONSIVE               /
/------------------------------------*/

@media all and (max-width: 550px) {
    div.carousel-caption-blue a.btn-carousel-blue span.caption-span {
        display:none
    }
}

@media all and (min-width: 480px) {
    div.carousel-inner div.item {
        min-height:515px
    }

    div.carousel-caption-blue a.btn-carousel-blue h2.caption-title {
        font-size: 38px
    }

    .carousel-control {
        top: 22%
    }

    div.carousel-caption-blue a.btn-carousel-blue {
        min-height: 182px;
        line-height: 28px
    }

    div.carousel-caption-blue a.btn-carousel-blue div.caption-learn {
        display: block
    }

    div.carousel-caption-blue a.btn-carousel-blue span {
        font-size: 28px
    }
}

@media all and (min-width: 768px) {
    .carousel {
        min-height:360px
    }

    div.revampCarouselWrapper {
        margin-top: 0px
    }

    ol.carousel-indicators {
        left: 50%;
        width: 60%;
        padding-left: 0;
        margin-left: -30%
    }

    ol.carousel-indicators li {
        border-color: #565656;
        background-color: #565656
    }

    ol.carousel-indicators li.active {
        border-color: #3172c0;
        background-color: #3172c0
    }

    div.carousel-caption-blue {
        top: 32px;
        left: 4%;
        bottom: auto!important;
        right: auto!important
    }

    div.carousel-caption-blue a.btn-carousel-blue {
        padding: 12px 16px;
        max-width: 650px;
        min-height: 130px;
        background-color: transparent;
        border-radius: 0px;
        line-height: 22px
    }

    div.carousel-caption-blue a.btn-carousel-blue h2.caption-title {
        font-size: 38px;
		font-weight: 300px
    }

    div.carousel-caption-blue a.btn-carousel-blue span {
        font-size: 18px
    }

    div.carousel-inner div.item {
        background: 0;
        min-height: 360px
    }

    div.carousel-inner div.item img {
        display: block;
        min-height: 360px;
        min-width: 1440px;
        width: 1440px;
        height: 360px;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .carousel-control {
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 4%
    }

    div.carousel-inner div.item:nth-child(1) {
        background-image: none
    }

    div.carousel-inner div.item:nth-child(2) {
        background-image: none
    }

    div.carousel-inner div.item:nth-child(3) {
        background-image: none
    }

    div.carousel-inner div.item:nth-child(4) {
        background-image: none
    }

    div.carousel-inner div.item:nth-child(5) {
        background-image: none
    }
}

@media all and (min-width: 1200px) {
    .carousel {
        min-height:386px
    }

    div.carousel-inner div.item {
        min-height: auto
    }

    div.carousel-inner div.item img {
        position: relative;
        width: 100%;
        height: auto;
        max-width: 100%;
		background-color: #4271BA;
        display: block
    }

    div.carousel-caption-blue {
        left: 50%;
        transform: translateX(-540px);
        -ms-transform: translateX(-540px);
        -webkit-transform: translateX(-540px)
    }

    div.carousel-caption-blue a.btn-carousel-blue {
        min-width: 400px;
        min-height: 150px
    }

    div.carousel-caption-blue a.btn-carousel-blue h2.caption-title {
        font-size: 36px;
        margin: 0 0 6px 0
    }

    div.carousel-caption-blue a.btn-carousel-blue span {
        font-size: 24px
    }

    div.carousel-caption-blue a.btn-carousel-blue div.caption-learn {
        font-size: 18px;
        line-height: 26px;
        float: none;
        margin-top: 2rem
    }
}

@media all and (min-width: 1600px) {
    .carousel {
        min-height:425px
    }

    div.carousel-caption-blue {
        left: 50%;
        transform: translateX(-600px);
        -ms-transform: translateX(-600px);
        -webkit-transform: translateX(-600px)
    }

    div.carousel-caption-blue a.btn-carousel-blue {
        min-width: 525px;
        min-height: 170px;
        padding: 10px 18px 8px 20px;
        line-height: 28px
    }

    div.carousel-caption-blue a.btn-carousel-blue h2.caption-title {
        font-size: 48px
    }

    div.carousel-caption-blue a.btn-carousel-blue span {
        font-size: 28px
    }
}

@media all and (min-width: 1910px) {
    .carousel {
        min-height:510px
    }
}
/*-------------------------------------------------
				    BANNERS
--------------------------------------------------*/

@charset "utf-8"; 
div.carousel-inner div.item.debit-card-alerts-oct {
    background-image: url("../images/ma2018/lower_interest_mobile.jpg")
}

div.carousel-inner div.item.visa-credit-card-nov {
    background-image: url("../images/ma2018/tellers_mobile.jpg")
}

div.carousel-inner div.item.heloc-v3-nov {
    background-image: url("../images/ma2018/checking_account_mobile.jpg")
}

div.carousel-inner div.item.vehicle-loan-nov {
    background-image: url("../images/ma2018/smart_money_mobile.jpg")
}

div.carousel-inner div.item.debit-card-alerts-oct {
    background-image: url("../images/ma2018/lower_interest_mobile.jpg")
}

div.carousel-inner div.item.visa-credit-card-oct {
    background-image: url("../images/HomePromos/VisaCreditCard-mobile-5134.jpg")
}

div.carousel-inner div.item.heloc-v3 {
    background-image: url("../images/HomePromos/HomeEquityLine-mobile-5132.jpg")
}

div.carousel-inner div.item.vehicle-loan-oct {
    background-image: url("../images/HomePromos/VehicleLoan-mobile-5133.jpg")
}

div.carousel-inner div.item.visa-credit-card-oct {
    background-image: url("../images/HomePromos/VisaCreditCard-mobile-5134.jpg")
}

div.carousel-inner div.item.otp-v3 {
    background-image: url("../images/ma2018/money_talks_mobile.jpg")
}

div.carousel-inner div.item.heloc-v3 {
    background-image: url("../images/HomePromos/HomeEquityLine-mobile-5132.jpg")
}

div.carousel-inner div.item.vehicle-loan-oct {
    background-image: url("../images/HomePromos/VehicleLoan-mobile-5133.jpg")
}

div.carousel-inner div.item.insurance-awareness-month {
    background-image: url("../images/HomePromos/life-insurance-awareness-month-mobile-8-29.jpg")
}

div.carousel-inner div.item.heloc {
    background-image: url("../images/HomePromos/HELOC-mobile-5098.jpg")
}

div.carousel-inner div.item.new-vehicle-loan {
    background-image: url("../images/HomePromos/VehicleLoans-mobile-5099.jpg")
}

div.carousel-inner div.item.otp-v2 {
    background-image: url("../Images/HomePromos/otp-mobile-8-29.jpg")
}

div.carousel-inner div.item.security-alerts {
    background-image: url("../images/HomePromos/security-alerts-mobile-8-15.jpg")
}

div.carousel-inner div.item.welcome-new-site {
    background-image: url("../images/HomePromos/welcome-new-site-mobile-7-12.jpg")
}

div.carousel-inner div.item.secu-mortgages {
    background-image: url("../images/HomePromos/secu-mortgages-mobile-6-22.jpg")
}

div.carousel-inner div.item.otp {
    background-image: url("../images/HomePromos/otp-mobile-6-22.jpg")
}

div.carousel-inner div.item.auto-loans {
    background-image: url("../images/HomePromos/auto-loans-mobile-6-22.jpg")
}
div.carousel-inner div.letter-ceo {
    background-image: url("../images/ma2023/moneysafe.jpg")
}

@media all and (min-width: 768px) {
    div.carousel-inner div.item.visa-credit-card-nov {
        background-image:none
    }

    div.carousel-inner div.item.heloc-v3-nov {
        background-image: none
    }

    div.carousel-inner div.item.vehicle-loan-nov {
        background-image: none
    }

    div.carousel-inner div.item.debit-card-alerts-oct {
        background-image: none
    }

    div.carousel-inner div.item.visa-credit-card-oct {
        background-image: none
    }

    div.carousel-inner div.item.heloc-v3 {
        background-image: none
    }

    div.carousel-inner div.item.vehicle-loan-oct {
        background-image: none
    }

    div.carousel-inner div.item.visa-credit-card-oct {
        background-image: none
    }

    div.carousel-inner div.item.otp-v3 {
        background-image: none
    }

    div.carousel-inner div.item.heloc-v3 {
        background-image: none
    }

    div.carousel-inner div.item.vehicle-loan-oct {
        background-image: none
    }

    div.carousel-inner div.item.insurance-awareness-month {
        background-image: none
    }

    div.carousel-inner div.item.heloc {
        background-image: none
    }

    div.carousel-inner div.item.new-vehicle-loan {
        background-image: none
    }

    div.carousel-inner div.item.otp-v2 {
        background-image: none
    }

    div.carousel-inner div.item.security-alerts {
        background-image: none
    }

    div.carousel-inner div.item.welcome-revamp {
        background-image: none
    }

    div.carousel-inner div.item.secu-mortgages {
        background-image: none
    }

    div.carousel-inner div.item.otp {
        background-image: none
    }

    div.carousel-inner div.item.auto-loans {
        background-image: none
    }
}

div.carousel-caption-blue a.btn-carousel-blue h2.caption-title-v2 {
    font-family: 'Open Sans',sans-serif;
    font-size: 38px;
    letter-spacing: .03em;
    padding: 0;
    margin: 4px 0
}

div.carousel-caption-blue a.btn-carousel-blue span.caption-span-v2 {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    line-height: 16px
}

@media all and (min-width: 1200px) {
    div.carousel-caption-blue a.btn-carousel-blue h2.caption-title-v2 {
        font-size:40px;
        line-height: 34px;
        margin-top: 12px
    }

    div.carousel-caption-blue a.btn-carousel-blue span.caption-span-v2 {
        font-size: 28px;
        line-height: 24px
    }

    div.carousel-caption-blue a.caption-title-debit-card-alerts-oct h2 span {
        font-size: 40px
    }
}

div.carousel-caption-blue a.caption-title-heloc-v3-nov h2 {
    color: #565656
}

div.carousel-caption-blue a.caption-title-heloc-v3-nov:hover div.caption-learn {
    color: #565656
}

div.carousel-caption-blue a.caption-title-visa-credit-card-nov h2 {
    color: #565656
}

div.carousel-caption-blue a.caption-title-visa-credit-card-nov:hover div.caption-learn {
    color: #565656
}

div.carousel-caption-blue a.caption-title-vehicle-loan-nov h2 {
    color: #565656
}

div.carousel-caption-blue a.caption-title-vehicle-loan-nov:hover div.caption-learn {
    color: #565656
}

div.carousel-caption-blue a.caption-title-debit-card-alerts-oct h2 span {
    color: #565656;
    font-family: 'Open Sans',sans-serif;
    font-size: 100%
}

div.carousel-caption-blue a.caption-title-visa-credit-card-oct h2 {
    color: #565656
}

div.carousel-caption-blue a.caption-title-visa-credit-card-oct:hover div.caption-learn {
    color: #565656
}

div.carousel-caption-blue a.caption-title-debit-card-alerts-oct h2 {
    color: #565656
}

div.carousel-caption-blue a.caption-title-debit-card-alerts-oct:hover div.caption-learn {
    color: #565656
}

div.carousel-caption-blue a.caption-title-vehicle-loan-oct h2 {
    color: #565656
}

div.carousel-caption-blue a.caption-title-vehicle-loan-oct:hover div.caption-learn {
    color: #565656
}

div.carousel-caption-blue a.caption-title-teal h2 {
    color: #0c9
}

div.carousel-caption-blue a.caption-title-teal:hover div.caption-learn {
    color: #0c9
}

div.carousel-caption-blue a.caption-title-life-insurance-awareness-month h2 {
    color: #f3a498
}

div.carousel-caption-blue a.caption-title-life-insurance-awareness-month:hover div.caption-learn {
    color: #f3a498
}

div.carousel-caption-blue a.caption-title-heloc h2 {
    color: #7ebdcb
}

div.carousel-caption-blue a.caption-title-heloc:hover div.caption-learn {
    color: #7ebdcb
}

div.carousel-caption-blue a.caption-title-need-a-new-vehicle h2 {
    color: #ebd2de
}

div.carousel-caption-blue a.caption-title-need-a-new-vehicle:hover div.caption-learn {
    color: #ebd2de
}

div.carousel-caption-blue a.caption-title-otp-v2 h2 {
    color: #d9b875
}

div.carousel-caption-blue a.caption-title-otp-v2:hover div.caption-learn {
    color: #d9b875
}

a.home-vector-link {
    color: #394c50;
    display: inline-block;
    text-align: center;
    width: 100%
}
div.home-vector-link {
    color: #394c50;
    display: inline-block;
    text-align: center;
    width: 100%;
}
a.home-vector-link sup {
    top: -.2em
}

div.marketing>div.row>div.col-sm-4 {
    margin-bottom: 44px
}

div.marketing>div.row>div.col-sm-4:last-child {
    margin-bottom: 0
}

div.col-sm-4:nth-child(1) a.home-vector-link {
    background: url('../images/icons/smartphone-call.png') top center no-repeat;
    background-size: 140px 140px
}

div.col-sm-4:nth-child(2) a.home-vector-link {
    background: url('../images/icons/visa.png') top center no-repeat;
    background-size: 140px 140px
}

div.col-sm-4:nth-child(3) a.home-vector-link {
    background: url('../images/icons/credit-card.png') top center no-repeat;
    background-size: 140px 140px
}

div.col-sm-4 img.img-circle {
    margin-top: 0!important
}

a.home-vector-link:hover {
    color: #8aa6a8
}

a.home-vector-link:hover img {
    opacity: 0
}

a.home-vector-link div.highlights-title {
    color: inherit!important
}

div.featurette div.featurette-heading {
    color: #2f5e80
}

@media all and (min-width: 768px) {
    div.marketing>div.row>div.col-sm-4 {
        margin-bottom:0
    }
}

div.carousel-caption-welcome-new-site a span {
    font-family: 'Nunito',sans-serif!important;
    font-size: 16px!important;
    line-height: 18px!important
}

@media all and (min-width: 480px) {
    div.carousel-caption-welcome-new-site a span {
        font-size:22px!important;
        line-height: 24px!important
    }
}

@media all and (min-width: 768px) {
    div.carousel-caption-welcome-new-site {
        text-align:left;
        z-index: 1;
        transform: translateX(-50%)!important;
        -ms-transform: translateX(-50%)!important;
        -webkit-transform: translateX(-50%)!important;
        left: 50%;
        width: 750px;
        top: 0
    }

    div.carousel-caption-welcome-new-site a {
        color: #64ab23;
        font-size: 50px;
        line-height: 44px;
        text-shadow: none;
        transition: .1s;
        background: none!important;
        min-width: 528px!important
    }

    div.carousel-caption-welcome-new-site a div.caption-learn {
        color: #64ab23;
        font-size: 12px!important;
        text-align: right;
        padding-right: 48px;
        line-height: 16px!important
    }

    div.carousel-caption-welcome-new-site a span {
        font-size: 16px!important;
        color: #005c93;
        display: block;
        line-height: 20px!important;
        text-align: right;
        padding-right: 36px
    }

    div.carousel-caption-welcome-new-site a h2 {
        margin: 0!important;
        transition: .1s
    }

    div.carousel-caption-welcome-new-site a:hover h2 {
        color: #4d831b!important;
        text-decoration: none
    }

    div.carousel-caption-welcome-new-site a div.caption-learn {
        transition: .1s
    }

    div.carousel-caption-welcome-new-site a:hover div.caption-learn {
        color: #4d831b!important;
        text-decoration: none
    }

    div.carousel-caption-welcome-new-site a span {
        transition: .1s
    }

    div.carousel-caption-welcome-new-site a:hover span {
        color: #0e344a!important;
        text-decoration: none
    }
}

@media all and (min-width: 1200px) {
    div.carousel-caption-welcome-new-site {
        width:900px
    }

    div.carousel-caption-welcome-new-site a {
        min-width: 720px!important;
        font-size: 40px!important
    }

    div.carousel-caption-welcome-new-site a h2 {
        margin: 0!important;
        font-size: 40px!important
    }

    div.carousel-caption-welcome-new-site a span {
        font-size: 20px!important;
        line-height: 26px!important
    }

    div.carousel-caption-welcome-new-site a div.caption-learn {
        font-size: 14px!important;
        line-height: 12px!important
    }
}

@media all and (min-width: 1840px) {
    div.carousel-caption-welcome-new-site {
        width:1120px
    }

    div.carousel-caption-welcome-new-site a {
        min-width: 900px!important;
        font-size: 50px!important
    }

    div.carousel-caption-welcome-new-site a h2 {
        margin: 0 0 4px 0!important;
        font-size: 50px!important
    }

    div.carousel-caption-welcome-new-site a span {
        font-size: 30px!important;
        line-height: 32px!important
    }

    div.carousel-caption-welcome-new-site a div.caption-learn {
        font-size: 20px!important;
        line-height: 24px!important
    }
}