We help more people save through partnerships with leading financial

.hero:first-child > .hero__inner{margin-top: var(–header-height);} .grid.grid–compact.theme-bg{padding:0px;} .hero, .hero.overlay–light{ background: #f2f2f2; background: -moz-linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%)!important; background: -webkit-linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%)!important; background: -o-linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%)!important; background: -ms-linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ffffff’, endColorstr=’#f2f2f2′,GradientType=0 )!important;; background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%)!important; } .hero.animate .hero__inner{ -webkit-transform: scale(0.99) translateZ(0); transform: scale(0.99) translateZ(0); } .hero.animate .hero__background { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all 0.6s ease 0.1s; -o-transition: all 0.6s ease 0.1s; transition: all 0.6s ease 0.1s; } .hero__inner .hero__inner, .hero .hero__background{background:transparent;} .hero__inner h1{font-size: 56px; font-weight: 300; letter-spacing: 0px; line-height: 68px; } .hero__inner .hero__text .hero-proofpoint-section { margin-top:96px; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hero__inner .hero__text .hero-proofpoint-section p{ display: flex; flex-flow: column; justify-content: stretch; align-items: flex-start; padding-right:16px; padding-left:0px; } .hero__inner .hero__text .hero-proofpoint{ font-size: 19px; line-height: 23px; font-weight: var(–font-weight-medium); text-transform:uppercase; margin-bottom:8px; } .hero__inner .hero__text .text-small{ font-size: 14px; line-height: 19px; display: inline-block; } .hero .hero__background{ max-width: 1410px; right: auto; left: auto; background-repeat: no-repeat; } .solutions{background: linear-gradient(183.12deg, #026B84 0%, #00303C 100%) !important;} .block.theme-bg + .solutions.block.theme-bg{padding-top:0px;} .solutions .col-20 .altHeader{margin-top:-48px;} .solutions .altHeader{padding-top:0px;} .overFlowImageSectionBottom .grid-item–header{margin-top:0px;margin-bottom:0px;} .solutions .grid-item–code {margin-bottom: -3.8em;margin-top: 24px;position: relative;} .row–v-center .solutions-pods.sub-grid{align-items:flex-start;} .solutions-pods{padding:0px 24px;justify-content: flex-start !important;margin-left: 0;margin-right: 0;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.16);} .solutions-pods .pod{margin-top:0px;margin-bottom:0px;} .solutions-pods .pod article{padding:96px 24px;} .solutions-pods .pod:hover .pod__image > a > .icon{ background: #00B095; } .solutions-pods .pod article > .pod__image > a > .icon, .audiences-icon .icon{ fill: white; width: 45px; height: 45px; padding: 10px 0; border-radius: 24px; background: #4F98AA; margin-bottom:24px; } .solutions-pods .pod article .pre-head{ margin-bottom:16px; color: var(–heading-dark); min-height: 36px; } .solutions-pods .pod__image a:after{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: “”; background-color: rgba(0,0,0,0); } .solutions-pods .pod article .pre-head:after, .audiences .navigation ul li a:after{ margin-left: 16px; font-family: ‘streamline’ !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: “e901″; font-size: 9px; } .solutions-pods .pod article:hover > .pod__image > a > .icon{ transform: none; } .accomplish-your-goal{margin-left:0px;margin-right:0px;} .accomplish-your-goal .col-100 .grid-item–header{margin-top:96px;} .row–flat .solutions-pods:after, .row–flat .get-there-with-savers-pods:after {margin-left:0px;} .solutions-pods .pod article, .get-there-with-savers-pods article{z-index:1;} .solutions-pods .pod .pod__text p{margin-bottom:0px;font-size: 14px;line-height: 19px;} .solutions .accomplish-your-goal .altHeader{padding-bottom:0px;} .education.grid{z-index:auto;} .education .grid-item{margin-bottom:0px;} .saver-tips-and-resources{background:linear-gradient(56deg, rgba(0,172,148,1) 0%, rgba(2,107,132,1) 38%, rgba(0,50,65,1) 61%) !important;} .saver-tips-and-resources-pods:after{height:100%;} .saver-tips-and-resources .pod.grid-item–boxed{position:relative;transition:none;z-index:3;background:var(–theme);height:100% !important;} .saver-tips-and-resources h2{max-width: 180px;margin-top: 96px;} .saver-tips-and-resources-pods .pod .pod__text{padding:32px; margin-top:0px;height:100%;min-height:250px;} .saver-tips-and-resources-pods .pre-head1{padding:var(–grid-gutter-half) 0;} .saver-tips-and-resources-pods .pre-head:after { border-bottom: 2px solid var(–color-gradient-end); width: 48px; content: ”; display: block; border-top: 0px; border-right: 0px; border-left: 0px; margin-top: 16px; margin-bottom: 0px; transition:all cubic-bezier(0.26, -0.01, 0.28, 0.99) .4s; } .row.row–v-stretch .saver-tips-and-resources-pods .pod article{display:block;} .saver-tips-and-resources-pods .button.button–default.button–theme:hover:before { content: ‘Read more’; position: absolute; right: 84px; font-size: 12px; margin-top: 2px; } .saver-tips-and-resources-pods .pod.grid-item–boxed.scaleEffect:hover .pre-head:after{ width:100%; } .saver-tips-and-resources-pods.row .pod .pod__text p { font-size: 20px; font-weight: var(–font-weight-regular); line-height: 28px; } .saver-tips-and-resources-pods.row .button-wrap{ justify-content: flex-end; margin-right: 1%; } .saver-tips-and-resources-pods .button.button–default.button–theme, .button–theme { min-width: 24px; height: 24px; background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.0); padding: 2px 0; } .sl-icon-right{ font-size:10px; margin-left: 6px; } .saver-tips-and-resources-pods .button.button–default.button–theme:hover{ background: #00B096; border-color: #00B096; } .saver-tips-and-resources-pods .pod.grid-item–boxed.scaleEffect:hover, .pod.pod–compact.grid-item–boxed.scaleEffect:hover { -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); box-shadow:none; } .saver-tips-and-resources-pods .button.button–default.button–theme:after{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: “”; background-color: rgba(0,0,0,0); } .audiences .sub-grid.navigation{padding-left:25px;} .audiences .audiences-icon{max-height:56px;} .audiences .audiences-icon .col-40{padding-left:0px;} .audiences .grid-item–links .navigation ul{ -moz-column-count: 2; -moz-column-gap: 120px; -webkit-column-count: 2; -webkit-column-gap: 120px; column-count: 2; column-gap: 120px; display: block; } .audiences .grid-item–links .navigation ul li{max-width: 200px; display: inline-block; width: 100%;} .audiences .grid-item–links .navigation ul li a { color: #292929; padding-right: 24px; font-size: 14px; line-height: 19px; padding: 8px 24px 8px 0px; } .audiences .navigation ul li a:hover{color:var(–color-action-link);} .audiences .navigation ul li a:after { margin: 0 8px; right: 0; position:absolute; padding: 6px 0; } .audiences .navigation ul li a:hover:after{color: var(–color-action-link);} .gallery-simple.gallery–no-border .gallery__item:hover img{opacity:1;} .gallery-simple .gallery__item img{height: 100px; margin: 0 auto; width: 100%; max-width: 100%;} .black-and-white img { filter: url(data:image/svg+xml;utf8,#grayscale); filter: invert(56%) sepia(11%) saturate(4%) hue-rotate(328deg) brightness(102%) contrast(86%); -moz-filter: invert(56%) sepia(11%) saturate(4%) hue-rotate(328deg) brightness(102%) contrast(86%); -ms-filter: invert(56%) sepia(11%) saturate(4%) hue-rotate(328deg) brightness(102%) contrast(86%); -o-filter: invert(56%) sepia(11%) saturate(4%) hue-rotate(328deg) brightness(102%) contrast(86%); filter: gray; -webkit-filter: invert(56%) sepia(11%) saturate(4%) hue-rotate(328deg) brightness(102%) contrast(86%); } .careers .grid-item–image{margin-left: -125px;margin-bottom: -100px;} .careers .col-100{display:none;} ]]>

.hero__inner > .container > .row { margin-top: 0; } } @media only screen and (max-width: 992px){ .hero .hero__background {right: -5%;} .hero__inner .hero__text .hero-proofpoint-section p{width: 150px;} .solutions-pods .pod .pod__image{width:75px;height: 52px;float:left;} .solutions-pods .pod article .pre-head{margin-left:64px;display: flex;align-items: center;min-height: 48px;} .solutions-pods .pod .pod__image + .pod__text{margin-left:0px;} .saver-tips-and-resources .col-m-50{max-width:25%;flex-basis:25%;} .saver-tips-and-resources h2{max-width:150px;} .audiences .audiences-icon{flex-flow: row;align-items: flex-start;justify-content: space-between;} .audiences .audiences-icon .col-40, .audiences .audiences-icon .col-60{max-width: 49%;flex-basis: 49%;} .audiences-icon .icon, .solutions-pods .pod article > .pod__image > a > .icon, .audiences-icon .icon{margin-left:0px;} .audiences .sub-grid.navigation{padding-left: 0;} .audiences .grid-item–links .navigation ul{column-gap: inherit;} .audiences .grid-item–links .navigation ul li{width1:45%;} } @media screen and (max-width: 768px){ .hero__inner .hero__inner, .hero__inner .row–right .hero__inner {margin: 0;} .hero__inner h1{font-size: 34px;letter-spacing: -0.4px;line-height: 38px;} .hero__inner .hero__text .hero-proofpoint-section{margin-top:40px;} .hero__inner .hero__text .hero-proofpoint{font-size: 16px;line-height: 20px;} .hero__inner .hero__text p{font-size: 18px;line-height: 25px;} .hero__inner .hero__text .text-small{font-size: 12px;line-height: 17px;} .hero .hero__background {right: -8%;} .hero .hero__background:before {background:transparent;} .solutions .overFlowImage.Bottom{margin-bottom: 0px;} .solutions.overFlowImageSectionBottom .grid-item–header{margin-bottom:48px;margin-top:48px;} .solutions.overFlowImageSectionBottom{margin-bottom:0px;} .solutions-pods .col-100 .grid-item–header{margin: 0;} .accomplish-your-goal .col-100 .grid-item–header, .audiences .grid-item–header, .careers.grid.grid–compact{margin-top:64px;} .saver-tips-and-resources{background: linear-gradient(170deg, rgba(0,172,148,1) 0%, rgba(2,107,132,1) 38%, rgba(0,50,65,1) 61%) !important;} .saver-tips-and-resources .container{padding:0px;} .saver-tips-and-resources .col-m-50{max-width:100%;flex-basis:100%;} .saver-tips-and-resources h2, .saver-tips-and-resources .grid-item–header .text h2:only-Child {max-width: 100%;margin-top: 48px;margin-bottom: 24px;} .saver-tips-and-resources-pods .pod .pod__text{min-height:300px;margin:0px;} .saver-tips-and-resources-pods{margin: 0;} } @media only screen and (max-width: 876px) and (min-width: 600px){ .solutions-pods .col-25:nth-child(5) .pod article .pre-head{ display: block; vertical-align: middle; height: 100%; } } @media screen and (min-width : 600px) and (max-width : 768px) { .hero, .hero.overlay–light{height:500px;min-height:500px;} .hero__inner .hero__inner{padding: 48px 0;flex-basis: 52%;max-width: 52%;} .hero .hero__background{position: absolute;height: 500px;} .solutions{margin-bottom: 0;} .solutions .grid-item–code{margin-bottom: -5.9em;} .solutions-pods .col-m-50{-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;} .accomplish-your-goal .col-50, .accomplish-your-goal .col-40, .education .col-50, .education .col-40, .careers .col-50, .careers .col-40{-ms-flex-preferred-size: 45%;flex-basis: 45%;max-width: 45%;} .accomplish-your-goal #saving-goal, #education-chatBubble{height: 400px !important;} .saver-tips-and-resources h2{padding: 0 1em;margin-bottom: 48px; margin-left: 32px;} .saver-tips-and-resources-pods{flex-flow: row;width: 100%;margin: 0;} .careers .grid-item–image{display: block !important;} /*.saver-tips-and-resources-pods .pod .pod__image{position: absolute;max-width: 50%;} .saver-tips-and-resources-pods .pod .pod__text{min-height: 250px;width: 45% !important;margin-left: 50%;padding: 0px 0px 0px 24px;} .saver-tips-and-resources-pods .pod.grid-item–boxed .pod__text .button-wrap{margin-top:0;}*/ } @media screen and (max-width: 599px){ .hero__inner .hero__inner1{padding: 24px 0 24px 0;} .hero .hero__background{right:auto;left:0;margin-top:-104px;z-index:0;background-image: url(‘/media/afhfbdo1/people-collage-mobile.png’) !important;background-position: center bottom !important;} .solutions.grid.grid–compact{padding: 0 0 64px 0;} .solutions-pods.sub-grid{padding:24px;} .solutions .altHeader{padding-right:0px;margin:24px 0;} .solutions-pods .pod article{padding:24px 0;} .solutions-pods .pod article .pre-head{margin-left: 56px;flex-wrap: wrap;align-content: center;justify-content: flex-start;align-items: center;} .solutions-pods .pod article .pre-head:after, .audiences .navigation ul li a:after{margin-left: 8px;} .solutions .grid-item–code, .solutions{margin-bottom: 0;} .solutions-pods{margin-left: calc(var(–grid-gutter-half) * -1);margin-right: calc(var(–grid-gutter-half) * -1);} .saver-tips-and-resources h2{margin-left: 32px;} .education.grid.grid–compact{padding: 64px 0;} .careers .col-100{display:block;} .careers .grid-item–image{margin:-32px -32px 32px -32px;margin-bottom: 32px;} } @media screen and (min-width : 599px) and (max-width : 840px){ .hero .hero__background{margin-top:0;right: -10%;} } @media screen and (min-width : 600px) and (max-width : 600px){ .hero__inner .hero__text .hero-proofpoint-section{display: flex;flex-flow: inherit;} .accomplish-your-goal #saving-goal, #education-chatBubble{height: 360px !important;} .solutions .grid-item–code{margin-bottom: 0;} } @media screen and (min-width : 477px) and (max-width : 599px){ .hero__inner .hero__text .hero-proofpoint-section1{display: flex;flex-flow: column;} .hero .hero__background{margin-top:-5rem;} } @media screen and (max-width: 476px){ .hero__inner .hero__text .hero-proofpoint-section{flex-flow: row;flex-wrap: wrap;justify-content: flex-start;} #saving-goal, #education-chatBubble{height:400px !important;} .solutions-pods .col-25:nth-child(5) .pod article .pre-head{ display: block; vertical-align: middle; height: 100%; } } ]]>

Source