*:focus {
    box-shadow: 0px 1px 5px #407cc9;
    border-color: #407cc9;
    outline: none;
}

div:focus {
    box-shadow: none;
    /* remove automatic focus states from divs in IE */
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

em {
    font-size: inherit;
    font-weight: bold;
    font-style: inherit;
    color: inherit;
}

a {
    color: #337ab7;
    font-size: inherit;
    font-style: inherit;
    text-decoration: underline;
}

hr {
    width: 664px;
    border-bottom: 1px solid #000000;
    margin: 20px auto;
}

.small-txt {
    font-size: 0.8em;
}

sup {
    vertical-align: super;
    font-size: 75%;
    line-height: 0;
}

.flex-wrapper {
    width: 100%;
    display: block;
    display: -webkit-box;
    display: box;
    display: flex;
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -ms-flexbox;
}

.flex-wrapper .flex-child {
    width: 49%;
    height: 100%;
    display: inline-block;
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
}


/*============================ PAGE CONTROLS =============================*/

.home .button-arrow-left,
.home .button-arrow-right {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
}

.home-page .intro-img-container {
    text-align: right;
    width: 48%;
    float: left;
    margin-top: 90px;
    margin-bottom: 5%;
}

.home-page .intro-img-container img {
    width: 70%;
}

.home .page-wrapper.home-page {
    display: block;
    height: auto;
    padding-bottom: 0;
    min-height: 0;
}

.home .progress-container,
.home .button-arrow-left {
    display: none;
}

.about .progress-container,
.budgeting .progress-container,
.retirement .progress-container,
.investing .progress-container,
.debt-management .progress-container,
.financial-protection .progress-container,
.financial-stress .progress-container,
.financial-products .progress-container,
.financial-priorities .progress-container,
.about .button-arrow-left,
.budgeting .button-arrow-left,
.retirement .button-arrow-left,
.investing .button-arrow-left,
.debt-management .button-arrow-left,
.financial-protection .button-arrow-left,
.financial-stress .button-arrow-left,
.financial-products .button-arrow-left,
.financial-priorities .button-arrow-left {
    display: block;
}

.about .button-arrow-left,
.budgeting .button-arrow-left,
.retirement .button-arrow-left,
.investing .button-arrow-left,
.debt-management .button-arrow-left,
.financial-protection .button-arrow-left,
.financial-stress .button-arrow-left,
.financial-products .button-arrow-left,
.financial-priorities .button-arrow-left {
    /*display: none; /*temp fix*/
    */
}

.about .page-wrapper.about-page {
    display: block;
}

.budgeting .page-wrapper.budgeting-page {
    display: block;
}

.retirement .page-wrapper.retirement-page {
    display: block;
}

.investing .page-wrapper.investing-page {
    display: block;
}

.debt-management .page-wrapper.debt-management-page {
    display: block;
}

.financial-protection .page-wrapper.financial-protection-page {
    display: block;
}

.financial-stress .page-wrapper.financial-stress-page {
    display: block;
}

.financial-products .page-wrapper.financial-products-page {
    display: block;
}

.financial-priorities .page-wrapper.financial-priorities-page {
    display: block;
}

.results .page-wrapper.results-page {
    display: block;
    padding-bottom: 0px;
}

select {
    font-size: 13px;
}


/*===================================================================*/

/* HEADER */

body {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    background-color: #1d3960;
}

header {
    background-color: #152e54;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100;
}

header .logo {
    height: 88px;
    width: 420px;
    margin: 10px 20px 10px 25px;
}

header .logo2 {
    float: right;
    height: 65px;
    width: auto;
    margin: 30px 50px 20px 25px;
}

.page-introduction {
    background-color: #e4f0f4;
    border-color: #152e54;
    padding: 0px 4%;
    /*margin-top: 60px;*/
    margin-top: 110px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.page-introduction h1 {
    /*padding: 0 5% 0 20px;*/
    display: block;
    min-height: 54px;
    vertical-align: middle;
    font-size: 30px;
    color: #162f52;
    white-space: nowrap;
    line-height: 54px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    text-align: center;
}

.page-introduction h1:focus {
    border: none;
    outline: none;
    box-shadow: none;
}


/*.page-introduction .intro-icon-wrapper {
    /*float: left;*/

}

*/ .page-introduction p {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 5%;
    font-size: 16px;
}

.page-introduction p em {
    font-weight: bold;
    font-style: normal;
}

.section-icon {
    height: 54px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.results-buttons-wrapper {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    float: right;
    margin: 9px;
}

.floating-back-button{
    visibility: visible;
    opacity: 1;
    position: absolute;
    top: -9px;
    right: 2%;
    border-radius: 0px 0px 4px 4px;
    background: -webkit-linear-gradient(#4e769b, #14497a);
    background-color: #276092;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    height: 32px;
}
.floating-back-button:hover{
    background: -webkit-linear-gradient(#4D9DB7, #14497a);
    background-image: -moz-linear-gradient(top, #4D9DB7, #14497a);
}
.results .results-buttons-wrapper.floating-back-button{
    top: -12px;
}
.results-buttons-wrapper .print-button,
.results-buttons-wrapper .pdf-button,
.results-buttons-wrapper .restart-button,
.print-pdf-wrapper .print-button,
.print-pdf-wrapper .pdf-button {
    color: #162F52;
    text-decoration: none;
    padding: 10px 9px 0px 37px;
    position: relative;
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 4px;
}

.back-to-main-button {
    color: #162F52;
    text-decoration: none;
    padding: 6px 10px 4px 10px;
    position: relative;
    display: inline-block;
    
    border-radius: 4px;
    
}

a.back-to-main-button {
    color: #ffffff;

    
}

.results-buttons-wrapper .print-button:focus,
.results-buttons-wrapper .pdf-button:focus,
.results-buttons-wrapper .restart-button:focus, .back-to-main-button:focus, .back-to-mlc-final:focus {
    border-color: rgba(225, 225, 225, 0.4);
    box-shadow: 0px 0px 6px rgba(225, 225, 225, 0.2);
}

.print-pdf-wrapper .print-button:focus,
.print-pdf-wrapper .pdf-button:focus {
    box-shadow: 0px 1px 5px #407cc9;
    border-color: #407cc9;
}

.print-pdf-wrapper .print-button,
.print-pdf-wrapper .pdf-button {
    color: #acc837;
    width: 232px;
    display: block;
    margin: 10px auto 10px 12px;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid transparent;
    line-height: 36px;
    padding-left: 50px;
    padding-top: 0px;
}

.print-pdf-wrapper .print-button:hover,
.print-pdf-wrapper .pdf-button:hover {
    background-color: #ffffff;
}

.print-pdf-wrapper .print-button:before {
    background-position: -110px 0px;
}

.back-to-mlc-final{
    padding: 6px 10px 4px 10px;
    text-decoration: none;
    color: #ffffff;
    visibility: visible;
    opacity: 1;
    position: absolute;
    top: -3px;
    right: 2%;
   /* border: solid 2px #142e54;*/
    border-radius: 0px 0px 8px 8px;
    background: -webkit-linear-gradient(#4e769b, #14497a);
    background-color: #276092;
}

.print-pdf-wrapper .pdf-button:before {
    background-position: -164px 0px;
}

.print-pdf-wrapper .pdf-button {
    font-size: 14px;
    font-weight: bold;
    border: 3px solid #009FE1;
    box-shadow: none;
    border-radius: 0;
    width: 193px;
    text-align: center;
    line-height: 36px;
    margin-left: 33px;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #002B64;
    background-color: white;
}

.print-pdf-wrapper .pdf-button:lang(es) {
    padding-left: 35px;
}

.print-pdf-wrapper .complete-button {
    font-size: 14px;
    font-weight: bold;
    border: 3px solid #009FE1;
    box-shadow: none;
    border-radius: 0;
    width: 193px;
    text-align: center;
    line-height: 36px;
    margin-left: 33px;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    text-decoration: none;
    color: #002B64;
    background-color: white;
    display: block;
    box-sizing: border-box;
}

.print-pdf-wrapper .complete-button:lang(es) {
    padding: 10px 0;
    line-height: 18px;
}

.results-buttons-wrapper .restart-button, .results-buttons-wrapper .back-to-homepage-button {
    padding-left: 50px;
    top: 16px;
}

.results-buttons-wrapper .print-button:before,
.results-buttons-wrapper .pdf-button:before,
.results-buttons-wrapper .restart-button:before,
.print-pdf-wrapper .print-button:before,
.print-pdf-wrapper .pdf-button:before, .back-to-homepage-button:before {
    display: block;
    position: absolute;
    top: -11px;
    left: 0px;
    content: "";
    width: 50px;
    height: 50px;
    background-image: url(../img/icons-print-restart.svg);
    background-size: 275px 61px;
    background-repeat: no-repeat;
}

.results-buttons-wrapper .restart-button:before {
    background-position: -60px -5px;
}

.results-buttons-wrapper .back-to-homepage-button:before {
    background-position: -60px -5px;
}

.print-pdf-wrapper {
    border-top: 1px solid #cccccc;
}

.results-buttons-wrapper .pdf-button {
    display: none;
}

.print-button-print:before {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 50px;
    height: 50px;
    background-image: url(../img/icons-print-restart.svg);
    background-size: 275px 61px;
    background-repeat: no-repeat;
}

.print-button-print {
    float: right;
    margin: 10px 12px 10px 12px;
    width: 52px;
    color: #ffffff;
    text-decoration: none;
    padding: 23px 10px 20px 60px;
    position: relative;
    display: none;
}

.pdf-button-pdf:before {
    background-position: -220px 0px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 50px;
    height: 50px;
    background-image: url(../img/icons-print-restart.svg);
    background-size: 275px 61px;
    background-repeat: no-repeat;
}

.pdf-button-pdf {
    float: right;
    margin: 10px auto 10px 12px;
    width: 124px;
    color: #ffffff;
    text-decoration: none;
    padding: 23px 10px 20px 60px;
    position: relative;
    display: inline-block;
}

/* GENERAL */

.page-wrapper {
    display: none;
    overflow: hidden;
    padding-top: 78px;
    /*padding-top: 160px;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.page-wrapper {
    min-height: 100%;
    min-height: 75vh;
    padding-bottom: 40px;
}

.carousel .icon-wrapper {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    min-height: height: 150px;
    overflow: hidden;
    margin: auto;
}

.investing .carousel .icon-wrapper.icon-pop {
    animation: none;
    -webkit-animation: none;
}

.carousel .left-arrow {
    background-image: url(../img/carousel-arrows.png);
    background-size: 70px 11px;
    background-repeat: no-repeat;
    background-position: 0px 17px;
    width: 30px;
    height: 44px;
    position: absolute;
    top: 46%;
    margin-top: -22px;
    left: 6px;
    cursor: pointer;
    z-index: 10;
}

.carousel .right-arrow {
    background-image: url(../img/carousel-arrows.png);
    background-size: 70px 11px;
    background-repeat: no-repeat;
    background-position: -40px 17px;
    width: 30px;
    height: 44px;
    position: absolute;
    top: 46%;
    margin-top: -22px;
    right: 6px;
    cursor: pointer;
    z-index: 10;
}

.animation-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* INTRO */

.home .page-wrapper {
    background-image: url(../img/bg-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: auto;
    position: relative;
}

/*.intro-graphic {
    text-align: center;
    width: 100%;
    box-sizing: border-box; -webkit-box-sizing: border-box;
    background-image: url(../img/intro-heart.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 380px;
    position: absolute;
    top: 76px;
}*/

.intro-container {
    /*float: left;
    width: 40%;*/
}

.intro-container2 {
    width: 47%;
    float: left;
    display: inline-block;
    padding-left: 38px;
}

.intro-graphic {
    padding-top: 25%;
}

.intro-graphic h1 {
    font-size: 38px;
    color: #162F52;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    line-height: 48px;
    position: relative;
    width: 100%;
}

.intro-graphic h2 {
    font-size: 37px;
    color: #162F52;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 48px;
    position: relative;
    width: 100%;
    margin-top: -5px;
}
.intro-graphic h2:lang(es) {
    font-size: 33px;
}
.intro-graphic h1:focus {
    box-shadow: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.intro-content {
    position: relative;
    width: 350px;
    padding-top: 20px;
}

.intro-content p {
    font-size: 15px;
}

.intro-content h2 {
    font-size: 20px;
    color: #acc837;
    margin-bottom: 10px;
    margin: 40px auto 20px auto;
}

.intro-content p {
    margin-bottom: 10px;
    display: inline-block;
    font-family: 'Open-Sans', sans-serif;
}

.intro-content .button {
    width: 172px;
    font-size: 14px;
    margin: 20px auto;
    display: block;
    padding: 12px 24px;
    float: left;
    margin-right: 70px;
    margin-left: 55px;
}

.intro-legal {
    width: 560px;
    margin: 110px auto 20px auto;
    font-size: 12px;
}

/* BUTTONS */

.button {
    font-size: 24px;
    padding: 18px;
    border-radius: 4px;
    background-color: #276092;
    /*box-shadow: 0px 4px 0px #0a2e55;*/
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 1em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*-webkit-transform: translateZ(0px);*/
    transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

/*.button:hover, .button:focus {
        background-color: #77a02e;
        border-color: #77a02e;
        box-shadow: 0px 4px 0px #577522;
    }*/

.button:focus {
    border-color: #407cc9;
    box-shadow: 0px 4px 0px #407cc9;
}

/*.button:active, .button.tapped {
        background-color: #77a02e;
        box-shadow: 0px 4px 0px #577522;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
    }*/

.buttons {
    width: 665px;
    position: relative;
    margin: 20px auto;
}

.button.continue {
    width: 172px;
    font-size: 12px;
    margin: 20px auto;
    display: block;
    padding: 12px 24px;
    float: left;
    transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, opacity 0.5s linear;
    -webkit-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, opacity 0.5s linear;
    -moz-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, opacity 0.5s linear;
    /*cursor: not-allowed;*/
    visibility: hidden;
}

.button.continue.previous {
    visibility: visible;
}

.page-wrapper.valid .button.continue,
.results-wrapper .button.continue {
    /*opacity: 1;
        cursor: pointer;*/
    visibility: visible;
}

/*.page-wrapper.valid .button.continue:hover {
        background-color: #77a02e;
        box-shadow: 0px 4px 0px #577522;
    }*/

.button.next {
    float: right;
}

.button.grad {
    background: -webkit-linear-gradient(#4e769b, #14497a);
    background-image: -moz-linear-gradient(top, #4e769b, #14497a);
}

.button.grad:hover {
    background: -webkit-linear-gradient(#4D9DB7, #14497a);
    background-image: -moz-linear-gradient(top, #4D9DB7, #14497a);
}

.button.previous {
    background: -webkit-linear-gradient(#AEB0B2, #939598);
    background-image: -moz-linear-gradient(top, #AEB0B2, #939598);
    cursor: pointer;
}

.button.previous:hover {
    background: -webkit-linear-gradient(#E5E5E5, #939598);
    background-image: -moz-linear-gradient(top, #E5E5E5, #939598);
}

input[type="radio"],
input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 1px;
    height: 1px;
}

input[type="radio"]:checked + .radio-label,
input[type="checkbox"]:checked + .radio-label {
    opacity: 1;
}

input[type="radio"]:checked + .radio-label:before,
input[type="checkbox"]:checked + .radio-label:before {
    content: "";
    border: 4px solid #009fe1;
    width: 100%;
    height: 100%;
    opacity: 1;
}

select {
    color: #acc837;
    border: 1px solid #cccccc;
    padding: 10px 28px 10px 10px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    font-weight: bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
    background-image: url(../img/bg-select.png);
    background-repeat: no-repeat;
    background-size: 14px 12px;
    background-color: #ffffff;
    /*background-position: right 10px top 15px;*/
}

select::-ms-expand {
    display: none;
}

.slider-bar {
    width: 83%;
    height: 40px;
    position: absolute;
    top: -20px;
    left: 0px;
    margin: auto 8%;
}

.slider-bar.four-range {
    width: 74%;
    /* margin: auto 13%; */
    margin: 0;
    padding: 0 13%;
}

.slider-bar.three-range {
    width: 66%;
    /* margin: auto 17%; */
    margin: 0;
    padding: 0 17%;
}

.slider-wrapper {
    display: block;
    height: 4px;
    width: 80%;
    margin: auto;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    position: relative;
    border: 0;
    background-color: transparent;
}

.tile .slider-wrapper.contains-slider-bar-text {
    bottom: 50px;
}

.slider-wrapper .slider-bar-ticks {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 2%;
    background-color: #78a02e;
    transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    opacity: 1;
    display: block;
    float: left;
    width: 24%;
    height: 6px;
}

.slider-wrapper.three-options .slider-bar-ticks {
    width: 32%;
}

.question-financial-products .slider-wrapper .slider-bar-ticks {
    width: 100%;
}

/* slider tick green gradient */

.slider-bar-ticks.green-1 {
    background-color: #acc930;
}

.slider-bar-ticks.green-2 {
    background-color: #acc930;
    opacity: 0.8;
}

.slider-bar-ticks.green-3 {
    background-color: #acc930;
    opacity: 0.6;
}

.slider-bar-ticks.green-4 {
    background-color: #acc930;
    opacity: 0.4;
}

.slider-bar-ticks.green-5 {
    background-color: #bed288;
}

.slider-bar-ticks.green-6 {
    background-color: #d2ddb0;
}

/* slider tick red */

.slider-bar-ticks.red-1 {
    background-color: #AACA17;
}

/* slider tick yellow */

.slider-bar-ticks.yellow-1 {
    background-color: #AACA17;
}

.default .slider-wrapper .slider-bar-ticks,
.disabled .slider-wrapper .slider-bar-ticks {
    opacity: 0;
}

.slider-wrapper .default-arrow {
    position: absolute;
    height: 100%;
    background-color: #4D9DB7;
    width: 42%;
    opacity: 0;
    transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
}

.small .slider-wrapper .default-arrow {
    width: 35%;
}

.default .slider-wrapper .default-arrow,
.disabled .slider-wrapper .default-arrow {
    opacity: 0.4;
}

.slider-wrapper .default-slide-txt {
    position: absolute;
    left: 50%;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    top: 20px;
    opacity: 0;
    transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    font-size: 14px;
    color: #666666;
}

.default .slider-wrapper .default-slide-txt {
    opacity: 1;
}

.disabled .slider-wrapper .default-slide-txt {
    opacity: 0;
}

.disabled .slider-wrapper .slide-txt {
    opacity: 0;
}

.slider-wrapper .left-slide-arrow {
    left: 0px;
}

.slider-wrapper .left-slide-arrow:before {
    content: "";
    top: -6px;
    left: -16px;
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-right-color: #4D9DB7;
    position: absolute;
}

.slider-wrapper .right-slide-arrow {
    right: 0px;
}

.slider-wrapper .right-slide-arrow:before {
    content: "";
    top: -6px;
    right: -16px;
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-left-color: #4D9DB7;
    position: absolute;
}

.rm-slider-handle,
.rm-slider .ui-state-default,
.rm-slider .ui-widget-content .ui-state-default,
.rm-slider .ui-widget-header .ui-state-default {
    width: 16px;
    height: 16px;
    background-color: #002d62;
    border: 4px solid #519db6;
    border-radius: 100%;
    top: 50%;
    margin-top: -9px;
    margin-left: -12px;
    transition: transform 0.1s ease-in;
    background-image: none;
}

.rm-slider-handle:hover,
.rm-slider .ui-state-default:hover,
.rm-slider .ui-widget-content .ui-state-default:hover,
.rm-slider .ui-widget-header .ui-state-default:hover {
    /*transform: scale(1.2);*/
}

.rm-slider {
    background-color: transparent;
    border: 1px solid transparent;
}

.has-arrow .rm-slider-handle:before,
.has-arrow .ui-state-default:before,
.has-arrow .ui-widget-content .ui-state-default:before,
.has-arrow .ui-widget-header .ui-state-default:before {
    content: "";
    width: 1px;
    height: 1px;
    border: 4px solid transparent;
    border-top-color: #acc837;
    top: -10px;
    left: 50%;
    margin-left: -4px;
    position: absolute;
}

.tile .slider-wrapper {
    position: absolute;
    bottom: 40px;
    left: 43px;
}

.tile.small .slider-wrapper {
    left: 21px;
}

.tile.half .slider-wrapper {
    left: 35px;
}

.tile .check-highlight {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid #009fe1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 1;
    transition: opacity 0.5s ease-in;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
}

.tile.default .check-highlight {
    opacity: 0;
    transition: opacity 0.5s ease-in;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
}

.button-arrow-left,
.button-arrow-right {
    background-image: url(../img/button-left-arrow-blue.png);
    background-size: cover;
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    position: fixed;
    top: 50%;
    left: 2%;
    cursor: pointer;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transition: transform 0.2s, opacity 0.2s;
    -moz-transition: transform 0.2s, opacity 0.2s;
    -ms-transition: transform 0.2s, opacity 0.2s;
    z-index: 10;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 00);
}

.button-arrow-left {
    display: none;
}

.results .button-arrow-left {
    display: block;
}

.button-arrow-right {
    visibility: hidden;
    opacity: 0;
    /*display: none; /*temp fix*/
    */
}

.button-arrow-right.visible {
    visibility: visible;
    opacity: 1;
}

.button-arrow-left:hover,
.button-arrow-right:hover,
.button-arrow-left:focus,
.button-arrow-right:focus {
    transform: scale(1.1);
}

.button-arrow-right {
    background-image: url(../img/button-right-arrow-blue.png);
    top: 50%;
    right: 2%;
    left: auto;
}

.tile input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

.tile-checkbox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.tile-checkbox .checkbox-label {
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    padding: 150px 20px 10px 20px;
    height: 100%;
    text-align: center;
    display: block;
    position: relative;
    cursor: pointer;
}

.misc-wrapper.emailOption {
    padding-bottom: 24px;
}

.emailOption .checkbox-label {
    position: relative;
    padding: 14px;
    padding-left: 32px
}

.emailOption .fwat-email input {
    padding: 4px;
    border: 1px solid #bababa;
}

.emailOption .fwat-email input.error {
    border: 1px solid #a03123;
}

.emailOption h3 {
    font-size: 24px;
    color: #acc837;
    margin-bottom: 0.5em;
}

.emailOption button {
    margin-left: 0px;
    font-size: 18px;
    padding: 0.5em;
    opacity: 0.5;
    cursor: not-allowed;
}

.emailOption.valid button {
    opacity: 1;
    cursor: pointer;
}

.focusBorder .tile-checkbox label {
    box-shadow: none;
}

.tile-checkbox .checkbox-label:before,
.emailOption .checkbox-label:before {
    position: absolute;
    left: 10px;
    top: 10px;
    background-image: url(../img/bg-checkbox-states-large.png);
    background-size: 48px 24px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.tile-checkbox input[type="checkbox"]:checked + label:before,
.emailOption input[type="checkbox"]:checked + label:before {
    background-position: -24px 0px;
}

.tile.half .buttons-wrapper {
    width: 309px;
}

.checkbox-label:before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../img/bg-checkbox-states.png);
    background-size: 28px 14px;
    background-repeat: no-repeat;
    overflow: hidden;
    float: left;
    margin-right: 4px;
    position: relative;
    top: 2px;
}

input[type="checkbox"]:checked + label:before {
    background-position: -14px 0px;
}

/* TILES */

.tiles-wrapper {
    width: 710px;
    position: relative;
    /*margin: 20px auto;*/
    margin-top: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.centre {
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    left: 0;
    transform: none;
}

.tile {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 215px;
    height: 215px;
    padding: 16px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    position: relative;
    margin: 5px;
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

.tile.small {
    width: 225px;
    height: 225px;
}

.tile.small:lang(es) {
    width: 225px;
    height: 245px;
} 

.tile.half {
    width: 327px;
    height: 215px;
}

.tile.wide {
    width: 440px;
    height: 215px;
}

.tile.x-wide {
    width: 665px;
}

.tile:before {
    content: url(../img/done-tile.svg);
    position: absolute;
    z-index: 2;
    width: 45px;
    height: 45px;
    visibility: hidden;
    transition: top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.tile.default:before {
    top: -45px;
    right: -45px;
}

.tile:before,
.tile.default.disabled:before {
    visibility: visible;
    top: 0px;
    right: 0px;
}

.tile .buttons-wrapper {
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 207px;
    display: block;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
}

.radio-label {
    font-size: 16px;
    font-weight: bold;
    color: #002b64;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    text-align: center;
    opacity: 0.7;
    line-height: 38px;
    transition: transform 0.1s ease-in;
    -webkit-transition: transform 0.1s ease-in;
    -moz-transition: transform 0.1s ease-in;
    cursor: pointer;
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.radio-label:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: width 0.2s ease-out, height 0.2s ease-out, opacity 0.2s ease-out;
    -webkit-transition: width 0.2s ease-out, height 0.2s ease-out, opacity 0.2s ease-out;
    -moz-transition: width 0.2s ease-out, height 0.2s ease-out, opacity 0.2s ease-out;
    opacity: 0;
}

.tile.small .buttons-wrapper .radio-label {
    width: 93px;
}

.tile.half .buttons-wrapper .radio-label {
    width: 124px;
    float: left;
    display: block;
}

.radio-label:hover {
    transform: scale(1.07);
    opacity: 1;
}

.tile .buttons-wrapper .radio-label:nth-child(4) {
    margin-left: 6px;
}

.tile select {
    position: absolute;
    bottom: 4px;
    left: 4px;
}

.tile.small select {
    width: 205px;
    background-position: 178px 14px;
    ;
}

.tile h2 {
    color: #162f52;
    font-weight: normal;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.tile .icon-wrapper {
    width: 100%;
    height: 150px;
    position: relative;
}

.tile a {
    color: #77a02e;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
}

.tile a:hover {
    color: #acc837;
    color: #fff;
    background-color: #009FE1;
}

/* circle indicator and states */

.tile .icon-wrapper .circle-indicator {
    background-image: url(../img/circle-states.png);
    background-repeat: no-repeat;
    background-size: 193px 48px;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-position: -96px 0px;
}

.tile.small .icon-wrapper .circle-indicator {
    left: 15%
}

.tile.half .icon-wrapper .circle-indicator {
    left: 17%;
}

.tile.yes .icon-wrapper .circle-indicator {
    background-position: 0px 0px !important;
}

.tile.no .icon-wrapper .circle-indicator {
    background-position: -48px 0px !important;
}

.tile.maybe .icon-wrapper .circle-indicator {
    background-position: -144px 0px !important;
}

.tile.question-mark .icon-wrapper .circle-indicator {
    background-position: -96px 0px;
}

.financial-protection-page .tile.option1 .icon-wrapper .circle-indicator {
    background-position: -48px 0px !important;
}

.financial-protection-page .tile.option2 .icon-wrapper .circle-indicator {
    background-position: -95px 0px !important;
}

.financial-protection-page .tile.option3 .icon-wrapper .circle-indicator {
    background-position: 0px 0px !important;
}

.financial-protection-page .tile.option2.question-power-of-attorney .icon-wrapper .circle-indicator,
.financial-protection-page .tile.option2.question-will .icon-wrapper .circle-indicator {
    background-position: -96px 0px !important;
}

/* PROGRESS BAR */

.progress-container {
    background-color: #eef1f4;
    width: 100%;
    height: 47px;
    position: fixed;
    /*margin-top: 38px;*/
    /*bottom: 0px;*/
    /*transition: top 0.2s ease-in;
    -webkit-transition: bottom 0.2s ease-in;
    -moz-transition: bottom 0.2s ease-in;
    z-index: 3;*/
}

/*.bottom-out .progress-container {
    bottom: 50px;
}*/

.progress-container .bars-wrapper {
    height: 6px;
    width: 366px;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    margin: 20px auto;
    position: relative;
}

.progress-container .bars-wrapper .bar {
    height: 100%;
    width: 37px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 3px;
    background-color: #7d868c;
    position: relative;
}

.progress-container .bars-wrapper .bar .bar-fill {
    background-color: #acc930;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: width 0.3s ease-out;
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
}

.progress-container .bars-wrapper .bar.completed .bar-fill {
    background-color: #acc930;
}

.aria-progress {
    width: 0px;
    height: 0px;
    opacity: 0;
}


/*.progress-container {
    background-color: #eef1f4;
    width: 100%;
    height: 40px;
}

.progress-container .bars-wrapper {
    width: 368px;
    display: block;
    margin: 10px auto;
    position: relative;
}
.progress-container .bars-wrapper .bar {
    height: 6px;
    width: 42px;
    background-color: #7d868c;
    display: inline-block;
    position: inherit;
}
.progress-container .bars-wrapper .bar .bar-fill {
    background-color: #acc930;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: width 0.3s ease-out;
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
}
.progress-container .bars-wrapper .bar.completed .bar-fill {
    background-color: #acc930;
}
.aria-progress {
    width: 0px;
    height: 0px;
    opacity: 0;
}*/

/* END OF PROGRESS BAR */

/*
.budgeting .progress-container .bars-wrapper .bar.one .bar-fill {
    width: 100%;
}
.retirement .progress-container .bars-wrapper .bar.two .bar-fill, .retirement .progress-container .bars-wrapper .bar.one .bar-fill {
    width: 100%;
}
.investing .progress-container .bars-wrapper .bar.three .bar-fill, .investing .progress-container .bars-wrapper .bar.two .bar-fill, .investing .progress-container .bars-wrapper .bar.one .bar-fill {
    width: 100%;
}
.debt-management .progress-container .bars-wrapper .bar.four .bar-fill, .debt-management .progress-container .bars-wrapper .bar.three .bar-fill, .debt-management .progress-container .bars-wrapper .bar.two .bar-fill, .debt-management .progress-container .bars-wrapper .bar.one .bar-fill {
    width: 100%;
}
.financial-protection .progress-container .bars-wrapper .bar.five .bar-fill, .financial-protection .progress-container .bars-wrapper .bar.four .bar-fill, .financial-protection .progress-container .bars-wrapper .bar.three .bar-fill, .financial-protection .progress-container .bars-wrapper .bar.two .bar-fill, .financial-protection .progress-container .bars-wrapper .bar.one .bar-fill {
    width: 100%;
}
.financial-stress .progress-container .bars-wrapper .bar.six .bar-fill, .financial-stress .progress-container .bars-wrapper .bar.five .bar-fill, .financial-stress .progress-container .bars-wrapper .bar.four .bar-fill, .financial-stress .progress-container .bars-wrapper .bar.three .bar-fill, .financial-stress .progress-container .bars-wrapper .bar.two .bar-fill, .financial-stress .progress-container .bars-wrapper .bar.one .bar-fill {
    width: 100%;
}
.financial-products .progress-container .bars-wrapper .bar.seven .bar-fill, .financial-products .progress-container .bars-wrapper .bar.six .bar-fill, .financial-products .progress-container .bars-wrapper .bar.five .bar-fill, .financial-products .progress-container .bars-wrapper .bar.four .bar-fill, .financial-products .progress-container .bars-wrapper .bar.three .bar-fill, .financial-products .progress-container .bars-wrapper .bar.two .bar-fill, .financial-products .progress-container .bars-wrapper .bar.one .bar-fill {
    width: 100%;
}
.financial-priorities .progress-container .bars-wrapper .bar.eight .bar-fill, .financial-priorities .progress-container .bars-wrapper .bar.seven .bar-fill, .financial-priorities .progress-container .bars-wrapper .bar.six .bar-fill, .financial-priorities .progress-container .bars-wrapper .bar.five .bar-fill, .financial-priorities .progress-container .bars-wrapper .bar.four .bar-fill, .financial-priorities .progress-container .bars-wrapper .bar.three .bar-fill, .financial-priorities .progress-container .bars-wrapper .bar.two .bar-fill, .financial-priorities .progress-container .bars-wrapper .bar.one .bar-fill {
    width: 100%;
}
*/

/* PAGINATION */

.pagination {
    position: relative;
    display: block;
    text-align: center;
}

.pagination .dot {
    width: 10px;
    height: 10px;
    border: 2px solid #4e9db8;
    background-color: white;
    border-radius: 100%;
    display: inline-block;
    margin: auto 1px;
    transition: border-color 0.2s ease-out;
    -webkit-transition: border-color 0.2s ease-out;
    -moz-transition: border-color 0.2s ease-out;
}

.pagination .dot:hover {
    border-color: #152e53;
}

.pagination .dot.current {
    background-color: #152e53;
}

/* FOOTER */

.home footer {
    position: static;
}

footer {
    clear: both;
    margin-top: 0px;
    width: 100%;
    transition: bottom 0.2s ease-in;
    -webkit-transition: bottom 0.2s ease-in;
    -moz-transition: bottom 0.2s ease-in;
}

.footer-links-legal .divider {
    text-decoration: none;
}

.bottom-out footer {
    bottom: 0px;
}

footer .links,
footer .legal {
    display: block;
}

/*.share-links {
	float:right;
    margin-right:15px;
}
    .share-links a {
    	margin-right:7px;
        display:inline-block;
        height:31px;
        width:32px;
        background-image:url(../img/sprite-share.png);
        background-size:128px 62px;
    }
    	.share-links a.facebook {
            background-position:0px 0px;
        }
        	.share-links a.facebook:hover, .share-links a.facebook:focus, .share-links a.facebook:active {
                background-position:0px -31px;
            }
        .share-links a.twitter {
            background-position:-32px 0px;
        }
        	.share-links a.twitter:hover, .share-links a.twitter:focus, .share-links a.twitter:active {
                background-position:-32px -31px;
            }
        .share-links a.linkedin {
            background-position:-64px 0px;
        }
        	.share-links a.linkedin:hover, .share-links a.linkedin:focus, .share-links a.linkedin:active {
                background-position:-64px -31px;
            }
        .share-links a.email {
            background-position:-96px 0px;
        }
        	.share-links a.email:hover, .share-links a.email:focus, .share-links a.email:active {
                background-position:-96px -31px;
            }
*/

.footer-links-legal {
    text-align: center;
    /*padding-bottom: 10px;*/
    /*background-color: #152E53;*/
}

.footer-links-legal li {
    text-align: left;
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.06em;
    list-style-type: none;
    padding-bottom: 4px;
}

.footer-links-legal img {
    float: left;
    padding-top: 20px;
    padding-left: 35px;
    padding-bottom: 20px;
}

.footer-links-legal .pull-right {
    text-align: right;
}

.footer-links-legal .pull-width {
    /* width: 50%; */
}

.footer-links-legal ul {
    padding-top: 15px;
    padding-left: 35px;
    padding-right: 35px;
    background-color: #1d3960;
}

.home .footer-links-legal {
    height: 190px;
    /*text-align: left;*/
}

.footer-links-legal a {
    color: #ffffff;
}

.footer-links-legal .legal-disclosure {
    display: block;
    margin-top: 20px;
}

footer .links a,
footer .links,
footer .legal {
    font-size: 12px;
    margin-bottom: 6px;
    padding-top: 15px;
    display: inline-block;
    padding-left: 15px;
}

/* PAGE SPECIFIC */

/* about you */

.about-page .page-introduction {
    border-color: #152e54;
}

.about .page-wrapper {
    background-color: #e4f0f4;
}

.about .page-introduction h1 {
    white-space: nowrap;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.about .question-gender .icon-wrapper {
    background-image: url(../img/gender.png);
    background-size: 612px 144px;
    background-repeat: no-repeat;
    height: 150px;
    background-position: -10px -10px;
}

.about .question-gender.male .icon-wrapper {
    background-position: -214px -10px;
}

.about .question-gender.female .icon-wrapper {
    background-position: -418px -10px;
}

/* employment */

.about .question-employment-status .icon-wrapper {
    background-image: url(../img/employment.png);
    height: 136px;
    background-size: 1428px 144px;
}

.about .question-employment-status.option0 .icon-wrapper {
    background-position: -1035px 0px;
}

.about .question-employment-status.option1 .icon-wrapper {
    background-position: -8px 0px;
}

.about .question-employment-status.option2 .icon-wrapper {
    background-position: -215px 0px;
}

.about .question-employment-status.option3 .icon-wrapper {
    background-position: -419px 0px;
}

.about .question-employment-status.option4 .icon-wrapper {
    background-position: -830px 0px;
}

.about .question-employment-status.option5 .icon-wrapper {
    background-position: -1236px 0px;
}

.about .question-employment-status.option6 .icon-wrapper {
    background-position: -1236px 0px;
}

.about .question-age .checkbox-wrapper {
    position: absolute;
    top: 15px;
    right: 34px;
}

/* age question */

.about .question-age .icon-wrapper {
    background-image: url(../img/slider-age.png);
    background-size: 1020px 144px;
    width: 120px;
    height: 136px;
    background-position: -43px -20px;
}

.about .question-age.option0 .icon-wrapper {
    background-position: -43px -5px;
}

.about .question-age.option1 .icon-wrapper {
    background-position: -245px -5px;
}

.about .question-age.option2 .icon-wrapper {
    background-position: -452px -5px;
}

.about .question-age.option3 .icon-wrapper {
    background-position: -655px -5px;
}

.about .question-age.option4 .icon-wrapper {
    background-position: -858px -5px;
}

.about .question .checkbox-label {
    font-size: 14px;
    color: #666666;
    padding: 4px;
    border-radius: 4px;
}

/* annual salary */

.about .question-annual-salary-status .icon-wrapper {
    background-image: url(../img/slider-money.png);
    background-size: 1020px 144px;
    width: 150px;
    height: 136px;
}

.about .question-annual-salary-status.option0 .icon-wrapper {
    background-position: -25px -25px;
}

.about .question-annual-salary-status.option1 .icon-wrapper {
    background-position: -232px -25px;
}

.about .question-annual-salary-status.option2 .icon-wrapper {
    background-position: -440px -25px;
}

.about .question-annual-salary-status.option3 .icon-wrapper {
    background-position: -640px -25px;
}

.about .question-annual-salary-status.option4 .icon-wrapper {
    background-position: -842px -25px;
}

/* household income salary */

.about .question-household-income .icon-wrapper {
    background-image: url(../img/slider-income.png);
    background-size: 1020px 144px;
    width: 150px;
    height: 136px;
}

.about .question-household-income.option0 .icon-wrapper {
    background-position: -28px -25px;
}

.about .question-household-income.option1 .icon-wrapper {
    background-position: -232px -25px;
}

.about .question-household-income.option2 .icon-wrapper {
    background-position: -440px -25px;
}

.about .question-household-income.option3 .icon-wrapper {
    background-position: -640px -25px;
}

.about .question-household-income.option4 .icon-wrapper {
    background-position: -842px -25px;
}

/* budgeting */

.budgeting-page .page-introduction,
.budgeting-page hr {
    border-color: #152e54;
}

.budgeting-page .outer-question {
    padding-left: 5px;
    padding-bottom: 5px;
    margin: auto;
}

.budgeting .page-wrapper {
    background-color: #e4f0f4;
}

.budgeting-page .icon-wrapper {
    height: 100px;
    background-image: url(../img/budgeting.png);
    background-repeat: no-repeat;
    background-size: 450px;
    background-position: 0px 0px;
}

.budgeting-page .question-track-expenses .icon-wrapper {
    background-position: 16px 0px;
}

.budgeting-page .question-within-means .icon-wrapper {
    background-position: -135px 0px;
}

.budgeting-page .question-emergency-fund .icon-wrapper {
    background-position: -285px 0px;
}

.budgeting-page .tile.small .icon-wrapper .circle-indicator {
    left: 10%;
    bottom: 0px;
}

/* retirement */

.retirement-page .page-introduction,
.retirement-page hr {
    border-color: #152e54;
}

.retirement-page .question-retirement-expenses .circle-indicator,
.retirement-page .question-retirement-help .circle-indicator,
.retirement-page .question-saving-planning-retirement .circle-indicator {
    bottom: 65px;
}

.retirement-page .q2 {
    background-image: url(../img/retirement-q3.png);
    background-repeat: no-repeat;
    background-position: 55px 0px;
}

.retirement-page .q3 {
    background-image: url(../img/retirement-q2.png);
    background-repeat: no-repeat;
    background-position: 55px 0px;
    /*top: 20px;
    background-position-y: 20px;
    padding-top: 20px;*/
}

.retirement-page .question-retirement-help h2 {
    padding-right: 30px;

}

.retirement-page .question-retirement-help h2:lang(es) {
    padding-right: 0px;
}

.retirement-page .q1 {
    background-image: url(../img/slider-faces.png);
    background-repeat: no-repeat;
    background-position-x: 55px;
}

.retirement .page-wrapper {
    background-color: #e4f0f4;
}

.retirement-page .saving-reasons .icon-wrapper {
    background-image: url(../img/retirement-reasons.png);
    background-size: 1632px 144px;
    background-position: 0px 0px;
}

.question-saving-planning-retirement .icon-wrapper {
    background-position: -525px -77px;
}

.retirement-page .question-saving-planning-retirement .icon-wrapper {
    background-image: url(../img/retirement-reasons.png);
    background-size: 1400px;
    background-position: 3px -7px;
    background-repeat: no-repeat;
    width: 130px;
    height: 136px;
}

.retirement-page .question-saving-planning-retirement.option1 .icon-wrapper {
    background-position: -350px -7px;
}

.retirement-page .question-saving-planning-retirement.option2 .icon-wrapper {
    background-position: -176px -7px;
    background-repeat: no-repeat;
    background-size: 1400px;
}

.retirement-page .question-saving-planning-retirement.option3 .icon-wrapper {
    background-position: 0px -7px;
}

.retirement-page .saving-reasons .question-dont-have-money .icon-wrapper {
    background-position: -10px -10px;
}

.retirement-page .saving-reasons .question-too-early-late .icon-wrapper {
    background-position: -215px -10px;
}

.retirement-page .saving-reasons .question-focused-on-debts .icon-wrapper {
    background-position: -420px -10px;
}

.retirement-page .saving-reasons .question-saving-for-short-term .icon-wrapper {
    background-position: -623px -10px;
}

.retirement-page .saving-reasons .question-rely-mostly-on-government .icon-wrapper {
    background-position: -828px -10px;
}

.retirement-page .saving-reasons .question-rely-on-inheritance .icon-wrapper {
    background-position: -1032px -5px;
}

.retirement-page .saving-reasons .question-work-past-retirement .icon-wrapper {
    background-position: -1234px -10px;
}

.retirement-page .saving-reasons .question-other-retirement .icon-wrapper {
    background-position: 192px 0px;
}

.retirement-page .question-saving-planning-retirement .animation-wrapper {
    background-image: url(../img/retirement-path.png);
    background-size: 408px 144px;
    background-repeat: no-repeat;
    background-position: 12px 42px;
}

.retirement-page .running-man {
    background-image: url(../img/little-man.png);
    background-size: 84px 31px;
    position: absolute;
    width: 29px;
    height: 32px;
    background-repeat: no-repeat;
    top: -70px;
    left: 50%;
    margin-left: -14px;
}

.retirement-page .option4 .running-man {
    top: -93px;
    background-position: -56px;
    left: 16px;
}

.retirement-page .default .running-man {
    top: 75px;
}

.retirement-page .question-plan-to-retire .calendar-wrapper {
    background-size: cover;
    width: 83px;
    height: 99px;
    margin-left: -42px;
    top: 50px;
    left: 50%;
}

.retirement-page .question-plan-to-retire .calendar-wrapper .calendar-text {
    font-size: 13px;
    padding: 0 8px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.retirement-page .question-plan-to-retire.option3 .calendar-wrapper .calendar-text {
    /*top: 42px;*/
}

.retirement-page .question-plan-to-retire.default .calendar-wrapper .calendar-text {
    font-size: 34px;
}

.retirement-page .outer-question,
.retirement-page hr,
.retirement-page .saving-reasons {
    display: block;
}

.retirement-page .saving-reasons {
    margin-top: 0px;
}

.retirement-page.goal-met .outer-question,
.retirement-page.goal-met hr,
.retirement-page.goal-met .saving-reasons {
    display: none;
}

.retirement-page .question-saving-planning-retirement .running-man-label {
    width: 270px;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    position: absolute;
    font-size: 14px;
    color: #666666;
}

/* investing */

.investing-page .page-introduction,
.investing-page hr {
    border-color: #152e54;
}

.investing .page-wrapper {
    background-color: #e4f0f4;
}

.investing-page .question-right-investment .slider-wrapper.contains-slider-bar-text {
    bottom: 50px;
}

.investing-page .q2 {
    background-image: url(../img/investing-q2.png);
    background-repeat: no-repeat;
    background-position: 55px 0px;
}

.investing-page .question-reccommend-investing .circle-indicator {
    bottom: 65px;
}

.investing-page .question-knowledge-rating .icon-wrapper {
    background-image: url(../img/gauge.png);
    background-size: 408px 144px;
    background-position: -10px -28px;
    width: 181px;
}

.investing-page .question-knowledge-rating .icon-wrapper.meter-arrow {
    background-position: -255px -36px;
    position: absolute;
    top: 76px;
    left: 57px;
    width: 100px;
    height: 100px;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: transform 0.4s ease-out;
    -webkit-transition: transform 0.4s ease-out;
    -moz-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}

.investing-page .question-knowledge-rating.option1 .icon-wrapper.meter-arrow {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.investing-page .question-knowledge-rating.option2 .icon-wrapper.meter-arrow {
    transform: rotate(-0deg);
    -webkit-transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
}

.investing-page .question-knowledge-rating.option3 .icon-wrapper.meter-arrow {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.investing-page .tile .saving-slider-image {
    background-image: url(../img/money-slider-images.png);
    position: absolute;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    top: -100px;
    background-position: -53px -20px;
    background-size: 1020px 144px;
}

.investing-page .tile.default .saving-slider-image {
    top: 49px;
}

.investing-page .tile.option1 .saving-slider-image {
    background-position: -257px -20px;
}

.investing-page .tile.option2 .saving-slider-image {
    background-position: -460px -20px;
}

.investing-page .tile.option3 .saving-slider-image {
    background-position: -664px -20px;
}

.investing-page .tile.option4 .saving-slider-image {
    background-position: -869px -20px;
}

.investing-page .question-right-investment .icon-wrapper {
    background-image: url(../img/retirement-reasons.png);
    background-size: 1400px;
    background-position: 3px -24px;
    background-repeat: no-repeat;
    width: 130px;
    height: 136px;
}

.investing-page .question-right-investment.option1 .icon-wrapper {
    background-position: -350px -24px;
}

.investing-page .question-right-investment.option2 .icon-wrapper {
    background-position: -172px -24px;
}

.investing-page .question-right-investment.option3 .icon-wrapper {
    background-position: 0px -24px;
}

/* debt management */

.debt-management-page .page-introduction,
.debt-management-page hr {
    border-color: #152e54;
}

.debt-management-page hr,
.debt-management-page .outer-question,
.debt-management-page .last-twelve-months {
    display: none;
}

.debt-management-page p:first-child {
    display: block;
}

.debt-management .page-wrapper {
    background-color: #e4f0f4;
}

.debt-management .tiles-wrapper {
    margin-top: auto;
    margin-bottom: 0px;
    overflow: hidden;
}

.debt-management-page .outer-question {
    /*margin-left: 220px;*/
    width: auto;
    padding-top: 10px;
    padding-bottom: 5px;
}

.debt-management-page .default.a-mortgage .icon-wrapper {
    background-image: url(../img/a-mortgage.png);
    background-position: 200px -2px;
    background-size: 408px;
}

.debt-management-page .a-mortgage .icon-wrapper {
    background-image: url(../img/a-mortgage.png);
    background-position: 0px -2px;
    background-size: 408px;
}

.debt-management-page .default.outstanding-credit-card .icon-wrapper {
    background-image: url(../img/outstanding-credit-card-balance.png);
    background-position: 200px -2px;
    background-size: 408px;
}

.debt-management-page .outstanding-credit-card .icon-wrapper {
    background-image: url(../img/outstanding-credit-card-balance.png);
    background-position: 0px -2px;
    background-size: 408px;
}

.debt-management-page .default.line-of-credit .icon-wrapper {
    background-image: url(../img/line-of-credit.png);
    background-position: 200px -2px;
    background-size: 408px;
}

.debt-management-page .line-of-credit .icon-wrapper {
    background-image: url(../img/line-of-credit.png);
    background-position: 0px -2px;
    background-size: 408px;
}

.debt-management-page .default.consumer-debt .icon-wrapper {
    background-image: url(../img/consumer-debt.png);
    background-position: 200px -2px;
    background-size: 408px;
}

.debt-management-page .consumer-debt .icon-wrapper {
    background-position: 0px -2px;
    background-image: url(../img/consumer-debt.png);
    background-size: 408px;
}

.debt-management-page .default.no-debt .icon-wrapper {
    background-image: url(../img/no-debt.png);
    background-position: 200px -2px;
    background-size: 408px;
}

.debt-management-page .no-debt .icon-wrapper {
    background-image: url(../img/no-debt.png);
    background-position: 0px -2px;
    background-size: 408px;
}

.debt-management-page .last-twelve-months .icon-wrapper {
    background-image: url(../img/last-12-months.png);
    background-size: 612px 144px;
}

.debt-management-page .last-twelve-months .late-payments .icon-wrapper {
    background-position: -22px -8px;
}

.debt-management-page .last-twelve-months .unpaid-credit .icon-wrapper {
    background-position: -204px -8px;
}

.debt-management-page .last-twelve-months .not-reduced-debt .icon-wrapper {
    background-position: -412px -8px;
}

.debt-management-page .question-i-have-debt .icon-wrapper {
    background-image: url(../img/have-debt.png);
    background-size: 612px 144px;
    background-repeat: no-repeat;
    width: 200px;
    margin: auto;
    background-position: 0px -10px;
}

.debt-management-page .question-i-have-debt.Yes .icon-wrapper {
    background-position: -203px -10px;
}

.debt-management-page .question-i-have-debt.No .icon-wrapper {
    background-position: -408px -10px;
}

.debt-management-page .question-able-to-pay .icon-wrapper {
    background-image: url(../img/make-payments.png);
    background-size: 612px 144px;
    background-repeat: no-repeat;
    width: 200px;
    margin: auto;
    background-position: 0px -10px;
}

.debt-management-page .question-able-to-pay.Yes .icon-wrapper {
    background-position: -215px -10px;
}

.debt-management-page .question-able-to-pay.No .icon-wrapper {
    background-position: -415px -10px;
}

.debt-management-page .last-twelve-months {
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
}

.debt-management-page .last-twelve-months .tile .icon-wrapper .circle-indicator {
    bottom: 35px;
    background-position: 0px 0px;
}

.debt-management-page .last-twelve-months .default.tile .icon-wrapper .circle-indicator {
    background-position: -48px 0px;
}

.debt-management-page .question-able-to-pay {
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
}

.debt-management-page.has-debt .question-able-to-pay {
    opacity: 1;
    visibility: visible;
    display: block;
    /*margin: 5px 5px;*/
}

.debt-management-page.cant-pay .last-twelve-months,
.debt-management-page.cant-pay hr,
.debt-management-page.cant-pay .outer-question,
.debt-management-page.has-debt hr.set1,
.debt-management-page.has-debt .outer-question.set1 {
    opacity: 1;
    visibility: visible;
    display: block;
}

/* financial protection */

.financial-protection-page .page-introduction,
.financial-protection-page hr {
    border-color: #152e54;
}

.financial-protection .page-wrapper {
    background-color: #e4f0f4;
}

.financial-protection .question-dependents .buttons-wrapper {
    display: block;
    width: 96px;
    position: absolute;
    top: 55px;
}

.financial-protection .question-dependents .icon-wrapper {
    background-image: url(../img/family.png);
    background-size: 1836px;
    background-repeat: no-repeat;
    width: 216px;
    position: absolute;
    left: 54%;
    margin-left: -108px;
    top: 54px;
}

.financial-protection .question-dependents.other .icon-wrapper {
    background-position: 0px 0px;
}

.financial-protection .question-dependents.children .icon-wrapper {
    background-position: -184px 0px;
}

.financial-protection .question-dependents.spouse .icon-wrapper {
    background-position: -368px 0px;
}

.financial-protection .question-dependents.parents .icon-wrapper {
    background-position: -552px 0px;
}

.financial-protection .question-dependents.children.spouse .icon-wrapper {
    background-position: -920px 0px;
}

.financial-protection .question-dependents.children.parents .icon-wrapper {
    background-position: -1104px 0px;
}

.financial-protection .question-dependents.spouse.parents .icon-wrapper {
    background-position: -1472px 0px;
}

.financial-protection .question-dependents.children.spouse.parents .icon-wrapper {
    background-position: -736px 0px;
}

.financial-protection .question-dependents.noOne .icon-wrapper {
    background-position: -1656px 0px;
}

.financial-protection .question-dependents .buttons-wrapper .radio-label {
    display: block;
    width: 100%;
    margin: 4px auto;
    background-color: #ffffff;
}

.financial-protection .question-dependents .buttons-wrapper.left-side {
    left: 15%;
}

.financial-protection .question-dependents .buttons-wrapper.right-side {
    right: 15%;
    left: auto;
}

.financial-protection-page .accidents .icon-wrapper {
    background-image: url(../img/accidents.png);
    background-size: 612px 144px;
    -webkit-transform: translate3d(0, 0, 0);
}

.financial-protection-page .question-death .icon-wrapper {
    background-position: -12px -14px;
}

.financial-protection-page .question-disability .icon-wrapper {
    background-position: -212px -14px;
}

.financial-protection-page .question-serious-illness .icon-wrapper {
    background-position: -418px -3px;
}

.financial-protection-page .question-power-of-attorney .icon-wrapper {
    background-image: url(../img/gavel.png);
    background-size: 204px 144px;
    background-repeat: no-repeat;
    background-position: center -25px;
}

.financial-protection-page .tile .icon-wrapper .circle-indicator {
    bottom: 26px;
}

.financial-protection-page .question-power-of-attorney .icon-wrapper .circle-indicator {
    bottom: 45px;
}

.financial-protection-page .question-will .icon-wrapper {
    background-image: url(../img/will.png);
    background-repeat: no-repeat;
    background-position: center -10px;
    background-size: 204px auto;
    width: 80%;
    margin: auto;
}

.accidents {
    margin-bottom: -20px;
}

/* financial stress */

.financial-stress .tiles-wrapper {
    /*width: 710px;*/
    position: relative;
    margin: 20px auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: auto;
}

.financial-stress-page .page-introduction {
    border-color: #152e54;
}

.financial-stress .page-wrapper {
    background-color: #e4f0f4;
}

.financial-stress-page .tile .slider-image {
    width: 100px;
    height: 100px;
    position: absolute;
    /* top: -109px; */
    left: 50%;
    margin-left: -50px;
}

.financial-stress-page .tile.default .slider-image {
    top: 50px;
}

.financial-stress-page .tile.question-work-distraction .slider-image {
    background-image: url(../img/slider-faces.png);
    background-size: 816px auto;
    background-repeat: no-repeat;
    background-position: -260px -16px
}

.financial-stress-page .tile.question-work-distraction.option1 .slider-image {
    background-position: -668px -20px;
}

.financial-stress-page .tile.question-work-distraction.option2 .slider-image {
    background-position: -463px -20px;
}

.financial-stress-page .tile.question-work-distraction.option3 .slider-image {
    background-position: -260px -20px;
}

.financial-stress-page .tile.question-worry-financial .slider-image {
    background-image: url(../img/clock-slider-images.png);
    background-size: 816px auto;
    background-repeat: no-repeat;
    background-position: -260px -16px;
}

.financial-stress-page .tile.question-worry-financial.option1 .slider-image {
    background-position: -667px -20px;
}

.financial-stress-page .tile.question-worry-financial.option2 .slider-image {
    background-position: -463px -20px;
}

.financial-stress-page .tile.question-worry-financial.option3 .slider-image {
    background-position: -260px -20px;
}

.financial-stress-page .tile.question-money-stress .slider-image {
    width: 108px;
    margin-left: -54px;
    background-image: url(../img/heart-slider.png);
    background-size: 816px auto;
    background-repeat: no-repeat;
    background-position: -255px -16px;
}

.financial-stress-page .tile.question-money-stress.option1 .slider-image {
    background-position: -663px -20px;
}

.financial-stress-page .tile.question-money-stress.option2 .slider-image {
    background-position: -458px -20px;
}

.financial-stress-page .tile.question-money-stress.option3 .slider-image {
    background-position: -255px -20px;
}

.financial-stress-page .tile.question-improve-situation .slider-image {
    width: 108px;
    margin-left: -54px;
    background-image: url(../img/thumb-slider-images.png);
    background-size: 816px auto;
    background-repeat: no-repeat;
    background-position: -48px -24px;
}

.financial-stress-page .tile.question-improve-situation.option1 .slider-image {
    background-position: -660px -24px;
}

.financial-stress-page .tile.question-improve-situation.option2 .slider-image {
    background-position: -456px -24px;
}

.financial-stress-page .tile.question-improve-situation.option3 .slider-image {
    background-position: -252px -24px;
}

/* financial products */

.financial-products-page .page-introduction {
    border-color: #152e54;
}

.financial-products .page-wrapper {
    background-color: #e4f0f4;
}

.financial-products-page .question-financial-products .slider-wrapper {
    bottom: 86px;
    left: 142px;
    width: 78px
}

.financial-products-page .question-financial-products .slider-wrapper .slider-bar {
    /*width: 78px;*/
}

.financial-products-page .question-financial-products .slider-wrapper .constant-slide-txt {
    position: absolute;
    bottom: -40px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    text-align: center;
}

.financial-products-page .question-consult-pro .icon-wrapper {
    background-image: url(../img/man-with-tie.png);
    background-size: 140px auto;
    background-repeat: no-repeat;
    width: 60px;
    height: 65px;
    background-position: -4px 3px;
    opacity: 1;
    margin: auto;
}

.financial-products-page .question-consult-pro .icon-wrapper .circle-indicator {
    position: absolute;
    bottom: 0px;
    left: -24px;
}

.financial-products-page .question-consult-pro.option3 .circle-indicator {
    background-position: 0px 0px;
}

.financial-products-page .question-consult-pro.option2 .circle-indicator {
    background-position: -144px 0px;
}

.financial-products-page .question-consult-pro.option1 .circle-indicator {
    background-position: -48px 0px;
}

.financial-products-page .question-consult-pro.option1 .icon-wrapper.first {
    opacity: 1;
}

.financial-products-page .question-consult-pro.option2 .icon-wrapper.first,
.financial-products-page .question-consult-pro.option2 .icon-wrapper.second {
    opacity: 1;
}

.financial-products-page .question-consult-pro.option3 .icon-wrapper.first,
.financial-products-page .question-consult-pro.option3 .icon-wrapper.second,
.financial-products-page .question-consult-pro.option3 .icon-wrapper.third {
    opacity: 1;
}

.financial-products-page .question-financial-products .icon-wrapper p {
    position: absolute;
    width: 100px;
    bottom: -15px;
    left: 50%;
    margin-left: -50px;
    text-align: center;
}

.financial-products-page .question-financial-products .icon-wrapper.right-pigs {
    top: 54px;
    right: 17px;
    width: 194px;
    height: 134px;
    background-position: -8px 0px;
}

.financial-products-page .question-financial-products .icon-wrapper.left-pigs {
    top: 54px;
    left: 18px;
    width: 106px;
    height: 134px;
    background-position: -457px -16px;
}

.financial-products-page .question-financial-products.option1 .icon-wrapper.left-pigs {
    background-position: -661px -16px;
}

.financial-products-page .question-financial-products.option2 .icon-wrapper.right-pigs {
    background-position: -212px 0px;
}

.financial-products-page .question-applicable-statements .tile-checkbox {
    top: 0px;
}

.financial-products-page .question-applicable-statements .investment-sites .icon-wrapper {
    background-image: url(../img/monitor.png);
    background-size: 174px auto;
    background-position: center 37px;
    background-repeat: no-repeat;
    top: 10px;
    margin-bottom: 6px;
}

.financial-products-page .question-applicable-statements .online-or-phone .icon-wrapper {
    background-image: url(../img/telephone-wire.png);
    background-size: 174px auto;
    background-position: center 37px;
    background-repeat: no-repeat;
    top: 10px;
}

.financial-products-page .question-applicable-statements .online-or-phone .moving-dot {
    position: absolute;
    background-image: url(../img/wire-slider.png);
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    top: 92px;
    left: 85px;
}

.financial-products-page .question-financial-products .slider-bar-ticks:before {
    content: "";
    top: -6px;
    right: -12px;
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-left-color: #78a02e;
    position: absolute;
}

.financial-products-page .question-financial-products .slider-bar-ticks:after {
    content: "";
    top: -6px;
    left: -13px;
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-right-color: #78a02e;
    position: absolute;
}

.tile-checkbox .inner-checkbox .checkbox-label {
    padding: 10px 10px 10px 44px;
    text-align: left;
    margin: 3px;
    border-radius: 3px;
    height: auto;
}

/* financial priorities */

.financial-priorities-page .page-introduction {
    border-color: #152e54;
}

.financial-priorities .page-wrapper {
    background-color: #e4f0f4;
}

.financial-priorities-page .icon-wrapper {
    background-image: url(../img/financial-priorities.png);
    background-size: 2244px auto;
}

.financial-priorities-page .question-pay-debt .icon-wrapper {
    background-position: -8px -10px;
}

.financial-priorities-page .question-plan-for-retirement .icon-wrapper {
    background-position: -214px -10px;
}

.financial-priorities-page .question-protect-family .icon-wrapper {
    background-position: -420px -10px;
}

.financial-priorities-page .question-plan-for-healthcare .icon-wrapper {
    background-position: -622px -10px;
}

.financial-priorities-page .question-ensure-wide-investments .icon-wrapper {
    background-position: -827px -10px;
}

.financial-priorities-page .question-create-emergency-fund .icon-wrapper {
    background-position: -1032px -10px;
}

.financial-priorities-page .question-better-understanding .icon-wrapper {
    background-position: -1234px -10px;
}

.financial-priorities-page .question-save-for-home .icon-wrapper {
    background-position: -1440px -10px;
}

.financial-priorities-page .question-save-for-kids-education .icon-wrapper {
    background-position: -1641px -10px;
}

.financial-priorities-page .question-save-for-short-term .icon-wrapper {
    background-position: -1845px -10px;
}

.financial-priorities-page .question-minimize-tax .icon-wrapper {
    background-position: -2055px -10px;
}

.financial-priorities-page .question-ensure-wise-investments .icon-wrapper {
    background-position: -829px -10px;
}

/* results */

.icon-links-positioner {
    vertical-align: top;
}

.results .button-arrow-right {
    display: none;
}

.results .results-buttons-wrapper {
    visibility: visible;
    opacity: 1;
    top: 10px;
}

.mobile-scores {
    display: none;
    /* hidden until mobile */
    height: 90px;
    width: 170px;
    float: right;
}

.mobile-scores .your-score {
    float: left;
}

.mobile-scores .average-score {
    float: right;
}

.mobile-scores .score-meters-wrapper {
    width: auto;
    float: left;
}

.mobile-scores .score-wrapper.average-score {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
}

.mobile-scores .score-meter,
.mobile-scores .average-score .score-meter {
    width: 65px;
    height: 65px;
    background-image: url(../img/mobile-score-meter.svg);
    background-size: 65px 56px;
    background-position: center;
    margin: auto;
}

.mobile-scores .score-wrapper h2,
.mobile-scores .score-wrapper.average-score h2 {
    font-size: 12px;
    width: 65px;
    width: 80px;
    margin: 2px auto;
}

.mobile-scores .score-meter .score-value {
    font-size: 24px;
    padding-top: 10px;
    display: block;
    padding: 4px 0 0 0;
    width: 100%;
    height: 55px;
    margin-left: auto;
    left: auto;
    top: 20px;
    background-size: 240px auto;
    background-position: -128px 0px;
}

.mobile-scores .score-meter .score-max {
    font-size: 12px;
    font-weight: bold;
    display: block;
    bottom: -6px;
    padding: 0;
}

.mobile-scores .score-arrow,
.mobile-scores .average-score .score-arrow {
    width: 100%;
    height: 125%;
    background-size: 393px 100px;
    background-position: -349px 0px;
}

.results .page-introduction {
    position: relative;
    overflow: initial;
    border-color: #152e54;
    border-bottom: 5px solid #152e54;
    display: block;
    background-color: white;
    padding-bottom: 20px;
    padding-top: 20px;
    /*padding-left: 110px;*/
    margin-top: 40px;
}

.results .progress-container {
    display: none;
}

.results .page-wrapper {
    background-color: #e4f0f4;
}

.results-page h2 {
    color: #162f52;
    font-size: 26px;
    text-align: center;
    font-weight: normal;
    margin: 5px auto 5px auto;
    font-family: 'Open Sans';
    font-weight: 300;
    line-height: 54px;
}

.results-page h2:lang(es) {
    margin: 10px auto 10px auto;
    line-height: 36px;
}

.results-page .help-list ul:before,
.results-page .help-list ul:after {
    content: " ";
    clear: both;
    display: table;
}

.results-page .help-list li {
    display: block;
    /*
    float: left;
    width: 50%;
*/
    margin-bottom: 5px;
}

.results-page .help-list label {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 14px;
    display: inline-block;
}

.emailOption .checkbox-label:before {
    left: 0px;
}

.emailOption .help-list label.checkbox-label:before {
    top: -4px;
}

.emailOption .help-list input[type="checkbox"]:focus + label:before {
    box-shadow: 0px 0px 4px #407cc9;
}

.emailOption .fwat-email-wrapper {
    display: block;
    margin: 10px 0 0 32px;
}

.results-sidebar {
    width: 258px;
    /*float: right;*/
    background-color: #ffffff;
    min-height: 100vh;
    height: 100%;
    padding-bottom: 50px;
    position: relative;
    z-index: 20;
    transition: width 0.5s ease-out, box-shadow 0.5s ease-out;
    -moz-transition: width 0.5s ease-out, box-shadow 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out, box-shadow 0.5s ease-out;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0);
    overflow: hidden;
}

.sidebar-open .results-sidebar {
    width: 696px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}

.sidebar-open .score-breakdown-wrapper {
    display: block;
}

.sidebar-open .button.more-button.breakdown-link {
    visibility: hidden;
    opacity: 0;
}

.results-page .left-content {
    /*float: left;*/
    padding-bottom: 50px;
}

.results-page .left-content .blocker {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
}

.results-page .sidebar-open .left-content .blocker {
    visibility: visible;
    opacity: 1;
}

.results-wrapper {
    /*display: table;*/
    width: 100%;
    position: relative;
}

.results-wrapper .results-sidebar,
.results-wrapper .left-content {
    /*display: table-cell;
        vertical-align: top;*/
}

.results-wrapper .left-content {
    margin-right: 258px;
    overflow: hidden;
}

.results-sidebar {
    position: absolute;
    top: 0px;
    right: 0px;
}

.results-wrapper .main-results-content {
    width: 730px;
    /* margin: auto; */
    padding-bottom: 0px;
    padding-top: 5px;
    /*padding-left: 80px;*/
    background-color: #e4f0f4;
    display: block;
    margin: 0 auto;
}

.button.more-button {
    /*display: none;*/
    font-size: 14px;
    font-weight: bold;
    padding: 10px 12px;
    border: 3px solid #009FE1;
    box-shadow: none;
    border-radius: 0;
    width: 80px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -41px;
    color: #002B64;
    background-color: white;
    transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
}

.button.more-button:hover {
    color: #fff;
    background-color: #009FE1;
}

.button.more-button:focus {
    box-shadow: 0px 1px 5px #407cc9;
    border-color: #407cc9;
}

.button.more-button.breakdown-link {
    width: 75%;
    min-width: 160px;
    margin: 20px auto;
    white-space: nowrap;
    position: static;
    display: block;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-out, background-color 0.2s ease-out;
    -webkit-transition: opacity 0.5s ease-out, background-color 0.2s ease-out;
    -moz-transition: opacity 0.5s ease-out, background-color 0.2s ease-out;
}

.button.more-button.breakdown-link.small {
    width: 30%;
    min-width: 170px;
    margin: 20px auto;
    margin-top: 40px;
    white-space: nowrap;
    position: static;
    display: block;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-out, background-color 0.2s ease-out;
    -webkit-transition: opacity 0.5s ease-out, background-color 0.2s ease-out;
    -moz-transition: opacity 0.5s ease-out, background-color 0.2s ease-out;
}

.button.result-more-button {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 12px;
    border: 3px solid #009FE1;
    box-shadow: none;
    border-radius: 0;
    width: 120px;
    position: absolute;
    bottom: 0px;
    left: 42%;
    margin-left: -41px;
    color: #002B64;
    background-color: white;
    transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
}

.action-plan-wrapper .tile {
    box-shadow: 0px 1px 2px rgba(0, 159, 225, 0.6);
}

.action-plan-wrapper .tile .action-plan-name {
    text-align: center;
    top: 120px;
    position: absolute;
    left: 0px;
    width: 100%;
    padding: 5px 15px;
    box-sizing: border-box;
}

.action-plan-wrapper .tile:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 44px;
    height: 44px;
    background-size: 132px 44px;
    background-position: 0px 0px;
}

/*.action-plan-wrapper .tile.red:before {
    background-image: url(../img/sprite-results-tile-ranking.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.action-plan-wrapper .tile.yellow:before {
    background-image: url(../img/sprite-results-tile-ranking.png);
    background-position: -44px 0px;
    background-repeat: no-repeat;
}
.action-plan-wrapper .tile.green:before {
    background-image: url(../img/sprite-results-tile-ranking.png);
    background-position: -88px 0px;
    background-repeat: no-repeat;
}*/

.action-plan-wrapper .icon-wrapper {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 57px;
    background-image: url(../img/icon-result-retirement-basics.png);
    background-size: contain;
}

.action-plan-wrapper .retirement-basics .icon-wrapper {
    background-image: url(../img/icon-result-retirement-basics.png);
    background-size: contain;
}

.action-plan-wrapper .get-ahead-of-your-budget .icon-wrapper {
    background-image: url(../img/icon-result-get-ahead-of-your-budget.png);
    background-size: contain;
}

.action-plan-wrapper .stay-on-track .icon-wrapper {
    background-image: url(../img/icon-result-stay-on-track.png);
    background-size: contain;
}

.action-plan-wrapper .stay-on-track-review-regularly .icon-wrapper {
    background-image: url(../img/icon-results-stay-on-track-review-regularly.png);
    background-size: contain;
}

.action-plan-wrapper .plan-for-unexpected .icon-wrapper {
    background-image: url(../img/icon-results-plan-for-the-unexpected.png);
    background-size: contain;
}

.action-plan-wrapper .retirement-goal .icon-wrapper {
    background-image: url(../img/icon-results-set-a-retirement-goal.png);
    background-size: contain;
}

.action-plan-wrapper .fill-the-gap .icon-wrapper {
    background-image: url(../img/icon-results-fill-in-the-gap.png);
    background-size: contain;
}

.action-plan-wrapper .discover-investor-style .icon-wrapper {
    background-image: url(../img/icon-results-find-your-portfolio-style.png);
    background-size: contain;
}

.action-plan-wrapper .annual-portfolio-review .icon-wrapper {
    background-image: url(../img/icon-results-complete-your-annual-portfolio-review.png);
    background-size: contain;
}

.action-plan-wrapper .upper-hand-on-debt .icon-wrapper {
    background-image: url(../img/icon-results-gain-the-upper-hand-over-your-debt.png);
    background-size: contain;
}

.action-plan-wrapper .protect-yourself .icon-wrapper {
    background-image: url(../img/icon-result-protect-yourself.png);
    background-size: contain;
}

.action-plan-wrapper .reduce-stress .icon-wrapper {
    background-image: url(../img/icon-result-reduce-financial-stress.png);
    background-size: contain;
}

.action-plan-wrapper .get-started .icon-wrapper {
    background-image: url(../img/icon-results-get-started.png);
    background-size: contain;
}

.action-plan-wrapper .pagination {
    display: none;
}

.button.arrow-button {
    box-shadow: none;
    border: 0;
    background-color: transparent;
    padding: 4px 35px 4px 4px;
    color: #acc837;
    width: auto;
    text-align: left;
    margin: auto;
    height: auto;
    font-size: 16px;
    position: absolute;
    bottom: 16px;
    left: 16px;
}

.button.arrow-button:after {
    content: "";
    background-image: url(../img/link-arrow.png);
    background-size: 18px 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 10px;
    width: 18px;
    height: 18px;
    transition: right 0.2s ease-out;
    -webkit-transition: right 0.2s ease-out;
    -moz-transition: right 0.2s ease-out;
}

.button.arrow-button:focus {
    box-shadow: 0px 1px 5px #407cc9;
}

.button.arrow-button:hover:after,
.button.arrow-button:focus:after {
    right: 5px;
}

.priorities-wrapper {
    margin-bottom: 16px;
}

.priorities-wrapper .tile {
    height: 215px;
    float: none;
    clear: both;
    display: inline-block;
    white-space: normal;
    /*margin: auto 2px;*/
    vertical-align: top;
    text-align: center;
    display: none;
}

.priorities-wrapper .tile.topHighlight {
    display: inline-block;
    height: 236px;
    width: 225px;
}

.priorities-wrapper .tile.topHighlight:lang(es) {
    height: 260px;

}


.priorities-wrapper .arrow {
    border: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 0%;
    margin-left: -6px;
    position: absolute;
    top: 50%;
    margin: -5px auto auto auto;
}

.priorities-wrapper .arrow.right-arrow {
    border-left-color: #152e53;
    right: -23px;
    left: auto;
}

.priorities-wrapper .arrow.left-arrow {
    border-right-color: #152e53;
    left: -23px;
    right: auto;
}

.results-page .priorities-wrapper .tiles-wrapper {
    overflow: visible;
    width: 710px;
}

.priorities-wrapper .tile:before {
    display: none;
}

.priorities-wrapper .carousel-tiles {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.priorities-wrapper .carousel-tiles .tile-position {
    width: 710px;
    left: 0px;
    top: 0px;
    position: relative;
    display: table;
    transition: left 0.5s ease-out;
    -webkit-transition: left 0.5s ease-out;
    -moz-transition: left 0.5s ease-out;
    text-align: center;
}

/*.misc-wrapper {
    border-top: 1px solid #ccc;
    padding: 56px 10px;
}*/

.icon-link {
    color: #acc837;
    font-size: 14px;
    padding: 26px 35px 26px 98px;
    text-decoration: none;
    position: relative;
    margin: auto 40px;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 3px;
}

.icon-link:after {
    content: "";
    background-image: url(../img/link-arrow.png);
    background-size: 18px 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 10px;
    width: 18px;
    height: 18px;
    transition: right 0.2s ease-out;
    -webkit-transition: right 0.2s ease-out;
    -moz-transition: right 0.2s ease-out;
}

.icon-link:hover:after,
.icon-link:focus:after {
    right: 5px;
}

.icon-link:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    background-repeat: no-repeat;
}

.icon-link.email:before {
    background-image: url(../img/icon-email-link.png);
    width: 81px;
    height: 49px;
    margin-top: -23px;
    background-size: 81px 49px;
}

.icon-link.resource:before {
    /*background-image:url(../img/icon-resource-link.png);*/
    width: 94px;
    height: 60px;
    margin-top: -30px;
    background-size: 94px 60px;
}

.icon-link.resource {
    padding: 26px 35px 26px 104px;
}

.contact-icon {
    background-image: url(../img/icon-contact-us.png);
    background-size: 73px 80px;
    width: 73px;
    height: 80px;
    float: left;
    display: none;
}

.arrow-button.contact {
    position: relative;
    display: inline-block;
    top: auto;
    /*    left: -4px;*/
    bottom: auto;
    right: auto;
    margin: 2px 0;
}

.contact-wrapper p,
.contact-wrapper a.button {
    font-size: 24px;
}

.contact-wrapper p {
    display: none;
    margin: 20px auto auto 20px;
    width: 530px;
    line-height: 20px;
}

.contact-wrapper {
    width: 624px;
    margin: auto;
}

.misc-wrapper.contact {
    padding: 30px 10px;
}

.results .page-introduction {
    display: block;
}

.results .page-introduction,
.results .page-introduction h1,
.results .page-introduction p {
    display: block;
    float: none;
}

.results .page-introduction h1 {
    /*border-right: 1px solid #ccc;*/
    padding-left: 10px;
    font-weight: bold;
}

.placeholder-tiles {
    display: block;
    width: 100%;
}

.score-meters-wrapper {
    width: 258px;
}

.score-wrapper {
    position: relative;
    /*margin: 40px auto;*/
}

.score-meter {
    position: relative;
    /*background-image: url(../img/print-result-score-bar.png);*/
    background-repeat: no-repeat;
    background-size: 200px 30px;
    background-position: 0px 10px;
    width: 200px;
    height: 60px;
    margin: auto;
}

.average-score .score-meter {
    background-position: -124px 0px;
    width: 86px;
    height: 86px;
    display: none;
}

.score-arrow {
    width: 100%;
    height: 110%;
    position: absolute;
    background-image: url(../img/result-score-meters.svg);
    background-repeat: no-repeat;
    background-size: 420px 103px;
    background-position: -349px 0px;
    top: -3px;
    left: 0px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    transition: transform 0.5s ease-out;
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
}

.average-score .score-arrow {
    background-position: -367px 0px;
}

.score-value {
    background-image: url(../img/result-score-meters.svg);
    background-repeat: no-repeat;
    background-size: 420px 103px;
    background-position: -241px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 70px;
    width: 82px;
    text-align: center;
    font-size: 42px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -41px;
    padding-top: 8px;
    display: none;
}

.average-score .score-value {
    background-image: none;
    color: #00588e;
    font-size: 30px;
    text-shadow: none;
    top: 26px;
    padding-top: 0px;
    display: none;
}

.score-max {
    bottom: 0px;
    font-weight: bold;
    color: #acc837;
    position: absolute;
    text-align: center;
    width: 100%;
    display: none;
}

.average-score .score-max {
    font-size: 14px;
    bottom: 3px;
    color: #00588e;
    display: none;
}

.score-wrapper .score-text {
    font-size: 12px;
    font-weight: bold;
    color: #5c666f;
    width: 75%;
    min-width: 160px;
    margin: auto;
    text-align: center;
}

.share-score-wrapper .share-links {
    float: none;
    margin: 10px auto;
    width: 150px
}

.share-score-wrapper .share-links a {
    margin: 0px 1px;
}

.score-wrapper h2 {
    font-size: 30px;
    color: #162f52;
    font-family: 'Open Sans';
    font-weight: 300;
    margin: 10px auto;
}

.score-wrapper.average-score h2 {
    font-size: 18px;
    color: #00588e;
    display: none;
}

.share-score-wrapper h3 {
    color: #323232;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    font-weight: bold;
}

.score-breakdown-wrapper {
    position: absolute;
    left: 258px;
    top: 40px;
    border-left: 1px solid #e6e6e6;
    background-color: #ffffff;
    width: 412px;
    padding-left: 4%;
    transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    opacity: 0;
    display: none;
}

.sidebar-open .score-breakdown-wrapper {
    display: block;
    opacity: 1;
}

.score-breakdown-wrapper h2 {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin: 0px auto 10px auto;
}

.score-breakdown-wrapper h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

.breakdown-legend {
    list-style: none;
    margin-bottom: 30pt;
}

.breakdown-legend li {
    font-size: 12px;
    margin: 4px auto;
    vertical-align: middle;
}

.breakdown-legend li:before {
    /*content:"";
        display: inline-block;
        width: 1em;
        height: 1em;
        background-color: #77a02e;
        margin-right: 0.4em;*/
}

.breakdown-legend li.green:before {
    /*background-color: #77a02e;*/
}

.breakdown-legend li.yellow:before {
    /*background-color: #eda900;*/
}

.breakdown-legend li.red:before {
    /*background-color: #bd4600;*/
}

.breakdown-graphs {
    margin: 32px auto;
}

.breakdown-graphs .graph-wrapper {
    margin: 30px auto;
}

.breakdown-graphs .graph-bar {
    height: 18px;
    width: 92%;
    background-color: #e6e6e6;
    position: relative;
    overflow: visible;
    border-radius: 0;
}

.breakdown-graphs .ui-progressbar .ui-progressbar-value {
    height: 100%;
    border: none;
    border-radius: 0;
    background-image: none;
}

.breakdown-graphs .ui-progressbar.red .ui-progressbar-value {
    background-color: #E11D2D;
}

.breakdown-graphs .ui-progressbar.yellow .ui-progressbar-value {
    background-color: #EC7C3F;
}

.breakdown-graphs .ui-progressbar.green .ui-progressbar-value {
    background-color: #ADCA25;
}

.graph-bar .graph-fill {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 0%;
    background-color: #bd4600;
}

.graph-bar .average-marker {
    position: absolute;
    width: 100px;
    text-align: center;
    margin-left: -50px;
    bottom: -20px;
    left: 0%;
    display: none;
}

.graph-bar .average-marker:before,
.graph-bar .average-marker:after {
    content: "";
    width: 1px;
    height: 1px;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    top: -14px;
}

.graph-bar .average-marker:before {
    border-bottom-color: #00588e;
    z-index: 2;
}

.graph-bar .average-marker:after {
    border: 9px solid transparent;
    margin-left: -9px;
    top: -19px;
    border-bottom-color: #fff;
    z-index: 1;
}

.graph-bar .average-marker p {
    font-size: 12px;
    color: #00588e;
}

.close-button,
.tile a.close-button,
.resource-library-close-button {
    border: 1px solid #162f52;
    background-color: #ffffff;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    position: absolute;
    overflow: hidden;
    text-indent: -99999px;
    top: -30px;
    right: 10px;
    /*transition: transform 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;
    -webkit-transition: transform 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;
    -moz-transition: transform 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;*/
}

.close-button,
.tile a.close-button:focus {
    box-shadow: 0px 0px;
}

.resource-library-close-button {
    top: 38px;
    right: 12px;
}

.close-button:hover, .close-button:focus,
.close-button:active,
.tile a.close-button:hover,
.resource-library-close-button:hover {
    /*transform: rotate(180deg);*?
/*        -webkit-transform: rotate(180deg);*/
    /*-moz-transform: rotate(180deg);*/
    background-color: #4D9DB7;
    border-color: #4D9DB7;
}

.close-button span,
.resource-library-close-button span {
    width: 80%;
    height: 1px;
    border-top: 1px solid #00457C;
    position: absolute;
    top: 50%;
    left: 10%;
    transition: border-top-color 0.5s ease;
    -webkit-transition: border-top-color 0.5s ease;
    -moz-transition: border-top-color 0.5s ease;
}

.close-button span.one,
.resource-library-close-button span.one {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.close-button span.two,
.resource-library-close-button span.two {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.close-button:hover span.one,
.resource-library-close-button:hover span.one {
    border-top-color: #fff;
}

.close-button:hover span.two,
.resource-library-close-button:hover span.two {
    border-top-color: #fff;
}

/* action plan tiles content */

.results-page .tiles-wrapper {
    overflow: hidden;
    margin-top: 0px;
}

.action-plan-wrapper .tile {
    display: none;
}

.action-plan-wrapper .tile.show {
    display: inline-block;
}

.action-plan-wrapper .tiles-wrapper.open.one .get-ahead-of-your-budget,
.action-plan-wrapper .tiles-wrapper.open.two .plan-for-unexpected,
.action-plan-wrapper .tiles-wrapper.open.three .retirement-basics,
.action-plan-wrapper .tiles-wrapper.open.four .retirement-goal,
.action-plan-wrapper .tiles-wrapper.open.five .fill-the-gap,
.action-plan-wrapper .tiles-wrapper.open.six .stay-on-track,
.action-plan-wrapper .tiles-wrapper.open.seven .get-started,
.action-plan-wrapper .tiles-wrapper.open.eight .discover-investor-style,
.action-plan-wrapper .tiles-wrapper.open.nine .annual-portfolio-review,
.action-plan-wrapper .tiles-wrapper.open.ten .upper-hand-on-debt,
.action-plan-wrapper .tiles-wrapper.open.eleven .protect-yourself,
.action-plan-wrapper .tiles-wrapper.open.twelve .reduce-stress,
.action-plan-wrapper .tiles-wrapper.open.thirteen .stay-on-track-review-regularly {
    width: 664px;
    position: relative;
    height: auto;
    z-index: 2;
    float: none;
    padding-top: 110px;
    display: block;
    opacity: 1;
}

.tiles-wrapper.open .action-plan-content {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.tiles-wrapper.open.one .tile-two,
.tiles-wrapper.open.one .tile-three {
    opacity: 0;
    position: absolute;
    z-index: 1;
}

.action-plan-content {
    visibility: hidden;
    opacity: 0;
    position: absolute;
}

.action-plan-wrapper .tiles-wrapper.open .icon-wrapper {
    top: 10px;
    left: 22px;
}

.action-plan-wrapper .tiles-wrapper.open .button.more-button {
    display: none;
}

.action-plan-wrapper .tiles-wrapper.open .tile {
    opacity: 0;
    position: absolute;
    display: none;
}

.action-plan-wrapper .tiles-wrapper.open .tile:before {
    top: -10px;
    left: -10px;
    transform: scale(0.6) rotate(-90deg);
    -webkit-transform: scale(0.6) rotate(-90deg);
    right: auto;
}

.action-plan-wrapper .tiles-wrapper.animation,
.priorities-wrapper .tiles-wrapper.animation {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.action-plan-wrapper .tiles-wrapper.open .action-plan-name {
    width: auto;
    top: 40px;
    left: 120px;
    text-align: left;
    font-size: 24px;
    color: #acc837;
    opacity: 1;
    position: absolute;
    display: block;
    padding-right: 100px;
}

.action-plan-wrapper .tile a.close-button {
    opacity: 0;
    top: 20px;
    right: 20px;
}

.action-plan-wrapper .open .tile a.close-button {
    opacity: 1;
    top: 20px;
    right: 20px;
}

.action-plan-content .description {
    padding: 20px 0px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
}

.action-link-wrapper {
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
}

.action-link-wrapper h3,
.resources-container h3 {
    font-size: 20px;
    color: #acc837;
    margin: 20px auto 10px auto;
    font-weight: normal;
}

.action-link-wrapper h3 sup,
.resources-container h3 sup {
    color: #acc837;
}

.action-link-wrapper p {
    margin: 10px auto;
}

.tile-link-wrapper {
    display: block;
    text-decoration: none;
    overflow: hidden;
    width: 30%;
    margin-right: 3%;
    border: 1px solid black;
    float: left;
}

.action-link-wrapper.last {
    padding: 0;
    border: none;
}

.green .tile-link-wrapper {
    border: 1px solid #acc837;
    background-color: #f5f7f5;
    transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
}

.green .tile-link-wrapper:hover {
    background-color: #acc837;
}

.green .tile-link-bottom {
    background-color: #acc837;
}

.green .tile-link-wrapper h4 {
    color: #acc837;
}

.blue .tile-link-wrapper {
    border: 1px solid #00588e;
    background-color: #f9fbfc;
    transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
}

.blue .tile-link-wrapper:hover {
    background-color: #00588e;
}

.blue .tile-link-bottom {
    background-color: #00588e;
}

.blue .tile-link-wrapper h4 {
    color: #00588e;
}

.orange .tile-link-wrapper {
    border: 1px solid #bd4600;
    background-color: #f9f7f4;
    transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
}

.orange .tile-link-wrapper:hover {
    background-color: #bd4600;
}

.orange .tile-link-bottom {
    background-color: #bd4600;
}

.orange .tile-link-wrapper h4,
.orange .tile-link-wrapper h4 sup {
    color: #bd4600;
}

.green .tile-link-wrapper:hover h4,
.blue .tile-link-wrapper:hover h4,
.orange .tile-link-wrapper:hover h4 {
    color: #ffffff;
}

.tile-link-bottom {
    background-color: #000000;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0px 34px 0px 0px;
    color: #ffffff;
    text-align: right;
    font-size: 14px;
    line-height: 42px;
}

.tile-link-bottom:before {
    position: absolute;
    left: 8px;
    top: 4px;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../img/link-icons.png);
    background-size: 200px 61px;
    background-position: 0px 0px;
}

.tile-link-bottom.pdf-link:before {
    background-position: -35px 0px;
}

.tile-link-bottom.tool-link:before {
    background-position: 0px 0px;
    top: 8px;
}

.tile-link-bottom.page-link:before {
    background-position: -137px 3px;
}

.tile-link-bottom.vid-link:before {
    background-position: -104px 3px;
}

.tile-link-bottom:after {
    position: absolute;
    right: 2px;
    top: 5px;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../img/link-icons.png);
    background-size: 200px 61px;
    background-position: -68px 0px;
}

.action-link-wrapper h4 {
    font-size: 16px;
    font-weight: normal;
    height: 52px;
    padding: 14px;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
}

/*-----*/

.outer-question {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    color: #162F52;
    font-size: 18px;
    width: 664px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.drag-object {
    background-image: url(../img/icon-about-dragger-arrows.png);
    background-size: 292px 118px;
    background-repeat: no-repeat;
    background-position: 74px 41px;
}

.drag-object .dragger-man {
    background-image: url(../img/icon-about-dragger-man.png);
    background-size: 44px 46px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 90px;
    height: 82px;
    position: absolute;
    top: 44px;
    left: 175px;
    z-index: 10;
    cursor: grab;
}

.option1 .drag-object .dragger-man,
.option2 .drag-object .dragger-man,
.option3 .drag-object .dragger-man {
    opacity: 0;
    width: 90px;
    height: 120px;
}

.option1 .drag-object .dragger-man {
    top: 83px;
    left: 46px;
}

.option2 .drag-object .dragger-man {
    top: 83px;
    left: 174px;
}

.option3 .drag-object .dragger-man {
    top: 83px;
    left: 300px;
}

.option1 .drag-object,
.option2 .drag-object,
.option3 .drag-object {
    background-image: none;
}

.drag-object .platform {
    background-image: url(../img/icon-about-dragger-platform.png);
    background-size: 73px 16px;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #acc837;
    width: 73px;
    padding-top: 152px;
    margin-left: -36px;
    position: absolute;
    bottom: 6px;
    background-position: 0px 133px;
    transition: transform 0.2s ease-in;
    -webkit-transition: transform 0.2s ease-in;
    -moz-transition: transform 0.2s ease-in;
}

.drag-object .platform.hover {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}

.drag-object .platform:focus {
    box-shadow: none;
    color: #407cc9;
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}

.drag-object .platform.platform-1 {
    left: 20%;
}

.drag-object .platform.platform-2 {
    left: 50%;
}

.drag-object .platform.platform-3 {
    left: 80%;
}

.drag-object .platform .dragged-state {
    width: 90px;
    height: 120px;
    position: absolute;
    background-image: url(../img/drag-man-states.png);
    background-size: 612px 144px;
    bottom: 32px;
    left: -10px;
    background-position: -54px 0px;
    opacity: 0;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
}

.drag-object .platform.platform-1 .dragged-state {
    background-position: -54px 0px;
}

.drag-object .platform.platform-2 .dragged-state {
    background-position: -254px 1px;
}

.drag-object .platform.platform-3 .dragged-state {
    background-position: -465px 3px;
}

.option1 .drag-object .platform.platform-1 .dragged-state,
.option2 .drag-object .platform.platform-2 .dragged-state,
.option3 .drag-object .platform.platform-3 .dragged-state {
    opacity: 1;
}

.default .calendar-wrapper {
    top: 54px;
    left: 50%;
    margin-left: -37px;
}

.calendar-wrapper {
    /*background-image: url(../img/icon-about-slider-age.png);*/
    width: 74px;
    height: 94px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -104px;
    left: -24px;
    margin: 0;
}

.calendar-wrapper .calendar-text {
    font-size: 20px;
    font-weight: bold;
    color: #acc837;
    top: 50px;
    width: 100%;
    text-align: center;
    position: absolute;
}

.ui-widget-content {
    background: transparent none;
    border: none;
}

.slider-text {
    position: absolute;
    top: 20px
    /*25px*/
    ;
    width: 190px;
    left: 50%;
    height: 23px;
    text-align: center;
    opacity: 1;
    margin-left: -95px;
}

.slider-text p {
    font-size: 16px;
    font-weight: bold;
    color: #00447C;
}

.default .slider-text,
.disabled .slider-text {
    opacity: 0;
    -webkit-opacity: 0;
    visibility: hidden;
}

.slider-bar-text {
    display: block;
    display: flex;
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    position: absolute;
    left: 0px;
    top: 18px;
    width: 100%;
    opacity: 1;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    font-size: 14px;
    color: #666666;
}

.slider-bar-text li {
    width: 25%;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    font-size: 12px;
    color: #666666;
    text-align: center;
    list-style: none;
}

.three-options .slider-bar-text li {
    width: 33%;
}

.default .slider-bar-text {
    opacity: 0;
}

.progress-container .current-position {
    border: 6px solid transparent;
    position: absolute;
    top: -10px;
    left: 0%;
    border-top-color: green;
    margin-left: -6px;
}

.progress-container .bars-wrapper .bar.completed .bar-fill {
    background-color: #acc837;
}

/* STANDALONE ANIMATIONS ====================================================*/

@keyframes icon-popper {
    0% {
        opacity: 0;
        transform: scale(0.1);
    }

    70% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes icon-popper {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes icon-popper {
    0% {
        opacity: 0;
        transform: scale(0.1);
    }

    70% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-o-keyframes icon-popper {
    0% {
        opacity: 0;
        transform: scale(0.1);
    }

    70% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes bar-popper {
    0% {
        transform: scale(1);
        z-index: 100;
        background-color: #acc837;
    }

    70% {
        transform: scale(1.5);
        z-index: 100;
        background-color: #acc837;
    }

    100% {
        transform: scale(1);
        z-index: 100;
        background-color: #acc837;
    }
}

@-webkit-keyframes bar-popper {
    0% {
        -webkit-transform: scale(1);
        z-index: 100;
        background-color: #acc837;
    }

    70% {
        -webkit-transform: scale(1.5);
        z-index: 100;
        background-color: #acc837;
    }

    100% {
        -webkit-transform: scale(1);
        z-index: 100;
        background-color: #acc837;
    }
}

@-moz-keyframes bar-popper {
    0% {
        transform: scale(1);
        z-index: 100;
        background-color: #acc837;
    }

    70% {
        transform: scale(1.5);
        z-index: 100;
        background-color: #acc837;
    }

    100% {
        transform: scale(1);
        z-index: 100;
        background-color: #acc837;
    }
}

@-o-keyframes bar-popper {
    0% {
        transform: scale(1);
        z-index: 100;
        background-color: #acc837;
    }

    70% {
        transform: scale(1.5);
        z-index: 100;
        background-color: #acc837;
    }

    100% {
        transform: scale(1);
        z-index: 100;
        background-color: #acc837;
    }
}

.icon-pop {
    animation: icon-popper 0.3s;
    -webkit-animation: icon-popper 0.3s;
    -moz-animation: icon-popper 0.3s;
    -o-animation: icon-popper 0.3s;
}

.completed .bar-fill {
    animation: bar-popper 0.3s;
    -webkit-animation: bar-popper 0.3s;
    -moz-animation: bar-popper 0.3s;
    -o-animation: bar-popper 0.3s;
}

/* popups */

.contact-popup {
    display: none;
    width: 80%;
    max-width: 500px;
    padding: 14px;
}

.terms-popup {
    display: none;
    width: 80%;
    max-width: 500px;
    padding: 14px;
}

.financial-products-popup {
    display: none;
    width: 80%;
    max-width: 500px;
    padding: 14px;
}

.popup-blocker {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 100;
    display: none;
    -webkit-transform: translate3d(0, 0, 0);
}

.popup-container {
    position: fixed;
    display: block;
    z-index: 1001;
    display: none;
    -webkit-transform: translate3d(0, 0, 0);
}

.viewing {
    display: block;
}

/* PRINT ====================================================*/

.print-pop {
    background-color: rgba(255, 255, 255, .95);
    border: 1px solid #cccccc;
    width: 866px;
    height: 535px;
    margin: 200px auto 160px auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 20px 20px 50px 20px;
    position: relative;
    box-shadow: 0px 1px 2px rgba(37, 175, 60, 0.6);
    z-index: 12;
}

.close {
    display: block;
    position: absolute;
    right: 20px;
    height: 48px;
    width: 48px;
    background-image: url(../img/bg-close-states.png);
    background-repeat: no-repeat;
    background-position: -48px 0;
}

.print-content {
    background-color: rgba(255, 255, 255, .95);
    border: 1px solid #cccccc;
    width: 100%;
    height: 80%;
    margin: 54px auto -16px auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 20px 20px 50px 20px;
    position: relative;
    box-shadow: 0px 1px 2px rgba(37, 175, 60, 0.6);
    z-index: 12;
}

.button-print {
    font-size: 24px;
    padding: 18px;
    border-radius: 4px;
    background-color: #acc837;
    box-shadow: 0px 4px 0px #0a542d;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 1em;
    margin-left: 6px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0px;
    outline: 0;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translateZ(0px);
    transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.button-pdf {
    font-size: 24px;
    padding: 18px;
    border-radius: 4px;
    background-color: #acc837;
    box-shadow: 0px 4px 0px #0a542d;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 1em;
    margin-left: -10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0px;
    outline: 0;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translateZ(0px);
    transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.print-page {
    position: relative;
    -webkit-box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.5);
    background: #fff;
    margin: 10px auto;
    overflow: hidden;
    padding: 30px;
    width: 612pt;
    height: 792pt;
}

.print-page p {
    font-size: 10pt;
}

.print-page h2 {
    font-size: 18px;
    color: #acc837;
}

.print-header {
    width: 100%;
    z-index: 100;
    overflow: hidden;
    height: 60px;
}

.print-logo {
    height: 30px;
    margin: 37px 8px;
    position: absolute;
    top: 0px;
}

.print-intro-graphic {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-image: url(../img/intro-heart.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 380px;
    position: absolute;
    top: 76px;
}

.print-intro-graphic h1 {
    font-size: 50px;
    color: #acc837;
    font-weight: normal;
    line-height: 48px;
    position: absolute;
    width: 100%;
    top: 100px;
}

.print-page .print-heart-img {
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.print-page .page-padding {
    padding: 0px 50px 0px 50px;
}

.print-page .p2 .page-padding {
    padding: 30px 50px 0px 50px;
}

.print-page .scores-wrapper {
    overflow: hidden;
    height: 420px;
}

.print-page .your-score-wrapper {
    width: 160px;
}

.print-page .center {
    text-align: center;
}

.print-page .score-meter {
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 420px 103px;
    background-position: 0px 0px;
    width: 123px;
    height: 116px;
    margin: auto;
}

.print-page .average-score .score-meter {
    background-position: -124px 0px;
    background-image: none;
    width: 86px;
    height: 86px;
}

.print-page .score-value-print {
    position: absolute;
    top: 32px;
    left: 20px;
}

.print-page .heart-text {
    text-align: center;
    font-size: 42px;
    width: 80px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0px;
    padding-top: 8px;
}

.print-page .score-wrapper {
    position: relative;
    margin: 20px auto;
}

.print-page .score-text-print {
    font-size: 14px;
    font-weight: bold;
    color: #5c666f;
    width: 75%;
    min-width: 160px;
    margin: 6px auto 0px auto;
    text-align: center;
}

.print-page .score-arrow {
    width: 100%;
    height: 110%;
    position: absolute;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 420px 103px;
    background-position: -349px 0px;
    top: -3px;
    left: 0px;
    transform: rotate(0deg);
}

.print-page .print-score-arrow {
    width: 100%;
    height: 110%;
    position: absolute;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 420px 103px;
    background-position: -349px 0px;
    top: -3px;
    left: 0px;
    transform: rotate(0deg);
}

.print-page .score-meter .score-max-print {
    font-size: 16px;
    bottom: 0px;
    font-weight: bold;
    color: #acc837;
    position: absolute;
    text-align: center;
    width: 100%;
}

.print-page .score-breakdown-wrapper {
    position: absolute;
    left: 126px;
    top: 137px;
    border-left: none;
    background-color: transparent;
    width: 365px;
    padding-left: 4%;
    transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    opacity: 1;
}

.print-page .score-breakdown-wrapper {
    position: absolute;
    top: 235px;
    left: 247px;
    padding: 20px 0px 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 55%;
    border-left: none;
    border-top: none;
}

.print-page .breakdown-legend li {
    float: left;
    margin-right: 14px;
}

.print-page .breakdown-graphs .graph-wrapper {
    margin: 17px auto;
    float: left;
    width: 50%;
    height: 44px;
}

.print-page .breakdown-graphs {
    margin: 12px auto;
    position: relative;
    top: -23px;
}

.print-page .tile.small {
    width: 200px;
    height: 200px;
    margin: 4px 0px 4px 30px;
}

.print-page .action-plan-wrapper .icon-wrapper {
    background-image: none;
}

.print-page .tiles-wrapper {
    width: 100%;
    position: relative;
    margin: 10px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: auto;
}

.print-page .print-icon {
    width: 100px;
    position: absolute;
    top: -60px;
    left: -10px;
}

.print-page .graph-bar .graph-fill {
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 0%;
    background-color: #bd4600;
}

.print-page .breakdown-graphs .graph-bar {
    overflow: hidden;
    height: 18px;
    width: 92%;
    background-color: #e6e6e6;
    position: relative;
    border-radius: 0;
}

.average-marker-print {
    position: relative;
    top: 80px;
    left: -123px;
    z-index: 4;
    text-align: center;
    display: none;
}

.print-page .breakdown-legend .breakdown-block-colour {
    top: 4px;
}

.print-page .breakdown-legend .red .breakdown-block-colour {
    width: 16px;
}

.print-page .breakdown-block-colour {
    position: relative;
    /*left: -17px;*/
    width: 18px;
    height: auto;
    margin-right: 4px;
}

.print-page .breakdown-block-colour.red {
    width: 16px;
    left: 2px;
}

.print-page .action-wedge-colour-small {
    position: relative;
    width: 40%;
    top: -16px;
    left: 116px;
}

.print-page .action-plan-item {
    margin-top: 20px;
    box-shadow: 0px 1px 2px rgba(37, 175, 60, 0.6);
    border: 1px solid #cccccc;
}

.print-page .action-plan-title {
    height: 80px;
}

.print-page .action-plan-icon {
    height: auto;
    width: 75px;
    position: relative;
    top: 0px;
    left: 20px;
}

.print-page .action-plan-item p {
    font-size: 12pt;
    color: #026836;
    position: relative;
    font-weight: bold;
    top: -45px;
    left: 121px;
}

.print-page .action-wedge-colour-large {
    position: relative;
    top: -97px;
    left: 655px;
    width: 60px;
}

.print-page .action-plan-content-print {
    overflow: auto;
    padding-bottom: 6px;
}

.print-page .action-plan-content-left {
    float: left;
    width: 33%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 12px;
    margin: 0px 20px 20px 20px;
}

.print-page .action-plan-content-right {
    float: right;
    width: 58%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0px 20px 10px 0px;
}

.print-page .action-plan-list-item {
    overflow: hidden;
}

.print-page .list-item-number {
    float: left;
    height: 48px;
}

.print-page .number-green-bg {
    width: 40px;
}

.print-page .number-on-bg {
    position: relative;
    top: -33px;
    left: 15px;
    z-index: 4;
    font-size: 16px;
    font-weight: bold;
    color: white;
}

.print-page .list-item-txt {
    float: left;
    width: 270px;
    margin-left: 14px;
    font-size: 12px;
    margin-top: 12px;
}

.print-page .conclusion-print {
    margin: 36px 0px;
}

.print-page .head-spacer {
    padding: 40px;
}

.print-page .score-breakdown-wrapper {
    position: absolute;
    top: 278px;
    left: 280px;
    padding: 20px 0px 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 60%;
    border-left: none;
    border-top: none;
}

.print-page .action-plan-wrapper .tile:before {
    background-image: none;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 44px;
    height: 44px;
    background-size: 132px 44px;
    background-position: 0px 0px;
}

.print-page .action-plan-wrapper .tile.red:before {
    background-image: none;
    background-position: 0px 0px;
}

.print-page .action-plan-wrapper .tile.yellow:before {
    background-image: none;
    background-position: 0px 0px;
}

.print-page .action-plan-wrapper .tile.green:before {
    background-image: none;
    background-position: 0px 0px;
}

.print-page .print-introtxt {
    padding-bottom: 10px;
    padding-top: 10px;
}

.head-spacer {
    padding-top: 100px;
}

.print-footer {
    clear: both;
    background-repeat: repeat-x;
    background-image: url(../img/bg-footer-shadow.png);
    background-color: #fff;
    padding-top: 10px;
    overflow: hidden;
    margin-top: 0px;
    z-index: 30;
    position: fixed;
    bottom: 0px;
    width: 100%;
    transition: bottom 0.2s ease-in;
    -webkit-transition: bottom 0.2s ease-in;
    -moz-transition: bottom 0.2s ease-in;
}

.print-footer-page {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 20px 30px 20px 30px;
}

.button-print {
    background-color: #77a02e;
    box-shadow: 0px 4px 0px #577522;
    float: right;
    font-size: 24px;
    padding: 9px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 12px 12px 0px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0px;
    outline: 0;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translateZ(0px);
    transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.button-print:focus {
    border-color: #407CCA;
    box-shadow: 0px 1px 5px #629DFD;
}

.print-page .tiles-wrapper .print-tile-one {
    float: left;
}

.print-page .tiles-wrapper .print-tile-two {
    margin-left: 59px;
}

.print-page .tiles-wrapper .print-tile-three {
    float: right
}

.print-page .action-plan-wrapper .tile .action-plan-name {
    text-align: center;
    top: 150px;
    position: absolute;
    left: 20px;
    width: 80%;
}

.check-box-print {
    width: 20px;
    height: 20px;
    /*position: relative;*/
    /*top: -53px;*/
    /*left: 380px;*/
    float: right;
    margin: 9px;
}

.check-box-img {
    width: 100%;
}

.print-score-img {
    width: 100%;
}

.print-score-hear {
    width: 80%;
}

.average-arrow {
    width: 10%;
}

.question-financial-products-buttons-wrapper {
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 420px;
    display: block;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
}

.question-financial-products-buttons-wrapper.focusBorder {
    box-shadow: none;
}

.question-financial-products-buttons-wrapper label.radio-label.radio {
    margin: 0px 3px;
    display: block;
    float: left;
    width: 200px;
}

.financial-products-page .question-financial-products .icon-wrapper {
    position: absolute;
    left: 140px;
    width: 150px;
    height: 120px;
    background-image: url(../img/pigs.png);
    background-size: 656px auto;
    background-position: 324px 0px;
}

.financial-products-page .question-financial-products.Yes .icon-wrapper {
    position: absolute;
    width: 150px;
    height: 120px;
    background-image: url(../img/pigs.png);
    background-size: 656px auto;
    left: 140px;
    background-position: 488px 0px;
}

.financial-products-page .question-financial-products.No .icon-wrapper {
    position: absolute;
    width: 150px;
    height: 120px;
    background-image: url(../img/pigs.png);
    background-size: 656px auto;
    background-position: 160px 0px;
    left: 140px;
}

/* experiements */

.ui-dialog .ui-dialog-titlebar {
    display: none;
}

.ui-dialog .ui-dialog-content .close-button {
    top: 10px;
    right: 10px;
}

.ui-dialog .ui-dialog-content {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.ui-dialog .ui-dialog-content h1 {
    margin: 10px 40px 10px 0px;
    font-weight: normal;
    font-size: 24px;
    color: #162F52;
}

.ui-dialog .ui-dialog-content p {
    margin: 10px auto;
    line-height: 22px;
}

/* device height fixes for ios7
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
  .page-wrapper {
    min-height: 1024px;
  }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  .page-wrapper {
    min-height: 768px;
  }
}

@media screen and (device-aspect-ratio: 40/71) {
  .page-wrapper {
    min-height: 500px;
  }
}*/

.topHighlight {
    border: 2px solid #009FE1;
}

.topHighlight img {
    /*margin-left: 42px;*/
}

.topHighlight p {
    text-align: center;
}

.navigationButton {
    background-color: rgba(0, 0, 0, 0);
    /*border: 0;*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.focusBorder {
    box-shadow: 0px 1px 5px #407cc9;
    border-color: #407cc9;
}

.focusBorder.buttons-wrapper {
    box-shadow: none;
}

.focusBorder label {
    box-shadow: 0px 1px 5px #407cc9;
    border-color: #407cc9;
}

.ui-state-default:focus {
    border-color: #407cc9;
    background-color: #66a7fa;
}

/* priorities popups */

.priorities-popup {
    position: absolute;
    z-index: 999999;
    display: none;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 24px;
    width: 674px;
    max-width: 500px;
}

.priorities-popup h2 {
    color: #acc837;
    font-size: 24px;
    font-weight: normal;
    margin: 0px auto 10px auto;
}

.priorities-popup h3 {
    color: #acc837;
    font-size: 20px;
    font-weight: normal;
    margin: 20px auto 10px auto;
}

html .priorities-popup p,
html .priorities-popup h2 {
    margin: 10px 60px 10px auto;
}

.priorities-popup ul {
    list-style: none;
    margin: 10px auto 20px auto;
    display: none;
}

.priorities-popup ul:last-child {
    margin-bottom: 0;
}

.priorities-popup li {
    border-bottom: 1px solid #cccccc;
}

.priorities-popup li:last-child {
    border-bottom: none;
}

.priorities-popup ul a,
.resources-container a {
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 14px 24px 14px 40px;
}

.priorities-popup ul a:before,
.resources-container a:before {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -15px;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../img/link-icons.png);
    background-repeat: no-repeat;
    background-size: 200px 61px;
    background-position: 0px 30px
}

.priorities-popup ul.video-list a:before,
.resources-container .video a:before {
    background-position: -70px -30px;
}

.priorities-popup ul.tool-list a:before,
.resources-container .tool a:before {
    background-position: 0px -33px;
}

.priorities-popup ul.pdf-list a:before,
.resources-container .pdf a:before {
    background-position: -40px -30px;
}

.priorities-popup ul.link-list a:before,
.resources-container .link a:before {
    background-position: -100px -30px;
}

.priorities-popup ul a:after,
.resources-container a:after {
    content: "";
    background-image: url(../img/link-arrow.png);
    background-size: 18px 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 0px;
    width: 18px;
    height: 18px;
    transition: right 0.2s ease-out;
    -webkit-transition: right 0.2s ease-out;
    -moz-transition: right 0.2s ease-out;
}

.priorities-popup ul a:hover:after,
.resources-container a:hover:after {
    right: -5px;
}

.priorities-popup .close-button {
    top: 10px;
    right: 10px;
}

/* resources page */

.resource-library {
    display: none;
}

.resources-container {
    width: 666px;
    position: relative;
    margin: 20px auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 1px 2px rgba(37, 175, 60, 0.6);
    -webkit-box-shadow: 0px 1px 2px rgba(37, 175, 60, 0.6);
    -moz-box-shadow: 0px 1px 2px rgba(37, 175, 60, 0.6);
    overflow: visible;
}

.resources-container.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

.resources-container.ui-accordion .ui-accordion-content {
    padding: 0px;
}

.resources-container .priority-description {
    padding: 0px 14px;
}

.resources-container.ui-accordion h3 {
    font-size: 24px;
    margin: 0px;
    padding: 14px 32px 14px 14px;
    position: relative;
    transition: background-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    cursor: pointer;
    border-radius: 0;
    border: none;
    border-top: 1px solid #cccccc;
    background-image: none;
    background-color: #ffffff;
}

.resources-container.ui-accordion h3.first {
    border-top: 0px;
}

.resources-container h3:after {
    content: " ";
    position: absolute;
    top: 24px;
    right: 16px;
    width: 1px;
    height: 1px;
    border: 6px solid transparent;
    border-left: 11px solid #acc837;
    transform-origin: 50% 25%;
    -webkit-transform-origin: 50% 25%;
    -ms-transform-origin: 50% 25%;
    transition: transform 0.2s ease-out;
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
}

.resources-container h3:hover {
    background-color: #ececec;
}

.resources-container p {
    margin: 14px auto;
}

.resources-container .resource-links {
    list-style: none;
}

.resources-container .resource-links li {
    margin: 0 14px;
    float: left;
    width: 300px;
}

.resources-container a {
    border-top: 1px solid #cccccc;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.resources-container .ui-state-default {
    width: auto;
}

.resource-topic-wrapper {
    width: 100%;
    border-top: 1px solid #cccccc;
    height: 55px;
    overflow: hidden;
}

.resources-container h3.ui-state-active:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    top: 24px;
}

.resource-library .title-holder {
    width: 670px;
    position: relative;
    margin: auto;
    text-align: center;
}

.back-results {
    text-decoration: none;
    font-size: 16px;
    position: absolute;
    padding: 12px 8px 12px 52px;
    border-radius: 6px;
    transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    left: 0px;
    bottom: 20px;
}

.back-results:before {
    content: " ";
    width: 34px;
    height: 34px;
    background-image: url(../img/link-icons.png);
    background-repeat: no-repeat;
    background-size: 200px 61px;
    background-position: -133px -27px;
    position: absolute;
    top: 5px;
    left: 10px;
    transition: left 0.2s ease-out;
    -webkit-transition: left 0.2s ease-out;
    -moz-transition: left 0.2s ease-out;
}

.back-results:hover,
.back-results:focus {
    background-color: #ebe1ca;
}

.back-results:hover:before {
    left: 5px;
}

.resource-library .title-holder .resource-icon {
    width: 62px;
    position: relative;
    top: 4px;
    margin-right: 4px;
}

.resource-library .title-holder h2 {
    display: inline-block;
}

#topicTemplate,
#topicLinkTemplate,
#prioritiesVideos,
#prioritiesTools,
#prioritiesPDFs,
#prioritiesLinks {
    display: none;
}

@media only screen and (max-width: 767px) {
    .print-footer {
        clear: both;
        background-repeat: repeat-x;
        background-image: url(../img/bg-footer-shadow.png);
        background-color: #fff;
        padding-top: 10px;
        overflow: hidden;
        margin-top: 0px;
        z-index: 30;
        position: fixed;
        bottom: 0px;
        width: 100%;
        transition: bottom 0.2s ease-in;
        -webkit-transition: bottom 0.2s ease-in;
        -moz-transition: bottom 0.2s ease-in;
        text-align: center;
    }

    .footer-links-legal,
    .share-links {
        float: none;
        /*margin: 10px;*/
    }

    .print-button-print:before {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        content: "";
        width: 50px;
        height: 50px;
        background-image: url(../img/icons-print-restart.svg);
        background-size: 189px auto;
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }

    .print-button-print {
        margin: 18px 14px 10px 12px;
        overflow: hidden;
        text-indent: -9999px;
        padding: 18px;
        height: 1px;
        width: 1px;
    }

    .pdf-button-pdf:before {
        background-position: -148px 0px;
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        content: "";
        width: 50px;
        height: 50px;
        background-image: url(../img/icons-print-restart.svg);
        background-size: 189px auto;
        background-repeat: no-repeat;
    }

    .pdf-button-pdf {
        margin: 18px 14px 10px 12px;
        overflow: hidden;
        text-indent: -9999px;
        padding: 18px;
        height: 1px;
        width: 1px;
    }
}

#otherRetirementText {
    position: absolute;
    top: 80%;
    border: 2px solid;
    border-color: #929497;
    left: 11px;
    width: 166px;
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

.legend-before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
}

.breakdown-block-colour-results {
    width: 100%;
}

.breakdown-block-colour-results.red {
    width: 100%;
    position: relative;
    /*left: 2px;*/
}

.contact-txt {
    font-size: 16px !important;
}

.contact-number {
    color: #166936;
    font-weight: bold;
}

.hidden {
    display: none ! important;
}

.emailOption .contentarea {
    padding-bottom: 15px;
}

.halp_area_list {
    float: left;
}

.halp_area_list ul {
    padding-bottom: 20px;
    float: left;
    width: 50%;
}

.halp_area_list ul li {
    padding-top: 10px;
    list-style: none;
}

.email-validation {}

.email-validation .email-validation-message {
    padding: 10px;
    border: 1px solid black;
    border-radius: 6px;
    box-sizing: border-box;
    display: none;
    opacity: 0;
}

.email-validation .email-validation-message.in {
    -webkit-animation: error-in 0.3s forwards;
    -moz-animation: error-in 0.3s forwards;
    -o-animation: error-in 0.3s forwards;
    animation: error-in 0.3s forwards;
    display: block;
}

.email-validation .email-validation-message.out {
    -webkit-animation: error-out 0.3s forwards;
    -moz-animation: error-out 0.3s forwards;
    -o-animation: error-out 0.3s forwards;
    animation: error-out 0.3s forwards;
    display: block;
}

.email-validation .email-validation-message.email-validation-submitted {
    border-color: #acc837;
    background-color: #f1f7f4;
}

.email-validation .email-validation-message.email-validation-error {
    border-color: #a03123;
    background-color: #fadeda;
}

/* animation for validation */

@keyframes error-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes error-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.score-img img {
    width: 90%;
    display: block;
    margin: 0 auto;
}

.action-plan-wrapper .tiles-wrapper {
    text-align: center;
    margin: 20px auto;
    left: 0;
    transform: none;
}

.action-plan-wrapper .tile {
    float: none;
    clear: both;
}

.pop-terms {
    position: absolute;
    top: 20%;
    /*    left: 50%;
    margin-left: -15%;*/
    width: 30%;
    background-color: #ffffff;
    padding-bottom: 50px;
    z-index: 20;
    transition: width 0.5s ease-out, box-shadow 0.5s ease-out;
    -moz-transition: width 0.5s ease-out, box-shadow 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out, box-shadow 0.5s ease-out;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0);
    padding: .5em 1em;
    max-width: 500px;
}

.pop-terms h1 {
    margin: 10px 40px 10px 0px;
    font-weight: normal;
    font-size: 24px;
    color: #1d3960;
}

.pop-terms p {
    margin: 10px auto;
}

.pop-terms .resource-library-close-button {
    top: 16px;
    right: 12px;
}

.pop-blocker {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 20;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
}

/*.back-to-main-button:before {
    display: block;
    position: absolute;
    top: -11px;
    left: 0px;
    content: "";
    width: 50px;
    height: 50px;
    background-image: url(../img/icons-back.svg);
    background-size: 53px 61px;
    background-position: -14px -3px;
    background-repeat: no-repeat;
}*/