.main-content{font-family:sansSemiBold,"Helvetica Neue",Arial,sans-serif;font-size:.95rem;color:#001E41;background-color:#eff2f9;margin:0;padding:0;min-height:100%;position:relative;padding-bottom:30px;line-height:normal;.header h1{font-family:archerMedium;font-weight:normal;color:#001e41;font-size:1.3rem}
h1{font-family:archerSemibold;font-size:32px}
a{color:blue}
input{font-size:16px}
}
.kiwisaver-calculator-wrapper.results{margin-top:100px;padding-bottom:0}
.my-action-plan{margin:35px 0}
.helpButton{display:none}
.loader-overlay{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.6}
.loading-spinner{display:none;margin:0 auto;font-size:0;width:15px;height:15px;border-radius:15px;padding:0;border:3px solid #fff;border-bottom:3px solid rgba(255,255,255,0);border-left:3px solid rgba(255,255,255,0);background-color:transparent !important;-webkit-animation-name:rotateAnimation;animation-name:rotateAnimation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@keyframes rotateAnimation{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.align-right{text-align:right !important}
.align-center{text-align:center}
.container{width:60%;margin:auto}
.full-width-header{background-color:white;width:100%;position:sticky;top:0;z-index:1000}
.results-header{font-family:archerMedium;text-align:center}
.results-header-main{font-size:50px;color:#001e41;background:#FFF;padding:20px 0}
.results-header-sub-main{font-family:sansSemiBold;font-size:22px;color:#001e41;margin-bottom:40px}
.results-text-header{font-family:archerMedium;font-size:1.3rem;color:#001e41}
.results-retirement-balance{font-family:sansSemiBold;font-size:40px;color:#007dbd;margin-top:15px}
.results-retirement-weekly-income{font-family:sansSemiBold;font-size:24px;color:#007dbd}
.graph{width:100%}
.results-retirement-goal-income{font-family:sansSemiBold;font-size:24px;color:#76c158}
.results-retirement-balance.home{margin-top:0}
.results-text-header.home{margin-top:20px}
.number{font-family:sansSemiBold;font-size:16px}
.form-group{margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;.form-group-validation{display:flex;flex-direction:column;align-items:end}
.field-error{font-size:.9rem;color:red}
input.error{border-color:red}
}
.form-group.vertical{flex-direction:column;align-items:flex-start}
.form-group.vertical label{white-space:normal}
.form-group-extra{margin-top:40px}
.form-group.toggle-group{flex-direction:column;align-items:normal}
.kiwisaver-calculator-wrapper label{overflow:hidden;margin-bottom:5px;font-size:.88rem}
.kiwisaver-calculator-wrapper input[type=text],.kiwisaver-calculator-wrapper input[type=email],.kiwisaver-calculator-wrapper input[type=number],.kiwisaver-calculator-wrapper select{width:100%;padding:10px;margin-bottom:10px;border:1px solid #8dcef2;border-radius:3px;background-color:white !important}
.min-width-input-small{width:50px !important}
.min-width-input-medium{width:90px !important}
.radio-label{flex-grow:1}
.radio-options{display:flex;gap:10px}
.radio-group label{display:flex;align-items:center}
.radio-group input[type="radio"]{margin-right:5px}
.button-container{display:flex;justify-content:center;margin-bottom:20px}
.kiwisaver-calculator-wrapper button{font-family:sansSemiBold;font-size:18px;background-color:#007dbd;color:white;padding:10px 20px;border:0;cursor:pointer;height:50px;width:177px;text-transform:none}
.sticky-footer{position:sticky;left:0;bottom:0;width:100%;background-color:#8dcef2;color:white;text-align:center;display:flex;justify-content:center;padding:7px 0}
.sticky-nav-tab,.sticky-nav-tabs{font-family:archerSemibold;font-size:1.3rem}
.sticky-nav-wrapper{width:100%;display:flex;justify-content:center;align-items:center}
.sticky-nav-container{background-color:white;border-radius:50px;padding:7px;display:flex;justify-content:center;align-items:center;width:fit-content;margin:auto}
.sticky-nav-tabs{list-style:none;padding:0;margin:0;display:flex;justify-content:center;justify-content:center;align-items:center}
.sticky-nav-tab{background:0;padding:7px 20px;margin-right:5px;border-radius:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;width:250px;color:#007dbd;text-align:center}
.sticky-nav-tab.active{background-color:#007dbd;color:white}
.sticky-nav-tab span{margin:0}
.nav-tab,.nav-tabs{font-family:sansSemiBold;font-size:18px}
.nav-wrapper{display:flex;justify-content:center;align-items:center}
.nav-container{background-color:white;border-radius:50px;padding:10px;display:inline-block;justify-content:center;margin:20px}
.nav-tabs{list-style:none;padding:0;margin:0;display:flex;justify-content:center}
.nav-tab{background:0;padding:10px 20px;margin-right:5px;border-radius:50px;display:flex;align-items:center;cursor:pointer;width:400px}
.nav-tab.active{background-color:#007dbd;color:white}
.nav-tab:hover{background-color:#007dbd;color:white}
.nav-tab span{margin-right:8px}
.nav-tab img{width:50px;margin-right:10px}
.form-row{display:flex;justify-content:space-between;flex-wrap:wrap}
.form-column{width:48%;box-sizing:border-box;@media only screen and (min-width:1200px){&.retirement{width:42%}
&.retirement.align-right{width:56%}
}
}
.contribution-options{margin-bottom:35px}
.contribution-option-container{display:flex;justify-content:space-between;flex-wrap:nowrap;margin-top:15px}
.contribution-option{display:flex;justify-content:center;align-items:center;width:100%;background-color:#fff;color:#007dbd;border:.5px solid #cae4f5;cursor:pointer;padding:8px;font-size:.88rem}
.desired-income-option{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#007dbd;border:.5px solid #cae4f5;cursor:pointer;text-align:center}
.desired-income-option.active,.desired-income-option:hover{background-color:#8dcef2;color:#fff;border-color:#8dcef2}
.contribution-option.active,.contribution-option:hover{background-color:#8dcef2;color:#0f5293;border-color:#8dcef2}
.hidden{display:none}
.legal{font-family:sansSemiBold;font-style:italic;font-size:14px;line-height:1.8}
.accordion-wrapper{display:flex;justify-content:space-between}
.accordion-container{display:flex;justify-content:space-between}
.accordion{flex:1;margin:5px;border:0}
.accordion.border{border:1px solid #cae4f5}
.accordion-button{color:#007dbd;padding:10px;width:100%;text-align:left;border:0;outline:0;cursor:pointer}
.accordion-button:hover{background-color:#007dbd !important;color:#FFF}
.accordion-content{font-family:sansSemiBold;font-size:13px;padding:20px 25px;overflow:hidden;transition:max-height .2s ease-out;line-height:1.5;p,ul,ol{margin-bottom:15px}
ul li{list-style-type:disc}
ol li{list-style-type:auto}
li{margin-left:30px;margin-bottom:7px}
}
.hidden-accordion{max-height:0;padding:0 10px}
.plus{float:right}
.custom-link{color:black !important;font-size:16px;text-decoration:underline;font-family:archerSemibold}
.custom-email-link{font-family:archerBook;color:#007dbd}
.link-container{font-size:14px;margin-top:20px}
.email-link-container{font-size:22px;margin-top:20px;margin-bottom:20px;text-align:center}
.info-icon{cursor:pointer;margin-right:5px;flex-shrink:0;margin-left:5px;width:15px}
.kiwisaver-calculator-wrapper hr{background-color:#007dbd;height:3px;border:0}
.info-bubble{position:absolute;width:220px;background-color:#e7e7e7;padding:10px;border-radius:10px;z-index:9999;font-size:12px;bottom:14px;left:100%;margin-left:-5px}
.info-bubble:after{content:" ";position:absolute;bottom:0;left:0;width:0;height:0;border-style:solid;border-width:0 12px 12px 0;border-color:transparent transparent #e7e7e7 transparent}
.info-bubble.inverse{bottom:auto;top:14px}
.info-bubble.inverse:after{bottom:auto;top:-4px}
.slider-labels{display:flex;justify-content:space-between}
.slider-label{text-align:center}
.range-container{margin-bottom:25px}
.kiwisaver-calculator-wrapper input[type=range]{-webkit-appearance:none;width:100%;margin:8px 0}
.kiwisaver-calculator-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;cursor:pointer}
.kiwisaver-calculator-wrapper input[type=range]::-webkit-slider-runnable-track{width:100%;height:26px;background:#8dcef2;border-radius:5px}
.contribution-option img{max-width:100px;margin-bottom:10px}
.switch{position:relative;display:inline-block;width:53px;height:23px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:3px;background-color:white;-webkit-transition:.4s;transition:.4s}
.kiwisaver-calculator-wrapper input:checked + .slider{background-color:#2196f3}
.kiwisaver-calculator-wrapper input:focus + .slider{box-shadow:0 0 1px #2196f3}
.kiwisaver-calculator-wrapper input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}
.other-savings-switch{text-align:right}
.content-boxes{display:flex;justify-content:space-between}
.box{background-color:#eff2f9;border:1px solid #ccc;padding:20px;margin:10px;flex-basis:calc(33.333% - 20px);text-align:left}
.box p{font-family:sansSemiBold;font-size:16px;color:#001e41;line-height:1.6rem}
.box-header{display:flex;justify-content:left;align-items:baseline;margin-bottom:15px;color:#001e41}
.box-number{font-size:40px;font-weight:bold;color:#001e41;margin-right:5px}
.box-title{font-size:24px;color:#333;line-height:2rem}
.box-link-container{margin-top:10px}
.box-link{font-family:sansSemiBold;color:#007dbd;text-decoration:none;font-size:16px}
.label-and-icon{display:flex;align-items:center;flex-wrap:nowrap;position:relative}
.form-group-extra .label-and-icon label{flex-shrink:1;margin-right:10px}
.icon-wrapper{position:relative}
.form-group.vertical input[type="text"],.form-group.vertical input[type="email"],.form-group.vertical input[type="number"]{width:100%}
#name,#email{width:96%}
.header-desktop{display:block}
.header-mobile{display:none}
.contribution-container{display:flex;gap:21px}
.contribution-item{display:flex;flex-direction:row;gap:5px}
.kiwisaver-calculator-wrapper footer{margin-top:0 !important}
.disclaimers{padding-bottom:80px}
.chart-tooltip{position:relative;padding:6px;font-family:sansSemiBold}
.chart-tooltip td{text-align:center;vertical-align:middle}
.hr-results-header{background-color:#CCC;height:2px;border:0;margin:10px 0;width:70%}
.send-my-results{font-size:16px}
.action-form{.form-row{display:block;width:70%;margin:0 auto;&.disclaimer{font-size:.8rem;text-align:center;p{text-align:center}
}
}
.form-group{margin-bottom:6px;label{margin:0 auto 15px}
input{width:95% !important}
}
}
@media(max-width:1130px){.main-content{font-size:16px;.content-boxes{flex-direction:column}
.box{flex-basis:100%}
.other-savings-switch{text-align:left}
.results-header-main{font-size:36px}
.results-header-sub-main{font-size:16px}
.results-text-header{font-size:18px}
.results-retirement-balance{font-size:32px}
.results-retirement-weekly-income{font-size:18px}
.results-retirement-goal-income{font-size:18px}
.results-header{font-size:20px}
.number{font-size:12px}
.form-row{flex-direction:column}
.form-column{width:100% !important}
.container{width:90%}
.full-width-header .container{width:90%}
.sticky-nav-tab,.nav-tabs{font-size:16px}
.sticky-nav-tab{width:290px}
.nav-tab,.nav-tabs{font-size:16px}
.nav-tab{width:290px}
.nav-tab img{width:30px;margin-right:10px}
h1{font-size:20px}
.header h1{text-align:center;line-height:normal;margin:25px 0}
.form-group{flex-direction:column;align-items:flex-start;.form-group-validation{display:flex;flex-direction:column;align-items:normal}
}
.accordion-wrapper{flex-direction:column}
.accordion-container{flex-direction:column}
.accordion{flex-basis:100%;margin:5px 0}
.accordion-button{padding:8px;font-size:14px}
.form-group.form-group-extra{flex-direction:column;align-items:flex-start}
.form-group-extra .label-and-icon label{white-space:normal}
.form-group-extra input{width:100%}
.header-desktop{display:none}
.header-mobile{display:block}
.contribution-option{padding:5px}
.info-bubble{width:200px}
.contribution-item{flex-direction:column}
}
}
@media(max-width:600px){.results-header-main{font-size:1.6rem !important}
.results-retirement-balance{font-size:1.1rem !important;margin:10px 0 0 !important}
.results-text-header.home{margin-top:10px !important}
.results-text-header,.results-retirement-goal-income,.results-retirement-weekly-income{font-size:1.1rem !important}
.hr-results-header{display:none !important}
.sticky-nav-tab{width:128px !important}
.nav-tab{width:128px !important}
.mb-inline-block{display:inline-block !important}
.info-bubble.x-small{margin-bottom:7px;margin-left:-40px}
.info-bubble.small{margin-bottom:7px;margin-left:-80px}
.info-bubble.medium{margin-bottom:7px;margin-left:-110px}
.info-bubble.large{margin-bottom:7px;margin-left:-125px}
.info-bubble.x-large{margin-bottom:7px;margin-left:-160px}
.info-bubble.inverse.medium{margin-bottom:auto;margin-top:7px;margin-left:-110px}
}
.grecaptcha-badge{visibility:hidden}