/*CUSTOM PROMO*/
.promoFlex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.promoFlex img{
    height:800px;
    width:600px;
}
.promoDiv1{
    margin:auto 0;
}

@media screen and (max-width:700px){
    .promoFlex img{
    height:600px;
    width:400px;
}
}

@media screen and (max-width:470px){
    .promoFlex img{
    height:400px;
    width:250px;
}
}

/*END CUSTOM PROMO*/

/*GENERAL*/
.mod-page-wrap{
    background:#fff;
}
.mod-content-image-banner{
    background:#000;
}
.mod-content-image-overlay-center{
    bottom:15%;
}
.mod-page-wrap-topper{
    background:#fff;
}
p{
    color:#000;
}
p a{
    color:#000;
}
/*END GENERAL*/

/*NAVIGATION AND LOGO*/
.mod-navigation-logo-v9 img{
    width:200px;
}
.mod-navigation-logo-wrap{
    width:18em;
}
.mod-navigation-children .mod-navigation-children .mod-navigation-link{
    color:#fff;
}
@media screen and (min-width: 1201px) {
    .mod-navigation-section.mod-navigation-section-short:hover>.mod-navigation-link-parent, .mod-navigation-section.mod-navigation-section-short:focus>.mod-navigation-link-parent,
    .mod-navigation-section:hover>.mod-navigation-link, .mod-navigation-section>.mod-navigation-link:focus {
        color: #fff;
        background: #62215D;
    }
    .mod-navigation-children{
        background:#62215d;
    }
    .mod-navigation-children .mod-navigation-children .mod-navigation-link{
        color:#fff;
    }

    .mod-navigation-children .mod-navigation-children .mod-navigation-link {
        padding: 0em 0 0em 3em;
    }
}
/*END NAVIGATION AND LOGO*/

/*FONTS*/
.h2style{
    font-size:35px;
    color:#000;
}
.mod-content-image-banner .h1style, .mod-content-image-banner h1, .mod-content-image-headline{
    font-size:50px;
}
.h1style, h1{
    font-size:50px;
}
/*END FONTS*/

/*MAIN PROMOS*/
.mod-hero-content-wrap{
    background:#000000c7;
    background: rgba(0,0,0,.78);
}
.mod-hero-rotator-slide-overlay {
    background: #000000;
}
.mod-tile-wrap-horiz .mod-tile-image-wrap .mod-tile-image{
    max-height:50%;
}

/*LISTS*/
ul li::before, ul li:before{
    background:#000;
}
li{
    font-weight:normal;
    color:#000;
}
/*END LISTS*/

/*CARDS*/
.cstmCrd{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    gap:20px;
    height:auto;
    width:auto;
    max-width:20em;
    background:#00adb5;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius:30px;
    overflow:hidden;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.crdImg{
    width:400px;
}
.cardTxt{
    padding:0 1em 1em 1em;
}
.crdFlex{
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    gap:50px;
}
.crdH3{
    font-size:30px;
    font-weight:600;
    padding-bottom:.5em;
}
.cstmCrd p{
    padding:0 0 3px 0;
}
/*END CARDS*/

/*FOOTER AND FOOTER IMG*/
.bankImg{
    text-align:center;
}
.mod-footer-logo-wrap{
    display:none;
}
.mod-footer-wrap{
    background:#62215D;
}
.footerTxt{
    text-align:center;
    background:#62215d;
}
.footerTxt p{
    color:#fff;
    line-height:1.2em;
    padding:.2em;
}
.mod-footer-table .mod-footer-column-wrap{
    padding:1em 2em;
}
.footerContact{
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: left;
    gap: 50px;
    margin:0 1em;
}

/*END FOOTER*/

/*CTAs*/
.defaultCTA::after, .defaultCTA:after, .mod-hero-button::after, .mod-hero-button:after, .mod-tile-button::after, .mod-tile-button:after{
    display:none;
}
.mod-navigation-login-link:hover::before, .mod-navigation-login-link:hover:before, .mod-navigation-login-link:focus::before, .mod-navigation-login-link:focus:before{
    color:#000;
}
.defaultCTA{
    padding: 1em 1.5em 1em 1.5em;
    word-break:break-word;
}
.mod-hero-button, .mod-tile-button, .defaultCTA, .mod-navigation-login-link{
    background-color: #00adb5;
    color: #000;
    background-image: linear-gradient(to bottom, rgb(0, 173, 181) 0%, rgb(0, 140, 147) 100%);
    background-image: -o- linear-gradient(to bottom, rgb(0, 173, 181) 0%, rgb(0, 140, 147) 100%);
    background-image: -moz-linear-gradient(to bottom, rgb(0, 173, 181) 0%, rgb(0, 140, 147) 100%);
    background-image: -webkit-linear-gradient(to bottom, rgb(0, 173, 181) 0%, rgb(0, 140, 147) 100%);
    background-image: -ms-linear-graident(to bottom, rgb(0, 173, 181) 0%, rgb(0, 140, 147) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0, 173, 181)), color-stop(1, rgb(0, 140, 147)));
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0px -1px 0px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0px 6px 0px #00adb5, 0px 3px 15px rgb(0 0 0 / 40%), inset 0px 1px 0px rgb(255 255 255 / 30%), inset 0px 0px 3px rgb(255 255 255 / 50%);
    -moz-box-shadow: 0px 6px 0px #00adb5, 0px 3px 15px rgba(0, 0, 0, .4), inset 0px 1px 0px rgba(255, 255, 255, .3), inset 0px 0px 3px rgba(255, 255, 255, .5);
    box-shadow: 0px 6px 0px #00adb5, 0px 3px 15px rgb(0 0 0 / 40%), inset 0px 1px 0px rgb(255 255 255 / 30%), inset 0px 0px 3px rgb(255 255 255 / 50%);
    font-weight: bold;
    font-style: italic;
    border: none;
}
.mod-hero-button:hover, .mod-her-button:focus, .mod-tile:hover .mod-tile-button, .mod-tile:focus .mod-tile-button, .defaultCTA:hover, .defaultCTA:focus, .mod-navigation-login-link:hover, .mod-navigation-login-link:focus{
    color: #000;
    background-image: linear-gradient(to bottom, rgb(0, 140, 147) 0%, rgb(0, 173, 181) 100%);
    background-image: -o-linear-gradient(to bottom, rgb(0, 140, 147) 0%, rgb(0, 173, 181) 100%);
    background-image: -moz-linear-gradient(to bottom, rgb(0, 140, 147) 0%, rgb(0, 173, 181) 100%);
    background-image: -webkit-linear-gradient(to bottom, rgb(0, 140, 147) 0%, rgb(0, 173, 181) 100%);
    background-image: -ms-linear-gradient(to bottom, rgb(0, 140, 147) 0%, rgb(0, 173, 181) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0, 140, 147)), color-stop(1, rgb(0, 173, 181)));
    border: none;
}
/*END CTAs*/

/*MEDIA*/

@media screen and (max-width:1480px){
    .mod-navigation-link{
        padding:3em 1.5em;
    }
}
@media screen and (max-width:1350px){
    .mod-navigation-logo-wrap {
        width: 13em;
    }
}

@media screen and (max-width:1340px){
    .mod-navigation-logo-v9 img {
        width: 165px;
    }
}

@media screen and (max-width:1250px){
    .mod-navigation-logo-wrap{
        left:0;
    }
}

@media screen and (max-width:1200px){
    /*NAVIGATION*/
    .mod-navigation-logo-wrap {
        left: calc(50% - 18em / 2);
    }    
    button.mod-navigation-link-acs{
        background:#62215d;
    }
    .mod-navigation-center {
        min-height: 6em;
    }
    .mod-navigation-login-link {
        top: 2em;
    }
    .collapsed .mod-navigation-children, .collapsed .mod-navigation-link, .collapsed .mod-navigation-link:hover, .collapsed .mod-navigation-link:focus,
    .collapsed .mod-navigation-section:hover .mod-navigation-link, .collapsed .mod-navigation-section:focus .mod-navigation-link,
    .mod-navigation-section.collapsed:hover .mod-navigation-link, .mod-navigation-section.collapsed:focus .mod-navigation-link {
        background: #62215d;
    }
    .mod-navigation-link, .mod-navigation-link:hover, .mod-navigation-link:focus, .mod-navigation-section:hover .mod-navigation-link,
    .mod-navigation-section:focus .mod-navigation-link {
        background: #62215d;
    }
    .mod-navigation-link{
        border-top: none;
    }
    .mod-navigation-link {
        padding: 1.6em 3em;
    }
    .mod-navigation-children{
        background:#62215d;
    }
    /*END NAV*/

}

@media screen and (max-width:920px){
    
    /*FOOTER IMG*/
    .bankImg img{
        width:600px;
    }
    /*END FOOTER IMG*/
}

@media screen and (max-width:860px){
    .footerContact{
        flex-wrap:wrap;
        margin: 1em 1em 0 1em;
        gap:25px;
    }
}

@media screen and (max-width:600px){
    
    /*FOOTER IMG*/
    .bankImg img{
        width:300px;
    }
    /*END FOOTER IMG*/
}

@media screen and (max-width:550px){
    .mod-navigation-logo-wrap {
        width: 13em;
        left: calc(50% - 13em / 2);
    }
}

@media screen and (max-width:390px){
    .mod-navigation-login-link, .home .mod-navigation-login-link{
    background: none;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
}
}