@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body{font-family: "Public Sans", Helvetica, Arial, sans-serif; font-weight: 400; color:#141617}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Domine", Helvetica, Arial, sans-serif;}

h3, .h3{font-size:36px}

a, a:hover{color: #1b3d87}

.titlehdr{padding-bottom:25px; background-image:url(../img/title-border.png); background-position: center bottom; background-repeat: no-repeat; background-size: auto;}

.u-header, .u-header.js-header-fix-moment .u-header__section, .u-header--sticky-top {background-image: url(../img/hdr-bg.jpg);background-position: left bottom;
    background-repeat: no-repeat; background-size: cover; background-color: #fff!important; box-shadow: rgba(0, 0, 0, .117647) 0 1px 3px;}

.navbar-nav{font-family: "Public Sans"; font-size:16px; font-weight: 700}
.navbar .u-main-nav-v4 .nav-link{border:none}

.navbar-brand{margin-top:20px; margin-bottom:20px}

.hs-sub-menu .active{background-color:#142d65}

.u-header.js-header-fix-moment .navbar-brand{padding-top:0; margin-top:5px; margin-bottom:5px}

.g-brd-gold{border-color:#b78e2c}

.form-control:focus,
.custom-select:focus {
    border-color: #1b3d87;
}

.hamburger-box {width: 25px; height: 25px;}
.hamburger{color: #000!important}
.hamburger:hover {opacity: 1;}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 100%;
    height: 3px;
    border-radius: 0;
}


.pagetitlebar {margin-top:120px; height:200px; background-image: url(../img/pagetitle-bg.jpg); background-position: right top;
    background-repeat: no-repeat; background-size: cover}

.pagetitlebar h1{font-size:54px;}

/*
.bg {background-image: url(../img/jac2025bg01.jpg); background-position: center center;
background-repeat: repeat-y; background-size: auto}
*/

.navbar .u-main-nav-v4 .nav-item{margin-right:25px}
.navbar .u-main-nav-v4 .lnav2.nav-item{margin-right:0}

.navbar .u-sub-menu-v1 .hs-sub-menu{min-width: 210px}


.navbar .u-main-nav-v4 .nav-link {padding: 0!important; height:130px; align-items:center; display:flex; color:#000!important; font-size:14px; font-weight: 700}

.navbar .u-main-nav-v4 a.nav-link:hover{color: #b7cbea!important;} 

.navbar {align-items: start!important;}
.navbar .u-sub-menu-v1 .hs-sub-menu{border-top: none; background-color: #0470c3!important; color:#fff; padding:0}

.navbar .u-sub-menu-v1 .hs-sub-menu{font-size:14px;}
.navbar .u-sub-menu-v1 .hs-sub-menu a, .navbar .u-sub-menu-v1 .hs-sub-menu a:hover, .navbar .u-sub-menu-v1 .hs-sub-menu a:focus
{color:#fff!important; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #f9e084}
.navbar .u-sub-menu-v1 .hs-sub-menu a:hover{background-color: #142d65!important}

.navbar .u-main-nav-v4 .nav-item.active > .nav-link, .navbar .u-main-nav-v4 .nav-item:hover > .nav-link, .navbar .u-main-nav-v4 .nav-item:focus > .nav-link, .navbar .u-main-nav-v4 .nav-item.show > .nav-link, .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v4 .nav-item .nav-link:focus {
    color: #0470c3!important;
}

.hs-has-sub-menu > a::after {
    /*content: "\e900";
    font-family: "hs-icons" !important;*/

    content: "\f107"!important;
    font-family: FontAwesome!important;
    font-style: normal;
    font-weight:500;
    font-size: 18px;
    display: inline;
    margin-left: 7px;
}


.js-header-change-moment .navbar .u-main-nav-v4 .nav-link {height:65px;}
.js-header-change-moment .navbar-brand img{width:197px}

.g-bg-primary{background-color: #1b3d87!important}
.g-bg-primary2{background-color: #0c1b3c!important}
.g-bg-primary3{background: #FFF;
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 223, 172, 1) 25%, rgba(255, 223, 172, 1) 75%, rgba(255, 255, 255, 1) 100%);
}
.g-bg-blue2{background-color: #276f9c!important}
.g-color-primary{color: #1b3d87!important}
.g-color-primary2{color: #0470c3!important}
.g-color-primary3{color: #142d65!important}

.u-btn-primary {
    color: #fff;
    border:2px solid #1b3d87;
    background-color: #1b3d87; 
    border-radius:10px}

.u-btn-primary:hover, .u-btn-primary.active {
    border:2px solid #bf7f42;
    background-color: #142d65; }

.u-btn-primary:hover, .u-btn-primary:focus, .u-btn-primary.active {
    color: #fff; }

.u-go-to-v2{background-color: #141617;}
.u-go-to-v2:hover, .u-go-to-v2:focus:hover{background-color: #1b3d87;}

.footerbtm .u-icon-v2{font-size: 16px!important; width:34px; height:34px; border-color: rgba(255, 255, 255, 0.25)}

.footerbtm {background-image: url(../img/footer-bg.jpg);background-position: top center;
    background-repeat: no-repeat; background-size: auto; background-color: #142d65!important}

.footerbtm a{color:#fff!important}
.footerbtm a:hover{color:#ffd114!important; text-decoration:none}

.topbrdr{border-top:1px solid #236688}

.ppaprcp{max-width:295px}
.ppaprcp img{border-radius:25px 25px 0px 0px;}


/* NO LINK Gray */
.navbar .u-main-nav-v4 .nolink .nav-link, .navbar .u-main-nav-v4 .nav-item.nolink:hover > .nav-link,
.navbar .u-main-nav-v4 .nav-item.nolink:focus > .nav-link, .navbar .u-main-nav-v4 .nav-item.nolink.hs-sub-menu-opened > .nav-link
{color:#a1a1a1!important}

.navbar .u-sub-menu-v1 .nolink .hs-sub-menu, .navbar .u-sub-menu-v1 .nolink .hs-sub-menu a:hover{background-color:#a1a1a1!important;}

.navbar .u-sub-menu-v1 .nolink .hs-sub-menu a{color:#ccc!important;}

.navbar-expand-lg.hs-mobile-state .navbar-collapse .nolink{background-color: #a1a1a1;}

.navbar-expand-lg.hs-mobile-state .navbar-collapse .nolink .nav-link{color:#ccc!important}

.u-header__section--dark .navbar.hs-mobile-state [class*="u-main-nav-v"] .nav-item.nolink.hs-sub-menu-opened > .nav-link,
.u-header__section--dark .navbar.hs-mobile-state [class*="u-main-nav-v"] .nav-item.nolink .nav-link:focus
{color:#ccc!important}

.navbar .u-sub-menu-v1 .hs-sub-menu a.nolinksub, .navbar .u-sub-menu-v1 .hs-sub-menu a.nolinksub:hover{background-color: #a1a1a1 !important; color:#ccc!important}

.hs-sub-menu li.nolink2, .navbar .u-sub-menu-v1 .hs-sub-menu li.nolink2 a:hover {background-color:#a1a1a1!important;}


.u-icon-v1.u-icon-size--sm{font-size:14px!important; width:23.8px; height:23.8px}

/*table*/

.table-bordered
{
    border: 1px solid #f5d7ad;
}

.table thead th {
    font-size:16px;
    color:#fff;
    background-color: #1b3d87;
    vertical-align: bottom;
    border-bottom: 1px solid #f5d7ad;
}

.table-bordered td, .table-bordered th{
    border: 1px solid #f5d7ad;
}

.trcolor{background-color:#fdfbf4}


.hamburger--slider .hamburger-inner:before{top: 8px;}
.hamburger--slider .hamburger-inner:after {top: 16px;}
.hamburger--slider.is-active .hamburger-inner:after{transform: translate3d(0, -16px, 0) rotate(-90deg);}


@media only screen and (max-width: 1600px){
    /*.navbar-brand img{width:250px; height:auto}*/
    /*.pagetitlebar {height:250px; margin-top:90px}*/
    /*.navbar .u-main-nav-v4 .nav-link {height: 90px;}*/
}

@media only screen and (max-width: 1550px){
    /*.navbar .u-main-nav-v4 .nav-link{font-size:15px; height:90px}*/

    /* .lnav{max-width:130px; text-align:center; line-height: 1em}
    .lnav2{max-width:180px; text-align:center; line-height: 1em}*/
}




@media only screen and (max-width: 1280px){

    .pagetitlebar {height:200px;}
    .navbar-brand img{width:300px; margin-top:5px}
}

@media only screen and (max-width: 1024px){
    .pagetitlebar {height:100px; margin-top:130px}
    .pagetitlebar h1 {font-size:40px}  
}


@media only screen and (max-width: 1250px){

    #js-header .container{max-width: 100%}

    .container{max-width: calc(100% - 60px)}


    .navbar-brand img{width:257px; height:auto}



    /* mobile state */ 

    .active .nav-link{background-color:#142d65}

    .navbar .u-main-nav-v4 .nav-item{margin-right:0}

    .navbar .u-main-nav-v4 .nav-item.hs-has-sub-menu > a::after{margin-left:auto}
    .navbar .u-main-nav-v4 .nav-link {font-size:16px;}

    .navbar .u-main-nav-v4 .nav-link{color:#fff!important }
    .nav-item.g-mr-50{margin-right:0!important}
    .navbar-expand-lg .navbar-collapse{background-color:#0470c3; }
    .u-header__section--dark .hamburger-inner, .u-header__section--dark .hamburger-inner::after, .u-header__section--dark .hamburger-inner::before{background-color:#000}

    .pagetitlebar {height:100px; margin-top:97px}
    .pagetitlebar h1{font-size:40px; margin-top:0}

    .lnav, .lnav2{max-width:none; text-align:left;}    




    .navbar{-ms-flex-wrap: wrap;
        flex-wrap: wrap;}

    .navbar-expand-lg .navbar-toggler {
        display: block;
    }

    .navbar-expand-lg .navbar-collapse {
        width: 100%;
        -ms-flex-order: 10;
        order: 10;
        display: block!important;
    }
    .collapse:not(.show) {
        display: none!important;
    }

    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%!important;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center!important;
    }

    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column!important;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    /*
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-collapse {
    width: 100%;
    -ms-flex-order: 10;
    order: 10; } 
    */
    /* mobile state */  

    /*.u-header--sticky-top{position: static;}*/
    /*.u-header__section{background-color: #fff!important}*/
    .u-header__section.g-py-10, .navbar-brand{padding-top:0!important; padding-bottom:0!important}
    .navbar-brand img{width:247px; height:auto; margin-left:30px;}
    .navbar-toggler{margin-right:30px; margin-top:20px}

    .navbar .u-main-nav-v4 .nav-item.active > .nav-link, .navbar .u-main-nav-v4 .nav-item:hover > .nav-link, .navbar .u-main-nav-v4 .nav-item:focus > .nav-link, .navbar .u-main-nav-v4 .nav-item.show > .nav-link, .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v4 .nav-item .nav-link:focus {
        color: #fff!important;
    }    


    .navbar .u-main-nav-v4 .nav-link {
        height:42px;
        padding: 0 30px!important;
        border-top: none;
    }    
    .navbar .u-sub-menu-v1 .hs-sub-menu{box-shadow:none}

    .js-mega-menu.g-px-30{padding-right:0!important; padding-left:0!important}

    .nav-item.g-mr-30{margin-right:0!important}
    .nav-item, .hs-sub-menu li{border-top:1px solid #fff}

    .navbar .u-sub-menu-v1 .hs-sub-menu a{padding-left:30px!important; padding-right:30px!important; font-size:16px}

    .navbar .u-sub-menu-v1 .hs-sub-menu a:before{content:"-"; padding-right:5px}

    .hs-sub-menu, .hs-mega-menu {position: static; visibility: visible}

    .navbar .u-sub-menu-v1 .hs-sub-menu a, .navbar .u-sub-menu-v1 .hs-sub-menu a:hover{border-bottom:none}


}

@media only screen and (max-width: 1251px){
     .navbar-brand img{margin-top:0}
}


@media only screen and (max-width: 640px){

    .pagetitlebar {height:100px; margin-top:97px}
    .pagetitlebar h1{text-align: center}

    .form-check-inline{display:block!important}

    .footerbtm .fbox{max-width: 420px; margin:0 auto}

    .footerbtm {background-image: url(../img/footer-mobilebg.jpg)}

    .navbar-toggler{margin-right:25px!important;}

    .container{max-width: 100%}

}

@media only screen and (max-width: 500px){
    .pagetitlebar h1{font-size:32px; margin-top:0}
    .footerbtm .fbox{max-width: 420px; margin:0 auto}
    .navbar-toggler {margin-right: 30px; margin-top: 20px;}

    .ppaprcp{max-width:none; margin-left:30px; margin-right:30px}

    .titlehdr{font-size:27px!important}

    .footerbtm .g-pl-60{padding-left:30px!important;}
}

@media only screen and (max-width: 350px){
    .navbar-brand img{width:224px; height:auto}
    .navbar-toggler {margin-top: 15px;}

    .pagetitlebar{margin-top: 90px;}

    .pagetitlebar h1 {font-size:26px}    

    .footerbtm a{word-break: break-all}
    .footerbtm .g-pl-60{padding-left:30px!important; padding-right:30px!important}

}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}
}