/* typography */
html,
body {
font: 1em/1.5 Arial, Helvetica, sans-serif;
color: #1d1d1d;
font-weight: 400;
}
.pdf-file:after,
.video-link:after {
font-size: 9px;
font-size: 0.5625rem;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.4;
}
.csp-body-font,
.article-footnotes {
font-size: 14px;
font-size: 0.875rem;
}
.csp-small-font {
font-size: 12px;
font-size: 0.75rem;
}
.title-font {
font-size: 27px;
font-size: 1.6875rem;
}
.panel-title,
.navmenu-fixed-left.offcanvas-xs li > a {
font-size: 15px;
font-size: 0.9375rem;
}
.csp-slideIn .panel > .list-group,
.csp-slideIn .panel > .panel-collapse > .list-group,
.csp-faqList dt {
font-size: 16px;
font-size: 1rem;
}
.content-heading,
.portfolio-heading,
.phone,
.list-heading {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 17px;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.5;
}
.csp-content .topic-heading-secondary,
.csp-content .panel-title a {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3334;
}
.csp-content .lead-in {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.3334;
}
.csp-content h1 {
font-size: 38px;
font-size: 2.375rem;
line-height: 1.1852;
font-weight: 300;
}
.csp-content .panel-title a {
line-height: 1.2;
}
.csp-xref-heading {
font-size: 22px;
font-size: 1.375rem;
font-family: "Lato", Arial, Helvetica, sans-serif;
}
.enroll-now h2,
.topic-heading,
.aside-section-head {
font-size: 28px;
font-size: 1.75rem;
font-weight: 300;
}
.csp-content h1,
.csp-content .topic-heading,
.csp-content .lead-in,
.csp-content .topic-heading-secondary {
font-family: "Lato", Arial, Helvetica, sans-serif;
}
.csp-aside .aside-section-head,
.enroll-now h2 {
font-family: "Lato", Arial, Helvetica, sans-serif;
}
.account-owners h2,
.csp-xref-topic-heading {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 18px;
font-size: 1.125rem;
}
.account-owners h2 {
line-height: 1.2222;
margin-top: 0;
}
.enroll-step {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.3334;
}
.enroll-step:before {
font-size:26px;
line-height: 1.166666666666667;
}
@media (min-width: 768px) {
.enroll-step:before {
font-size: 26px;
}
}
/* _base */
a {
color: #1f6aff;
}
.inline-link {
display: inline;
text-decoration: underline;
}
.color-accent-text {
color: #db3748;
}
.nobreak {
white-space: nowrap;
}
.skipToContent {
position: absolute;
top: 0;
left: -8em;
z-index: 9;
display: block;
text-align: center;
background: #fff;
padding: 0.25em 0.75em;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.skipToContent:focus {
-webkit-transform: translateX(8em);
-ms-transform: translateX(8em);
transform: translateX(8em);
}
.logos {
background: #ffe674;
padding: 6px 0;
}
.logos p {
margin: 0px;
}
@media (min-width: 480px) {
.logos {
margin-right: 0;
}
}
.logos .logo-csp {
height: 44px;
width: 131px;
margin-right: 0.5em;
vertical-align: bottom;
}
@media (min-width: 480px) {
.logos .logo-csp {
margin-right: 1em;
}
}
.br-responsive {
display: none;
}
.csp-officials {
display: block;
line-height: 1.1667;
margin-top: 0.5em;
margin-bottom: 1px;
}
@media (min-width: 360px) {
.csp-officials {
display: inline-block;
vertical-align: bottom;
margin-top: 0;
}
}
@media (min-width: 360px) and (max-width: 420px) {
.csp-officials .br-responsive {
display: block;
}
}
.csp-content-aside {
margin-bottom: 3.375em;
}
@media (min-width: 768px) {
.csp-content-aside .csp-content {
/* NOT on home page */
padding-right: 7%;
}
}
.sr-text {
position: absolute;
display: inline-block;
direction: ltr;
text-indent: -9999em;
white-space: nowrap;
width: 0;
}
.layerLink {
border-bottom: 1px dotted;
}
.layerLink:hover,
.layerLink:focus {
border: 0;
}
.pdf-file:after,
.video-link:after {
color: #fff;
margin-left: 0.5em;
display: inline-block;
letter-spacing: 1px;
padding: 1px 2px 0;
background: #1f6aff;
}
.pdf-file:hover:after,
.pdf-file:focus:after,
.video-link:hover:after,
.video-link:focus:after {
background: #23527c;
}
.pdf-file:after {
content: "PDF";
}
.video-link:after {
content: "VIDEO";
}
.external-link {
background: url(../img/external_link_2x.png) no-repeat right center;
background-size: 10px 10px;
padding-right: 1.142857em;
}
.external-link.footerlink {
padding-right: 1.667em;
background-position: 98% center;
}
.external-link.image-link {
background: none;
padding-right: 0;
}
.modal-content {
border-radius: 0;
}
/* footnotes, disclosures in a modal layer */
.modal-body .disclaimer {
background: #ececec;
margin-top: 30px;
margin: 30px -15px -15px;
padding-left: 15px;
padding-right: 15px;
}
@media print {
.utilityBar,
.utility-footer,
.csp-facetBar,
.csp-footer-nav,
.related-links,
.accountButton {
display: none !important;
}
}
.csp-content {
outline: 0;
}
.csp-content .page-heading {
margin-bottom: 48px;
margin-bottom: 3rem;
}
.csp-content p,
.csp-content ul,
.csp-content ol,
.csp-content dd {
margin: 0 0 0.7142857143em;
}
.csp-content ul {
padding-left: 1.071428571428571em;
}
.csp-content ol {
padding-left: 1.357142857142857em;
}
.csp-content li {
margin: 0 auto 0.7142857143em;
}
.csp-content h1 {
margin-top: 0;
margin-bottom: 0.5em;
}
.csp-content .lead-in {
margin-bottom: 2.6315789474em;
}
.csp-content .content-section {
margin-top: 1.875em;
}
.csp-content .topic-heading-secondary {
margin-top: 30px;
}
.csp-content .heading-link {
margin-bottom: 0;
margin-top: 2.142857142857143em;
}
.csp-content .content-intro {
margin-bottom: 2.1428571429em;
}
.csp-content img + p {
margin-top: 0.7857142857142857em;
}
.csp-content .topic-heading {
margin: 1.7857142857em 0 0.8928571429em;
}
.csp-content .topic-heading.col-heading {
margin-top: 0;
}
.csp-content .topic-heading + ul,
.csp-content .topic-heading + ol,
.csp-content .topic-heading + p {
margin-top: 1.7857142857em;
}
.csp-content .standalone-link {
margin-top: 0.7142857142857143em;
}
.csp-content .standalone-link.totop-link {
margin-top: 2.142857142857143em;
}
.csp-content .standalone-link + p:not(.standalone-link) {
margin-top: 2.142857142857143em;
}
.csp-content .table {
margin-top: 1em;
border-bottom: 1px solid #999;
}
.csp-content .table th,
.csp-content .table td {
padding: 11px 8px;
border-color: #a0a0a0;
}
.csp-content .table th {
font-weight: normal;
}
.csp-content .table th:first-child {
padding-left: 0;
}
.csp-content .table th[role="rowheader"] {
font-weight: bold;
}
.table-2col [scope="row"] {
width: 25%;
}
.content-heading {
font-weight: bold;
margin: 2.142857142857143em 0 0;
margin: 1.5em 0 0.5882352941em;
}
.topic-heading-secondary + .content-heading {
margin-top: 0.5714285714285714em;
/* 8px */
}
.topic-heading-secondary + .topic-subhead {
margin-top: 0.75em;
}
.chart-caption {
color: #666;
}
[class^='col-'] > .content-heading:first-child {
margin-top: 0;
}
[class^='col-sm']:nth-child(n+2) > .content-heading {
margin-top: 30px;
}
@media (min-width: 768px) {
[class^='col-sm']:nth-child(n+2) > .content-heading {
margin-top: 0;
}
}
.csp-faq .csp-content li > p {
margin-top: 0.7142857142857143em;
}
.csp-faqList dt {
font-weight: normal;
border-bottom: 1px solid #ccc;
padding-bottom: 0.25em;
margin: 1.875em 0 0.3125em;
}
.csp-faqList dt:first-child {
margin-top: 0;
}
.csp-xref {
background: #ececec;
padding-bottom: 10px;
}
.csp-xref .csp-xref-heading {
color: #3f9700;
margin-bottom: 0.9285714286em;
}
.heading-image {
height: 132px;
width: 196px;
border-radius: 0.1px;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2), 0px -2px 8px rgba(0, 0, 0, 0.2);
}
@media (min-width: 480px) {
.heading-image {
display: none;
}
}
.heading-image.heading-image-inline {
display: none;
}
@media (min-width: 480px) {
.heading-image.heading-image-inline {
display: block;
float: right;
margin: 7px 0 1em 2em;
}
}
.heading-note {
display: block;
}
img[role="rowheader"] {
margin-bottom: 10px;
}
.csp-tbl-responsive {
margin-top: 3.125rem;
}
@media (min-width: 768px) {
.csp-tbl-responsive {
margin-left: 15px;
}
}
.csp-tbl-responsive .csp-col-heading {
display: none;
}
@media (min-width: 768px) {
.csp-tbl-responsive .csp-col-heading {
display: block;
text-transform: uppercase;
}
}
@media (min-width: 768px) {
.csp-tbl-responsive .row {
border-bottom: 1px solid #999;
padding-top: 0.625rem;
}
.csp-tbl-responsive .row > div:first-child {
padding-left: 0;
}
}
.csp-tbl-responsive .row .content-heading {
margin: 1.5em 0 0.5882352941em;
}
@media (min-width: 768px) {
.csp-tbl-responsive .row .content-heading {
margin-top: 0;
}
}
.csp-tbl-responsive .col-description {
font-weight: bold;
}
@media (min-width: 768px) {
.csp-tbl-responsive .col-description {
display: none;
}
}
.csp-aside {
margin-top: 3.75em;
}
@media (min-width: 768px) {
.csp-aside {
margin-top: 0;
}
}
.csp-aside h2 {
margin-bottom: 0.45em;
}
.csp-aside h3 {
margin-top: 1.7857142857em;
margin-bottom: 0.8928571429em;
}
.csp-aside p {
margin-bottom: 0.5em;
}
.csp-aside .phone {
line-height: 1.5;
margin-bottom: 0.33333em;
color: #333 !important;
}
.csp-aside ul {
padding-left: 0;
}
.csp-aside li {
position: relative;
margin-bottom: 1.0714285714em;
padding: 0 0 0.125em 0;
list-style: none;
}
.csp-aside li .standalone-link {
margin: 0.5em 0 0.7142857143em;
}
.csp-aside li .standalone-link :last-child {
margin-bottom: 0;
}
.csp-aside .list-heading {
margin-bottom: 0.5882352941em;
}
/* footer */
.csp-footer {
background: #ececec;
margin-top: 1.5em;
padding: 0 15px;
}
.csp-footer a {
color: #0f55f2;
}
.csp-footer a:hover,
.csp-footer a:focus {
color: #23527c;
}
.csp-footer .footerlink {
color: #333;
}
.csp-footer .footerlink:hover,
.csp-footer .footerlink:focus {
color: #333;
}
.csp-footer .footerlink.pdf-file:after {
background: #333;
}
.csp-footer-nav {
line-height: 1.285714285714286em;
margin-top: 2.142857142857143em;
border-bottom: 1px solid #ccc;
padding-bottom: 2.142857142857143em;
}
@media (min-width: 480px) {
.csp-footer-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 768px) {
.csp-footer-nav {
display: block;
}
}
.csp-footer-nav > ul {
margin-top: 20px;
}
@media (min-width: 480px) {
.csp-footer-nav > ul {
width: 49%;
margin-top: 0;
}
.csp-footer-nav > ul:nth-child(3),
.csp-footer-nav > ul:nth-child(4) {
margin-top: 20px;
}
}
@media (min-width: 768px) {
.csp-footer-nav > ul {
width: 25%;
margin-top: 0;
}
.csp-footer-nav > ul:nth-child(3),
.csp-footer-nav > ul:nth-child(4) {
margin-top: 0;
}
}
.csp-footer-nav > ul:first-child {
margin-top: 0;
}
.csp-footer-nav .accountLink,
.csp-footer-nav .logonLink,
.csp-footer-nav .br-responsive {
display: none;
}
.csp-footer-nav li > a {
padding: 4px 0;
}
.csp-footer-nav li > a:hover,
.csp-footer-nav li > a:focus {
text-decoration: underline;
background-color: transparent;
}
.utility-footer {
padding: 0;
}
.csp-utility-social-footer {
border-bottom: 1px solid #ccc;
padding: 1.875em 0 2.25em;
}
.footerlink {
font-weight: bold;
display: block;
padding: 0.5em 0 0.3333em;
}
@media (min-width: 480px) {
.footerlink {
display: inline-block;
border-right: 1px solid;
line-height: 1;
margin: 0.5em 0.25em 0.5em 0;
padding: 0 0.5em 0 0;
}
}
.footerlink:last-child {
border: 0;
}
.lastfooterlink {
border: 0;
}
.csp-social {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.csp-social {
padding-left: inherit;
padding-right: inherit;
}
}
.csp-social .caps-head {
line-height: 1.0;
letter-spacing: 0.05em;
margin-top: 0.5833333333333333em;
}
.csp-social ul {
padding-left: 0;
}
.csp-social li {
list-style: none;
float: left;
}
.csp-social a {
display: inline-block;
padding-right: 0.875em;
}
.csp-social img {
width: 22px;
height: 22px;
}
.csp-footnotes {
color: #666;
border-top: 1px solid #ccc;
padding-top: 1.142857142857143em;
margin-top: 1.714285714285714em;
margin-bottom: 1.714285714285714em;
}
.disclaimer {
color: #444;
padding: 2.142857142857143em 0;
}
.disclaimer .disclaimer-dire {
font-style: italic;
}
.disclaimer-prominent {
font-weight: bold;
}
.nav-heading,
.strong-nav > li > a {
font-weight: bold;
padding: 6px 0;
}
/* _charts */
.donut-chart {
height: 128px;
width: 128px;
background: url(../img/age-based-sprite.png) no-repeat;
background-size: cover;
text-indent: -9999em;
direction: ltr;
}
.donut-chart img {
display: none;
}
.donut-chart_es {
height: 128px;
width: 128px;
background: url(../img/age-based-sprite_es.jpg) no-repeat;
background-size: cover;
text-indent: -9999em;
direction: ltr;
}
.donut-chart_es img {
display: none;
}
.pie-c0-4 {
background-position: 0 0;
}
.pie-c5-6 {
background-position: 0 -129px;
}
.pie-c7-8 {
background-position: 0 -258px;
}
.pie-c9-10 {
background-position: 0 -387px;
}
.pie-c11-12 {
background-position: 0 -516px;
}
.pie-c13-14 {
background-position: 0 -645px;
}
.pie-c15-16 {
background-position: 0 -774px;
}
.pie-c17-18 {
background-position: 0 -903px;
}
.pie-c19 {
background-position: 0 -1032px;
}
.pie-m0-4 {
background-position: 0 -1161px;
}
.pie-m5-6 {
background-position: 0 -1290px;
}
.pie-m7-8 {
background-position: 0 -1419px;
}
.pie-m9-10 {
background-position: 0 -1548px;
}
.pie-m11-12 {
background-position: 0 -1677px;
}
.pie-m13-14 {
background-position: 0 -1806px;
}
.pie-m15-16 {
background-position: 0 -1935px;
}
.pie-m17-18 {
background-position: 0 -2064px;
}
.pie-m19 {
background-position: 0 -2193px;
}
.pie-a0-4 {
background-position: 0 -2322px;
}
.pie-a5-6 {
background-position: 0 -2451px;
}
.pie-a7-8 {
background-position: 0 -2580px;
}
.pie-a9-10 {
background-position: 0 -2709px;
}
.pie-a11-12 {
background-position: 0 -2838px;
}
.pie-a13-14 {
background-position: 0 -2967px;
}
.pie-a15-16 {
background-position: 0 -3096px;
}
.pie-a17-18 {
background-position: 0 -3225px;
}
.pie-a19 {
background-position: 0 -3354px;
}
/* individual-portfolios */
.csp-content .group-header {
margin-top: 30px;
}
@media (min-width: 420px) {
.csp-content .group-header {
margin-top: 0;
}
}
.csp-content .group-header:last-of-type {
margin-top: 30px;
}
.pie-chart {
height: 60px;
width: 60px;
border-radius: 50%;
position: relative;
}
.pie-stock100 {
background: #d70564;
}
.pie-bond100 {
background: #0062ab;
}
.pie-cash100 {
background: #b2d234;
}
.pie-wedge.stockpart {
background: #d70564;
}
.pie-wedge.bondpart {
background: #0062ab;
}
.pie-wedge.cashpart {
background: #b2d234;
}
.pie-wedge.pie-wedge25 {
position: absolute;
top: 0;
left: 50%;
height: 50%;
width: 50%;
border-radius: 0 100% 0 0;
}
.pie-wedge.pie-wedge50 {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
border-top-left-radius: 100% 50%;
border-bottom-left-radius: 100% 50%;
}
.pie-wedge.pie-wedge75 {
position: absolute;
top: 0;
left: 0;
height: 50%;
width: 50%;
border-radius: 100% 0 0 0;
}
.piechart-key {
margin: 1em 0 0;
}
.piechart-key > p {
position: relative;
line-height: 1.214285714285714em;
margin: 0;
padding-left: 1.5em;
}
.piechart-key > p:before {
content: " ";
position: absolute;
left: 0;
top: 3px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #999;
}
.piechart-key .stockpart:before {
background: #d70564;
}
.piechart-key .bondpart:before {
background: #0062ab;
}
.piechart-key .cashpart:before {
background: #b2d234;
}
.risk-ramp {
height: 30px;
width: 162px;
text-indent: -9999em;
direction: ltr;
background: url(../img/risk_ramp_sprite_001_2x.png) no-repeat;
background-size: cover;
}
.risk-conservative {
background-position: 0 0;
}
.risk-moderate {
background-position: 0 -30px;
}
.risk-aggressive {
background-position: 0 -60px;
}
.risk-ramp-img {
display: none;
}
.topic-heading + .row {
margin-top: 1.7857142857em;
}
.portfolio-heading {
border-top: 1px solid #999;
font-weight: bold;
padding-top: 1.285714285714286em;
padding-bottom: 0.5em;
}
.portfolio-row {
border-top: 1px solid #999;
padding: 1.125em 0 0;
margin: 2em 0 0;
}
.portfolio-row > div {
padding-left: 0;
}
.portfolio-row [class^='col-sm'] {
padding-left: 0;
}
@media (min-width: 768px) {
.portfolio-row [class^='col-sm'] {
padding-left: 15px;
}
}
.portfolio-heading + .portfolio-row {
border: none;
padding-top: 0;
margin-top: 0;
}
.portfolio-row .col-xs-4,
.portfolio-row .col-xs-8 {
width: 100%;
padding-left: 0;
}
@media (min-width: 420px) {
.portfolio-row .col-xs-4 {
width: 33.3333333%;
}
.portfolio-row .col-xs-8 {
width: 66.66%;
padding-left: 15px;
}
.portfolio-row .col-xs-4:first-child {
padding-left: 0;
}
.piechart-key > p {
padding-left: 1em;
}
}
@media (min-width: 480px) {
.piechart-key > p {
padding-left: 1.5em;
}
}
@media (min-width: 768px) {
.portfolio-row .col-sm-3:first-child {
padding-left: 0;
}
}
.csp-ifthen {
border-top: 1px solid #999;
padding-top: 1em;
margin-top: 1.375em;
}
.csp-ifthen:first-of-type {
margin-top: 1.875em;
}
.portfolio-row-notop-rule {
border-top: 0;
}
.csp-aside p .accountButton {
font-family: franchisebold, serif;
position: relative;
bottom: auto;
right: auto;
font-weight: bold;
color: #ffe674;
text-align: center;
margin: 2px 0 2.7rem;
display: block;
background: #266dd3;
border-radius: 100px;
text-transform: uppercase;
font-size: 26px;
padding: 8px 5px 5px;
}
.csp-aside p .accountButton:hover,
.csp-aside p .accountButton:focus {
background: #0e325c;
text-decoration: none;
}
.csp-aside p .accountButton:active {
background: #1d1d1d;
}
.csp-form .accountButton, .csp-home .accountButton {
position: relative;
bottom: auto;
right: auto;
font-weight: bold;
color: #ffe674;
text-align: center;
padding: 8px 5px 5px;
margin: 3.5714285714em 0;
display: block;
font-family: franchisebold, serif;
font-size: 26px;
background: #266dd3;
border-radius: 100px;
}
.csp-form .accountButton:hover,
.csp-form .accountButton:focus,
.csp-home .accountButton:hover,
.csp-home .accountButton:focus {
background: #0e325c;
text-decoration: none;
}
.csp-form .accountButton:active,
.csp-home .accountButton:active {
background: #1d1d1d;
}
.csp-home .accountButton {
margin: 0;
}
@media (min-width: 768px) {
.csp-aside .accountButton {
margin-top: 10px;
}
}
.csp-form {
margin-top: 20px;
border-bottom: 1px solid #999;
padding-bottom: 3.75em;
}
@media (min-width: 768px) {
.csp-form {
border-bottom: 0;
padding-bottom: 0;
}
}
.csp-form label {
font-weight: normal;
display: block;
margin-bottom: 0;
}
.csp-form .form-control {
line-height: 1.5;
height: auto;
border-radius: 0;
box-shadow: none;
}
.csp-form .button-link {
background: transparent;
color: #1f6aff;
}
.csp-form .button-link:hover,
.csp-form .button-link:focus {
color: #23527c;
text-decoration: underline;
}
.csp-form input,
.csp-form select {
background: #E3E3E3;
border: 0;
padding: 4px;
}
.csp-form select {
height: 29px;
height: 1.8125rem;
/* to match input height */
width: auto;
}
.csp-form select:focus {
font-size: 14px;
font-size: 0.875rem;
/* to prevent font-size from jumping on focus to 1rem in iOS */
}
.csp-form [type=submit] {
padding-left: 2em;
padding-right: 2em;
border: 0;
}
.csp-form p {
margin: 20px 0;
}
.csp-form fieldset > p:first-child {
margin-top: 0;
}
.friend-data {
border-bottom: 1px solid #666;
padding-bottom: 1em;
margin-bottom: 0.5em;
}
.button-link[type=reset] {
float: right;
}
.csp-form .button-link {
padding-left: 0;
padding-right: 0;
}
.csp-form .preview-disclosures {
margin-top: 40px;
}
.pointer-box {
position: relative;
z-index: 1;
background: #ffe674;
margin-top: 3em;
margin-bottom: 1em;
padding: 1.25em 1em 0.75em;
max-width: 32em;
}
@media (min-width: 480px) {
.pointer-box {
margin-left: 3em;
margin-right: 3em;
}
}
.box-pointer {
display: none;
}
@media (min-width: 480px) {
.box-pointer {
display: block;
}
}
.pointer-left-top,
.pointer-left-bottom,
.pointer-right-top,
.pointer-right-bottom {
position: absolute;
height: 65%;
width: 3em;
background-image: none;
/* for ie8-9 */
}
.pointer-left-top,
.pointer-left-bottom {
left: -3em;
}
.pointer-right-top,
.pointer-right-bottom {
right: -3em;
}
.pointer-left-top {
top: -15%;
background-image: -webkit-linear-gradient(160deg, #ffe674 50%, #fff 50%);
background-image: linear-gradient(-70deg, #ffe674 50%, #fff 50%);
}
@media (min-width: 580px) {
.pointer-left-top {
background-image: -webkit-linear-gradient(157deg, #ffe674 50%, #fff 50%);
background-image: linear-gradient(-67deg, #ffe674 50%, #fff 50%);
}
}
.pointer-left-bottom {
bottom: -15%;
background-image: -webkit-linear-gradient(20deg, #fff 50%, #ffe674 50%);
background-image: linear-gradient(70deg, #fff 50%, #ffe674 50%);
}
@media (min-width: 580px) {
.pointer-left-bottom {
background-image: -webkit-linear-gradient(23deg, #fff 50%, #ffe674 50%);
background-image: linear-gradient(67deg, #fff 50%, #ffe674 50%);
}
}
.pointer-right-top {
top: -15%;
background-image: -webkit-linear-gradient(20deg, #ffe674 50%, #fff 50%);
background-image: linear-gradient(70deg, #ffe674 50%, #fff 50%);
}
@media (min-width: 580px) {
.pointer-right-top {
background-image: -webkit-linear-gradient(23deg, #ffe674 50%, #fff 50%);
background-image: linear-gradient(67deg, #ffe674 50%, #fff 50%);
}
}
.pointer-right-bottom {
bottom: -15%;
background-image: -webkit-linear-gradient(160deg, #fff 50%, #ffe674 50%);
background-image: linear-gradient(-70deg, #fff 50%, #ffe674 50%);
}
@media (min-width: 580px) {
.pointer-right-bottom {
background-image: -webkit-linear-gradient(157deg, #fff 50%, #ffe674 50%);
background-image: linear-gradient(-67deg, #fff 50%, #ffe674 50%);
}
}
.pointer-box-content {
position: relative;
z-index: 1;
}
.pointer-box-content > div {
width: 33%;
padding-right: 0.5em;
float: left;
}
.pointer-box-content > div:last-child {
float: right;
padding-right: 0;
}
.pointer-box-content > div p {
margin-bottom: 0;
}
.pointer-box-content.pointer-box-key > div {
width: 50%;
text-align: right;
padding: 0 1em;
}
.pointer-box-content.pointer-box-key > div:first-child {
text-align: left;
}
.stockpie,
.bondpie,
.cashpie {
display: inline-block;
height: 12px;
width: 12px;
border-radius: 50%;
border: 1px solid #1d1d1d;
margin-right: 0.25em;
}
.stockpie {
background: #d70564;
}
.bondpie {
background: #0062ab;
}
.cashpie {
background: #b2d234;
}
.pointer-box-divider {
position: relative;
z-index: 1;
}
.arrow-head-rule {
border-top: 0;
border-bottom: 2px solid #1d1d1d;
margin: 1em 0 0.25em;
}
.arrow-head-left,
.arrow-head-right {
position: absolute;
top: -4px;
width: 10px;
height: 10px;
border: 0;
border-left: 2px solid;
border-bottom: 2px solid;
}
.arrow-head-left {
left: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow-head-right {
right: 0;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
/* _accordion */
/* panels are in accordions */
.panel-group {
margin-bottom: 0;
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
border: 0;
}
.panel-group .panel + .panel {
margin-top: 0;
}
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 0;
}
.panel-heading {
padding: 0;
}
.panel-title {
color: #333;
position: relative;
}
.panel-title a {
display: inline-block;
line-height: 1.2;
padding: 12px 15px;
width: 100%;
}
.panel-title a:before,
.panel-title a:after {
content: " ";
position: absolute;
}
.panel-title a:before {
height: 2px;
width: 16px;
top: 19px;
right: 11px;
-webkit-transition: -webkit-transform 0.5s linear;
transition: -webkit-transform 0.5s linear;
transition: transform 0.5s linear;
transition: transform 0.5s linear, -webkit-transform 0.5s linear;
}
.panel-title a:after {
height: 2px;
width: 16px;
top: 19px;
right: 11px;
}
.panel-title .collapsed:before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.csp-content {
/* articles accordion */
}
.csp-content .list-group {
padding-left: 0;
}
.csp-content .list-group .standalone-link {
list-style: none;
}
.csp-content .list-group .standalone-link:last-child {
margin-bottom: 0;
}
.csp-content .panel-title {
margin-bottom: 0;
}
.csp-content .panel-title a {
background: transparent;
color: #1d3c9b;
padding: 10px 0 0;
border-top: 1px solid #999;
}
.csp-content .panel-title a:before,
.csp-content .panel-title a:after {
background: #1d3c9b;
}
.csp-content .panel-title .collapsed:after,
.csp-content .panel-title .collapsed:before {
background: #1d3c9b;
}
.csp-content .panel-group {
margin-top: 54px;
padding-bottom: 9px;
border-bottom: 1px solid #999;
}
.csp-content .panel + .panel {
margin-top: 10px;
}
.csp-content .panel-collapse.in {
padding-bottom: 5px;
}
.csp-slideIn .panel-title .collapsed {
background: #3a3939;
color: #fff;
}
.csp-slideIn .panel-title .collapsed:hover,
.csp-slideIn .panel-title .collapsed:focus {
text-decoration: none;
background: #e9e9e9;
color: #333;
}
.csp-slideIn .panel-title .collapsed:hover:after,
.csp-slideIn .panel-title .collapsed:hover:before,
.csp-slideIn .panel-title .collapsed:focus:after,
.csp-slideIn .panel-title .collapsed:focus:before {
background: #333;
}
.csp-slideIn .panel-title .collapsed:after,
.csp-slideIn .panel-title .collapsed:before {
background: #fff;
}
.csp-slideIn .panel-title .collapsed:before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.csp-slideIn .panel-title a {
display: inline-block;
line-height: 1.2;
padding: 12px 15px;
width: 100%;
background: #e9e9e9;
color: #333;
}
.csp-slideIn .panel-title a:before,
.csp-slideIn .panel-title a:after {
content: " ";
position: absolute;
background: #333;
}
.csp-slideIn .panel > .list-group,
.csp-slideIn .panel > .panel-collapse > .list-group {
background: #e9e9e9;
padding-bottom: 5px;
}
.csp-slideIn .panel .list-group > li > a {
display: inline-block;
width: 100%;
color: #333;
text-indent: 2.857142857142857em;
padding: 8px 0;
}
/* _nav: utility bar, slide-in, facet bar */
.csp-utilityBar > li > a:hover,
.csp-utilityBar > li > a:focus,
.utilityBar .headerNav .accountLink:hover,
.utilityBar .headerNav .accountLink:focus {
background: transparent;
text-decoration: underline;
}
.csp-utilityBar .utilityLink,
.csp-utilityBar .utilityLink-offBar,
.csp-utilityBar .facet4,
.csp-slideIn .facet4,
.csp-slideIn .nav-heading {
display: none;
}
.csp-slideIn .csp-utilityNav {
margin: 0;
}
.csp-slideIn {
background: #666;
background: #6c6c6c;
}
.csp-slideIn.in {
height: -webkit-calc(100% - 33px);
height: calc(100% - 33px);
/* for firefox/android */
}
.csp-slideIn .mainNav {
background: #3a3939;
}
.offcanvas-xs {
display: none;
}
.navmenu {
width: 320px;
}
.navmenu-fixed-left {
top: 33px !important;
/* !important = fix for iOS 7 */
}
.navmenu-fixed-left.offcanvas-xs li > a {
line-height: 1.2;
color: #fff;
}
.navmenu-fixed-left.offcanvas-xs li > a:hover,
.navmenu-fixed-left.offcanvas-xs li > a:focus {
background: #e9e9e9;
color: #333;
}
.navmenu-fixed-left.offcanvas-xs li > a:hover:before,
.navmenu-fixed-left.offcanvas-xs li > a:hover:after,
.navmenu-fixed-left.offcanvas-xs li > a:focus:before,
.navmenu-fixed-left.offcanvas-xs li > a:focus:after {
background: #333;
}
.navmenu-fixed-left.offcanvas-xs > .mainNav {
margin-bottom: 0;
}
.navmenu-fixed-left.offcanvas-xs > .mainNav > li > a,
.navmenu-fixed-left.offcanvas-xs > .utilityNav > li > a {
padding: 12px 15px;
}
/************** slide-in menu colors, states:  */
.navmenu.offcanvas-xs .navmenu-nav > li > a:hover,
.navmenu.offcanvas-xs .navmenu-nav > li > a:focus {
background: #e9e9e9;
color: #333;
}
.navmenu-default .navmenu-nav > .open > a {
background: transparent;
color: #333;
}
.navmenu-default .navmenu-nav > .open > a:hover,
.navmenu-default .navmenu-nav > .open > a:focus {
text-decoration: underline;
}
.navmenu-default .navmenu-nav > .open > a:hover:before,
.navmenu-default .navmenu-nav > .open > a:hover:after,
.navmenu-default .navmenu-nav > .open > a:focus:before,
.navmenu-default .navmenu-nav > .open > a:focus:after {
background: #333;
}
.navmenu .dropdown {
background: #3a3939;
}
.navmenu .dropdown.open {
background: #e9e9e9;
}
.navmenu .dropdown.open a {
color: #333;
}
.mainNav .dropdown-menu {
border: 0;
border-radius: 0;
}
.navmenu-fixed-left .dropdown .dropdown-toggle:before,
.navmenu-fixed-left .dropdown .dropdown-toggle:after {
content: " ";
position: absolute;
background: #fff;
}
.navmenu-fixed-left .dropdown .dropdown-toggle:before {
height: 16px;
width: 2px;
right: 18px;
top: 12px;
transition: -webkit-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
transition: transform 0.5s linear;
transition: transform 0.5s linear, -webkit-transform 0.5s linear;
}
.navmenu-fixed-left .dropdown.open .dropdown-toggle:before {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.navmenu-fixed-left .dropdown .dropdown-toggle:after {
height: 2px;
width: 16px;
top: 19px;
right: 11px;
}
.navmenu-fixed-left .dropdown.open .dropdown-toggle:before,
.navmenu-fixed-left .dropdown.open .dropdown-toggle:after {
background: #333;
}
.utilityNav {
display: block;
background: #6c6c6c;
}
.utilityBar {
width: 100%;
background: #242424;
}
@media screen and (max-width: 768px){
.navbar{
min-height: 80px !important;
}
}
@media screen and (min-width: 550px) {
.csp-utilityBar .utilityLink {
display: block;
}
}
.facet-home .csp-facetBar {
margin-bottom: 0;
}
.csp-facetBar {
display: none;
background: #666;
}
.csp-facetBar .nav > li > a:focus,
.csp-facetBar .nav > li > a:hover {
background: white;
color: #d80700;
}
.csp-facetBar > .container {
border: 0;
border-radius: 0;
padding-right: 0;
padding-left: 0;
}
@media (min-width: 768px) {
.csp-facetBar {
display: block;
}
.csp-facetBar .br-responsive {
display: block;
}
}
.csp-facetBar .nav-heading {
display: none;
}
.csp-facetBar a {
color: #fff;
}
.csp-facetBar .mainNav {
height: 60px;
width: 100%;
}
.csp-facetBar .mainNav > li {
width: 25%;
}
@media (min-width: 768px) {
.csp-facetBar .mainNav > li > a {
padding: 10px 15px;
}
}
.csp-facetBar .dropdown-toggle:focus {
outline: auto;
}
.dropdown-menu {
min-width: 100%;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.175);
}
.dropdown-menu > li > a {
color: #4576b5;
color: #1f6aff;
padding: 4px 15px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #4576b5;
text-decoration: underline;
background: transparent;
}
.navbar-nav.mainNav .dropdown-toggle:hover + .dropdown-menu,
.dropdown-menu:hover {
display: block;
}
.csp-facetBar .facet1 > a.active,
.csp-facetBar .facet2 > a.active,
.csp-facetBar .facet3 > a.active,
.csp-facetBar .facet4 > a.active {
background: white;
color: #d80700;
/* urhere facet */
}
.csp-pageHeader + div {
margin-top: 34px;
}
@media (min-width: 768px) {
.csp-pageHeader + div {
margin-top: 1em;
}
}
.csp-home .csp-pageHeader + div {
margin-top: 0;
}
.csp-pageHeader {
position: relative;
}
.csp-pageHeader .headerNav {
position: static;
background: transparent;
width: auto;
float: right;
}
.csp-pageHeader .headerNav a {
color: #fff;
font-weight: bold;
border-radius: 0;
}
.csp-pageHeader .navbar-toggle {
position: absolute;
top: 0;
left: 15px;
z-index: 1;
text-indent: 1.25em;
float: none;
color: #fff;
margin: 0;
border: 0;
padding: 7px 10px;
}
.csp-pageHeader .navbar-toggle :hover,
.csp-pageHeader .navbar-toggle :focus {
outline: auto;
}
.csp-pageHeader .navbar-toggle:before,
.csp-pageHeader .navbar-toggle:after,
.csp-pageHeader .navbar-toggle .icon-bar {
content: " ";
position: absolute;
left: 0;
width: 16px;
height: 3px;
border-radius: 1px;
background: #fff;
-webkit-transition: -webkit-transform 0.5s linear;
transition: -webkit-transform 0.5s linear;
transition: transform 0.5s linear;
transition: transform 0.5s linear, -webkit-transform 0.5s linear;
}
.csp-pageHeader .navbar-toggle:before {
top: 7px;
}
.csp-pageHeader .navbar-toggle:after {
bottom: 8px;
}
.csp-pageHeader .navbar-toggle .icon-bar {
display: inline-block;
top: 14px;
}
.csp-pageHeader .navbar-toggle.menu-open:before {
-webkit-transform: translateY(7px) rotate(45deg);
-ms-transform: translateY(7px) rotate(45deg);
transform: translateY(7px) rotate(45deg);
}
.csp-pageHeader .navbar-toggle.menu-open:after {
-webkit-transform: translateY(-7px) rotate(-45deg);
-ms-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg);
}
.csp-pageHeader .navbar-toggle.menu-open .icon-bar {
opacity: 0;
}
.nav-pills > li {
float: left;
}
.headerNav {
position: absolute;
background: #000;
top: 0;
width: 100%;
margin-left: -15px;
padding-left: 6px;
}
.headerNav > li > a {
padding: 7px 10px;
}
.utilityBar .headerNav .accountLink {
color: #ffe674;
}
/* used on home page only */
.csp-home .csp-facetBar .navbar {
margin-bottom: 0;
}
@media screen and (min-width: 480px) {
.csp-home .csp-content {
margin-left: 15px;
margin-right: 15px;
}
}
@media screen and (min-width: 768px) {
.csp-home .csp-content {
margin-left: auto;
margin-right: auto;
}
}
.csp-home .csp-content .col-sm-1 {
height: 50px;
}
.csp-home .csp-content h1 {
font-size: 28px;
font-size: 1.75rem;
}
.csp-home h1 {
margin-bottom: 0;
}
.csp-home .enroll-now {
display: block;
margin: 0 0 0.8125em;
padding: 0 15px 40px;
}
.csp-home .enroll-now:hover,
.csp-home .enroll-now:focus {
text-decoration: none;
}
@media (min-width: 480px) {
.csp-home .enroll-now {
margin-left: -15px;
margin-right: -15px;
}
}
@media (min-width: 768px) {
.csp-home .enroll-now {
border-bottom: 1px solid #ccc;
margin-bottom: 56px;
}
}
.csp-home .enroll-now .br-responsive {
display: none;
}
@media (min-width: 768px) {
.csp-home .enroll-now .br-responsive {
display: block;
}
}
.csp-home .enroll-now h2 {
margin: 0;
padding-left: 0;
margin-bottom: 30px;
}
.csp-home .enroll-now .enroll-steps {
padding-left: 0;
padding-right: 0;
margin-top: 30px;
}
@media (min-width: 768px) {
.csp-home .enroll-now .enroll-steps {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 0;
}
}
.csp-home .enroll-step {
position: relative;
display: block;
color: #333;
margin-top: 1em;
margin-bottom: 1.5em;
padding-left: 3em;
}
.csp-home .enroll-step:first-child {
margin-top: 0;
margin-left: 0;
}
@media (min-width: 992px) {
.csp-home .enroll-step {
padding-left: 3.75em;
padding-right: 10px;
width: 31.5%;
margin: 0;
float: left;
}
.csp-home .enroll-step:last-child {
width: 35%;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.csp-home .enroll-step {
padding-top: 12px;
}
}
.csp-home .enroll-step:before {
font-weight: 300;
background: #266dd3;
border-radius: 50%;
text-align: center;
color: #ffe674;
position: absolute;
left: 0;
top: -7px;
width: 46px;
height: 46px;
line-height: 44px;
}
@media (min-width: 768px) {
.csp-home .enroll-step:before {
top: -5px;
width: 46px;
height: 46px;
line-height: 44px;
}
}
@media (min-width: 1200px) {
.csp-home .enroll-step:before {
top: -2px;
}
}
.csp-home .enroll-step:nth-of-type(1):before {
content: "1";
}
.csp-home .enroll-step:nth-of-type(2):before {
content: "2";
}
.csp-home .enroll-step:nth-of-type(3):before {
content: "3";
}
.csp-home .social img {
height: 30px;
width: 30px;
}
.csp-home .social a {
display: inline-block;
padding: 12px 1em 5px 0;
}
.csp-home .disclaimer-dire {
font-size: 14px;
font-size: 0.875rem;
}
.csp-home .disclaimer-dire.disclaimer-billboard {
display: block;
line-height: 1.5;
color: #666;
border-top: 1px solid #ccc;
margin-top: 46px;
padding-top: 14px;
margin-bottom: 7px;
}
.csp-home .plan-info-links h2.content-heading{
font-weight: 400;
}
h2.color-accent-text {
font-weight: 500;
font-size: 1.75rem;
}
.csp-home #question-info-blocks .col-md-2 {
padding:0;
}
.csp-home #question-info-blocks p {
font-size: 17px;
}
.csp-home #question-info-blocks a {
font-size:14px;
}
@media (min-width: 992px) {
.csp-home #question-info-blocks > .col-md-6:first-child {
padding-right:5px;
}
.csp-home #question-info-blocks > .col-md-6:last-child {
padding-left:5px;
}
}
@media (min-width: 768px) {
.csp-home .disclaimer-dire.disclaimer-billboard {
font-size: 18px;
font-size: 1.125rem;
margin-left: -15px;
margin-right: -15px;
}
}
@media (min-width: 768px) {
.csp-home .disclaimer-dire {
font-size: 18px;
font-size: 1.125rem;
}
.csp-home .disclaimer-dire.flush-edges {
margin-left: -15px;
margin-right: -15px;
}
}
/******* "billboard/jumbotron" system *********/
.csp-billboard {
position: relative;
padding: 0;
margin-bottom: 3.0625em;
background: #fff;
overflow: hidden;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 300;
}
@media (min-width: 768px) {
.csp-billboard {
margin-bottom: 3.75em;
}
}
.csp-billboard:not(.csp-billboard-secondary) a {
display: block;
overflow: hidden;
position: relative;
background-color: #002D52;
background: -webkit-linear-gradient(top, #002D52, #005499);
background: linear-gradient(to bottom,  #002D52, #005499);
background-size: cover;
height: 130vw;
/*max-height: 360px;*/
}
@media (min-width: 350px) {
.csp-billboard:not(.csp-billboard-secondary) a {
/* height: 110vw; */
max-height: 450px;
}
}
@media (min-width: 400px) {
.csp-billboard:not(.csp-billboard-secondary) a {
height: 110vw;
}
}
@media (min-width: 500px) {
.csp-billboard:not(.csp-billboard-secondary) a {
height: 64vw;
}
}
@media (max-width: 440px) {
.csp-billboard:not(.csp-billboard-secondary) a {
margin-bottom: -2em;
/* height: 75vw; */
}
}
@media (min-width: 600px) {
.csp-billboard:not(.csp-billboard-secondary) a {
height: 75vw;
}
}
@media (min-width: 768px) {
.csp-billboard:not(.csp-billboard-secondary) a {
height: 30vw;
}
}
.csp-billboard a:hover,
.csp-billboard a:focus {
text-decoration: none;
}
.csp-billboard a .csp-billboard-body {
color: #fff;
}
.csp-billboard a .csp-billboard-body:last-child {
margin-bottom: 0;
}
@media (min-width: 480px) {
.csp-billboard a .csp-billboard-body {
color: #fff;
}
}
.csp-billboard-caption p {
color: #FFFFFF;
width: 100%;
font-size: 18px;
font-size: 1.125rem;
}
@media (min-width: 768px) {
.csp-billboard-caption p {
font-size: 20px;
font-size: 1.25rem;
width: 48%;
}
}
@media (min-width: 992px) {
.csp-billboard-caption p {
font-size: 22px;
font-size: 1.375rem;
}
}
@media (min-width: 1200px) {
.csp-billboard-caption p {
font-size: 26px;
font-size: 1.625rem;
}
}
.csp-billboard .csp-billboard-caption {
color: #fff;
background: transparent;
text-align: center;
position: absolute;
top: 0;
}
@media (min-width: 1200px) {
.csp-billboard .csp-billboard-caption {
left: 7%;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.csp-billboard .csp-billboard-caption {
top: 10%;
left: 5%;
}
}
@media (min-width: 768px) {
.csp-billboard .csp-billboard-caption {
text-align: left;
}
}
@media (max-width: 768px) {
.csp-billboard .csp-billboard-caption {
width: 100%;
}
}
@media (min-width: 1200px) {
.csp-billboard .csp-billboard-caption {
top: 15%;
}
}
.csp-billboard .csp-billboard-headline {
color: #ffe674;
font-weight: 300;
line-height: 1.1;
margin-top: 0;
margin-bottom: 0.26315789em;
padding-top: 20px;
width: 100%;
}
@media (min-width: 480px) {
.csp-billboard .csp-billboard-headline {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (min-width: 768px) {
.csp-billboard .csp-billboard-headline {
font-size: 42px;
font-size: 2.625rem;
padding-top: 0;
}
}
@media (min-width: 992px) {
.csp-billboard .csp-billboard-headline {
font-size: 54px;
font-size: 3.375rem;
}
}
.csp-billboard .csp-billboard-body {
font-size: 15px;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.285714285714286;
}
@media (min-width: 768px) {
.csp-billboard .csp-billboard-body {
font-size: 20px;
font-size: 1.25rem;
}
}
.csp-billboard-secondary {
margin: 60px -15px 32px;
}
@media (min-width: 480px) {
.csp-billboard-secondary {
margin-left: -30px;
margin-right: -30px;
}
}
@media (min-width: 768px) {
.csp-billboard-secondary {
margin-left: -15px;
margin-right: -15px;
}
}
.csp-billboard-secondary .csp-billboard-caption {
text-align: left;
background: #ffe674;
padding: 0 15px 20px;
width: auto;
}
@media (min-width: 480px) {
.csp-billboard-secondary .csp-billboard-caption {
background: transparent;
padding: 0;
}
}
.csp-billboard-secondary .csp-billboard-headline {
color: #1d1d1d;
font-size: 28px;
font-size: 1.75rem;
}
@media (min-width: 480px) {
.csp-billboard-secondary .csp-billboard-headline {
color: #ffe674;
}
}
@media (min-width: 768px) {
.csp-billboard-secondary .csp-billboard-headline {
font-size: 34px;
font-size: 2.125rem;
margin-top: 10px;
}
}
@media (min-width: 992px) {
.csp-billboard-secondary .csp-billboard-headline {
margin-top: 30px;
}
}
@media (min-width: 1200px) {
.csp-billboard-secondary .csp-billboard-headline {
margin-top: 50px;
}
}
.csp-billboard-secondary .csp-billboard-body {
font-weight: 300;
}
@media (min-width: 480px) {
.csp-billboard-secondary .csp-billboard-body .csp-body-ending {
position: relative;
top: .5em;
}
}
@media (min-width: 768px) {
.csp-billboard-secondary .csp-billboard-body .csp-body-ending {
position: relative;
top: .8em;
}
}
.csp-billboard-secondary a .csp-billboard-body {
color: #005498;
}
@media (min-width: 480px) {
.csp-billboard-secondary a .csp-billboard-body {
color: #fff;
}
}
.csp-billboard-secondary .csp-billboard-body {
width: 100%;
max-width: none;
}
@media (max-width: 479px) {
.csp-billboard-secondary .csp-billboard-caption {
position: static;
}
}
.csp-hero-wrapper {
position: relative;
top: 60%;
transform: translateY(-15%);
}
@media (min-width: 350px) {
.csp-hero-wrapper {
top: 60%;
transform: translateY(-30%);
}
}
@media (min-width: 400px) {
.csp-hero-wrapper {
top: 60%;
transform: translateY(-40%);
}
}
@media (min-width: 768px) {
.csp-hero-wrapper {
top: 0;
}
}
.csp-billboard-hero-right .csp-hero {
display: block;
-webkit-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
margin: 0 auto;
float: none;
width: 80%;
}
@media (min-width: 480px) {
.csp-billboard-hero-right .csp-hero {
width: 75%;
margin-top: -10px;
}
}
@media (min-width: 600px) {
.csp-billboard-hero-right .csp-hero {
width: 65%;
}
}
@media (min-width: 768px) {
.csp-billboard-hero-right .csp-hero {
float: right;
margin-right: 5%;
margin-top: -10px;
width: 41%;
}
}
@media (min-width: 480px) {
.csp-billboard-hero-right.csp-billboard-secondary .csp-billboard-caption {
left: 15px;
}
}
.csp-billboard-hero-right .csp-billboard-caption {
clear: both;
/* the hero-right image is float:right */
}
@media (max-width: 767px) {
.csp-billboard-hero-right .csp-billboard-headline {
width: 100%;
}
}
@media (min-width: 768px) {
.csp-billboard-hero-right .csp-billboard-headline {
width: 45%;
}
}
@media (min-width: 480px) {
.csp-billboard-hero-right .csp-billboard-body {
width: 50%;
max-width: 18em;
}
}
@media (min-width: 768px) {
.csp-billboard-hero-right .csp-billboard-body {
width: 45%;
}
}
@media (min-width: 992px) {
.csp-billboard-hero-right .csp-billboard-body {
width: 35%;
}
}
.csp-billboard-hero-left .csp-hero {
float: none;
width: 140%;
}
@media (min-width: 480px) {
.csp-billboard-hero-left .csp-hero {
float: right;
width: 110%;
}
}
@media (min-width: 768px) {
.csp-billboard-hero-left .csp-hero {
float: none;
width: 100%;
}
}
@media (min-width: 480px) {
.csp-billboard-hero-left .csp-billboard-caption {
right: 1%;
left: 50%;
padding: 0;
text-align: left;
}
}
@media (min-width: 768px) {
.csp-billboard-hero-left .csp-billboard-caption {
right: 4%;
}
}
@media (min-width: 992px) {
.csp-billboard-hero-left .csp-billboard-caption {
right: 5%;
}
}
.csp-billboard-alert .csp-hero {
display: none;
}
.csp-billboard-alert .csp-billboard-caption {
background: #ececec;
}
@media (min-width: 480px) {
.csp-billboard-alert .csp-billboard-caption {
position: relative;
top: 0;
left: 0;
right: 0;
padding: 0 15px;
}
}
.csp-billboard-alert .csp-billboard-headline {
color: #005498;
padding-top: 40px;
}
@media (min-width: 480px) and (max-width: 768px) {
.csp-billboard-alert .csp-billboard-headline {
font-size: 38px;
font-size: 2.375rem;
}
}
@media (min-width: 480px) {
.csp-billboard-alert .csp-billboard-headline {
padding-top: 0;
}
}
.csp-billboard-alert a {
background: #ececec;
}
@media (min-width: 480px) {
.csp-billboard-alert a {
padding-top: 90px;
padding-bottom: 90px;
}
}
.csp-billboard-alert a .csp-billboard-body {
color: #1d1d1d;
}
.account-owners {
background: #fff;
padding: 1.4285714286em 1.0714285714em;
}
.account-owners h2 {
width: 100%;
}
@media (min-width: 480px) {
.account-owners {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.account-owners .account-owners-logon,
.account-owners .account-owners-links {
width: 47%;
}
}
@media (min-width: 768px) {
.account-owners {
display: block;
}
.account-owners .account-owners-logon,
.account-owners .account-owners-links {
width: 100%;
}
}
.account-owners input {
border: 0;
border-radius: 0;
}
.account-owners [type=submit] {
background: #005498;
color: #fff;
height: 37px;
width: 4em;
}
.account-owners [type=text] {
height: 35px;
padding: 0 0.25em;
width: 65%;
width: -webkit-calc(100% - 48px);
width: calc(100% - 48px);
}
.account-owners [for="username"] {
display: block;
margin-bottom: 0;
}
.account-owners label {
font-weight: normal;
}
.logon-wrapper {
width: 100%;
display: block;
border: 1px solid #999;
}
.csp-savers {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.csp-saver {
width: 100%;
margin-top: 2em;
}
@media (min-width: 480px) {
.csp-saver {
width: 47%;
margin-right: 6%;
}
.csp-saver:nth-of-type(1) {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.csp-saver:nth-of-type(2) {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.csp-saver:nth-of-type(3) {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.csp-saver:nth-of-type(4) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-right: 0;
}
.csp-saver:nth-of-type(5) {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
margin-right: 0;
}
.csp-saver:nth-of-type(6) {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
margin-right: 0;
}
}
@media (min-width: 992px) {
.csp-saver {
width: 30%;
margin-right: 5%;
}
.csp-saver:nth-of-type(1) {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.csp-saver:nth-of-type(2) {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.csp-saver:nth-of-type(3) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.csp-saver:nth-of-type(4) {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
margin-right: 5%;
}
.csp-saver:nth-of-type(5) {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
margin-right: 0;
}
.csp-saver:nth-of-type(6) {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
margin-right: 0;
}
}
.csp-saver .content-heading {
margin-top: 0;
}
.csp-saver .standalone-link {
margin-bottom: 0;
}
.plan-credits {
clear: both;
margin-bottom: 2em;
margin-top: 40px;
}
.plan-credits p {
margin: 0px;
height: 100%;
}
@media (min-width: 768px) {
.plan-credits > div {
height: 91px;
}
}
.plan-credits a {
display: block;
padding: 1em 0;
}
.investment-mgr img {
width: 143px;
height: 40px;
}
@media (min-width: 768px) {
.investment-mgr a {
height: 100%;
background: url(../img/logo_vanguard_001_2x.png) no-repeat left bottom;
background-size: 143px 40px;
}
.investment-mgr img {
display: none;
}
}
.program-mgr img {
width: 189px;
height: 40px;
}
@media (min-width: 768px) {
.program-mgr {
padding-bottom: 2px;
}
.program-mgr a {
height: 100%;
background: url(../img/ascensus-logo-H-tag.jpg) no-repeat left bottom;
background-size: 189px 40px;
}
.program-mgr img {
display: none;
}
}
/******* individual article pages ******/
.csp-article .article-title {
margin-bottom: 1.111111111111111em;
}
.article-content .topic-heading {
margin: 1.7857142857em 0 0.8928571429em;
}
.article-date {
font-weight: bold;
}
.share-article {
float: right;
display: inline-block;
padding-left: 2em;
background: url(../img/share-icon_2x.png) no-repeat center left;
background-size: 14px 14px;
}
.article-footnotes {
margin-top: 30px;
}
/* videos in articles */
.video-wrapper-16x9 {
display: block;
position: relative;
}
.video-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fb-share,
.tw-share {
display: inline-block;
padding-left: 2em;
background-repeat: no-repeat;
background-position: center left;
background-size: 22px 22px;
}
.tw-share {
background-image: url(../img/twitter_22x22_2x.png);
}
.fb-share {
margin-right: 3em;
background-image: url(../img/facebook_22x22_2x.png);
}
/* final css chunk */
@media (min-width: 480px) {
.csp-content .flush-edges {
margin-left: -15px;
margin-right: -15px;
}
}
@media (min-width: 768px) {
.csp-content .flush-edges {
margin-left: 0;
margin-right: 0;
}
}
a[href^='tel:'] {
color: #1d1d1d !important;
text-decoration: none;
cursor: text;
}
.no-touchevents a[href^="tel:"] {
pointer-events: none;
cursor: text;
}
/* don't let the 2x images get too big! */
#chart_compounding {
width: 384px;
}
#chart_tuition {
width: 623px;
}
#chart_earnings {
width: 586px;
}
.csp-pageHeader .navbar-toggle:hover,
.csp-pageHeader .navbar-toggle:focus {
outline: 1px dotted;
}
.account-owners h2 {
font-weight: 600;
color: #db3748;
font-size:17px;
text-transform: uppercase;
}
.pointer-box {
margin-bottom: 3em;
}
.stockpie {
border-radius: 0;
}
.cashpie {
border-radius: 0;
-ms-transform: rotate(45deg) scale(0.75);
-webkit-transform: rotate(45deg) scale(0.75);
transform: rotate(45deg) scale(0.75);
}
.pointer-box-content.pointer-box-key > div {
padding: 3px 0 0;
}
@media (min-width: 580px) {
.pointer-left-top {
background-image: -webkit-linear-gradient(157deg, #ffe674 50%, #fff 50%);
background-image: linear-gradient(-68deg, #ffe674 50%, #fff 50%);
}
.pointer-left-bottom {
background-image: -webkit-linear-gradient(22deg, #fff 50%, #ffe674 50%);
background-image: linear-gradient(68deg, #fff 50%, #ffe674 50%);
}
.pointer-right-top {
background-image: -webkit-linear-gradient(22deg, #ffe674 50%, #fff 50%);
background-image: linear-gradient(68deg, #ffe674 50%, #fff 50%);
}
.pointer-right-bottom {
background-image: -webkit-linear-gradient(157deg, #fff 50%, #ffe674 50%);
background-image: linear-gradient(-68deg, #fff 50%, #ffe674 50%);
}
}
.stockpie,
.bondpie,
.cashpie {
line-height: 0.85714;
}
.right-caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-left: 4px dashed;
border-top: 4px solid\9;
border-bottom: 4px solid transparent;
border-top: 4px solid transparent;
}
.lang-menu{
position: fixed;
transform: translate3d(35px,0,0);
background-color: #fff;
width: 5.0rem;
text-align: left;
padding: 5px 5px 5px 15px;
z-index: 100;
display: none;
}
.lang-menu a{
color: #23282c  !important;
padding: 4px 0 4px 5px;
}
#language-menu{
display: block;
text-decoration: none;
}
.lang-menu .is-open{
display: block;
}
/*Homepage Style updates*/
.plan-info-links {
margin-top:50px;
margin-bottom:50px;
}
@media (max-width:991px) {
.csp-home .open-account-banner {
text-align: center;
}
.csp-home .enroll-steps-container {
display:flex;
flex-direction: row;
justify-content: center;
margin-top:80px;
}
.csp-home .enroll-steps {
display:inline-block;
}
.csp-home .enroll-step{
padding-left:0;
text-align: center;
padding-bottom: 50px;
padding-top:5px !important;
}
.csp-home .enroll-step:before {
left: 50%;
top: -50px;
width: 46px;
height: 46px;
line-height: 44px;
transform: translateX(-50%);
}
.csp-home .enroll-step:last-child {
padding-bottom:0;
margin-bottom: 25px;
}
.csp-home .accountButton {
margin-top: 0;
width: 250px;
margin-left: 50%;
transform: translateX(-50%);
}
.plan-info-links {text-align:center}
.home-blurb {text-align:center; margin:0 0 20px !important;}
.home-blurb img {margin-bottom:20px; max-width:30% !important;}
.account-owners-links {
width:100%;
}
}
@media (max-width: 768px) {
.csp-home .enroll-steps-container {
display:flex;
flex-direction: row;
justify-content: center;
}
.csp-home .enroll-steps {
display:inline-block;
}
.csp-home .enroll-step{
padding-left:0;
text-align: center;
padding-bottom: 50px;
padding-top:5px !important;
}
.csp-home .enroll-step:before {
left: 50%;
top: -50px;
width: 46px;
height: 46px;
line-height: 44px;
transform: translateX(-50%);
}
.csp-home .enroll-step:last-child {
padding-bottom:0;
margin-bottom: 25px;
}
.plan-credits {
text-align: center;
}
}
/*Aspot*/
.flex-banner-row {
display: flex;
height:100%;
}
.ny-hero-banner .hero-headline {
font-family: 'VivaBeautiful';
font-size: 48px;
}
.ny-hero-banner .hero-headline span {
font-family: 'franchisebold';
font-size: 80px;
display: inline-block;
}
.ny-hero-banner .hero-text {
font-size: 1.4rem;
color: #FFF;
margin-top:-30px;
}
.ny-hero-banner .hero-cta span {
border: 2px solid #FFF;
border-radius: 30px;
color: #FFF;
padding: 3px 20px 0px;
display: inline-block;
margin-top: 10px;
font-size: 26px;
font-family: 'franchisebold';
text-transform: uppercase;
letter-spacing: 1px;
line-height: 130%;
}
@media (min-width: 992px) {
.flex-hero-img {
display:flex;
flex-direction: column-reverse;
align-items: baseline;
}
}
@media (max-width: 991px) {
.ny-hero-banner .hero-content {
text-align: center;
margin-bottom:40px;
}
.ny-hero-banner .hero-img {
text-align:center;
margin-bottom:0px;
}
.flex-hero-img {
display:flex;
justify-content: center;
align-items: center;
width:100%;
}
.flex-banner-row {
flex-direction:column;
}
.hero-cta {
padding-bottom: 0 !important;
}
}
/*Dspot*/
.ny-hero-banner.secondary .hero-headline > span {
margin-top: -20px;
font-size:60px;
}
.ny-hero-banner.secondary .hero-cta span {
font-size:26px;
}
.ny-hero-banner.secondary .hero-cta span {
border:2px solid #484848;
color: #484848;
}
@media screen and (min-width:992px) {
.ny-hero-banner.secondary .hero-content {
margin-left:30px;
}
.ny-hero-banner.secondary .hero-headline {
margin-top:25px;
margin-bottom:0;
}
}
@media screen and (max-width:767px) {
.ny-hero-banner.secondary {
margin: 40px 0  20px !important;
padding: 5px;
}
.ny-hero-banner.secondary .hero-text {
margin: 10px 10px 20px !important;
}
}
@media screen and (max-width: 991px){
.ny-hero-banner.secondary .hero-img {
text-align: center;
margin-bottom: 20px;
padding-top: 25px;
}
}
#login-block {
background:#3ee4ba;
padding:20px;
}
.csp-home .enroll-step:before {
line-height: 50px;
font-family: 'franchisebold';
}