/* font-family: 'Oleo Script', cursive; */
/* font-family: 'Lobster Two', cursive; */

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    /*background-image: url("../images/background-grid.png");*/
    /*background-repeat: repeat;*/
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #1f1f20;
}



p, li {
    font-size: 16px;
    font-weight: 500;
    color: #878787;
}

hr.fancy {
    position: relative;
    height: 5px;
    max-width: 56px;
    border-bottom: 5px solid #d80000;
}
.logo-wrap{
    margin-top: 1rem;
    margin-bottom: 1.125rem;
}
.logo-wrap .logo-img  a img{
    max-width: 250px;
    max-height: 150px;
    margin: 0.5rem;
}
.logo-text h1{
    font-size: 30px;
    /*font-size: 2.25rem;*/
    font-family: 'Montserrat Alternates', 'Lobster Two', 'Oleo Script', cursive;
    font-weight: 700;
    color: #d80000;
}
.logo-wrap a .column:nth-child(2){
    margin-top: .6rem;
}

.hero-section{
    height: 30vh;
    background-image: url("../images/hero-img.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    z-index: 5;
}
.hero-section.sub-hero{
    height: 200px;
    display: flex;
    align-items: flex-end;
}
.hero-section.sub-hero h2{
    /*font-size: 3.5rem;*/
    color: #383837;
    text-shadow: 3px 4px 6px #fff;
    margin-bottom: 1rem;
}
@media screen and (min-width: 40em) {
    .logo-wrap .logo-img  a img{
        max-width: 250px;
        max-height: 150px;
        margin: 0.5rem;
    }
    .logo-text h1{
        font-size: 35px;
        /*font-size: 2.25rem;*/
        font-weight: 700;
        color: #d80000;
    }
    .hero-section {
        height: 30vh;
    }
    .hero-section.sub-hero h2{
        font-size: 3.5rem;
    }
}
@media screen and (min-width: 64em) {
    .hero-section {
        height: 520px;
    }
}


.shadow-wrap{
    background-image: url("../images/shadow.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size:100% auto ;
    /*padding-bottom: 98px;*/
    margin-bottom: -98px;
    height: 98px;
    z-index: 50;
    position: relative;
}
.nav-wrap{
    background: #fff;
    border-top: 20px solid #890000;
}
.menu .active > a {
    color: #fefefe;
    background: #890000;
}
.top-bar, .top-bar ul{
    background-color: transparent;
}
.top-bar {
    padding: 0 0.5rem;
}
.top-bar ul ul {
    background-color: #fff;
    background-repeat: repeat;
}
.title-bar {
    background: #d80000;
    padding: 0.75rem 0.5rem;
}
.title-bar a{
    color: #fefefe;
    padding: 0.5rem;
}

.menu > li > a{
    color: #4f4f50;
    display: block;
    /*padding: 1.875rem 1rem;*/
    padding: 1.575rem 1rem;
    font-weight: 600;
}
.menu > li > a:hover{
    color: #d80000;
}
.menu > li > ul > li > a{
    color: #4f4f50;
    padding: 0.875rem 1rem;
}
.menu > li > ul > li.js-drilldown-back > a{
    background-color: #8f9094;
    color: #fefefe;
}
.menu > li > ul > li > a:hover{
    color: #fff;
    background-color: #4f4f50;
    padding: 0.875rem 1rem;
    /*font-weight: 700;*/
}
.is-drilldown {
    min-height: 0px;
    max-width: 100%!important;
    overflow: visible;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after{
    border-color: transparent transparent transparent #dc0f00;
}
.is-drilldown-submenu-parent > a::after{
    border-color: transparent transparent transparent #dc0f00;
}
@media screen and (max-width: 39.9375em) {

    .menu > li {
        border-bottom: 1px solid #b7b7b7;
    }
    .menu > li > a {
        display: block;
        padding: 0.7rem 1rem;
        line-height: 1;
        /*border-bottom: 1px solid #695b4d;*/
    }
    .js-drilldown-back > a::before{
        border-color: transparent #d80000 transparent transparent;
        margin-bottom: 2px;
    }
    .top-bar {
        padding: 0 0;
    }
}
@media screen and (min-width: 40em) {

    .top-bar ul {
        padding-bottom: .75rem;
        /*padding-bottom: 0;*/
    }
    .menu.medium-horizontal > li {
        display: inline-block;
        margin-bottom: -.75rem;
    }
    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1rem;
        position: relative;
    }
    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: none;
    }
    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        /*top: 100%;*/
        top: 75%;
        z-index: 55;
    }
}

.welcome-section {
    padding: 55px 0 4.75rem;
}
.text-content {
    padding: 55px 0 0;
}
.services-section{
    padding: 0 0 2.5rem;
}
.gray-bkgd{
    background-color: #f8f8f8;
    /*border-bottom: 1px solid #f2c7c7;*/
    border-bottom: 3px solid #d80000;
}
.services-section .icons-wrap{
    padding: 0 0 2.5rem;
    max-width: 76.875rem;
    /*border: 1px solid red;*/
}
.services-section .icons-wrap .service-wrap{
    margin-bottom: 2rem;
}
.services-section .icons-wrap .service-wrap a{
    /*padding: 11.25rem 1.75rem 0;*/
    padding: 35% 1.75rem 0;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
.services-section .icons-wrap .service-wrap a .gray-bkgd.row{
    /*border-bottom: 3px solid #d80000;*/
    padding: 0 0.9375rem;
    /*height: 215px;*/
}
.services-section .icons-wrap .service-wrap .service-icon{
    /*background-color: #f8f8f8;*/
    margin: -44px auto 10px;
    width: 112px;
    height: 112px;

}
.calculators .service-icon{
    background-image: url("../images/wallet-icon.png");
}
.newspaper .service-icon{
    background-image: url("../images/newspaper-icon.png");
}
.additional .service-icon{
    background-image: url("../images/additional-icon.png");
}
.services-section .icons-wrap .service-wrap p{
    font-size: 18px;
    color: #2f363c;
    font-weight: 500;
    margin-bottom: 1.75rem;
    line-height: 1.26;
}
.services-section .text-div{
    padding: 0 0.9375rem;
}
.service-wrap a.calculators{
    background-image: url("../images/services-bkgd1.jpg");
}
.service-wrap a.newspaper{
    background-image: url("../images/services-bkgd2.jpg");
}
.service-wrap a.additional{
    background-image: url("../images/services-bkgd3.jpg");
}
.afsbpage-service-category-title {
    margin-top: 20px;
}

.clientlinks-section{
    padding: 2.5rem 0 5.25rem;
}
.clientlinks-section .arrow-tab {
    height: 141px;
    transition: width 0.25s ease-out;
}
.clientlinks-section .arrow-tab .column{
    height: 125px;
    background-color: #890000;
    border-radius: 15px 0 0 15px;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-bottom: 1rem;
}
.clientlinks-section .arrow-tab > .column > .row{
    height: 125px;
    background-color: #f2f2f2;
}
.clientlinks-section .arrow-tab h3 {
    padding-left: 5.75rem;
    padding-right: 1.25rem;
    /*font-size: 40px;*/
    line-height: 1;
}
.clientlinks-section .arrow-tab h3 a{
    color: #6f6d6d;
    font-weight: 600;
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.clientlinks-section .arrow-tab .arrow-img{
    float: left;
    margin-left: -1.25rem;
    width: 112px;
    height: 137px;
}
.clientlinks-section .arrow-tab .arrow-img.calendar-icon{
    background-image: url("../images/calendar-icon.png");
}
.clientlinks-section .arrow-tab .arrow-img.client-area-icon{
    background-image: url("../images/client-area-icon.png");
}

.make-payment h1 {
    display: none;
}
#pageContent {
    margin-bottom: 4rem;
}

@media screen and (max-width: 39.9375em) {
    .welcome-section{
        background-image: url(../images/hero-img.jpg);
        background-color: rgba(255, 255, 255, 0.75);
        background-blend-mode: lighten;
        background-size: cover;
        margin-bottom: 3rem;
        padding: 55px 0 1.75rem;
    }
}
@media screen and (max-width: 63.9375rem) {

    .clientlinks-section .arrow-tab {
        float: none!important;
        clear: both;
        padding-bottom: 1rem;
        margin: 0 auto 1rem auto;
    }
    .clientlinks-section .arrow-tab > .row{
        /*margin: 42px 0 23px 2.9375rem;*/
    }
    .clientlinks-section .arrow-tab h3 {
        /*font-size: 40px;*/
    }
}
@media screen and (min-width: 40em) {
    .services-section .icons-wrap{
        display: flex;
        align-items: stretch;
    }
    .services-section .icons-wrap .service-wrap {
        /* border: 1px solid #0ca592; */
        margin-bottom: 2rem;
        display: flex;
        align-items: stretch;
    }
    .services-section .icons-wrap .service-wrap a{
        /*padding: 45% 6% 0;*/
        padding-top: 0;
        padding: 0 0.625rem 0;
        background-size: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        display: flex;
        align-items: stretch;
    }
    .services-section .icons-wrap .service-wrap a .gray-bkgd.row {
        padding: 0 0.9375rem;
        /* height: 215px; */
        margin: 45% 0% 0;
    }
    /* one item */
    .clientlinks-section .arrow-tab:first-child:nth-last-child(1) {
        /*border: 2px solid deeppink;*/
        /*width: 60%;*/
    }
    /* two items */
    .clientlinks-section .arrow-tab:first-child:nth-last-child(2),
    .clientlinks-section .arrow-tab:first-child:nth-last-child(2) ~ .arrow-tab{
        /*width: 60%;*/
    }
    .clientlinks-section .arrow-tab .column{
        padding-right: 3.25rem;
        padding-left: 1.25rem;
        margin-bottom: 1rem;
    }
    .clientlinks-section .arrow-tab .arrow-img{
    }
    .clientlinks-section .arrow-tab > .row{
    }
    .clientlinks-section .arrow-tab h3 a{
        font-size: 2.5rem;
    }
}
@media screen and (min-width: 64em) {
    .services-section .icons-wrap .service-wrap a{
        /*padding: 11.25rem 1.75rem 0;*/
        padding: 0 1.75rem 0;
        background-size: 100%;
        background-position: top center;
        background-repeat: no-repeat;
    }
    .services-section .icons-wrap .service-wrap a .gray-bkgd.row{
        margin: 11.25rem 0% 0
    }

    /* one item */
    .clientlinks-section .arrow-tab:first-child:nth-last-child(1) {
        float: none!important;
        clear: both;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
    /* two items */
    .clientlinks-section .arrow-tab:first-child:nth-last-child(2),
    .clientlinks-section .arrow-tab:first-child:nth-last-child(2) ~ .arrow-tab {
        width: 49%;
    }
    .clientlinks-section .arrow-tab h3 a{
        font-size: 2.5rem;
    }
}
.contact-section{
    padding: 5px 0 65px;
    word-wrap: break-word;
}
.contact-section .lead{
    font-size: 200%;
    /*border-bottom: solid 3px #dc0f00;*/
    border-bottom: solid 3px #8b0600;
    line-height: 1.46;
    margin-bottom: 1rem;
}
.googleMap {
    width: 100%;
    height: 250px;
}
.googleMapLink {
    width: 100%;
    margin-top: .6rem;
    margin-bottom: 2.5rem;
    text-align: left;
}
.googleMapLink a{
    color: #dc0f00;
}
.contact-section .column .row .columns{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.g-recaptcha{
    margin-bottom: 1rem;
}
.cal-wrap {
    background: #383837 url(../images/cal_bg.png) no-repeat 0 0;
}
.bullet-dot{
    background-image: url("../images/dot.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
}
.button {
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    /*border: 1px solid transparent;*/
    padding: 0.85em 1.125em;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    font-weight: 600;
    background-color: #dc0f00;
    color: #fefefe;
    /*border: 2px solid #8b0600;*/
    /*border-top-width: 1px;*/
    /*border-radius: 20px;*/
    border: 1px solid #8b0600;
    border-top-width: 1px;
    border-bottom-width: 3px;
    border-radius: 15px;
}
.button:hover, .button:focus {
    background-color: #8b0600;
    border: 1px solid #383837;
    border-bottom-width: 1px;
    border-top-width: 3px;
    color: #fefefe;
}

footer .top-footer {
    /*background-color: #6f6d6d;*/
    background-color: #383837;
    padding-top: 2.5rem;
    padding-bottom: 1.875rem;
}
footer .bottom-footer{
    background-color: #890000;
    padding-top: 22px;
    padding-bottom: 20px;
}
footer .lead{
    font-family: 'Montserrat Alternates', 'Lobster Two', 'Oleo Script', cursive;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}
footer, footer a, footer p{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0.125rem;
}
i.fa-svg:before {
    background: #FFF;
}
footer a:hover, footer a:focus {
    color: #dc0f00;
}
footer a:hover i.fa-svg:before,
footer a:focus i.fa-svg:before {
    background: #DC0F00;
}
footer .biz-id .logo-img a img{
    max-width: 200px;
    max-height: 150px;
}
footer .biz-id .row:nth-child(2){
    margin-top: .6rem;
}

.quick-links-footer ul, .footer-contact ul{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
footer .logo-text h4{
    font-family: 'Courgette', 'Damion', cursive;
    color: #fff;
}
footer i{
    margin-right: 5px;
}
footer h5{
    font-weight: 500;
}
footer ul.social-links{
    margin: 1.9375rem auto 0.9375rem auto;
}

footer ul.social-links li {
    display: inline-block;
}
footer ul.social-links li a{
    padding: 1.875rem 1rem;
}

.bottom-footer .legal div.dash:first-child:nth-last-child(1) {
    /* -or- li:only-child { */
    display: none;
}
.bottom-footer .legal div.dash p{
    margin: 0;
}
@media screen and (max-width: 39.9375em) {
    .top-footer .biz-id{
        text-align: center;
    }
    .bottom-footer .legal div.column.legal-text {
        width: 100%;
        text-align: center;
    }
    .bottom-footer .legal div.dash p{
        transform: rotate(90deg);
        width: 30px;
        margin: 0 auto;
    }
    .bottom-footer .legal div.dash:first-child:nth-last-child(2),
    .bottom-footer .legal div.column:first-child:nth-last-child(2) ~ div.dash{
        display: none;
    }
    .quick-links-footer, .footer-contact{
        margin: 0 auto;
        float: none!important;
    }
}
@media screen and (min-width: 40em) {
    .bottom-footer .legal {
        display: flex;
        align-items: center;
    }

    .bottom-footer .legal div.column:first-child:nth-last-child(3) {
        width: 48%;
        text-align: right;
    }

    .bottom-footer .legal div.column:nth-child(2) {
        width: 4%;
        text-align: center;
    }

    .bottom-footer .legal div.legal-text:first-child:nth-last-child(2) {
        width: 100%;
        text-align: center;
    }

    .bottom-footer .legal div.dash:first-child:nth-last-child(2),
    .bottom-footer .legal div.column:first-child:nth-last-child(2) ~ div.dash {
        display: none;
    }

    .bottom-footer .legal div.column:first-child:nth-last-child(2) ~ div.legal-text {
        width: 100%;
    }

    .bottom-footer .legal div.column:nth-child(3) {
        width: 48%;
        text-align: left;
    }
}
@media screen and (min-width: 64em) {
    footer .top-footer .logo-img, footer .top-footer .logo-text{
        text-align: left;
        margin-bottom: .25rem;
    }
}
#nl-archive-hd {
    font-size: 18px;
    font-weight: bold;
}
.newsletter-article table tbody tr:nth-child(even) {
    background: inherit;
}
.newsletter-article table thead, .newsletter-article table tbody, .newsletter-article table tfoot {
    border: inherit;
}
.link-container, .afsbpage-service-list-item {
    margin-bottom: 15px;
}


/*  Header CTA Css     */
.header-cta-container {
    padding: 1.125rem 1rem 0.125rem;
    /*border-top: 20px solid #890000;*/
    /*background-color: #383837;*/
    background-color: #890000;
}
.header-cta-container a{
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    display: inline-block;
    padding: 0rem 0.5rem;
    vertical-align: bottom;
}
.header-cta-container a i.fa-svg:before {
    background-color: #FFF;
    height: 20px;
    margin-bottom: -3.4px;
}
.header-cta-container a:hover{
    color: #dbdbde;
    /*color: #f2f2f2;*/
}
.header-cta-container a:hover i.fa-svg:before {
    background-color: #DBDBDE;
}
.header-cta-container .contact-option-cta a{
    padding-left: 0;
}
.header-cta-container .contact-option-cta a i{
    /*margin-right: 0.625rem;*/
    margin-right: 0.25rem;
    font-size: 18px;
}
.header-cta-container .social-links-cta{
}
.header-cta-container .social-links-cta a{
}
.header-cta-container .social-links-cta a:hover{
}
.header-cta-container .social-links-cta a i{
    margin-right: 0.125rem;
    font-size: 20px;
}
.header-cta-container .social-links-cta a>span{
    display: none;
}