@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url("https://use.typekit.net/ouj2ckt.css");

html {
    scroll-behavior: smooth;
}
body {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    background: #f3f9fe;
    text-align: center;
    margin: 0px auto; 
    max-width: 1920px; 
    line-height: 1; 
    padding: 0px;
}
a, a:hover, a:active, a:visited {
 text-decoration: none;
 cursor: pointer;
}
h1 { 
 font-size: 32px; 
 color: #002C77; 
 font-family: "soleil", sans-serif; 
 font-weight: 700; 
}
h2 { 
 font-size: 28px; 
 color: #002C77; 
 font-family: "soleil", sans-serif; 
 font-weight: 700; 
 margin: 0;
 padding-top: 20px;
}
h3 { 
 font-size: 20px; 
 color: #002C77; 
 font-family: "soleil", sans-serif; 
 font-weight: 400; 
}
h3 a { 
 text-decoration: none; 
 color: #002C77; 
}
p { 
 font-size: 16px;
 color: #333;
 line-height:1.25em; 
 padding: 0px 10px;
}
p a, a:active, a:visited { 
 font-size: 16px; 
 color: #333; 
 text-decoration: none;
}
p a:hover {
 text-decoration: underline;
 color: #2b4f8e;
}
i {
 font-size: 36px;
 color: #002C77;
 padding-bottom: 10px;
}
sup {
 font-size: .65em;
}
.col {
 padding: 0;
}
#header {
 background-color: #FFF;
}
#clientlogo, #hero {
 padding: 0;
 margin: auto;
 max-height: 350px;
}
.client_logo {
 padding: 30px;
 background: #fff;
 display: flex;
 justify-content: center;
 
}
.client_logo img {
 width: 100%;
 max-height: 225px;
 object-fit: contain;
}
.hero {
 background: #fff;
 max-height: 350px;
 overflow: hidden;
}
.hero img{
 width: 100%;
 float: right;
 object-fit: contain;
}
.hero_arc {
 position: absolute;
 top: 0;
}
.hero_arc img {
 max-height: 350px;
}
.intro {
 padding: 30px 50px 25px;
 background: #8BBFF3;
}
.row {
 margin: 0;
}
.callout_row {
 padding: 10px 20px 20px 20px;
}
.callouts {
 padding:10px;
}
.callout_card, .mobileapp_card {
 box-shadow: 0 .1875rem .375rem rgba(0,0,0,.15);
 background: #fff;
 width: 100%;
 padding: 10px;
 border-radius: .25rem;
}
.callout {
 padding: 10px 0;
}
.grow { 
 text-decoration: none; 
 transition: all 0.2s ease-in-out 0s; 
}
.grow:hover { 
 transform: scale(1.05); 
}
.mobileapp {
 padding: 20px 0 10px;
 background-color: #FFCF00;
}
.mobileapp_card {
 background-color: #FFCF00;
 box-shadow: none;
}
.mobileapp img {
 max-height: 60px;
 padding:0 10px;
}
.footer_arc {

 padding-top: 10px;
 background-color: #FFCF00;
}
.footer_arc img {
 width: 100%;
 transform: scaleX(-1);
 position: relative;
 top: 1px;
}
.disclosure {
 padding: 10px 30px 0 30px;
 text-align: left;
 line-height: 1.5;
 color: #FFF;
 background: #002C77
}
.footer {
 padding: 30px;
 background: #002C77;
 text-align: left;
 color: #FFF;
}
.footer a, .footer a:active, .footer a:visited {
 text-decoration: underline;
 font-size: 12px;
 color: #FFF;
}
.oa_logo {
 padding: 0 30px 20px;
 background: #002C77;
 text-align: left;
}
.oa_logo img {
 max-height: 40px;
}

.advisorinfo {
 list-style-type: none;
 padding: 0;
 line-height: 1.5;
 font-size: 16px;
}
.advisorinfo i {
 color: #2b4f8e;
 padding-right: 10px;
 font-size: 16px;
}
.advisorinfo li {
 display: inline-block;
 padding-right: 10px;
}
.eolanguage a, .advisorinfo a {
 color: #2b4f8e;
}
.eolanguage a:hover, .advisorinfo a:hover {
 text-decoration: underline;
}
.eolanguage a{
 color: #2b4f8e;
}
.eolanguage a:hover {
 text-decoration: underline;
}
.modal-body {
 text-align: left;
}
.modal_btn {
 padding: 20px;
 text-align: center;
}
.modal_btn p {
 padding: 10px 30px;
 color: #fff;
 background-color: #023D69;
 display: inline;
 border-radius: 10px;
}
.modal_btn p:hover {
 opacity: 0.85;
}

@media (max-width: 991px) { 
.hero_arc {
 visibility: hidden;
}
.client_logo {
 padding: 20px;
 max-height: 120px;
 margin: auto;
}
.client_logo img {
 height: 70px;
}



@media (min-width: 1200px) { 
li {
 max-width: 280px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis; 
}
}

