.ppk-calculator {
    max-width: 81.5rem;
    margin: 0 auto;
    overflow: hidden
}

.ppk-calculator input[type=number]::-webkit-inner-spin-button,
.ppk-calculator input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ppk-calculator input[type=number] {
    -moz-appearance: textfield
}

.ppk-calculator .ppk-form {
    background: #fff;
    position: relative;
    padding: 1.875rem 0 0;
    margin: 2rem auto;
    z-index: 1
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form {
        border: 1px solid #ee7f00;
        border-radius: 3px;
        margin: 3rem auto 2rem;
        padding: 3.125rem 6.25rem 1rem
    }
}

@media screen and (min-width: 85.375em) {
    .ppk-calculator .ppk-form {
        margin: 4rem auto 2rem;
        padding: 2.5rem 6.25rem .5rem
    }
}

.ppk-calculator .ppk-form h1 {
    text-align: center;
    font-family: "NNNittiGrotesk-Heading";
    font-size: 2.25rem;
    margin-bottom: 2.25rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form h1 {
        font-size: 2.5rem;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
        background: #fff;
        padding: 0 4rem;
        margin-bottom: 0
    }
}

.ppk-calculator .nested-block {
    margin-bottom: 2.625rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .nested-block {
        margin: 0 0 2rem
    }
}

@media screen and (min-width: 85.375em) {
    .ppk-calculator .nested-block {
        margin: 0 0 1.6rem
    }
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .nested-block .large-right-center {
        display: flex;
        flex-flow: row;
        justify-content: flex-end;
        align-items: center
    }
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .nested-block .large-right-center label {
        text-align: right
    }
}

.ppk-calculator label,
.ppk-calculator input {
    color: #414141;
    font-family: "NNNittiGrotesk-Heading"
}

.ppk-calculator label {
    font-size: 1.125rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator label {
        font-size: .875rem
    }
}

.ppk-calculator input {
    text-align: center;
    font-size: 1rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator input {
        text-align: left;
        font-size: .875rem
    }
}

.ppk-calculator .radio-wrapper {
    margin: 1.75rem 0 0
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .radio-wrapper {
        margin: 0
    }
}

.ppk-calculator .radio-wrapper .f-left {
    margin-left: 1rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .radio-wrapper .f-left {
        margin-left: 0
    }
}

@media screen and (min-width: 100em) {
    .ppk-calculator .radio-wrapper .f-left .radio-label {
        height: 1.5rem;
        margin-bottom: 2rem;
        display: flex;
        align-items: center
    }
}

.ppk-calculator .input-wrapper {
    margin: 1.75rem 0 0
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .input-wrapper {
        margin: 0
    }
}

.ppk-calculator .input-wrapper .with-graph {
    margin-left: .6rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .input-wrapper .with-graph {
        margin-left: 0
    }
}

.ppk-calculator .input-wrapper input {
    font-family: "NNNittiGrotesk-TextRegular"
}

.ppk-calculator .field-value input {
    max-width: 3rem;
    padding: 1rem .5rem;
    margin-right: .5rem;
    text-align: center
}

.ppk-calculator .js-calc-start-payouts-age-value {
    margin-bottom: 0;
    margin-top: 0
}

.ppk-calculator .js-calc-years-monthly-payouts .noUi-tooltip {
    display: none
}

.ppk-calculator .js-calc-years-monthly-payouts .noUi-active .noUi-tooltip,
.ppk-calculator .js-calc-years-monthly-payouts .noUi-touch-area:hover+.noUi-tooltip {
    display: block
}

@media screen and (max-width: 63.99875em) {
    .ppk-calculator .label-wrapper {
        margin-bottom: .5rem
    }
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .label-wrapper {
        height: 3rem;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }
}

.ppk-calculator .error-msg {
    font-size: .875rem;
    color: #9b9b9b;
    margin-top: 1rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .error-msg {
        font-size: .725rem;
        width: 85%
    }
}

.ppk-calculator .error-radio-msg {
    margin-top: -1rem !important;
    margin-bottom: 1rem
}

.ppk-calculator .error-frame {
    color: #ee7f00;
    background-color: #fcfcfc;
    border: 1px solid #cac7c7;
    border-radius: 2px;
    padding: 1rem;
    font-size: .875rem;
    max-width: 39rem;
    margin-top: 1.75rem
}

.ppk-calculator ul {
    list-style-type: none
}

.ppk-calculator .extended-block-item {
    position: relative;
    color: #414141;
    font-family: "NNNittiGrotesk-TextRegular";
    font-size: 1.125rem;
    padding: .75rem 0;
    margin: 0 0 0 1rem;
    text-indent: -1.5rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .extended-block-item {
        font-size: .875rem;
        padding: .2rem 0 1rem;
        text-indent: -1rem
    }
}

.ppk-calculator .extended-block-item:before {
    content: " ";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #414141;
    margin: 0 1rem .3125rem 0
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .extended-block-item:before {
        margin: 0 .5rem .1rem 0
    }
}

@media screen and (min-width: 100em) {
    .ppk-calculator .extended-block-item:before {
        margin: 0 .5rem .2rem 0
    }
}

@media screen and (max-width: 63.99875em) {
    .ppk-calculator .extended-block-item br {
        display: none
    }
}

.ppk-calculator .ppk-form-results-container {
    display: flex;
    flex-flow: row wrap
}

.ppk-calculator .ppk-form-results-container .table-cell {
    flex: 1 33%
}

.ppk-calculator .js-calc-start-payouts-age {
    border-radius: 100px
}

.ppk-calculator .radio-wrapper input[type=radio]+label {
    margin-bottom: 1.875rem;
    font-size: 1.125rem;
    font-family: "NNNittiGrotesk-TextRegular";
    color: #414141;
    line-height: 1.23;
    padding-left: 3rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .radio-wrapper input[type=radio]+label {
        margin-bottom: 2.5rem;
        font-size: .875rem
    }
}

@media screen and (min-width: 64em)and (max-width: 85.37375em) {
    .ppk-calculator .radio-wrapper input[type=radio]+label {
        padding-left: 2.2rem
    }
}

@media screen and (min-width: 85.375em)and (max-width: 99.99875em) {
    .ppk-calculator .radio-wrapper input[type=radio]+label {
        padding-left: 2.2rem
    }
}

.ppk-calculator .radio-wrapper input[type=radio]+label:before {
    border-color: #d3d3d3;
    height: 1.5rem;
    width: 1.5rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .radio-wrapper input[type=radio]+label:before {
        height: 1.1rem;
        width: 1.1rem
    }
}

@media screen and (min-width: 100em) {
    .ppk-calculator .radio-wrapper input[type=radio]+label:before {
        height: 1.5rem;
        width: 1.5rem
    }
}

.ppk-calculator .radio-wrapper input[type=radio]+label:after {
    height: 1.5rem;
    width: 1.5rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .radio-wrapper input[type=radio]+label:after {
        height: 1.1rem;
        width: 1.1rem
    }
}

@media screen and (min-width: 100em) {
    .ppk-calculator .radio-wrapper input[type=radio]+label:after {
        height: 1.5rem;
        width: 1.5rem
    }
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .radio-wrapper .inactive input[type=radio]+label {
        color: #c1c1c1
    }
}

.ppk-calculator .calc-button {
    text-align: center;
    margin-bottom: 1rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .calc-button {
        text-align: left
    }
}

.ppk-calculator .calc-button [class^=icon-],
.ppk-calculator .calc-button [class*=icon-] {
    position: relative;
    top: 2px;
    font-size: 1.125rem;
    margin-right: .3125rem;
    color: #ee7f00;
    transition-duration: .5s
}

@media print,
screen and (min-width: 64em) {

    .ppk-calculator .calc-button [class^=icon-],
    .ppk-calculator .calc-button [class*=icon-] {
        font-size: 1rem
    }
}

.ppk-calculator .calc-button-extend {
    margin-bottom: 3rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .calc-button-extend {
        margin-bottom: 1.25rem
    }
}

.ppk-calculator .calc-button-extend .link {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 1.125rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .calc-button-extend .link {
        font-size: .9125rem
    }
}

.ppk-calculator .calc-button .js-calc-calculate {
    margin: 0;
    font-family: "NNNittiGrotesk-Heading";
    font-size: 1.425rem
}

.ppk-calculator .ppk-form-results-container {
    overflow: hidden
}

.ppk-calculator .ppk-form-results {
    transform: translateY(-102%);
    transition: all .7s ease-in-out
}

.ppk-calculator .ppk-form-results .table-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 3rem
}

@media screen and (max-width: 63.99875em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-column:nth-of-type(1) {
        order: 3
    }
}

@media screen and (max-width: 63.99875em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-column:nth-of-type(2) {
        order: 1
    }
}

@media screen and (max-width: 63.99875em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-column:nth-of-type(3) {
        order: 2
    }
}

.ppk-calculator .ppk-form-results .table-wrapper .table-cell {
    border: 1px solid #ee7f00;
    border-radius: 3px;
    margin: .625rem 0;
    padding: 2.46rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell {
        padding: 1.9rem;
        border-radius: 0;
        margin: 0
    }
}

@media screen and (min-width: 85.375em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell {
        padding: 1.3rem
    }
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell-left-top {
        border-radius: 3px 0 0
    }
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell-left-bottom {
        border-radius: 0 0 0 3px;
        border-top: none
    }
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell-middle-center {
        border-left: none;
        border-right: none;
        height: 100%;
        justify-content: center
    }
}

.ppk-calculator .ppk-form-results .table-wrapper .table-cell-middle-center .savings-wrapper {
    font-family: "NNNittiGrotesk-Heading"
}

.ppk-calculator .ppk-form-results .table-wrapper .table-cell-middle-center .savings-wrapper .results-title-color {
    text-align: center;
    font-size: 1.125rem;
    color: #f39100
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell-middle-center .savings-wrapper .results-title-color {
        font-size: 1.84rem
    }
}

.ppk-calculator .ppk-form-results .table-wrapper .table-cell-middle-center .savings-wrapper .results-title-color .span-color-two {
    color: #ee7101
}

.ppk-calculator .ppk-form-results .table-wrapper .table-cell-middle-center .savings-wrapper .result-wrapper {
    display: inline;
    text-align: center
}

.ppk-calculator .ppk-form-results .table-wrapper .table-cell-middle-center .savings-wrapper .result-wrapper .table-result-color {
    font-size: 2.25rem;
    color: #ee7101;
    margin-right: .5rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell-middle-center .savings-wrapper .result-wrapper .table-result-color {
        font-size: 2.5rem
    }
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell-right-top {
        border-radius: 0 3px 0 0
    }
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell-right-bottom {
        border-radius: 0 0 3px;
        border-top: none
    }
}

@media screen and (max-width: 63.99875em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell.mobile-no-mb {
        margin-bottom: 0
    }
}

.ppk-calculator .ppk-form-results .table-wrapper .table-cell .results-title {
    font-size: 1.125rem;
    text-align: center
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell .results-title {
        font-size: 1.125rem
    }
}

.ppk-calculator .ppk-form-results .table-wrapper .table-cell .table-result {
    font-size: 1.5rem;
    font-family: "NNNittiGrotesk-Heading"
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-results .table-wrapper .table-cell .table-result {
        font-size: 1.38rem
    }
}

.ppk-calculator .ppk-form-charts h2 {
    font-size: 1.75rem;
    font-family: "NNNittiGrotesk-Heading";
    margin-bottom: 2.5rem;
    text-align: center
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-charts h2 {
        text-align: left;
        padding-left: 2rem
    }
}

.ppk-calculator .ppk-form-charts .js-calc-chart-capital-wrapper,
.ppk-calculator .ppk-form-charts .js-calc-chart-payment-wrapper {
    margin-bottom: 2.625rem
}

@media print,
screen and (min-width: 64em) {

    .ppk-calculator .ppk-form-charts .js-calc-chart-capital-wrapper,
    .ppk-calculator .ppk-form-charts .js-calc-chart-payment-wrapper {
        margin-bottom: 5rem
    }
}

@media screen and (min-width: 100em) {

    .ppk-calculator .ppk-form-charts .js-calc-chart-capital-wrapper,
    .ppk-calculator .ppk-form-charts .js-calc-chart-payment-wrapper {
        margin-bottom: 1.5rem
    }
}

.ppk-calculator .ppk-form-charts .chart-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-charts .chart-wrapper {
        margin-left: 2rem
    }
}

.ppk-calculator .ppk-form-charts .chart-wrapper .chart-popup {
    display: block;
    padding: 1rem;
    width: 40%;
    height: auto;
    background-color: #e94d09;
    color: #fff;
    border-radius: .5rem;
    position: absolute;
    top: 1rem;
    right: 0
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-charts .chart-wrapper .chart-popup {
        width: 50%;
        right: -2rem;
        padding: .5rem
    }
}

.ppk-calculator .ppk-form-charts .chart-wrapper .chart-popup .chart-popup-close {
    position: inherit;
    top: 0;
    right: .5rem;
    font-size: 1.125rem;
    cursor: pointer
}

.ppk-calculator .ppk-form-charts .chart-wrapper .chart-popup .chart-popup-savings {
    display: block;
    font-size: 1.25rem;
    font-family: "NNNittiGrotesk-Heading";
    text-align: center
}

.ppk-calculator .ppk-form-charts .chart-wrapper .chart-popup:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #e94d09 transparent transparent;
    top: 25px;
    left: -20px
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-charts .chart-legend-wrapper {
        padding-left: 2rem
    }
}

.ppk-calculator .ppk-form-charts .chart-frame {
    border: 1px solid #ee7f00;
    border-radius: 2px;
    padding: 1.5rem 3.125rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-charts .chart-frame {
        margin-bottom: 3.125rem;
        max-width: 25.625rem
    }
}

.ppk-calculator .ppk-form-charts .chart-frame p {
    margin-bottom: .75rem
}

.ppk-calculator .ppk-form-charts .chart-frame p:last-child {
    margin-bottom: 0
}

.ppk-calculator .ppk-form-charts .chart-frame p .monthly-charge {
    font-family: "NNNittiGrotesk-Heading"
}

.ppk-calculator .ppk-form-charts .chart-title-mobile {
    display: none
}

@media screen and (max-width: 63.99875em) {
    .ppk-calculator .ppk-form-charts .chart-title-mobile {
        display: block;
        padding-bottom: 3.076rem
    }
}

.ppk-calculator .ppk-form-charts .chart-title-desktop {
    display: none
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-charts .chart-title-desktop {
        display: block;
        padding-left: 0
    }
}

.ppk-calculator .ppk-form-charts .chart-title-text {
    margin: 0
}

.ppk-calculator .ppk-form-charts .square-title {
    font-size: 1.125rem;
    padding: 1.5rem 0 .5rem
}

.ppk-calculator .ppk-form-charts .number-square {
    display: flex;
    align-items: center;
    font-size: 1.125rem
}

.ppk-calculator .ppk-form-charts .number-square .square {
    height: 1rem;
    width: 1rem;
    border-radius: 2px;
    margin-right: .625rem
}

.ppk-calculator .ppk-form-charts .number-square .square-1 {
    background-color: #f39100
}

.ppk-calculator .ppk-form-charts .number-square .square-2 {
    background-color: #ee7101
}

.ppk-calculator .ppk-form-charts .number-square .square-3 {
    background-color: #e94d09
}

.ppk-calculator .ppk-form-charts .number-square .square-4 {
    background-color: #cac7c7
}

.ppk-calculator .ppk-form-charts .number-square .square-5 {
    background-color: #ee7f00
}

.ppk-calculator .ppk-form-charts .number-square .charge-total {
    font-family: "NNNittiGrotesk-Heading"
}

.ppk-calculator .ppk-form-charts .compare-by-year {
    margin-bottom: 3.875rem
}

.ppk-calculator .ppk-form-charts .compare-by-year .compare-by-year-chart {
    padding-top: 2.34rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-charts .compare-by-year .compare-by-year-chart {
        padding-top: 5rem
    }
}

.ppk-calculator .ppk-form-charts .compare-by-year .time-period {
    font-family: "NNNittiGrotesk-Heading";
    font-size: .9125rem;
    margin-bottom: .5rem;
    text-align: center
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .ppk-form-charts .compare-by-year .time-period {
        font-size: 1.125rem
    }
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-row,
.ppk-calculator .ppk-form-charts .compare-by-year .graph-table-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column,
.ppk-calculator .ppk-form-charts .compare-by-year .graph-table-column {
    display: flex;
    flex: 1 1 100%;
    padding: 0 .75rem
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-table-column {
    flex-flow: row wrap;
    justify-content: center
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-table-column .graph-table-value {
    margin-right: .2rem
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column {
    flex-flow: column wrap;
    align-items: center
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column .column-body {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-family: "NNNittiGrotesk-Heading";
    font-size: .9125rem;
    height: 0;
    transition: all .5s ease-in-out;
    transition-delay: .25s;
    border-radius: 3px 3px 0 0
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column:nth-child(1) .column-body {
    background: #f39100
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column:nth-child(1) .column-body.active {
    height: 6.875rem
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column:nth-child(2) .column-body {
    background: #ee7f00
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column:nth-child(2) .column-body.active {
    height: 8.59375rem
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column:nth-child(3) .column-body {
    background: #ee7101
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column:nth-child(3) .column-body.active {
    height: 10.3125rem
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column:nth-child(4) .column-body {
    background: #e94d09
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column:nth-child(4) .column-body.active {
    height: 12.03125rem
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column:nth-child(5) .column-body {
    background: #e64415
}

.ppk-calculator .ppk-form-charts .compare-by-year .graph-column:nth-child(5) .column-body.active {
    height: 13.75rem
}

.ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-equal-row,
.ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-one-time-row {
    font-size: .9125rem
}

.ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-equal-row .table-row-title,
.ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-one-time-row .table-row-title {
    font-family: "NNNittiGrotesk-Heading"
}

@media print,
screen and (min-width: 64em) {

    .ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-equal-row .table-row-title,
    .ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-one-time-row .table-row-title {
        font-family: "NNNittiGrotesk-TextRegular"
    }
}

.ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-equal-row .bordered-top:first-child,
.ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-one-time-row .bordered-top:first-child {
    border-top: 1px solid #ee7f00
}

@media print,
screen and (min-width: 64em) {

    .ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-equal-row .bordered-top,
    .ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-one-time-row .bordered-top {
        border-top: 1px solid #ee7f00
    }
}

.ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-equal-row .bordered,
.ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-one-time-row .bordered {
    padding: 1rem 0
}

.ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-equal-row .bordered:last-child,
.ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-one-time-row .bordered:last-child {
    border-bottom: 1px solid #ee7f00
}

@media print,
screen and (min-width: 64em) {

    .ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-equal-row .bordered,
    .ppk-calculator .ppk-form-charts .compare-by-year .js-calc-long-terms-one-time-row .bordered {
        border-bottom: 1px solid #ee7f00
    }
}

.ppk-calculator .js-calc-form-extended {
    margin-bottom: 1rem;
    display: none
}

.ppk-calculator .js-calc-form-extended.active {
    display: block
}

.ppk-calculator .js-calc-form-extended-block {
    margin-bottom: 3.125rem
}

@media print,
screen and (min-width: 64em) {
    .ppk-calculator .js-calc-form-extended-block {
        margin-bottom: .5rem
    }
}

.ppk-calculator .ppk-disclaimer {
    padding-bottom: 1rem
}

.ppk-calculator .ppk-disclaimer-text-block {
    font-size: .725rem;
    font-family: "NNNittiGrotesk-TextRegular";
    color: #9b9b9b;
    line-height: 1.5
}