@charset "UTF-8";
/* SLF Frame Fix */
.slf-r-gradient-whimsical-bot,
.title-bar-default {
    margin-bottom: 0px;
}

#page-content > .row > * {
    min-height: 0;
}

/*colours*/
/*font weights*/
/* previously 200 */
/* RRSP tool specific styles */
/*colours*/
/*font weights*/
/* previously 200 */
.tool_main {
    /*
    .foot::after {
        position:absolute;
        z-index: +99;
        content: "ft";
        right:10px;
        top: 0px;
    }
    */
    /*
    .inch::after {
        position: absolute;
        z-index: +99;
        content: "in";
        right: 10px;
        top: 0px;
    }
    */
}
.tool_main .question-label {
    padding-top: 8px;
    text-wrap: pretty;
}
.tool_main .slider {
    margin-top: 14px;
}
@media only screen and (max-width: 1000px /* DO NOT CHANGE */) {
    .tool_main .slider .bar {
        width: 185px !important;
    }
}
.tool_main fieldset.genders label {
    font-weight: 400;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main fieldset.genders label.label1 {
    margin-right: 15px;
}
@media only screen and (max-width: 599px) {
    .tool_main fieldset.genders label.label1 {
        margin-bottom: 10px;
    }
}
.tool_main .form-group-radio .error-msg {
    width: auto;
    margin-top: 3px;
}
.tool_main .age-area-wrap {
    position: relative;
}
.tool_main .age-area-wrap:after {
    position: absolute;
    right: 10px;
    top: 9px;
    content: "years old" !important;
    pointer-events: none;
}
.tool_main .age-area-wrap:lang(fr):after {
    content: "ans" !important;
}
.tool_main .temp-width-fix .form-input {
    width: 100%;
}
.tool_main .temp-width-fix .form-input:lang(fr) {
    width: 100%;
}
.tool_main .heightFormat,
.tool_main .weightFormat {
    margin-left: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    background: #fff;
}
.tool_main .heightFormat::-ms-expand,
.tool_main .weightFormat::-ms-expand {
    display: none;
}
@media only screen and (max-width: 599px) {
    .tool_main .heightFormat,
    .tool_main .weightFormat {
        margin-left: 0;
        margin-top: 5px;
        display: block;
    }
}
.tool_main .select-wrap {
    position: relative;
    display: inline-block;
}
@media only screen and (max-width: 599px) {
    .tool_main .select-wrap {
        display: block;
    }
}
.tool_main .select-wrap:lang(fr) select {
    width: 127px;
}
.tool_main .select-wrap select::-ms-expand {
    display: none;
}
.tool_main .select-wrap::after {
    font-family: FontAwesome;
    content: "\f078";
    position: absolute;
    z-index: +99;
    right: 7px;
    bottom: 8px;
    pointer-events: none;
}
.tool_main .temp-small-width {
    width: 62px;
    text-align: left !important;
}
.tool_main .temp-small-width.overide:lang(fr) {
    width: 62px;
}
.tool_main .foot,
.tool_main .inch {
    position: relative;
}
.tool_main .heightFormatLbl {
    left: 40px;
    position: absolute;
    top: 10px;
}
.tool_main .heightFormatLbl2 {
    left: 105px;
    position: absolute;
    top: 10px;
}
.tool_main .heightFormatLbl2.cm {
    left: 98px;
}
.tool_main .squeezeAndFade {
    opacity: 0;
}
.tool_main .animate-1s {
    transition: 1s all;
}
.tool_main .squeeze {
    width: 0;
}
.tool_main .temp-weight-fix {
    text-align: left !important;
}
.tool_main .twf-metric {
    left: 95px !important;
}
@media only screen and (max-width: 599px) {
    .tool_main .temp-width-fix {
        float: left;
        min-height: 85px;
        display: table-cell;
        vertical-align: middle;
        padding: 0 !important;
    }
}
.tool_main .temp-width-fix .form-input {
    height: auto !important;
}
.tool_main a.slf-blue-link:focus {
    outline-width: 0;
}
.tool_main .blue-icon-adjust {
    margin-left: -10px;
}
@media only screen and (max-width: 599px) {
    .tool_main .blue-icon-adjust {
        margin-left: 0;
    }
}
.tool_main .tiny-width {
    padding: 0 !important;
}
@media only screen and (max-width: 599px) {
    .tool_main .radio-width {
        padding: 0 !important;
    }
}
.tool_main .flex-row {
    display: flex;
    flex-direction: row;
}
@media only screen and (max-width: 767px /* DO NOT CHANGE */) {
    .tool_main .flex-row {
        align-items: center;
    }
}
.tool_main .squeezeAndFade .inch {
    display: none;
}
.tool_main .width-128 {
    /* display: inline-block; */
    width: 128px !important;
}
@media only screen and (max-width: 599px) {
    .tool_main .blue-bg .fa-stack {
        margin-left: 0 !important;
        margin-right: 10px;
    }
}
@media only screen and (max-width: 599px) {
    .tool_main .large-icon {
        margin-right: 10px;
    }
}
.tool_main:lang(fr) .error-msg.height,
.tool_main:lang(fr) .error-msg.weight {
    width: 127px !important;
}
.tool_main .age-area-wrap contributions,
.tool_main .age-area-wrap {
    width: 127px !important;
}
.tool_main .flex-row-dropdown {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
@media only screen and (min-width: 768px /* DO NOT CHANGE */) {
    .tool_main .flex-row-dropdown {
        flex-direction: row;
    }
}
@media only screen and (min-width: 768px /* DO NOT CHANGE */) {
    .tool_main .flex-row-dropdown label {
        width: 33.33333%;
    }
}
.tool_main .flex-row-dropdown .dropdown-wrapper {
    width: 100%;
}
@media only screen and (min-width: 768px /* DO NOT CHANGE */) {
    .tool_main .flex-row-dropdown .dropdown-wrapper {
        width: calc(25% + 142px);
    }
}
.tool_main .flex-row-dropdown .dropdown-wrapper .form-group {
    width: 100%;
}
@media only screen and (min-width: 768px /* DO NOT CHANGE */) {
    .tool_main .flex-row-dropdown .dropdown-wrapper .form-group {
        width: 258px;
    }
}
.tool_main .flex-row-dropdown .dropdown-wrapper .form-group select {
    width: 100%;
}
.tool_main .flex-row-dropdown .dropdown-wrapper .error-msg.dropdown {
    width: auto !important;
}
@media only screen and (min-width: 768px /* DO NOT CHANGE */) {
    .tool_main .flex-row-dropdown .dropdown-wrapper .error-msg.dropdown {
        width: 258px !important;
    }
}

/*colours*/
/*font weights*/
/* previously 200 */
.tool_main.results {
    font-size: 18px;
    line-height: 140%;
}
@media only screen and (max-width: 412px) {
    .tool_main.results #results-buttons {
        white-space: nowrap;
    }
    .tool_main.results #results-buttons .save-button {
        margin-left: 4px !important;
    }
}
@media only screen and (max-width: 599px) {
    .tool_main.results #results-buttons .print-button,
    .tool_main.results #results-buttons .fa-print,
    .tool_main.results #results-buttons .js-btn-print {
        display: none;
    }
}
.tool_main.results .assumptions {
    display: inline-block;
    margin: 5px 0 25px 5px;
}
.tool_main.results .assumptions-position {
    text-align: right;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .assumptions-position {
        text-align: center;
    }
}
.tool_main.results .print-save-buttons {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .print-save-buttons {
        text-align: center;
    }
}
.tool_main.results .print-save-buttons .print-button {
    padding-right: 10px;
    margin-left: 20px;
}
.tool_main.results .print-save-buttons .save-button {
    display: inline-block;
    padding-right: 5px;
    margin-left: 20px;
}
.tool_main.results .print-save-buttons .print-button,
.tool_main.results .print-save-buttons .save-button,
.tool_main.results .print-save-buttons .start-over-button {
    display: inline-block;
}
.tool_main.results .print-save-buttons .print-button .icon,
.tool_main.results .print-save-buttons .save-button .icon,
.tool_main.results .print-save-buttons .start-over-button .icon {
    font-size: 30px;
    color: #004c6c;
    vertical-align: middle;
}
.tool_main.results .print-save-buttons .save,
.tool_main.results .print-save-buttons .start-over-button > a {
    font-size: 16px;
    color: #004c6c;
    padding-left: 5px;
    vertical-align: middle;
    display: inline-block;
}
.tool_main.results .print-save-buttons .print {
    font-size: 16px;
    color: #004c6c;
    padding-left: 5px;
    vertical-align: middle;
    display: inline-block;
}
.tool_main.results .print-save-buttons .save-button-flash {
    display: inline-block;
    vertical-align: bottom;
}
.tool_main.results .print-save-buttons #flSaveBtn {
    vertical-align: top;
    display: inline-block;
    height: 30px;
    position: relative;
}
.tool_main.results ul.bulleted-list li {
    padding-left: 20px;
    position: relative;
}
.tool_main.results ul.bulleted-list li:before {
    content: "•";
    color: #ffcb05;
    position: absolute;
    left: 0px;
}
@media only screen and (max-width: 599px) {
    .tool_main.results h4 {
        margin-left: 15px;
    }
}
.tool_main.results .max-1024 {
    max-width: 900px;
    margin: 0 auto;
}
.tool_main.results .expected-age {
    color: #fff;
    font-weight: 400;
    display: table;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main.results .expected-age p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.tool_main.results .expected-age .big-number {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    padding-left: 1%;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .expected-age .big-number {
        display: block;
        width: 100%;
        padding: 0;
    }
}
.tool_main.results .expected-age .number {
    font-size: 90px;
    padding: 60px 0;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
    background: #fff;
    color: #003946;
    border: 5px solid #003946;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main.results .expected-age .number.three-digits {
    font-size: 100px;
}
.tool_main.results .expected-age .number-border {
    border: 3px dashed #eaab00;
    border-radius: 100%;
    width: 170px;
    margin: 0 auto;
}
.tool_main.results .expected-age .desc {
    font-size: 24px;
    line-height: 1.2em;
    display: table-cell;
    vertical-align: middle;
    width: 32%;
    padding-left: 4%;
    padding-right: 4%;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .expected-age .desc {
        display: block;
        width: 100%;
        padding: 5%;
        text-align: center;
        font-size: 25px;
    }
}
.tool_main.results .expected-age .desc b,
.tool_main.results .expected-age .desc span {
    color: #ffcb05;
}
.tool_main.results .expected-age .desc span.years {
    position: relative;
}
.tool_main.results .expected-age .desc span.years::after {
    content: "";
    background: url("../../../life_expectancy/common/images/yellow-underline.png") center no-repeat;
    background-size: 100%;
    width: 100%;
    height: 5px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.tool_main.results .expected-age .desc span.yearNum {
    font-weight: 400;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main.results .expected-age .mini-desc {
    font-size: 18px;
    line-height: 1.2em;
    padding-right: 30px;
    display: table-cell;
    vertical-align: middle;
    width: 42%;
    padding-right: 1%;
}
.tool_main.results .expected-age .mini-desc span {
    line-height: 1.2em;
    line-height: 100%;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .expected-age .mini-desc {
        display: block;
        width: 100%;
        padding: 5%;
        text-align: center;
        font-size: 21px;
    }
}
.tool_main.results .expected-age .yel {
    color: #ffcb05;
    font-size: 18px;
}
.tool_main.results .icon-table .row {
    display: table;
    /*display:table !important;*/
    margin: 20px 0;
    width: 100%;
}
.tool_main.results .icon-table a {
    color: #004c6c;
    font-size: 18px;
}
.tool_main.results .health {
    margin-bottom: 0 !important;
}
.tool_main.results .icon-table .icon-wrap {
    display: table-cell;
    vertical-align: middle;
    padding-right: 0;
    float: none;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .icon-table .icon-wrap {
        display: none;
    }
}
.tool_main.results .blue-bg .icon-table .icon-wrap {
    width: 95px;
}
.tool_main.results .blue-bg .icon-table {
    padding-top: 0;
}
.tool_main.results .small-icon {
    position: relative;
    width: 45px;
    height: 45px;
    background: #eaab00;
    border-radius: 45px;
    float: right;
}
.tool_main.results .blue-icon {
    background: #f2f5f6;
    border: 1px solid #004c6c;
}
.tool_main.results .blue-icon-adjust {
    min-width: 71px;
}
.tool_main.results .icon-table .desc {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding-right: 10%;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .icon-table .desc {
        padding: 0 20px;
    }
}
.tool_main.results .small-icon::after {
    font-family: FontAwesome;
    position: absolute;
    color: #fbefcc;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -10px;
    font-size: 20px;
}
.tool_main.results .blue-icon::after {
    color: #004c6c;
}
.tool_main.results .database::after {
    content: "\f1c0";
    margin-left: -9px;
}
.tool_main.results .heart::after {
    content: "\f004";
    margin-left: -10px;
}
.tool_main.results .people::after {
    content: "\f0c0";
    margin-left: -11px;
}
.tool_main.results .blue-bg .fa-stack {
    margin-left: -10px;
}
.tool_main.results .temp-extra-margin {
    margin-top: 40px;
}
.tool_main.results .legal {
    font-size: 10px;
    color: #fff;
    line-height: 12px;
    display: none;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .add-bullet {
        margin-left: 10px;
    }
}
.tool_main.results .add-bullet::before {
    content: "";
    width: 5px;
    height: 5px;
    background: #eaab00;
    border-radius: 8px;
    position: absolute;
    top: 12px;
    left: 6px;
}
.tool_main.results .popup_main a {
    word-break: break-all;
}
.tool_main.results .retirement-plan-accordion {
    font-size: 18px;
}
.tool_main.results .retirement-plan-accordion .fixed-width {
    display: none !important;
    min-width: 60px;
    min-height: 60px;
}
.tool_main.results .retirement-plan-accordion .blue-icon-adjust {
    margin-left: 0 !important;
}
.tool_main.results .retirement-plan-accordion .section {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
}
.tool_main.results .retirement-plan-accordion .section a.title {
    position: relative;
    color: #424242;
    font-size: 20px;
    font-weight: 400;
    white-space: normal;
    vertical-align: middle;
    display: inline-block;
    text-align: left;
    cursor: pointer;
    display: block;
    background-color: #f2f5f6;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    padding-bottom: 10px;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding-left: 3%;
    text-decoration: none !important;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main.results .retirement-plan-accordion .section a.title:before {
    font-family: "FontAwesome";
    content: "\f055";
    margin-right: 8px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 17px;
}
.tool_main.results .retirement-plan-accordion .section a.title span {
    display: block;
    padding-left: 20px;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .retirement-plan-accordion .section a.title {
        font-weight: 400;
        padding-right: 8px;
        padding-top: 10px;
        padding-bottom: 15px;
        background-color: #ffcb05;
        color: #004c6c;
        padding-left: 44px;
        font-family: var(--font-bold, inherit);
        font-style: normal;
    }
}
.tool_main.results .retirement-plan-accordion .section a.title:hover.desktop-hover {
    text-decoration: none;
    background-color: #004c6c;
    color: #ffffff;
}
.tool_main.results .retirement-plan-accordion .section .title {
    position: relative;
    color: #424242;
    font-size: 20px;
    font-weight: 400;
    white-space: normal;
    vertical-align: middle;
    display: inline-block;
    text-align: left;
    display: block;
    background-color: #f2f5f6;
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .retirement-plan-accordion .section .title {
        padding-right: 8px;
        padding-top: 10px;
        padding-bottom: 15px;
        background-color: #ffcb05;
        color: #004c6c;
    }
}
.tool_main.results .retirement-plan-accordion .section .title h4 {
    margin-bottom: 0px;
}
@media only screen and (min-width: 600px) {
    .tool_main.results .retirement-plan-accordion .section .title h4 {
        margin-left: max(8.33333333%, 57px);
        padding-left: 12px;
        padding-right: 12px;
    }
}
.tool_main.results .retirement-plan-accordion .section.open a.title:before {
    content: "\f056";
}
.tool_main.results .retirement-plan-accordion .section.open a.title:hover.desktop-hover {
    background-color: #004c6c;
}
.tool_main.results .retirement-plan-accordion .section.open > .content {
    display: block;
}
.tool_main.results .retirement-plan-accordion .section > .content {
    display: none;
    background-color: #f2f5f6;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .retirement-plan-accordion .section > .content {
        padding-left: 3%;
        padding-right: 3%;
        padding-bottom: 1px;
    }
}
@media only screen and (min-width: 600px) {
    .tool_main.results .retirement-plan-accordion .section > .content {
        padding-top: 10px;
        padding-bottom: 1px;
        display: block !important;
    }
}
.tool_main.results .retirement-plan-accordion .section > .content .slider .bar {
    width: 216px;
}
.tool_main.results .retirement-plan-accordion .section > .content a.tax-rate {
    margin-top: 10px;
}
.tool_main.results .health {
    padding-bottom: 30px;
}
.tool_main.results .print-button {
    display: inline-block !important;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .print-button {
        display: none !important;
    }
}
.tool_main.results .margin-0-row {
    margin: 0 !important;
}
@media only screen and (max-width: 599px) {
    .tool_main.results .margin-0-row {
        margin: 0 -15px !important;
    }
}
.tool_main.results .find-advisor-widget {
    padding-top: 5px;
    font-size: 16px;
}
.tool_main.results .find-advisor-widget label {
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 400;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main.results .find-advisor-widget .input-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/*---------- common styles ----------*/
/*colours*/
/*font weights*/
/* previously 200 */

.container #page-content .row [data-dynamic-statements] {
    display: none;
}

.tool_main .white {
    color: #ffffff;
}

.tool_main,
.popup_main,
.rm-print-preview {
    /* font-family: 'agenda', "Arial", sans-serif; */
    font-family: var(--font-main, inherit);
    font-weight: 400;
    outline: none;
    /*
    .uppercase {
        text-transform: uppercase;
    }*/
    /* ----- buttons -----*/
    /* CTA button */
    font-style: normal;
}
.tool_main .display-none,
.popup_main .display-none,
.rm-print-preview .display-none {
    display: none;
}
.tool_main strong a,
.popup_main strong a,
.rm-print-preview strong a {
    font-weight: 400 !important;
    font-family: var(--font-bold, inherit) !important;
    font-style: normal !important;
}
.tool_main .nowrap,
.popup_main .nowrap,
.rm-print-preview .nowrap {
    white-space: nowrap;
    display: inline-block;
    text-decoration: inherit;
}
.tool_main .text-right,
.popup_main .text-right,
.rm-print-preview .text-right {
    text-align: right;
}
.tool_main .text-center,
.popup_main .text-center,
.rm-print-preview .text-center {
    text-align: center;
}
.tool_main .inline-block,
.popup_main .inline-block,
.rm-print-preview .inline-block {
    display: inline-block;
}
.tool_main .display-table,
.popup_main .display-table,
.rm-print-preview .display-table {
    display: table;
}
.tool_main .display-table-cell,
.popup_main .display-table-cell,
.rm-print-preview .display-table-cell {
    display: table-cell;
}
.tool_main .visible-xs-table-cell,
.popup_main .visible-xs-table-cell,
.rm-print-preview .visible-xs-table-cell {
    display: table-cell !important;
}
@media only screen and (min-width: 600px) {
    .tool_main .visible-xs-table-cell,
    .popup_main .visible-xs-table-cell,
    .rm-print-preview .visible-xs-table-cell {
        display: none !important;
    }
}
.tool_main .vertical-align-middle,
.popup_main .vertical-align-middle,
.rm-print-preview .vertical-align-middle {
    vertical-align: middle;
}
.tool_main .vertical-align-top,
.popup_main .vertical-align-top,
.rm-print-preview .vertical-align-top {
    vertical-align: top;
}
.tool_main .uppercase,
.popup_main .uppercase,
.rm-print-preview .uppercase {
    text-transform: uppercase;
}
.tool_main .img-responsive,
.popup_main .img-responsive,
.rm-print-preview .img-responsive {
    width: 100%;
    height: auto;
    display: block;
}
.tool_main .bold,
.popup_main .bold,
.rm-print-preview .bold {
    font-weight: 400;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main .blue-bg,
.popup_main .blue-bg,
.rm-print-preview .blue-bg {
    background-color: #f4f7f6;
}
.tool_main .slf-dark-blue-bg,
.popup_main .slf-dark-blue-bg,
.rm-print-preview .slf-dark-blue-bg {
    background-color: #004c6c;
}
.tool_main .yellow-bg,
.popup_main .yellow-bg,
.rm-print-preview .yellow-bg {
    background-color: #feedd2;
}
.tool_main .slf-yellow,
.popup_main .slf-yellow,
.rm-print-preview .slf-yellow {
    color: #ffcb05;
}
.tool_main .slf-blue,
.popup_main .slf-blue,
.rm-print-preview .slf-blue {
    color: #004c6c;
}
.tool_main .light-yellow,
.popup_main .light-yellow,
.rm-print-preview .light-yellow {
    color: #ffffff;
}
.tool_main .light-blue,
.popup_main .light-blue,
.rm-print-preview .light-blue {
    color: #ffffff;
}
.tool_main .thirty-percent-yellow-bg,
.popup_main .thirty-percent-yellow-bg,
.rm-print-preview .thirty-percent-yellow-bg {
    background-color: #f9e6b3;
}
.tool_main h2,
.popup_main h2,
.rm-print-preview h2 {
    width: 97%;
    font-size: 28px;
    line-height: 30px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main h2.white,
.popup_main h2.white,
.rm-print-preview h2.white {
    color: #ffffff;
}
.tool_main h2.yellow,
.popup_main h2.yellow,
.rm-print-preview h2.yellow {
    color: #ffcb05;
}
.tool_main h3,
.popup_main h3,
.rm-print-preview h3 {
    color: #424242;
    font-size: 24px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main h3.white,
.popup_main h3.white,
.rm-print-preview h3.white {
    color: #ffffff;
}
.tool_main h4,
.popup_main h4,
.rm-print-preview h4 {
    color: #424242;
    font-size: 20px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 10px;
    /* DAGSS-6075 */
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
@media only screen and (max-width: 599px) {
    .tool_main h4,
    .popup_main h4,
    .rm-print-preview h4 {
        margin-bottom: 0px;
        margin-left: 5px;
    }
}
.tool_main h4.normal,
.tool_main h4 .normal,
.popup_main h4.normal,
.popup_main h4 .normal,
.rm-print-preview h4.normal,
.rm-print-preview h4 .normal {
    font-weight: 400;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main h4.question-title,
.popup_main h4.question-title,
.rm-print-preview h4.question-title {
    padding-left: 0px;
    margin-left: 0px;
    /* DAGSS-6075 */
    /*font-size: 18px;*/
    font-size: 16px;
}
@media only screen and (max-width: 599px) {
    .tool_main h4.question-title,
    .popup_main h4.question-title,
    .rm-print-preview h4.question-title {
        margin-bottom: 5px;
    }
}
.tool_main h4.result-heading,
.popup_main h4.result-heading,
.rm-print-preview h4.result-heading {
    font-size: 18px;
}
.tool_main .cta-new .cta-section h4,
.popup_main .cta-new .cta-section h4,
.rm-print-preview .cta-new .cta-section h4 {
    font-size: 18px;
}
.tool_main .titles h4,
.popup_main .titles h4,
.rm-print-preview .titles h4 {
    font-size: 18px;
}
.tool_main .large-title,
.popup_main .large-title,
.rm-print-preview .large-title {
    font-size: 23px;
    color: #ffcb05;
    line-height: 28px;
    font-weight: 400;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
@media only screen and (min-width: 600px) {
    .tool_main .large-title,
    .popup_main .large-title,
    .rm-print-preview .large-title {
        font-size: 38px;
        line-height: 38px;
    }
}
.tool_main .large-title.grey,
.popup_main .large-title.grey,
.rm-print-preview .large-title.grey {
    color: #424242;
}
.tool_main a.light-blue-link,
.popup_main a.light-blue-link,
.rm-print-preview a.light-blue-link {
    color: #004c6c;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main a.light-blue-link:hover,
.tool_main a.light-blue-link:focus,
.popup_main a.light-blue-link:hover,
.popup_main a.light-blue-link:focus,
.rm-print-preview a.light-blue-link:hover,
.rm-print-preview a.light-blue-link:focus {
    text-decoration: underline;
}
.tool_main a.light-blue-link.bold,
.popup_main a.light-blue-link.bold,
.rm-print-preview a.light-blue-link.bold {
    font-weight: 400;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main a.light-blue-link .icon,
.popup_main a.light-blue-link .icon,
.rm-print-preview a.light-blue-link .icon {
    padding-right: 5px;
    vertical-align: middle;
}
.tool_main a.slf-blue-link,
.popup_main a.slf-blue-link,
.rm-print-preview a.slf-blue-link {
    font-size: 16px;
    font-weight: 400;
    color: #004c6c;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main a.slf-blue-link:hover,
.tool_main a.slf-blue-link:focus,
.popup_main a.slf-blue-link:hover,
.popup_main a.slf-blue-link:focus,
.rm-print-preview a.slf-blue-link:hover,
.rm-print-preview a.slf-blue-link:focus {
    text-decoration: underline;
}
.tool_main a.slf-blue-link.bold,
.popup_main a.slf-blue-link.bold,
.rm-print-preview a.slf-blue-link.bold {
    font-weight: 400;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main a.slf-blue-link .icon,
.popup_main a.slf-blue-link .icon,
.rm-print-preview a.slf-blue-link .icon {
    padding-right: 5px;
}
.tool_main .more-info:hover,
.popup_main .more-info:hover,
.rm-print-preview .more-info:hover {
    color: #4a7283;
}
.tool_main .margin-top-5,
.popup_main .margin-top-5,
.rm-print-preview .margin-top-5 {
    margin-top: 5px;
}
.tool_main .margin-top-10,
.popup_main .margin-top-10,
.rm-print-preview .margin-top-10 {
    margin-top: 10px;
}
.tool_main .margin-bottom-10,
.popup_main .margin-bottom-10,
.rm-print-preview .margin-bottom-10 {
    margin-bottom: 10px;
}
.tool_main .margin-top-15,
.popup_main .margin-top-15,
.rm-print-preview .margin-top-15 {
    margin-top: 15px;
}
.tool_main .margin-bottom-20,
.popup_main .margin-bottom-20,
.rm-print-preview .margin-bottom-20 {
    margin-bottom: 20px;
}
.tool_main .margin-top-20,
.popup_main .margin-top-20,
.rm-print-preview .margin-top-20 {
    margin-top: 20px;
}
.tool_main .margin-top-50,
.popup_main .margin-top-50,
.rm-print-preview .margin-top-50 {
    margin-top: 50px;
}
.tool_main .margin-left-5,
.popup_main .margin-left-5,
.rm-print-preview .margin-left-5 {
    margin-left: 5px;
}
.tool_main .padding-left-5,
.popup_main .padding-left-5,
.rm-print-preview .padding-left-5 {
    padding-left: 5px;
}
.tool_main .padding-right-10,
.popup_main .padding-right-10,
.rm-print-preview .padding-right-10 {
    padding-right: 10px;
}
.tool_main .section,
.popup_main .section,
.rm-print-preview .section {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 5px;
}
@media only screen and (min-width: 600px) {
    .tool_main .section,
    .popup_main .section,
    .rm-print-preview .section {
        margin-bottom: 8px;
    }
    .tool_main .section.no-margin-bottom,
    .popup_main .section.no-margin-bottom,
    .rm-print-preview .section.no-margin-bottom {
        margin-bottom: 0px;
    }
}
.tool_main .section.no-margin-bottom,
.popup_main .section.no-margin-bottom,
.rm-print-preview .section.no-margin-bottom {
    margin-bottom: 0px;
}
.tool_main a.slf-blue-button,
.popup_main a.slf-blue-button,
.rm-print-preview a.slf-blue-button {
    background-color: #004c6c !important;
    border-radius: 4px;
    min-width: 136px;
    max-width: 200px;
    font-size: 16px !important;
    border-radius: 4px;
    font-family: var(--font-bold, inherit);
    font-weight: 400;
    display: inline-block;
    color: #ffffff !important;
    padding: 12px 35px;
    transition: all 0.2s ease-in;
    text-decoration: none !important;
    font-style: normal;
}
.tool_main a.slf-blue-button.full-width,
.popup_main a.slf-blue-button.full-width,
.rm-print-preview a.slf-blue-button.full-width {
    width: 100%;
    text-transform: uppercase;
    font-size: 20px;
}
.tool_main a.slf-blue-button:hover,
.tool_main a.slf-blue-button:focus,
.popup_main a.slf-blue-button:hover,
.popup_main a.slf-blue-button:focus,
.rm-print-preview a.slf-blue-button:hover,
.rm-print-preview a.slf-blue-button:focus {
    background-color: #4a7283 !important;
    text-decoration: none;
}
.tool_main a.slf-blue-button.disabled,
.popup_main a.slf-blue-button.disabled,
.rm-print-preview a.slf-blue-button.disabled {
    background-color: #424242 !important;
    color: #c8c8c8 !important;
    border-radius: 4px;
    min-width: 136px;
    max-width: 200px;
    cursor: default;
    -webkit-filter: none;
    filter: none;
}
.tool_main a.btn-sec-transparant,
.popup_main a.btn-sec-transparant,
.rm-print-preview a.btn-sec-transparant {
    padding: 12px 20px;
    min-width: 136px !important;
    display: inline-block;
}
.tool_main a.btn-close,
.popup_main a.btn-close,
.rm-print-preview a.btn-close {
    font-size: 16px;
    padding: 12px 16px;
    margin-top: 30px;
    display: inline-block;
    text-decoration: none !important;
    color: #004c6c;
    background-color: #ffffff;
    border: 1px solid #004c6c;
    border-radius: 4px !important;
    min-width: 136px;
    max-width: 200px;
    font-weight: 400;
    width: 136px !important;
    margin-bottom: 0px !important;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main a.slf-yellow-button,
.popup_main a.slf-yellow-button,
.rm-print-preview a.slf-yellow-button {
    background-color: #ffcb05;
    border-radius: 4px;
    min-width: 136px;
    max-width: 200px;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    color: #004c6c;
    padding: 12x 16px;
    transition: all 0.2s ease-in;
    text-decoration: none !important;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main a.slf-yellow-button.disabled,
.popup_main a.slf-yellow-button.disabled,
.rm-print-preview a.slf-yellow-button.disabled {
    background-color: #424242 !important;
    color: #c8c8c8 !important;
    border-radius: 4px;
    min-width: 136px;
    max-width: 200px;
    cursor: default;
    -webkit-filter: none;
    filter: none;
}
.tool_main a.slf-yellow-button:hover,
.tool_main a.slf-yellow-button:focus,
.popup_main a.slf-yellow-button:hover,
.popup_main a.slf-yellow-button:focus,
.rm-print-preview a.slf-yellow-button:hover,
.rm-print-preview a.slf-yellow-button:focus {
    background-color: #4a7283;
    color: #ffffff;
    text-decoration: none;
}
.tool_main a.btn-submit,
.popup_main a.btn-submit,
.rm-print-preview a.btn-submit {
    padding: 11px 20px;
    border: 1px solid #004c6c;
    border-radius: 4px;
    color: #ffffff;
    background-color: #004c6c;
    margin-top: 30px;
}
.tool_main a.btn-submit:hover,
.popup_main a.btn-submit:hover,
.rm-print-preview a.btn-submit:hover {
    border: 1px solid #4a7283;
    background-color: #4a7283 !important;
    text-decoration: none !important;
}
.tool_main a.white-button,
.popup_main a.white-button,
.rm-print-preview a.white-button {
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    color: #004c6c;
    padding: 10px 35px;
    border: 2px solid #004c6c;
    transition: all 0.1s ease-in;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main a.white-button:hover,
.tool_main a.white-button:focus,
.popup_main a.white-button:hover,
.popup_main a.white-button:focus,
.rm-print-preview a.white-button:hover,
.rm-print-preview a.white-button:focus {
    background-color: #004c6c;
    color: #ffffff;
    text-decoration: none;
}
.tool_main .cta-button,
.popup_main .cta-button,
.rm-print-preview .cta-button {
    display: block;
    padding: 12px 0px;
    /*width: 100%;*/
    min-width: 136px;
    max-width: 200px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 20px;
    background: #004c6c;
    border-radius: 4px;
    /*background: -moz-linear-gradient(270deg, rgb(229, 171, 0) 0%, rgb(246, 206, 57) 100%);
        background: -webkit-linear-gradient(270deg, rgb(229, 171, 0) 0%, rgb(246, 206, 57) 100%);
        background: -o-linear-gradient(270deg, rgb(229, 171, 0) 0%, rgb(246, 206, 57) 100%);
        background: -ms-linear-gradient(270deg, rgb(229, 171, 0) 0%, rgb(246, 206, 57) 100%);
        background: linear-gradient(0deg, rgb(229, 171, 0) 0%, rgb(246, 206, 57) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ce39', endColorstr='#e5ab00', GradientType=0);
    text-decoration: none !important;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main .cta-button.disabled,
.popup_main .cta-button.disabled,
.rm-print-preview .cta-button.disabled {
    background: #424242 !important;
    color: #c8c8c8 !important;
    cursor: default;
    -webkit-filter: none !important;
    filter: none !important;
}
.tool_main .cta-button:hover,
.tool_main .cta-button:focus,
.popup_main .cta-button:hover,
.popup_main .cta-button:focus,
.rm-print-preview .cta-button:hover,
.rm-print-preview .cta-button:focus {
    text-decoration: none;
    background: #4a7283;
    /*background: rgb(229, 171, 0);
            background: -moz-linear-gradient(0deg, rgb(246, 206, 57) 0%, rgb(229, 171, 0) 100%);
            background: -webkit-linear-gradient(0deg, rgb(246, 206, 57) 0%, rgb(229, 171, 0) 100%);
            background: -o-linear-gradient(0deg, rgb(246, 206, 57) 0%, rgb(229, 171, 0) 100%);
            background: -ms-linear-gradient(0deg, rgb(246, 206, 57) 0%, rgb(229, 171, 0) 100%);
            background: linear-gradient(0deg, rgb(246, 206, 57) 0%, rgb(229, 171, 0) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ab00', endColorstr='#f6ce39', GradientType=0);
}
.tool_main .blue-dotted-border,
.popup_main .blue-dotted-border,
.rm-print-preview .blue-dotted-border {
    background: url(../../../images/dotted-border.png);
    background-repeat: repeat-x;
    height: 3px;
    width: 100%;
    margin: 10px 0px;
}
.tool_main .footer-text,
.popup_main .footer-text,
.rm-print-preview .footer-text {
    font-size: 16px;
    color: #424242;
}
.tool_main .section.find-advisor,
.popup_main .section.find-advisor,
.rm-print-preview .section.find-advisor {
    background: #ffcb05;
    /*
        background: -moz-linear-gradient(270deg, rgb(229, 171, 0) 0%, rgb(246, 206, 57) 100%);
        background: -webkit-linear-gradient(270deg, rgb(229, 171, 0) 0%, rgb(246, 206, 57) 100%);
        background: -o-linear-gradient(270deg, rgb(229, 171, 0) 0%, rgb(246, 206, 57) 100%);
        background: -ms-linear-gradient(270deg, rgb(229, 171, 0) 0%, rgb(246, 206, 57) 100%);
        background: linear-gradient(0deg, rgb(229, 171, 0) 0%, rgb(246, 206, 57) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ce39', endColorstr='#e5ab00', GradientType=0);
		*/
}
.tool_main .section.find-advisor h3,
.popup_main .section.find-advisor h3,
.rm-print-preview .section.find-advisor h3 {
    margin-bottom: 15px;
}
.tool_main .section.find-advisor h4,
.popup_main .section.find-advisor h4,
.rm-print-preview .section.find-advisor h4 {
    font-size: 18px;
}
.tool_main .section.find-advisor p,
.popup_main .section.find-advisor p,
.rm-print-preview .section.find-advisor p {
    color: #424242;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main .section.find-advisor p.margin-bottom {
    margin-bottom: 10px;
}
.tool_main .section.find-advisor .slf-blue-button,
.popup_main .section.find-advisor .slf-blue-button,
.rm-print-preview .section.find-advisor .slf-blue-button {
    margin: 15px 0px;
}
.tool_main ul.assumptions-list,
.popup_main ul.assumptions-list,
.rm-print-preview ul.assumptions-list {
    padding: 0px;
    margin: 0px;
}
.tool_main ul.assumptions-list li,
.popup_main ul.assumptions-list li,
.rm-print-preview ul.assumptions-list li {
    list-style-type: none;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #424242;
    text-align: left;
    background-image: none;
}
.tool_main ul.assumptions-list li > div,
.popup_main ul.assumptions-list li > div,
.rm-print-preview ul.assumptions-list li > div {
    position: absolute;
    top: 3px;
    left: 0;
    color: #ffcb05;
}
.tool_main .no-pointer-events,
.popup_main .no-pointer-events,
.rm-print-preview .no-pointer-events {
    pointer-events: none;
}
.tool_main .print-save-buttons,
.popup_main .print-save-buttons,
.rm-print-preview .print-save-buttons {
    padding-top: 10px;
    padding-bottom: 10px;
}
.tool_main .print-save-buttons .print-button,
.popup_main .print-save-buttons .print-button,
.rm-print-preview .print-save-buttons .print-button {
    padding-right: 10px;
}
.tool_main .print-save-buttons .save-button,
.popup_main .print-save-buttons .save-button,
.rm-print-preview .print-save-buttons .save-button {
    display: inline-block;
    padding-right: 5px;
    margin-left: 20px;
}
.tool_main .print-save-buttons .print-button,
.tool_main .print-save-buttons .save-button,
.popup_main .print-save-buttons .print-button,
.popup_main .print-save-buttons .save-button,
.rm-print-preview .print-save-buttons .print-button,
.rm-print-preview .print-save-buttons .save-button {
    display: inline-block;
}
.tool_main .print-save-buttons .print-button .icon,
.tool_main .print-save-buttons .save-button .icon,
.popup_main .print-save-buttons .print-button .icon,
.popup_main .print-save-buttons .save-button .icon,
.rm-print-preview .print-save-buttons .print-button .icon,
.rm-print-preview .print-save-buttons .save-button .icon {
    font-size: 30px;
    color: #004c6c;
    vertical-align: middle;
}
.tool_main .print-save-buttons .print,
.tool_main .print-save-buttons .save,
.popup_main .print-save-buttons .print,
.popup_main .print-save-buttons .save,
.rm-print-preview .print-save-buttons .print,
.rm-print-preview .print-save-buttons .save {
    font-size: 16px;
    color: #004c6c;
    padding-left: 5px;
    vertical-align: middle;
    display: inline-block;
}
.tool_main .print-save-buttons .save-button-flash,
.popup_main .print-save-buttons .save-button-flash,
.rm-print-preview .print-save-buttons .save-button-flash {
    display: inline-block;
    vertical-align: bottom;
}
.tool_main .print-save-buttons #flSaveBtn,
.popup_main .print-save-buttons #flSaveBtn,
.rm-print-preview .print-save-buttons #flSaveBtn {
    vertical-align: top;
    display: inline-block;
    height: 30px;
    position: relative;
}
@media (max-width: 350px) {
    .tool_main .xxs-offset-fix,
    .popup_main .xxs-offset-fix,
    .rm-print-preview .xxs-offset-fix {
        margin-left: 0;
    }
}
@media (max-width: 390px) {
    .tool_main .xxs-offset-fix:lang(fr),
    .popup_main .xxs-offset-fix:lang(fr),
    .rm-print-preview .xxs-offset-fix:lang(fr) {
        margin-left: 0;
    }
}
.tool_main .banner-wrapper,
.popup_main .banner-wrapper,
.rm-print-preview .banner-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    max-height: 400px;
}
.tool_main .banner-wrapper.center,
.popup_main .banner-wrapper.center,
.rm-print-preview .banner-wrapper.center {
    background-color: #f7f7f7;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 600px) {
    .tool_main .banner-wrapper,
    .popup_main .banner-wrapper,
    .rm-print-preview .banner-wrapper {
        height: 250px;
    }
}
.tool_main .banner-wrapper .banner-text,
.popup_main .banner-wrapper .banner-text,
.rm-print-preview .banner-wrapper .banner-text {
    padding: 5px 0px;
}
.tool_main .banner-wrapper p,
.popup_main .banner-wrapper p,
.rm-print-preview .banner-wrapper p {
    margin-bottom: 0px;
}
.tool_main .banner-wrapper .text,
.popup_main .banner-wrapper .text,
.rm-print-preview .banner-wrapper .text {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    .tool_main .banner-wrapper .text,
    .popup_main .banner-wrapper .text,
    .rm-print-preview .banner-wrapper .text {
        width: 50%;
    }
}
.tool_main .cross-close,
.popup_main .cross-close,
.rm-print-preview .cross-close {
    color: white;
    position: absolute;
    right: 15px;
    top: 15px;
}
.tool_main .cross-close .collapse-x,
.popup_main .cross-close .collapse-x,
.rm-print-preview .cross-close .collapse-x {
    margin: 0px;
    font-size: 18px;
}
.tool_main .info-icon:hover,
.tool_main .info-icon:focus,
.popup_main .info-icon:hover,
.popup_main .info-icon:focus,
.rm-print-preview .info-icon:hover,
.rm-print-preview .info-icon:focus {
    color: #4a7295 !important;
}
.tool_main .info-icon.icon-margin,
.popup_main .info-icon.icon-margin,
.rm-print-preview .info-icon.icon-margin {
    margin-top: -1px;
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.sr-only.show-on-focus:focus {
    position: relative !important;
    clip: auto !important;
    width: auto !important;
    height: auto !important;
    margin: auto !important;
    overflow: visible !important;
}

.dark-blue-link {
    color: #004c6c !important;
}

.fr-img {
    max-width: 532px !important;
}

a.slf-yellow-button.results-cta {
    /*font-size: 16px;*/
    max-width: 100%;
    display: inline-block;
    padding: 12px 16px;
    border-radius: 0;
    margin-top: 12px;
    margin-bottom: 12px;
    text-align: center;
}

#tool_main_1_B.tool_main .cta-button,
.popup_main .cta-button,
.rm-print-preview .cta-button {
    max-width: 136px;
    text-decoration: none !important;
}

@media only screen and (max-width: 599px) {
    #tool_main_2_B.tool_main .cta-button,
    #tool_main_3_B.tool_main .cta-button,
    .popup_main .cta-button,
    .rm-print-preview .cta-button {
        display: block !important;
        margin: 0 auto !important;
        margin-bottom: 10px !important;
        min-width: 136px;
        max-width: 200px;
    }
}

@media only screen and (max-width: 599px) {
    #tool_main_2_B.tool_main .js-btn-back,
    #tool_main_3_B.tool_main .js-btn-back,
    .popup_main .js-btn-back,
    .rm-print-preview .js-btn-back {
        margin: 0 auto !important;
        margin-bottom: 10px !important;
    }
}

@media only screen and (max-width: 599px) {
    #tool_main_3_B.tool_main .js-btn-back {
        margin: 0 auto !important;
        margin-bottom: 10px !important;
        max-width: none;
        width: 250px;
    }
}

@media only screen and (max-width: 599px) {
    #tool_main_3_B.tool_main .cta-button {
        max-width: none !important;
        width: 250px;
    }
}

.back-button-wrapper {
    margin-top: 25px;
}
@media only screen and (max-width: 599px) {
    .back-button-wrapper {
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
    }
}

a {
    color: #004c6c;
}
a:hover {
    color: #004c6c;
}

/*colours*/
/*font weights*/
/* previously 200 */
.tool_main,
.popup_main {
    /*---------------input---------------*/
    /*---------------slider---------------*/
    /*---------------dropdown---------------*/
    /*---------------radio buttons---------------*/
    /*---------------checkboxes---------------*/
    /*---------------table cell form elements---------------*/
}
.tool_main .question-label,
.popup_main .question-label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
    width: 100%;
    line-height: 18px;
    text-wrap: pretty;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main .question-label-container > .question-label,
.popup_main .question-label-container > .question-label {
    display: inline;
}
.tool_main [data-help-popup],
.popup_main [data-help-popup] {
    display: inline;
    position: relative;
    padding-left: 0.9em;
    padding-right: 0.75em;
}
.tool_main [data-help-popup] > *,
.popup_main [data-help-popup] > * {
    position: absolute;
    top: 0.15em;
    left: 0.15em;
}
.tool_main select,
.popup_main select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    background-color: white;
}
.tool_main input[type="number"]::-webkit-inner-spin-button,
.tool_main input[type="number"]::-webkit-outer-spin-button,
.popup_main input[type="number"]::-webkit-inner-spin-button,
.popup_main input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.tool_main input[type="number"],
.tool_main input[type="text"],
.popup_main input[type="number"],
.popup_main input[type="text"] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.tool_main input,
.tool_main select,
.popup_main input,
.popup_main select {
    width: 127px;
    height: 39px;
    padding: 2px 6px;
    color: #424242;
    font-size: 16px !important;
    font-weight: 400;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main input:lang(fr),
.tool_main select:lang(fr),
.popup_main input:lang(fr),
.popup_main select:lang(fr) {
    width: 100%;
}
.tool_main input:invalid,
.tool_main select:invalid,
.popup_main input:invalid,
.popup_main select:invalid {
    box-shadow: none;
}
.tool_main input#consumerPC,
.tool_main select#consumerPC,
.popup_main input#consumerPC,
.popup_main select#consumerPC {
    font-weight: 400;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main input[type="number"],
.tool_main input[type="text"]::-ms-clear,
.popup_main input[type="number"],
.popup_main input[type="text"]::-ms-clear {
    display: none;
}
.tool_main .yellow-bg input,
.tool_main .yellow-bg select,
.popup_main .yellow-bg input,
.popup_main .yellow-bg select {
    border: 1px solid #d7d7d7;
}
.tool_main .yellow-bg input:hover,
.tool_main .yellow-bg input:focus,
.tool_main .yellow-bg select:hover,
.tool_main .yellow-bg select:focus,
.popup_main .yellow-bg input:hover,
.popup_main .yellow-bg input:focus,
.popup_main .yellow-bg select:hover,
.popup_main .yellow-bg select:focus {
    border: 1px solid #ffcb05;
}
.tool_main .blue-bg input,
.tool_main .blue-bg select,
.popup_main .blue-bg input,
.popup_main .blue-bg select {
    border: 1px solid #d7d7d7;
}
.tool_main .blue-bg input:hover,
.tool_main .blue-bg input:focus,
.tool_main .blue-bg select:hover,
.tool_main .blue-bg select:focus,
.popup_main .blue-bg input:hover,
.popup_main .blue-bg input:focus,
.popup_main .blue-bg select:hover,
.popup_main .blue-bg select:focus {
    border: 1px solid #004c6c;
}
.tool_main .form-input,
.popup_main .form-input {
    position: relative;
    width: 127px;
    height: 39px;
}
.tool_main .form-input input.percent,
.popup_main .form-input input.percent {
    text-align: right;
    padding-right: 27px;
}
.tool_main .form-input input.percent:lang(fr),
.popup_main .form-input input.percent:lang(fr) {
    width: 100%;
}
.tool_main .form-input input.age,
.popup_main .form-input input.age {
    padding-left: 10px;
    padding-right: 82px;
    text-align: right;
}
.tool_main .form-input input.age:lang(fr),
.popup_main .form-input input.age:lang(fr) {
    padding-right: 40px;
    width: 100%;
}
.tool_main .form-input input.dollar,
.popup_main .form-input input.dollar {
    padding-right: 10px;
    text-align: right;
}
.tool_main .form-input input.dollar:lang(fr),
.popup_main .form-input input.dollar:lang(fr) {
    padding-right: 27px;
    width: 100%;
}
.tool_main .form-input input.text-right,
.popup_main .form-input input.text-right {
    text-align: right;
    padding-right: 10px;
}
.tool_main .form-input input.years,
.popup_main .form-input input.years {
    text-align: right;
    padding-right: 52px;
}
.tool_main .form-input input.years:lang(fr),
.popup_main .form-input input.years:lang(fr) {
    width: 100%;
    padding-right: 38px;
}
.tool_main .form-input .years-old,
.popup_main .form-input .years-old {
    font-size: 16px;
    position: absolute;
    top: 8px;
    right: 10px;
    text-align: right;
}
.tool_main .form-input .percent-sign,
.popup_main .form-input .percent-sign {
    font-size: 18px;
    position: absolute;
    top: 8px;
    right: 10px;
}
.tool_main .form-input .dollar-sign,
.popup_main .form-input .dollar-sign {
    font-size: 16px;
    position: absolute;
    top: 9px;
    left: 10px;
}
.tool_main .form-input .dollar-sign:lang(fr),
.popup_main .form-input .dollar-sign:lang(fr) {
    left: auto;
    right: 10px;
}
.tool_main .form-input:lang(fr):not(.no-fr-change),
.popup_main .form-input:lang(fr):not(.no-fr-change) {
    width: 143px;
}
.tool_main .error-input,
.popup_main .error-input {
    border: 1px solid #a4383d !important;
    background-color: #f6ebeb !important;
}
.tool_main .error-msg,
.popup_main .error-msg {
    color: #fff !important;
    background-color: #b81f41;
    padding: 0;
    height: 0;
    overflow: hidden;
    position: relative;
    width: 127px;
}
.tool_main .error-msg:lang(fr):not(.no-fr-change),
.popup_main .error-msg:lang(fr):not(.no-fr-change) {
    width: 143px;
}
.tool_main .error-msg.shown,
.popup_main .error-msg.shown {
    padding: 5px 10px;
    height: auto;
}
.tool_main .error-msg .msg,
.popup_main .error-msg .msg {
    display: inline;
}
.tool_main #error-msg-province,
.popup_main #error-msg-province {
    width: 100%;
}
.tool_main .width-auto,
.popup_main .width-auto {
    width: auto;
}
.tool_main .radio-col,
.popup_main .radio-col {
    min-height: 40px;
    display: table;
}
@media only screen and (min-width: 600px) {
    .tool_main .radio-col,
    .popup_main .radio-col {
        min-height: 30px;
    }
}
.tool_main .radio-col > *,
.popup_main .radio-col > * {
    display: table-cell;
    vertical-align: middle;
    padding: 3px 0;
}
.tool_main .radio-col li,
.popup_main .radio-col li {
    margin-bottom: 0 !important;
}
@media only screen and (max-width: 599px) {
    .tool_main .label-col,
    .popup_main .label-col {
        min-height: 40px;
        display: table;
    }
    .tool_main .label-col > label,
    .popup_main .label-col > label {
        display: table-cell;
        vertical-align: middle;
    }
}
.tool_main .label-col-inputs,
.popup_main .label-col-inputs {
    min-height: 40px;
    display: table;
}
.tool_main .label-col-inputs > label,
.popup_main .label-col-inputs > label {
    display: table-cell;
    vertical-align: middle;
}
.tool_main .slider-col,
.popup_main .slider-col {
    padding-top: 13px;
}
.tool_main .slider,
.popup_main .slider {
    position: relative;
    padding-left: 10px;
}
.tool_main .slider .bar,
.popup_main .slider .bar {
    width: 225px;
    height: 13px;
    position: relative;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.tool_main .slider .bar.mousefocus,
.popup_main .slider .bar.mousefocus {
    outline: 0;
}
.tool_main .slider .circle-wrapper,
.popup_main .slider .circle-wrapper {
    position: absolute;
    top: -16px;
    left: -22px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    padding: 9px 0 0 9px;
}
.tool_main .slider .circle-wrapper .circle-bottom,
.popup_main .slider .circle-wrapper .circle-bottom {
    width: 26px;
    height: 26px;
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.tool_main .slider .circle-wrapper .circle-top,
.popup_main .slider .circle-wrapper .circle-top {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.tool_main .slider .rm-slider-handle,
.popup_main .slider .rm-slider-handle {
    position: absolute;
    width: 1px;
    height: 1px;
    outline: 0;
}
.tool_main .yellow-bg .slider .bar,
.popup_main .yellow-bg .slider .bar {
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
}
.tool_main .yellow-bg .slider .circle-wrapper .circle-bottom,
.popup_main .yellow-bg .slider .circle-wrapper .circle-bottom {
    background-color: #fbefcc;
    border: 1px solid #ffcb05;
}
.tool_main .yellow-bg .slider .circle-wrapper .circle-top,
.popup_main .yellow-bg .slider .circle-wrapper .circle-top {
    background-color: #ffcb05;
}
.tool_main .blue-bg .slider .bar,
.popup_main .blue-bg .slider .bar {
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
}
.tool_main .blue-bg .slider .circle-wrapper .circle-bottom,
.popup_main .blue-bg .slider .circle-wrapper .circle-bottom {
    background-color: #f2f5f6;
    border: 1px solid #004c6c;
}
.tool_main .blue-bg .slider .circle-wrapper .circle-top,
.popup_main .blue-bg .slider .circle-wrapper .circle-top {
    background-color: #004c6c;
}
.tool_main .form-group,
.popup_main .form-group {
    margin-bottom: 0px;
    width: 127px;
    height: 39px;
    position: relative;
}
.tool_main .form-group:lang(fr):not(.no-fr-change),
.popup_main .form-group:lang(fr):not(.no-fr-change) {
    width: 143px;
}
.tool_main .form-group .dropdown-arrow,
.popup_main .form-group .dropdown-arrow {
    position: absolute;
    top: 10px;
    right: 8px;
    color: #424242;
    cursor: pointer;
}
.tool_main .form-group .dropdown-arrow:lang(fr),
.popup_main .form-group .dropdown-arrow:lang(fr) {
    font-size: 14px;
}
.tool_main .form-group select,
.popup_main .form-group select {
    color: #424242;
    background-color: #ffffff;
    width: 127px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
}
.tool_main .form-group select::-ms-expand,
.popup_main .form-group select::-ms-expand {
    display: none;
}
.tool_main .form-group select:lang(fr):not(.no-fr-change),
.popup_main .form-group select:lang(fr):not(.no-fr-change) {
    width: 143px;
}
.tool_main .yellow-bg .form-group select:hover,
.tool_main .yellow-bg .form-group select:focus,
.popup_main .yellow-bg .form-group select:hover,
.popup_main .yellow-bg .form-group select:focus {
    border: 1px solid #ffcb05;
}
.tool_main .blue-bg .form-group select:hover,
.tool_main .blue-bg .form-group select:focus,
.popup_main .blue-bg .form-group select:hover,
.popup_main .blue-bg .form-group select:focus {
    border: 1px solid #004c6c;
}
.tool_main .form-group-radio input[type="radio"],
.popup_main .form-group-radio input[type="radio"] {
    width: 1px;
    height: 1px;
    opacity: 0;
    position: absolute;
    left: -50000px;
}
.tool_main .form-group-radio label,
.popup_main .form-group-radio label {
    position: relative;
    padding-left: 29px;
}
.tool_main .form-group-radio label:before,
.popup_main .form-group-radio label:before {
    content: none !important;
}
.tool_main .form-group-radio label:after,
.popup_main .form-group-radio label:after {
    content: none !important;
}
.tool_main .form-group-radio ul.radio,
.popup_main .form-group-radio ul.radio {
    margin-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 0px;
}
.tool_main .form-group-radio ul.radio li,
.popup_main .form-group-radio ul.radio li {
    list-style-type: none;
    font-size: 18px;
    color: #424242;
    background: none;
    padding: 0;
    line-height: inherit;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main .form-group-radio ul.radio li.last,
.popup_main .form-group-radio ul.radio li.last {
    margin-bottom: 0px;
}
.tool_main .form-group-radio ul.radio li label,
.popup_main .form-group-radio ul.radio li label {
    font-weight: 400;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main .form-group-radio .custom-radio-button,
.popup_main .form-group-radio .custom-radio-button {
    background: url(../../../supported_files/radio-buttons.png) 0px 0px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.tool_main .form-group-radio label.checked .custom-radio-button,
.popup_main .form-group-radio label.checked .custom-radio-button {
    background-position: 0px -22px;
}
.tool_main .form-group-radio .custom-radio-button:hover,
.tool_main .form-group-radio input:focus + label .custom-radio-button,
.popup_main .form-group-radio .custom-radio-button:hover,
.popup_main .form-group-radio input:focus + label .custom-radio-button {
    background-position: 0px -44px;
}
.tool_main .form-group-radio input:focus + label.checked .custom-radio-button,
.tool_main .form-group-radio label.checked .custom-radio-button:hover,
.popup_main .form-group-radio input:focus + label.checked .custom-radio-button,
.popup_main .form-group-radio label.checked .custom-radio-button:hover {
    background-position: 0px -67px;
}
.tool_main .form-group-checkbox .checkbox-cell,
.popup_main .form-group-checkbox .checkbox-cell {
    margin-bottom: 10px;
}
@media only screen and (min-width: 600px) {
    .tool_main .form-group-checkbox .checkbox-cell.last-1,
    .popup_main .form-group-checkbox .checkbox-cell.last-1 {
        margin-bottom: 0px;
    }
}
.tool_main .form-group-checkbox .checkbox-cell.last-2,
.popup_main .form-group-checkbox .checkbox-cell.last-2 {
    margin-bottom: 0px;
}
.tool_main .form-group-checkbox .checkbox-cell input[type="checkbox"],
.popup_main .form-group-checkbox .checkbox-cell input[type="checkbox"] {
    width: 19px;
    height: 19px;
    opacity: 0;
    position: absolute;
    left: -50000px;
    display: block;
}
.tool_main .form-group-checkbox .checkbox-cell input[type="checkbox"] + label:before,
.tool_main .form-group-checkbox .checkbox-cell input[type="checkbox"] + label:after,
.popup_main .form-group-checkbox .checkbox-cell input[type="checkbox"] + label:before,
.popup_main .form-group-checkbox .checkbox-cell input[type="checkbox"] + label:after {
    content: none;
}
.tool_main .form-group-checkbox .checkbox-cell label,
.popup_main .form-group-checkbox .checkbox-cell label {
    font-weight: 400;
    font-size: 16px;
    color: #424242;
    margin-bottom: 0px;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main .form-group-checkbox .checkbox-cell .checkbox-button,
.popup_main .form-group-checkbox .checkbox-cell .checkbox-button {
    background: url(../../../supported_files/checkbox-buttons.png) -2px -2px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.tool_main .form-group-checkbox .checkbox-cell .checkbox-button:hover,
.tool_main .form-group-checkbox .checkbox-cell input:focus + label .checkbox-button,
.popup_main .form-group-checkbox .checkbox-cell .checkbox-button:hover,
.popup_main .form-group-checkbox .checkbox-cell input:focus + label .checkbox-button {
    background-position: -2px -46px;
}
.tool_main .form-group-checkbox .checkbox-cell input:focus + label.checked .checkbox-button,
.popup_main .form-group-checkbox .checkbox-cell input:focus + label.checked .checkbox-button {
    background-position: -2px -68px;
}
.tool_main .form-group-checkbox .checkbox-cell label.checked .checkbox-button,
.popup_main .form-group-checkbox .checkbox-cell label.checked .checkbox-button {
    background-position: -2px -24px;
}
.tool_main .form-group-checkbox .checkbox-cell label.disabled,
.popup_main .form-group-checkbox .checkbox-cell label.disabled {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.tool_main .form-group-checkbox .checkbox-cell label.disabled .checkbox-button,
.popup_main .form-group-checkbox .checkbox-cell label.disabled .checkbox-button {
    background-position: -2px -90px;
}
.tool_main .form-group-checkbox .checkbox-cell label.disabled .checkbox-button:hover,
.popup_main .form-group-checkbox .checkbox-cell label.disabled .checkbox-button:hover {
    background-position: -2px -90px;
    cursor: auto;
}
.tool_main .form-group-checkbox .checkbox-cell .check label.disabled,
.popup_main .form-group-checkbox .checkbox-cell .check label.disabled {
    cursor: auto !important;
}
@media only screen and (max-width: 599px) {
    .tool_main .tr-col-xs-offset-1,
    .popup_main .tr-col-xs-offset-1 {
        width: 8.33333333%;
    }
}

/*---------------IE8 styles---------------*/
.tool_main.ie9 .form-group .dropdown-arrow,
.popup_main.ie9 .form-group .dropdown-arrow,
.tool_main.ie8 .form-group .dropdown-arrow,
.popup_main.ie8 .form-group .dropdown-arrow {
    display: none;
}

.tool_main.ie8 .slider .bar,
.popup_main.ie8 .slider .bar {
    width: 238px;
    height: 16px;
}

.tool_main.ie8 .slider .circle-wrapper .circle-top,
.popup_main.ie8 .slider .circle-wrapper .circle-top {
    width: 27px;
    height: 27px;
}

.tool_main.ie8 .yellow-bg .slider .bar,
.popup_main.ie8 .yellow-bg .slider .bar {
    background-color: transparent;
    border: none;
    background-image: url(../../../images/slider-yellow.png);
}

.tool_main.ie8 .yellow-bg .slider .circle-wrapper .circle-bottom,
.popup_main.ie8 .yellow-bg .slider .circle-wrapper .circle-bottom {
    background-color: transparent;
    border: none;
}

.tool_main.ie8 .yellow-bg .slider .circle-wrapper .circle-top,
.popup_main.ie8 .yellow-bg .slider .circle-wrapper .circle-top {
    background-color: transparent;
    background-image: url(../../../images/slider-circle-yellow.png);
}

.tool_main.ie8 .blue-bg .slider .bar,
.popup_main.ie8 .blue-bg .slider .bar {
    background-color: transparent;
    border: none;
    background-image: url(../../../images/slider-blue.png);
}

.tool_main.ie8 .blue-bg .slider .circle-wrapper .circle-bottom,
.popup_main.ie8 .blue-bg .slider .circle-wrapper .circle-bottom {
    background-color: transparent;
    border: none;
}

.tool_main.ie8 .blue-bg .slider .circle-wrapper .circle-top,
.popup_main.ie8 .blue-bg .slider .circle-wrapper .circle-top {
    background-color: transparent;
    background-image: url(../../../images/slider-circle-blue.png);
}

.tool_main.ie8 input,
.popup_main.ie8 input {
    line-height: 36px;
}

.tool_main.ie8 select,
.popup_main.ie8 select {
    padding-bottom: 5px;
}

.tool_main.ie8 .form-group:lang(fr),
.popup_main.ie8 .form-group:lang(fr) {
    width: 143px;
}

.tool_main.ie8 .form-group select:lang(fr),
.popup_main.ie8 .form-group select:lang(fr) {
    width: 143px;
}

html[lang="fr"] .tool_main.ie8 .form-group {
    width: 150px;
}
html[lang="fr"] .tool_main.ie8 .form-group select {
    width: 150px;
}

html[lang="fr"] .tool_main.ie8 .form-group.large-d {
    width: 275px;
}

html[lang="fr"] .tool_main.ie8 select.large-d {
    width: 275px;
}

/*colours*/
/*font weights*/
/* previously 200 */
.popup_main {
    min-height: 0px;
}
.popup_main .popup-container {
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    overflow-y: auto;
    overflow-x: hidden;
}
.popup_main .popup-container.open {
    display: block;
}
.popup_main .popup-container .outer {
    display: table;
    width: 100%;
    /*min-height: 100%;*/
    height: 100%;
}
.popup_main .popup-container .inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 20px 0;
}
.popup_main .popup-container .popup {
    background-color: #ffffff;
    border: 1px solid #ccd8da;
    position: relative;
}
.popup_main .popup-container .popup .title {
    background-color: #004c6c;
    padding: 10px 20px;
}
.popup_main .popup-container .popup .content {
    padding: 25px 0px;
}
@media only screen and (min-width: 600px) {
    .popup_main .popup-container .popup .content {
        padding: 35px 0px;
    }
}
.popup_main .popup-container .popup .content p {
    font-size: 16px;
    line-height: 22px;
    color: #424242;
    font-weight: 400;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.popup_main .popup-container .popup .content p.large-text {
    font-size: 20px;
    line-height: 24px;
}
.popup_main .popup-container .popup .content p.legal-text {
    font-size: 16px;
    color: #424242 !important;
}
.popup_main .popup-container .popup .content h4 {
    margin-bottom: 0px;
}
@media only screen and (max-width: 599px) {
    .popup_main .popup-container .popup .content h4 {
        margin-left: 0px;
    }
}
.popup_main .popup-container .popup .content a.slf-blue-button,
.popup_main .popup-container .popup .content a.slf-yellow-button {
    margin-top: 30px;
    font-size: 20px;
    border-radius: 4px;
    /*width: 140px;*/
    min-width: 136px;
    max-width: max-content;
    height: 47px;
    padding: 12px 16px 0px 16px;
    text-align: center;
    text-decoration: none !important;
}
.popup_main .popup-container .popup .content a.slf-blue-button:lang(fr),
.popup_main .popup-container .popup .content a.slf-yellow-button:lang(fr) {
    height: auto;
    min-height: 47px;
    padding-bottom: 10px;
}
.popup_main .popup-container .popup .content a.big-btn {
    /*width: 200px;*/
    margin-right: 50px;
}
.popup_main .popup-container .popup .content .calculate-button-wrapper {
    text-align: center;
}
@media only screen and (min-width: 600px) {
    .popup_main .popup-container .popup .content .calculate-button-wrapper {
        text-align: left;
    }
}
.popup_main .popup-container .popup .content .close-button-wrapper {
    text-align: center;
}
@media only screen and (min-width: 600px) {
    .popup_main .popup-container .popup .content .close-button-wrapper {
        text-align: right;
    }
}
@media only screen and (max-width: 599px) {
    .popup_main .popup-container .popup .content .close-button-wrapper a {
        margin-top: 15px;
    }
}
@media only screen and (max-width: 599px) {
    .popup_main .popup-container .popup .content .select-province-wrapper {
        margin-bottom: 25px;
    }
}
.popup_main .popup-container .popup .content .form-group {
    width: 242px;
}
.popup_main .popup-container .popup .content .form-group select {
    width: 248px;
    border: 1px solid #d7d7d7;
}
.popup_main .popup-container .popup .content .form-input {
    width: 242px;
}
.popup_main .popup-container .popup .content .form-input input {
    width: 242px;
    border: 1px solid #d7d7d7;
}
.popup_main .popup-container .popup .content .error-msg {
    width: 242px;
}
.popup_main .popup-container .popup .content #error-msg-province {
    width: 248px;
}
.popup_main .popup-container .popup .content table.education-expenses {
    table-layout: fixed;
    margin: 10px 0px;
}
.popup_main .popup-container .popup .content table.education-expenses tr {
    border: solid 1px #424242;
}
.popup_main .popup-container .popup .content table.education-expenses tr th,
.popup_main .popup-container .popup .content table.education-expenses tr td {
    border: solid 1px #424242;
    padding: 8px;
    font-size: 16px;
}
.popup_main .popup-container .popup .content table.education-expenses tr th {
    color: #004c6c;
    font-weight: 400;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.popup_main .popup-container .popup .content table.education-expenses tr td {
    color: #424242;
}
.popup_main .popup-container .popup .retirement-savings-tip {
    padding: 20px 30px;
    margin-top: 30px;
}
.popup_main .popup-container .popup .retirement-savings-tip .tip-title {
    margin-bottom: 5px;
}
.popup_main .popup-container .popup .retirement-savings-tip .tip-title .lightbulb-icon {
    font-size: 32px;
    display: inline-block;
    margin-right: 5px;
    color: #004c6c;
}
.popup_main .popup-container .popup .retirement-savings-tip .tip-title .text {
    font-size: 20px;
    font-weight: 400;
    color: #004c6c;
    display: inline-block;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
@media only screen and (max-width: 599px) {
    .popup_main .popup-container h2 {
        max-width: 250px;
        font-size: 25px;
    }
}
.popup_main .popup-content {
    margin: 0 -15px;
}
.popup_main .flex-popup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 8.3333333%;
}

.popup_main.ie8 .popup-container {
    background: url(../../../images/popup-bg.png);
    background-repeat: repeat;
}

.popup_main.ie8 .form-group {
    width: 252px;
}
.popup_main.ie8 .form-group select {
    width: 252px;
}

.main-link {
    display: block;
    margin-bottom: 15px;
}
.main-link i {
    color: #ffcb05;
}

/* header banner and text styles */
/*colours*/
/*font weights*/
/* previously 200 */
.tool_main .header {
    position: relative;
    text-align: center;
    margin-bottom: 8px;
    overflow: hidden;
}
.tool_main .header .text {
    padding: 30px;
    width: 100%;
    text-align: center;
}
@media only screen and (min-width: 768px /* DO NOT CHANGE */) {
    .tool_main .header .text {
        width: 50%;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
}
.tool_main .header .text h2 {
    margin-bottom: 10px;
    text-align: center;
    font-size: 23px;
}
@media only screen and (min-width: 905px) {
    .tool_main .header .text h2 {
        margin-bottom: 10px;
        font-size: 24px;
    }
}
@media only screen and (min-width: 600px) {
    .tool_main .header .header-banner {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
    .tool_main .header .header-banner img {
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
}
.tool_main .header .blue-bg {
    background-color: #e6eced;
}
.tool_main .header p {
    font-size: 16px;
    line-height: 22px;
}
.tool_main .header p:last-child {
    padding-top: 20px;
}
@media only screen and (min-width: 600px) and (max-width: 904px) {
    .tool_main .header p:last-child {
        padding-top: 10px;
    }
}
.tool_main .header .text-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}
@media only screen and (min-width: 600px) {
    .tool_main .header .text-wrapper {
        height: 399px;
    }
}
.tool_main .header.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.tool_main .fr-img {
    max-width: 532px !important;
}

/* next steps styles */
/*colours*/
/*font weights*/
/* previously 200 */
.tool_main .section.next-steps p.description {
    font-size: 16px;
    line-height: 23px;
    color: #424242;
    margin-bottom: 20px;
}

.tool_main .section.next-steps a.light-blue-link {
    font-size: 16px;
}

.tool_main .section.next-steps .display-table.margin {
    margin: 0px -15px;
}

@media only screen and (min-width: 600px) {
    .tool_main .section.next-steps .content {
        padding-left: 20px;
        padding-right: 20px;
        width: 33.33%;
        border-left: 2px solid #ccc;
    }
}

@media only screen and (min-width: 905px) {
    .tool_main .section.next-steps .content {
        padding-left: 35px;
        padding-right: 35px;
    }
}

.tool_main .section.next-steps .content:first-child {
    border-left: none;
}

.tool_main .section.next-steps .border-bottom-grey {
    border-bottom: 2px solid #ccc;
    margin: 20px 0px;
}

.tool_main .section.next-steps .titles {
    margin-top: 30px;
}

.tool_main .cta-new {
    width: 83.33333%;
    margin: 0 auto;
    text-align: center;
}
@media only screen and (min-width: 600px) {
    .tool_main .cta-new {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-top: 30px;
    }
}
.tool_main .cta-new .cta-section {
    position: relative;
    padding: 0 15px;
}
@media only screen and (min-width: 600px) {
    .tool_main .cta-new .cta-section {
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        padding: 0 20px;
    }
}
@media only screen and (min-width: 600px) {
    .tool_main .cta-new .cta-section {
        padding: 0 35px;
    }
}
.tool_main .cta-new .cta-section:not(:first-child):before {
    content: "";
    width: 75%;
    display: block;
    border-bottom: 2px solid #ccc;
    margin: 20px auto;
}
@media only screen and (min-width: 600px) {
    .tool_main .cta-new .cta-section:not(:first-child):before {
        position: absolute;
        left: -1px;
        top: 34px;
        bottom: 13px;
        border-left: 2px solid #9a9a9a;
        width: 2px;
        border-bottom: none;
        margin: 0;
    }
}
@media only screen and (min-width: 600px) {
    .tool_main .cta-new .cta-section.no-title:not(:first-child):before {
        top: 13px;
    }
}
.tool_main .cta-new ul {
    margin: 0;
    overflow: hidden;
}
.tool_main .cta-new li {
    position: relative;
    padding: 13px 0 13px;
    margin-top: -3px;
}
.tool_main .cta-new li:before {
    content: "";
    display: block;
    background: url(../../../images/dotted-border.png);
    background-repeat: repeat-x;
    height: 3px;
    width: 100% !important;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.tool_main .cta-new li a {
    display: inline;
    color: #004c6c;
    font-weight: 400;
    font-family: var(--font-main, inherit);
    font-style: normal;
}

/* life stages tabs styles */
/*colours*/
/*font weights*/
/* previously 200 */
.tool_main .life-stages-tabs {
    padding-bottom: 0px;
}
@media only screen and (max-width: 599px) {
    .tool_main .life-stages-tabs {
        padding-bottom: 20px;
    }
}
.tool_main .life-stages-tabs ul {
    margin: 0px;
}
.tool_main .life-stages-tabs ul li {
    padding: 15px 0px 30px 15px;
    cursor: pointer;
    display: inline-block;
    margin-left: -2px;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
.tool_main .life-stages-tabs ul li:hover,
.tool_main .life-stages-tabs ul li:focus {
    background-color: #ffcb05;
}
.tool_main .life-stages-tabs ul li:hover a,
.tool_main .life-stages-tabs ul li:focus a {
    text-decoration: none;
    color: #004c6c;
}
.tool_main .life-stages-tabs ul li a {
    color: #ffffff;
    list-style-type: none;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    border-right: 1px solid #ffffff;
    padding-right: 10px;
    margin-right: -1px;
    margin-left: -2px;
    display: inline-block;
    white-space: nowrap;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}
.tool_main .life-stages-tabs ul li a:focus {
    text-decoration: none;
}
.tool_main .life-stages-tabs ul li:last-child a {
    border-right: none;
}
.tool_main .life-stages-tabs ul li.active {
    background-color: #ffcb05;
}
.tool_main .life-stages-tabs ul li.active:hover,
.tool_main .life-stages-tabs ul li.active:focus {
    background-color: #f1c54d;
}
.tool_main .life-stages-tabs ul li.active a {
    text-decoration: none;
    color: #004c6c;
}
.tool_main .life-stages-tabs .large-title {
    margin-bottom: 30px;
}
@media only screen and (max-width: 599px) {
    .tool_main .life-stages-tabs .large-title {
        margin-bottom: 0px;
    }
}
@media only screen and (min-width: 905px) {
    .tool_main .life-stages-tabs .large-title:lang(fr) {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 599px) {
    .tool_main .life-stage {
        padding-top: 5px;
        padding-bottom: 0px;
    }
}

.tool_main .life-stage .links {
    margin-top: 25px;
}
@media only screen and (max-width: 599px) {
    .tool_main .life-stage .links {
        margin-bottom: 25px;
    }
}

.tool_main .life-stage .label {
    background-color: #e6e6e6;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin-bottom: 2px;
}
.tool_main .life-stage .label a {
    color: #004c6c;
    font-size: 17px;
    padding-top: 13px;
    padding-bottom: 13px;
    display: block;
    white-space: normal;
    vertical-align: middle;
    cursor: pointer;
    text-align: left;
    font-weight: 400;
    font-family: var(--font-main, inherit);
    font-style: normal;
}
.tool_main .life-stage .label a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
}
.tool_main .life-stage .label a:hover,
.tool_main .life-stage .label a:focus {
    text-decoration: none;
}
.tool_main .life-stage .label a:before {
    font-family: "FontAwesome";
    content: "\f0da";
    margin-right: 8px;
    cursor: pointer;
    color: #004c6c;
}
.tool_main .life-stage .label.open a {
    padding-bottom: 15px;
}
.tool_main .life-stage .label.open a:before {
    content: "\f0d7";
}

.tool_main a.white-button {
    margin-top: 20px;
}

.tool_main .life_stage-content {
    display: none;
}
@media only screen and (min-width: 600px) {
    .tool_main .life_stage-content.open-not-mobile {
        display: block;
    }
}
.tool_main .life_stage-content.open {
    display: block;
}

.tool_main.ie8 .life-stages-tabs ul li a.border-right-none {
    border-right: none;
}

/* icon styles */
/*colours*/
/*font weights*/
/* previously 200 */
.tool_main .large-icon-wrapper {
    text-align: left;
    padding-right: 15px !important;
}
@media only screen and (max-width: 599px) {
    .tool_main .large-icon-wrapper {
        display: table;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 599px) {
    .tool_main .large-icon-wrapper .large-icon-inner-wrapper {
        display: table-cell;
        width: 2.8em;
    }
}
@media only screen and (min-width: 600px) {
    .tool_main .large-icon-wrapper .large-icon-inner-wrapper {
        text-align: right;
    }
}
.tool_main .large-icon-wrapper .large-icon-inner-wrapper .large-icon {
    font-size: 29px;
}
.tool_main .large-icon-wrapper .large-icon-inner-wrapper .large-icon:lang(fr) {
    margin-left: -6px;
}
@media only screen and (min-width: 600px) {
    .tool_main .large-icon-wrapper .large-icon-inner-wrapper .large-icon:lang(fr) {
        margin-left: 0px;
    }
}
@media only screen and (min-width: 600px) {
    .tool_main .large-icon-wrapper .large-icon-inner-wrapper .large-icon {
        font-size: 40px;
    }
}
.tool_main .large-icon-wrapper .large-icon-inner-wrapper .large-icon .bank-icon {
    left: 1px;
    bottom: 2px;
    font-size: 26px;
}
@media only screen and (min-width: 600px) {
    .tool_main .large-icon-wrapper .large-icon-inner-wrapper .large-icon .bank-icon {
        font-size: 37px;
    }
}
@media only screen and (max-width: 599px) {
    .tool_main .large-icon-wrapper .large-icon-inner-wrapper .large-icon {
        height: 1.8em !important;
        font-size: 22px !important;
        margin-left: 9px !important;
    }
    .tool_main .large-icon-wrapper .large-icon-inner-wrapper .large-icon .circle {
        width: 42px !important;
        height: 42px !important;
    }
    .tool_main .large-icon-wrapper .large-icon-inner-wrapper .large-icon .fa {
        padding-top: 11px !important;
    }
}
.tool_main .large-icon-wrapper .large-icon-inner-wrapper .box-icon img {
    position: absolute;
    width: 1.075em;
    height: 0.85em;
    left: 0.45em;
    top: 0.575em;
}
.tool_main .large-icon-wrapper .large-icon-inner-wrapper .circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.tool_main .large-icon-wrapper .large-icon-inner-wrapper .circle.yellow {
    background: linear-gradient(#ffdd00, #eaab00);
}
.tool_main .large-icon-wrapper .large-icon-inner-wrapper .circle.blue {
    background: linear-gradient(#004c6c, #003946);
}
.tool_main .large-icon-wrapper .large-icon-inner-wrapper .circle span {
    width: 80px;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-top: 19.5px;
}
@media only screen and (max-width: 599px) {
    .tool_main .large-icon-wrapper .large-icon-inner-wrapper .circle {
        width: 65px;
        height: 65px;
    }
    .tool_main .large-icon-wrapper .large-icon-inner-wrapper .circle span {
        width: 35px;
    }
}

.tool_main .small-icon-wrapper {
    text-align: left;
    width: 3.5em;
    height: 3.5em;
    vertical-align: middle;
}
.tool_main .small-icon-wrapper .small-icon-inner-wrapper .small-icon.fa-stack {
    width: 2.8em;
    height: 3em;
}
@media only screen and (min-width: 600px) {
    .tool_main .small-icon-wrapper .small-icon-inner-wrapper .small-icon.fa-stack {
        width: 3.7em;
        height: 3.9em;
    }
}
.tool_main .small-icon-wrapper .small-icon-inner-wrapper .small-icon-1 {
    background: linear-gradient(#ffdd00, #eaab00);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: transparent;
    margin-top: 4px;
}
@media only screen and (min-width: 600px) {
    .tool_main .small-icon-wrapper .small-icon-inner-wrapper .small-icon-1 {
        font-size: 50px;
    }
}
.tool_main .small-icon-wrapper .small-icon-inner-wrapper .small-icon-2 {
    font-size: 29px;
    position: absolute;
}
@media only screen and (min-width: 600px) {
    .tool_main .small-icon-wrapper .small-icon-inner-wrapper .small-icon-2 {
        font-size: 40px;
    }
}

/* modified table and table-cell grid */
/*colours*/
/*font weights*/
/* previously 200 */
.tr-row {
    display: table !important;
    table-layout: fixed;
    border-collapse: collapse;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
}
@media only screen and (max-width: 599px) {
    .tr-row.hidden-xs {
        display: none !important;
    }
}
@media only screen and (min-width: 600px) {
    .tr-row.visible-xs {
        display: none !important;
    }
}
.tr-row .tr-col-xs-1,
.tr-row .tr-col-xs-2,
.tr-row .tr-col-xs-3,
.tr-row .tr-col-xs-4,
.tr-row .tr-col-xs-5,
.tr-row .tr-col-xs-6,
.tr-row .tr-col-xs-7,
.tr-row .tr-col-xs-8,
.tr-row .tr-col-xs-9,
.tr-row .tr-col-xs-10,
.tr-row .tr-col-xs-11,
.tr-row .tr-col-xs-12,
.tr-row .tr-col-sm-1,
.tr-row .tr-col-sm-2,
.tr-row .tr-col-sm-3,
.tr-row .tr-col-sm-4,
.tr-row .tr-col-sm-5,
.tr-row .tr-col-sm-6,
.tr-row .tr-col-sm-7,
.tr-row .tr-col-sm-8,
.tr-row .tr-col-sm-9,
.tr-row .tr-col-sm-10,
.tr-row .tr-col-sm-11,
.tr-row .tr-col-sm-12,
.tr-row .tr-col-md-1,
.tr-row .tr-col-md-2,
.tr-row .tr-col-md-3,
.tr-row .tr-col-md-4,
.tr-row .tr-col-md-5,
.tr-row .tr-col-md-6,
.tr-row .tr-col-md-7,
.tr-row .tr-col-md-8,
.tr-row .tr-col-md-9,
.tr-row .tr-col-md-10,
.tr-row .tr-col-md-11,
.tr-row .tr-col-md-12 {
    display: table-cell;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
}
.tr-row .tr-col-xs-1 {
    width: 8.33333%;
}
.tr-row .tr-col-xs-2 {
    width: 16.66667%;
}
.tr-row .tr-col-xs-3 {
    width: 25%;
}
.tr-row .tr-col-xs-4 {
    width: 33.33333%;
}
.tr-row .tr-col-xs-5 {
    width: 41.66667%;
}
.tr-row .tr-col-xs-6 {
    width: 50%;
}
.tr-row .tr-col-xs-7 {
    width: 58.33333%;
}
.tr-row .tr-col-xs-8 {
    width: 66.66667%;
}
.tr-row .tr-col-xs-9 {
    width: 75%;
}
.tr-row .tr-col-xs-10 {
    width: 83.33333%;
}
.tr-row .tr-col-xs-11 {
    width: 91.66667%;
}
.tr-row .tr-col-xs-12 {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    .tr-row .tr-col-sm-1 {
        width: 8.33333%;
    }
    .tr-row .tr-col-sm-2 {
        width: 16.66667%;
    }
    .tr-row .tr-col-sm-3 {
        width: 25%;
    }
    .tr-row .tr-col-sm-4 {
        width: 33.33333%;
    }
    .tr-row .tr-col-sm-5 {
        width: 41.66667%;
    }
    .tr-row .tr-col-sm-6 {
        width: 50%;
    }
    .tr-row .tr-col-sm-7 {
        width: 58.33333%;
    }
    .tr-row .tr-col-sm-8 {
        width: 66.66667%;
    }
    .tr-row .tr-col-sm-9 {
        width: 75%;
    }
    .tr-row .tr-col-sm-10 {
        width: 83.33333%;
    }
    .tr-row .tr-col-sm-11 {
        width: 91.66667%;
    }
    .tr-row .tr-col-sm-12 {
        width: 100%;
    }
}
@media only screen and (min-width: 905px) {
    .tr-row .tr-col-md-1 {
        width: 8.33333%;
    }
    .tr-row .tr-col-md-2 {
        width: 16.66667%;
    }
    .tr-row .tr-col-md-3 {
        width: 25%;
    }
    .tr-row .tr-col-md-4 {
        width: 33.33333%;
    }
    .tr-row .tr-col-md-5 {
        width: 41.66667%;
    }
    .tr-row .tr-col-md-6 {
        width: 50%;
    }
    .tr-row .tr-col-md-7 {
        width: 58.33333%;
    }
    .tr-row .tr-col-md-8 {
        width: 66.66667%;
    }
    .tr-row .tr-col-md-9 {
        width: 75%;
    }
    .tr-row .tr-col-md-10 {
        width: 83.33333%;
    }
    .tr-row .tr-col-md-11 {
        width: 91.66667%;
    }
    .tr-row .tr-col-md-12 {
        width: 100%;
    }
}

.tr-row-fix {
    margin-left: -15px;
    margin-right: -15px;
}
.tr-row-fix .tr-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* animations on page load */
/* tool & widget animation */
.tool_main .header {
    opacity: 0;
    transition: opacity 0.8s ease;
}
.header.do-animation {
    opacity: 1;
}
.header .text {
    opacity: 0;
    transition: all 0.7s ease 0.1s;
    transition-property: transform, opacity;
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.header .text.do-animation {
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.header .header-banner {
    opacity: 0;
    transition: opacity 1.2s ease 0.1s;
}
.header .header-banner.do-animation {
    opacity: 1;
}

.animate-up.tool-animate {
    opacity: 0;
    transition: all 0.8s ease 0.2s;
    transition-property: transform, opacity;
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}
.animate-up.tool-animate.delay {
    transition-delay: 0.4s;
}
.animate-up.tool-animate.delay-2 {
    transition-delay: 0.7s;
}
.animate-up.tool-animate.do-animation {
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.large-icon.tool-animate {
    -ms-transform: scale(0);
    transform: scale(0);
}
.large-icon.tool-animate.do-animation {
    animation: scaleUp 0.5s ease-in-out 0.65s 1 normal forwards;
}
.large-icon.tool-animate.do-animation.delay {
    animation-delay: 0.85s;
}
.large-icon.tool-animate.do-animation.delay-2 {
    animation-delay: 1.25s;
}

@keyframes scaleUp {
    0% {
        transform: scale(0);
    }
    80% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.ie9 .large-icon.tool-animate {
    -ms-transform: scale(1);
    transform: scale(1);
}

h4.tool-animate {
    opacity: 0;
    transition: all 0.5s ease 0.45s;
    transition-property: transform, opacity;
    -ms-transform: translateX(40px);
    transform: translateX(40px);
}
h4.tool-animate.delay {
    transition-delay: 0.7s;
}
h4.tool-animate.delay-2 {
    transition-delay: 1.1s;
}
h4.tool-animate.do-animation {
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}
@media only screen and (max-width: 599px) {
    h4.tool-animate {
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    h4.tool-animate.do-animation {
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.inputs-animate.tool-animate {
    opacity: 0;
    transition: all 0.6s ease 0.6s;
    transition-property: transform, opacity;
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.inputs-animate.tool-animate.delay {
    transition-delay: 0.9s;
}
.inputs-animate.tool-animate.delay-2 {
    transition-delay: 1.2s;
}
.inputs-animate.tool-animate.do-animation {
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.animate-up-button {
    opacity: 0;
    transition: all 0.5s ease 1s;
    transition-property: transform, opacity;
    -ms-transform: translateY(40px);
    transform: translateY(40px);
}
.animate-up-button.do-animation {
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

/* rrsp results animation */
.print-button,
.save-button.has-animation,
.start-over-button.has-animation {
    opacity: 0;
    transition: opacity 0.8s ease 0.1s;
}
.print-button.do-animation,
.save-button.has-animation.do-animation,
.start-over-button.has-animation.do-animation {
    opacity: 1;
}

.animate-up {
    opacity: 0;
    transition: all 0.8s ease 0.2s;
    transition-property: transform, opacity;
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}
.animate-up.delay {
    transition-delay: 0.5s;
}
.animate-up.do-animation {
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

h2.results-animate,
.results-icon-wrapper.results-animate,
.title-wrapper.results-animate,
.savings-text-wrapper.results-animate {
    opacity: 0;
    transition: all 0.5s ease 0.5s;
    transition-property: transform, opacity;
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}
h2.results-animate.delay,
.results-icon-wrapper.results-animate.delay,
.title-wrapper.results-animate.delay,
.savings-text-wrapper.results-animate.delay {
    transition-delay: 0.7s;
}
h2.results-animate.delay-2,
.results-icon-wrapper.results-animate.delay-2,
.title-wrapper.results-animate.delay-2,
.savings-text-wrapper.results-animate.delay-2 {
    transition-delay: 0.8s;
}
h2.results-animate.do-animation,
.results-icon-wrapper.results-animate.do-animation,
.title-wrapper.results-animate.do-animation,
.savings-text-wrapper.results-animate.do-animation {
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.large-icon.results-animate {
    -ms-transform: scale(0);
    transform: scale(0);
}
.large-icon.results-animate.do-animation {
    animation: scaleUp 0.5s ease-in-out 0.85s 1 normal forwards;
}
.large-icon.results-animate.do-animation.delay {
    animation-delay: 0.95s;
}

@keyframes scaleUp {
    0% {
        transform: scale(0);
    }
    80% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.ie9 .large-icon.results-animate {
    -ms-transform: scale(1);
    transform: scale(1);
}

h4.results-animate {
    opacity: 0;
    transition: all 0.5s ease 0.85s;
    transition-property: transform, opacity;
    -ms-transform: translateX(40px);
    transform: translateX(40px);
}
h4.results-animate.delay {
    transition-delay: 0.95s;
}
h4.results-animate.do-animation {
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

.content-animate.results-animate {
    opacity: 0;
    transition: all 0.6s ease 0.7s;
    transition-property: transform, opacity;
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.content-animate.results-animate.do-animation {
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

/* cta - next steps and life stages animation */
.animate-up.cta-animate {
    opacity: 0;
    transition: all 0.8s ease 0.1s;
    transition-property: transform, opacity;
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}
.animate-up.cta-animate.delay {
    transition-delay: 0.4s;
}
.animate-up.cta-animate.delay-2 {
    transition-delay: 0.8s;
}
.animate-up.cta-animate.do-animation {
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.large-icon.cta-animate {
    -ms-transform: scale(0);
    transform: scale(0);
}
.large-icon.cta-animate.do-animation {
    animation: scaleUp 0.5s ease-in-out 0.65s 1 normal forwards;
}
.large-icon.cta-animate.do-animation.delay {
    animation-delay: 0.85s;
}
.large-icon.cta-animate.do-animation.delay-2 {
    animation-delay: 1.25s;
}

@keyframes scaleUp {
    0% {
        transform: scale(0);
    }
    80% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

h4.cta-animate {
    opacity: 0;
    transition: all 0.5s ease 0.45s;
    transition-property: transform, opacity;
    -ms-transform: translateX(40px);
    transform: translateX(40px);
}
h4.cta-animate.delay {
    transition-delay: 0.7s;
}
h4.cta-animate.delay-2 {
    transition-delay: 1.1s;
}
h4.cta-animate.do-animation {
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}
@media only screen and (max-width: 599px) {
    h4.cta-animate {
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    h4.cta-animate.do-animation {
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.content-animate.cta-animate {
    opacity: 0;
    transition: all 0.6s ease 0.6s;
    transition-property: transform, opacity;
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.content-animate.cta-animate.delay {
    transition-delay: 0.8s;
}
.content-animate.cta-animate.delay-2 {
    transition-delay: 0.9s;
}
.content-animate.cta-animate.do-animation {
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.content-animate-tabs.cta-animate {
    opacity: 0;
    transition: all 0.6s ease 0.7s;
    transition-property: opacity;
}
.content-animate-tabs.cta-animate.delay {
    transition-delay: 0.7s;
}
.content-animate-tabs.cta-animate.do-animation {
    opacity: 1;
}

.footer-text.fade-in.cta-animate {
    opacity: 0;
    transition: all 0.6s ease 1.2s;
    transition-property: opacity;
}
.footer-text.fade-in.cta-animate.do-animation {
    opacity: 1;
}
.btn-blue {
    background: #004c6c !important;
    color: #fff !important;
    border: 2px solid #004c6c;
}
.popup {
}
body .modal.slf-modal .modal-dialog .modal-content .modal-header .modal-title {
    line-height: 1;
    color: #fff;
}
body .modal.slf-modal {
    background-color: rgba(0, 0, 0, 0.7);
}
body .modal.slf-modal .modal-dialog .modal-content .modal-header {
    min-height: 16.42857px;
    padding: 20px !important;
}
.close-modal-div {
    background: none;
    border: none;
    position: absolute;
    top: 13px;
    right: 0px;
    padding: 10px;
}
.slf-accordion-plus .accordion-heading[aria-expanded="false"]:before {
    content: "\f055";
    font-family: FontAwesome;
    font-size: 22px;
    padding-right: 10px;
}
input[type="text"],
input[type="email"],
input[type="tel"] {
    border: 1px solid #d7d7d7;
}

.has-animation.content-animate.results-animate.do-animation > .row > .col-sm-12 {
    padding: 0px;
}

/* migration css starts here */
ul,
ol {
    margin-bottom: 10px;
}

/* :lang(fr) .tool_main h4 {
    margin-left: 10px;
} */

#advisor-modal input[type="tel"],
#advisor-modal input[type="text"],
#advisor-modal input[type="email"],
#advisor-modal input[type="password"],
#advisor-modal input[type="checkbox"],
#advisor-modal textarea.form-control {
    height: 48px !important;
    max-width: none;
}

.tooltip.in .tooltip-arrow {
    border-top-color: #004c6c !important;
}

:lang(fr) .tool_main .large-icon-wrapper {
    padding-right: 10px !important;
}

.mar-bottom-10 {
    margin-bottom: 10px !important ;
}

.mar-right-10 {
    margin-right: 10px !important;
}

@media (max-width: 599px) {
    .layout-container.no-padding div[class^="col-"] {
        padding: 0 10px;
    }

    .tool_main.tool .col-sm-2.col-xs-12.large-icon-wrapper {
        margin-left: 10px;
    }

    :lang(en) .tool_main.results .col-sm-2.col-xs-12.large-icon-wrapper {
        margin-left: 5px;
    }

    :lang(fr) .tool_main.results > .section.yellow-bg .col-xs-12 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 600px) {
    :lang(en) .tool_main.results > .section.yellow-bg > .col-xs-12 > .row > div:not(:first-child) {
        padding-left: 15px;
    }

    :lang(fr) .tool_main.results > .section.yellow-bg > .col-xs-12 > .row > div:not(:first-child) {
        padding-left: 10px;
    }

    :lang(en) .tool_main.tool > .section > div:not(:first-child) {
        padding-left: 15px;
    }
}

#mainfooter .links .accordion-heading {
    padding: 0;
    margin-top: 20px !important;
}
#your-needs-accordion-body div[class^="col-"] {
    padding: 0 !important;
}
/* migration css ends here */

/*advisor form modal css starts here*/
.slf-accordion-plus .accordion-heading[aria-expanded="true"]:before {
    content: "\f056";
    font-family: FontAwesome;
    font-size: 22px;
    padding-right: 10px;
}

#advisor-modal-form h3 {
    margin-top: 0;
}

#advisor-modal-form input.form-control {
    border: 1px solid #d7d7d7;
}

.jumbotron,
input,
textarea,
.slf-tabs a,
.slf-full-tabs a,
.panel,
.panel-heading {
    border-radius: 0 !important;
    margin-bottom: 0;
}

@media (max-width: 599px) {
    #advisor-modal-form .btn {
        margin: 15px;
    }
}

@media (min-width: 600px) {
    #advisor-modal-form .btn {
        margin: 5px;
    }
}

/*advisor form modal css ends here*/

body {
    --font-main: "Sun Life New Text Regular", "Helvetica Neue", "Calibri", sans-serif;
    --font-bold: "Sun Life New Text Bold", "Helvetica Neue", "Calibri", sans-serif;
    --font-italic: "Sun Life New Text Italic", "Helvetica Neue", "Calibri", sans-serif;
    --font-bold-italic: "Sun Life New Text Bold Italic", "Helvetica Neue", "Calibri", sans-serif;
}

.tool_main p {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: 400;
    line-height: inherit;
    font-style: normal;
}

.tool_main a {
    font-weight: 400;
    text-decoration: none;
    font-family: var(--font-bold, inherit);
    font-style: normal;
}

.tool_main a:hover {
    text-decoration: underline;
}

.tool_main .question-label-container {
    text-wrap: pretty;
}

.tool_main .radio,
.tool_main .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tool_main input[type="radio"] + label {
    position: relative;
    padding-left: 30px;
    margin-right: 28px;
    font-family: var(--font-main, inherit);
    font-weight: 400;
    font-style: normal;
}

.tool_main.results .results-header-wrapper {
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.tool_main.results .graph-container {
    overflow: hidden;
}

/* #accordianStrenghts p.savings-intro {
    margin-left: 91px;
} */

.tool_main .height-container {
    gap: 4px;
}