#calculator_holder {
    width: 100%
}
#calculator {
    background-color: #e6dcd3;
    padding: 15px;
    margin-top: 30px
}
#calculator table {
    width: 90%
}
.section, .totalitem, .totalrow {
    font-weight: 700;
    text-decoration: underline
}
#calculator td {
    font-size: 9pt
}
#calculator input {
    margin-bottom: 5px
}
#calculator input.calculated {
    border: 0 solid #000
}
#calculator_holder td {
    vertical-align: top;
    box-sizing: content-box
}
#calculator_holder input {
    box-sizing: content-box
}
#calculator_holder label {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 5px
}
#calculator_holder select {
    box-sizing: border-box
}
#calculator_holder .final_sum, #calculator_holder input.calc {
    float: none!important
}
#calculator_holder .showit {
    font-size: .8em
}
.calculations td, .tick td {
    font-size: .8em;
    line-height: 1;
    padding: 1px
}
#calculator_holder h1 {
    font-size: 1.4em;
    color: #4b709a;
    margin: 0 0 20px 0;
    font-weight: 700;
    font-family: roboto, sans-serif;
    font-weight: 700
}
#calculator h1, #calculator_holder {
    font-size: 1.4rem;
    line-height: 1.3!important;
    margin: 0 0 18px
}
#calculator_holder p {
    margin-right: 18px
}
#calculator h1, #calculator_holder {
    font-size: 1.4rem;
    line-height: 1.3!important;
    margin: 0 0 18px
}
#calculator_holder p {
    margin-right: 18px
}
#calculator table {
    width: 100%
}
#calculator td {
    color: #041f3f
}
#calculator, #calculator h1, #calculator p, #calculator td, .totalitem, .totalrow {
    font-size: 16px
}
.section {
    font-size: 16px
}
.section, .totalitem, .totalrow {
    color: #182b49!important;
    text-decoration: none
}
#calculator label, #calculator_holder label {
    font-size: 16px!important;
    font-weight: 400;
    margin: 5px;
    color: #041f3f!important;
    float: none!important;
    width: auto!important
}
#calculator input[type=button] {
    background-color: #80756a;
    border: 0;
    color: #fff;
    padding: 10px 0;
    width: 82px
}
#calculator_holder div.question_mark {
    width: 25px;
    margin: 0 0 0 5px;
    vertical-align: top
}
#calculator_holder select {
    margin-bottom: 13px!important
}
#calculator_holder .final_sum {
    width: auto!important
}
#calculator_holder .final_sum+.final_sum {
    margin-top: 10px
}
#calculator_holder input.calc {
    height: auto!important;
    margin: 0 0 10px 5px!important
}
#calculator_holder table .pound {
    font-size: 16px!important
}
@media only screen and (max-width:900px) {
    #calculator #labels div, #calculator_holder label.responsive {
        font-size: 14px!important
    }
}
#calculator_holder label.responsive {
    display: inline-block;
    width: 40%!important
}
#calculator_holder .larger {
    font-size: 16px!important;
    line-height: 23px!important
}
#calculator td {
    vertical-align: baseline
}
#calculator p {
    line-height: 1
}
#calculator_holder .normal20 {
    color: #4b709a;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    display: none
}
#calculator_holder .bold16 {
    color: #4b709a;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}
#calculator_holder .normal14 {
    color: #4b709a;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 5px 0 0 0
}
#calculator_holder h1 span {
    font-size: .8em;
    color: #4b709a;
    margin: 0 0 20px 0;
    font-weight: 400;
    font-style: italic
}
#calculator_holder h2 {
    font-size: 12px;
    line-height: 20px;
    color: #4b709a;
    margin: 0 0 5px 0;
    font-weight: 400
}
#calculator_holder .picture {
    margin: 0 0 15px 25px;
    float: right
}
#calculator_holder label.label {
    width: 210px;
    display: block;
    float: left;
    line-height: 20px;
    font-size: 12px;
    color: #000
}
#calculator_holder label.label_blue {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #4b709a
}
#calculator_holder label.label_80 {
    width: 80px;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #000
}
#calculator_holder label.label_80_blue {
    width: 80px;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #4b709a
}
#calculator_holder label.label_med {
    width: 180px;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #000
}
#calculator_holder label.label_short {
    width: 60px;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #000
}
#calculator_holder input.input {
    width: 140px;
    height: 18px;
    background-color: #e6e7e8;
    line-height: 18px;
    border-left: 1px solid #d1d3d4;
    border-bottom: 1px solid #d1d3d4;
    border-right: 1px solid #a7a9ac;
    border-top: 1px solid #a7a9ac;
    margin-left: 5px;
    margin-bottom: 5px;
    font-family: roboto, sans-serif
}
#calculator_holder input.input_white {
    width: 140px;
    height: 18px;
    background-color: #fff;
    line-height: 18px;
    border-left: 1px solid #d1d3d4;
    border-bottom: 1px solid #d1d3d4;
    border-right: 1px solid #a7a9ac;
    border-top: 1px solid #a7a9ac;
    margin-left: 5px;
    margin-bottom: 5px
}
#calculator_holder input.input_short {
    width: 120px;
    height: 18px;
    background-color: #e6e7e8;
    line-height: 18px;
    border-left: 1px solid #d1d3d4;
    border-bottom: 1px solid #d1d3d4;
    border-right: 1px solid #a7a9ac;
    border-top: 1px solid #a7a9ac;
    margin-left: 5px;
    margin-bottom: 5px
}
#calculator_holder input.input_white_short {
    width: 120px;
    height: 18px;
    background-color: #fff;
    line-height: 18px;
    border-left: 1px solid #d1d3d4;
    border-bottom: 1px solid #d1d3d4;
    border-right: 1px solid #a7a9ac;
    border-top: 1px solid #a7a9ac;
    margin-left: 5px;
    margin-bottom: 5px
}
#calculator_holder input.calc {
    width: 142px;
    height: 20px;
    background-color: #4b709a;
    color: #fff;
    margin: 5px 96px 10px 5px;
    float: right;
    font-weight: 700;
    border: 0
}
#calculator_holder input.input_num_right {
    width: 100%;
    height: 18px;
    background-color: #e6e7e8;
    line-height: 18px;
    border-left: 1px solid #d1d3d4;
    border-bottom: 1px solid #d1d3d4;
    border-right: 1px solid #a7a9ac;
    border-top: 1px solid #a7a9ac;
    margin-bottom: 5px;
    float: right
}
#calculator_holder input.input_right {
    width: 140px;
    height: 18px;
    background-color: #e6e7e8;
    line-height: 18px;
    border-left: 1px solid #d1d3d4;
    border-bottom: 1px solid #d1d3d4;
    border-right: 1px solid #a7a9ac;
    border-top: 1px solid #a7a9ac;
    margin-left: 5px;
    margin-bottom: 2px;
    float: right
}
#calculator_holder input.calc_short {
    width: 120px;
    height: 20px;
    background-color: #4b709a;
    color: #fff;
    margin: 5px 5px 0 5px;
    font-weight: 700;
    border: 0
}
#calculator_holder select {
    width: 140px;
    margin-bottom: 5px;
    margin-left: 6px
}
#calculator_holder select.short {
    width: 125px;
    margin-bottom: 5px;
    margin-left: 5px
}
#calculator_holder table .pound {
    line-height: 20px;
    font-size: 12px;
    float: left
}
#calculator_holder .final_sum {
    width: 220px;
    padding: 10px;
    background-size: 100% 100%;
    margin: 10px;
    float: right;
}
#calculator_holder .final_sum h2 {
    line-height: 14px;
    font-size: 14px
}
#sumAssured.fontsize, #sumAssuredCashFlow, #sumAssuredCashFlow2, #sumAssuredMultiple, #sumAssuredProfit {
    font-size: 20px
}
#calculator_holder .hrule {
    margin: 15px 0 20px 0;
    border-bottom: 1px dotted #ccc;
    clear: both;
    height: 1px
}
.float_left {
    float: left
}
#calculator_holder table.tick td {
    padding: 5px
}
.margin0 {
    margin: 0;
    padding: 0
}
.marginleft10 {
    margin-left: 10px!important
}
#calculator_holder table {
    margin-top: 0;
    width: 100%
}
#calculator_holder img {
    margin-right: 0
}
#calculator_holder input.inputmoney {
    width: 80px;
    height: 18px;
    background-color: #e6e7e8;
    line-height: 18px;
    border-left: 1px solid #d1d3d4;
    border-bottom: 1px solid #d1d3d4;
    border-right: 1px solid #a7a9ac;
    border-top: 1px solid #a7a9ac;
    margin-left: 5px;
    margin-bottom: 5px;
    padding-left: 20px
}
#calculator_holder input.inputperc {
    width: 40px;
    height: 18px;
    background-color: #e6e7e8;
    line-height: 18px;
    border-left: 1px solid #d1d3d4;
    border-bottom: 1px solid #d1d3d4;
    border-right: 1px solid #a7a9ac;
    border-top: 1px solid #a7a9ac;
    margin-left: 5px;
    margin-bottom: 5px;
    padding-right: 20px
}
#calculator_holder .dotRule {
    border-bottom: dotted 1px #99a6b8
}
#calculator_holder td.dotRule {
    padding-bottom: 6px
}
#calculator_holder .calculations td {
    padding: 0 0 8px 0
}
#calculator_holder .calculations td.padTop {
    padding-top: 6px
}
#calculator_holder .larger {
    font-size: 14px;
    line-height: 18px
}
#calculator_holder .question_mark {
    margin: 2px 0 5px 5px
}
.hideit {
    display: none;
    visibility: hidden
}
.showit {
    visibility: visible;
    font-size: .8em
}
#nocalc {
    display: none
}
#calculator, #calculatorA, input.calculated {
    background-color: #cdb9a8
}
#calculatorA {
    padding: 5px 25px
}
#calculatorA .arrow img {
    margin-top: 25px
}
#calculatorA label {
    font-size: 12px!important;
    line-height: 20px!important;
    color: #4b709a!important
}
.filterform select {
    margin-bottom: 1em
}
.no-js .carousel-container ul {
    list-style: none;
    opacity: 1
}
.no-js .carousel-images {
    margin: 0 3% 0 0
}
.no-js .carousel-biogs {
    margin: 0
}
.no-js .carousel-biogs li {
    opacity: 1;
    position: relative
}
.no-js .filterform {
    display: none
}
.ie7 .carousel-container ul {
    list-style: decimal
}
.keylineContain {
    max-width: 49%
}
.filterform {
    max-width: 45%
}
.filterform select {
    width: 100%
}
.filterform .chosen-container {
    margin-bottom: 1em;
    max-width: 100%
}
.results {
    border-top: 1px solid #c4c4c4;
    margin-top: 1em;
    padding-top: 1em
}
.biogs>ul {
    list-style: none;
    margin: 0
}
.biogs>ul>li {
    opacity: 0;
    position: absolute;
    transition: all 350ms ease-in-out;
    visibility: hidden;
    width: 100%
}
.biogs ul ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.biogs .biogCurrent {
    opacity: 1;
    visibility: visible
}
.biog-services, .biogs h3 {
    margin-bottom: 1em
}
.biogs h3 {
    text-align: center
}
.biog-services {
    font-style: italic
}
.biog-services strong {
    color: #182b49
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}
.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}
.chosen-container a {
    cursor: pointer
}
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 23px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: linear-gradient(to bottom, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}
.chosen-container-single .chosen-default {
    color: #999
}
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}
.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}
.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}
.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}
.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}
.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/chosen-sprite.png) no-repeat 0 2px
}
.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}
.chosen-container-single .chosen-search input[type=text] {
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: #fff url(../img/chosen-sprite.png) no-repeat 100% -20px;
    background: url(../img/chosen-sprite.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}
.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}
.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}
.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    -webkit-touch-callout: none
}
.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}
.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}
.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}
.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4
}
.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}
.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}
.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto!important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}
.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}
.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 5px;
    height: 15px;
    outline: 0;
    border: 0!important;
    background: 0 0!important;
    box-shadow: none;
    color: #666;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}
.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999
}
.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #e4e4e4;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}
.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}
.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}
.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset
}
.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}
.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #111!important
}
.chosen-disabled {
    opacity: .5!important;
    cursor: default
}
.chosen-disabled .chosen-single {
    cursor: default
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}
.chosen-rtl {
    text-align: right
}
.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}
.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}
.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}
.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}
.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}
.chosen-rtl .chosen-choices li {
    float: right
}
.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}
.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}
.chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search {
    left: 9999px
}
.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}
.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}
.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: #fff url(../img/chosen-sprite.png) no-repeat -30px -20px;
    background: url(../img/chosen-sprite.png) no-repeat -30px -20px;
    direction: rtl
}
.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
    .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] {
        background-image: url(../img/chosen-sprite@2x.png)!important;
        background-size: 52px 37px!important;
        background-repeat: no-repeat!important
    }
}
body {
    margin: 0
}
.gldp-default {
    position: absolute;
    left: 0!important;
    top: 0!important
}
.gldp-default .core {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    border: 1px solid #fff;
    color: #114362
}
.gldp-default .border {
    border-style: solid;
    border-width: 0;
    border-color: #004461;
    border-color: #bbc1c3;
    position: relative
}
.gldp-default .core.border.monyear select, .gldp-default .core.border.monyear select option {
    font-size: 14px!important
}
.gldp-default .core.border.monyear, .gldp-default .core.border.monyear select {
    font-weight: 400;
    color: #fff;
    background: #305b7c;
    border-right: 0
}
.core.title {
    color: #fff!important;
    text-transform: uppercase
}
.gldp-default .monyear span {
    margin: 0 5px 0 5px
}
.gldp-default .next-arrow, .gldp-default .prev-arrow {
    color: #fff;
    display: block
}
.gldp-default .next-arrow-off, .gldp-default .prev-arrow-off {
    color: #222;
    opacity: .15
}
.gldp-default .dow {
    color: #fff;
    cursor: wait!important;
    background: #7893a8;
    text-transform: uppercase
}
.core.border.dow {
    font-family: roboto, sans-serif;
    font-size: 13px;
    color: #fff;
    font-style: normal
}
.core.border {
    font-family: roboto, sans-serif;
    font-size: 13px;
    color: #4e4e4e;
    font-style: normal
}
.gldp-default .outday {
    color: #bbc1c3
}
.gldp-default .fri:hover, .gldp-default .mon:hover, .gldp-default .sat:hover, .gldp-default .selected, .gldp-default .site:hover, .gldp-default .special4:hover, .gldp-default .sun:hover, .gldp-default .thu:hover, .gldp-default .tue:hover, .gldp-default .wed:hover {
    background: #d6c7de
}
.gldp-default .noday {
    color: #444;
    font-weight: 400;
    cursor: wait!important;
    background: #aaa
}
.gldp-default .today {
    background: #d6c7de
}
.core.border.site:before, .core.border.special4:before {
    border: 6px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    margin: auto;
    z-index: -1
}
.core.border.site:before {
    border-top-color: #1b88c9;
    border-right-color: #1b88c9
}
.oldie .core.border.site {
    background-color: #275270;
    color: #fff
}
.core.border.special4:before {
    border-top-color: #65082b;
    border-right-color: #65082b
}
.oldie .core.border.special4 {
    background-color: #65082b;
    color: #fff
}
.gldp-default .next-arrow img, .gldp-default .prev-arrow img {
    display: block;
    height: 55%;
    margin: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0
}
.oldie .gldp-default .next-arrow img, .oldie .gldp-default .prev-arrow img {
    position: static
}
.oldie .next-arrow img, .oldie .prev-arrow img {
    margin-top: 6px
}
.gldp-default .dow {
    height: 37px!important;
    line-height: 37px!important;
    border-top: 1px solid #bbc1c3
}
.gldp-default {
    width: 305px!important;
    max-width: 101.5%!important
}
.core.border {
    max-width: 14.35%
}
.core.border.monyear.title {
    max-width: 70.3%!important
}
.core.border.monyear.title span {
    
    text-transform: capitalize;
    font-size: 20px;
    color: #fff;
    font-style: normal
}
@media only screen and (max-width:237px) {
    .core.border.monyear.title span {
        font-size: 19px
    }
}
@media only screen and (max-width:234px) {
    .core.border.monyear.title span {
        font-size: 17px
    }
}
.core.border.monyear.title>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 25%
}
.core.monyear {
    height: 63px!important;
    max-width: 14.35%!important;
    overflow: hidden
}
.oldie .core.border.monyear.title {
    width: 211px!important
}
.day {
    background-color: #fff;
    bottom: 0;
    box-sizing: border-box;
    display: none;
    min-height: 287px;
    max-width: 100%;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
    left: 0;
    right: 0
}
.oldie .day {
    width: 96.5%
}
abbr {
    clear: both;
    display: block;
    margin-bottom: 20px;
    width: 100%
}
.event {
    clear: both;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0
}
.date {
    background-color: #305b7c;
    color: #fff;
    
    text-transform: capitalize;
    font-size: 20px;
    color: #fff;
    font-style: normal;
    min-height: 63px;
    padding-top: 6%;
    left: 0;
    line-height: 32px;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%
}
.oldie .date {
    width: 102%
}
.dayname, .dd, .month {
    display: inline
}
.details {
    position: relative;
    overflow: hidden;
    background-color: #e8ecf0;
    padding: 10px;
    margin: 5px 5px 0 5px
}
.event .headline {
    font-family: roboto, sans-serif;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 700;
    display: block;
    margin-bottom: 5px
}
.event .details-text, .event .register {
    color: #114362;
    font-size: 12px
}
.details-text {
    min-height: 40px;
    float: left
}
.event .register {
    text-decoration: none;
    color: #1b88c9;
    font-family: roboto, sans-serif;
    font-size: 12px
}
.register img {
    border: none;
    display: block;
    height: auto;
    width: 100%
}
.spacer {
    height: 32px
}
.back {
    font-family: roboto, sans-serif;
    font-size: 14px;
    color: #fff;
    background-color: #1b88c9;
    clear: both;
    display: block;
    height: 32px;
    left: 0;
    line-height: 32px;
    margin-top: -32px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 100%;
    width: 100%
}
.back button:hover, .register:hover {
    text-decoration: underline
}
.back button {
    clear: both;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: 0 0;
    border: 0
}
.oldie .back {
    position: fixed;
    top: 100%;
    width: 102%
}
.description {
    margin-bottom: 5px;
    font-family: roboto, sans-serif;
    font-size: 12px;
    color: #265270;
    font-style: normal
}
#callout {
    background-color: #1b88c9;
    box-sizing: border-box;
    color: #fff;
    display: none;
    min-height: 85px;
    opacity: .95;
    overflow: hidden;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: 187px;
    width: 100%;
    z-index: 2000
}

#callout h3 {
    margin: 0
}
#callout ul {
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px 0 5px 20px;
    padding-left: 20px;
    text-align: left
}
#callout li {
    list-style-type: disc;
    margin: 0;
    padding: 4px;
    font-family: roboto, sans-serif;
    font-size: 13px;
    color: #fff;
    font-style: normal
}
#callout.specialc {
    background-color: #65082b
}
.gldp-mydate-container {
    visibility: hidden
}
@media screen and (max-width:767px) {
    #callout {
        max-width: 300px
    }
}
.flipster {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: visible
}
.flip-item, .flip-items {
    display: block;
    margin: 0 auto;
    padding: 0;
    list-style-type: none
}
.flip-items {
    width: 100%;
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: content-box
}
.flip-item {
    position: absolute;
    opacity: .99
}
.flip-future, .flip-next, .flip-past, .flip-prev {
    cursor: pointer
}
.flip-item img {
    display: block;
    width: 100%
}
.flipster-coverflow .flip-items {
    transition: all 350ms ease-in-out;
    position: relative;
    padding-top: 2%;
    padding-bottom: 5%
}
.flipster-coverflow .flip-item {
    display: block;
    transition: all 175ms ease-in-out;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    perspective: 800px;
    position: absolute;
    width: 30%
}
.flipster-coverflow .flip-content {
    transition: all 350ms ease-in-out
}
.flipster-coverflow .flip-past .flip-content {
    -ms-transform: rotateY(55deg) scale(.75);
    transform: rotateY(55deg) scale(.75)
}
.flipster-coverflow .flip-future .flip-content {
    -ms-transform: rotateY(-55deg) scale(.75);
    transform: rotateY(-55deg) scale(.75)
}
.flipster-coverflow.no-rotate .flip-past .flip-content {
    -ms-transform: scale(.75);
    transform: scale(.75)
}
.flipster-coverflow.no-rotate .flip-future .flip-content {
    -ms-transform: scale(.75);
    transform: scale(.75)
}
.flipster-coverflow .flip-current .flip-content {
    -ms-transform: rotateY(0);
    transform: rotateY(0)
}
.flipster-coverflow .flip-hidden {
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}
.flipster-carousel .flip-items {
    perspective: 2000px
}
.flipster-carousel .flip-item {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 350ms ease-out
}
.no-csstransforms .flipster-carousel .flip-item {
    transition: none
}
.flipster-carousel .flip-items img {
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}
.flipster-carousel .flip-past {
    -ms-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);
    transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65)
}
.flipster-carousel.no-rotate .flip-past {
    -ms-transform: translateX(-80%) translateZ(0) scale(.65);
    transform: translateX(-80%) translateZ(0) scale(.65)
}
.no-csstransforms3d .flipster-carousel .flip-past {
    -ms-transform: translateX(-56%) scale(.5);
    transform: translateX(-56%) scale(.5)
}
.no-csstransforms .flipster-carousel .flip-past {
    left: -20%;
    top: 40%;
    width: 50%;
    height: 50%
}
.flipster-carousel .flip-future {
    -ms-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);
    transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65)
}
.flipster-carousel.no-rotate .flip-future {
    -ms-transform: translateX(80%) translateZ(0) scale(.65);
    transform: translateX(80%) translateZ(0) scale(.65)
}
.no-csstransforms3d .flipster-carousel .flip-future {
    -ms-transform: translateX(56%) scale(.5);
    transform: translateX(56%) scale(.5)
}
.no-csstransforms .flipster-carousel .flip-future {
    left: 88%;
    top: 40%;
    width: 50%;
    height: 50%
}
.flipster-carousel .flip-prev {
    -ms-transform: translateX(-60%) translateZ(0) rotateY(80deg) scale(.8);
    transform: translateX(-60%) translateZ(0) rotateY(80deg) scale(.8)
}
.flipster-carousel.no-rotate .flip-prev {
    -ms-transform: translateX(-60%) translateZ(0) scale(.8);
    transform: translateX(-60%) translateZ(0) scale(.8)
}
.no-csstransforms3d .flipster-carousel .flip-prev {
    -ms-transform: translateX(-24%) scale(.75);
    transform: translateX(-24%) scale(.75)
}
.no-csstransforms .flipster-carousel .flip-prev {
    left: -9%;
    top: 20%;
    width: 75%;
    height: 75%
}
.flipster-carousel .flip-next {
    -ms-transform: translateX(60%) translateZ(0) rotateY(-80deg) scale(.8);
    transform: translateX(60%) translateZ(0) rotateY(-80deg) scale(.8)
}
.flipster-carousel.no-rotate .flip-next {
    -ms-transform: translateX(60%) translateZ(0) scale(.8);
    transform: translateX(60%) translateZ(0) scale(.8)
}
.no-csstransforms3d .flipster-carousel .flip-next {
    -ms-transform: translateX(24%) scale(.75);
    transform: translateX(24%) scale(.75)
}
.no-csstransforms .flipster-carousel .flip-next {
    left: 39%;
    top: 20%;
    width: 75%;
    height: 75%
}
.flipster-carousel .flip-future, .flipster-carousel .flip-past {
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6;
    z-index: 1;
    transition-delay: 87.5ms
}
.flipster-carousel .flip-next, .flipster-carousel .flip-prev {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    z-index: 2;
    transition-delay: .058s
}
.flipster-carousel .flip-current {
    z-index: 999;
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    transition-delay: .058s
}
.flipster-carousel .flip-hidden {
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-transform: rotateY(0) translateX(0) scale(.5);
    transform: rotateY(0) translateX(0) scale(.5);
    transition-delay: .116s
}
.no-transition {
    transition-duration: 0s!important
}
.keylineContain {
    max-width: 49%
}
body.microSite .keylineContain.fullWidth {
    max-width: 100%
}
@media screen and (max-width:767px) {
    body.microSite .keylineContain.fullWidth {
        display: none
    }
}
.filterform {
    max-width: 45%
}
.filterform select {
    width: 100%
}
.filterform .chosen-container {
    margin-bottom: 1em;
    max-width: 100%
}
.results {
    border-top: 1px solid #c4c4c4;
    margin-top: 1em;
    padding-top: 1em
}
.flipster-container {
    position: relative
}
.flipster {
    width: 90%
}
.flipster img, .flipster ul {
    margin: 0
}
.flipster img {
    max-width: none
}
.flip-future, .flip-past {
    opacity: .6
}
.flipto-next, .flipto-prev {
    font-size: 2em;
    height: 1em;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 1em
}
.flipto-next:hover, .flipto-prev:hover {
    color: #50a4cb!important;
    text-decoration: none!important
}
.flipto-prev {
    left: 0
}
.flipto-next {
    right: 0
}
.biogs>ul {
    list-style: none;
    margin: 0
}
.biogs>ul>li {
    opacity: 0;
    position: absolute;
    transition: all 350ms ease-in-out;
    visibility: hidden;
    width: 100%
}
.biogs ul ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.biogs ul ul li a {
    color: #182b49!important
}
.biogs ul ul img {
    position: relative;
    top: 4px;
    width: 20px
}
.biogs dl {
    display: table-row
}
.biogs dd, .biogs dt {
    display: table-cell
}
.biogs dt, .biogs ul li a img {
    padding-right: 1em
}
.biogs .biogCurrent {
    opacity: 1;
    visibility: visible
}
.biog-services, .biogs h3 {
    margin-bottom: 1em
}
.biogs h3 {
    text-align: center
}
.biog-services {
    font-style: italic
}
.biog-services strong {
    color: #182b49
}
.flip-item img {
    margin: auto;
    width: auto
}
.ie9 .flip-future, .ie9 .flip-past {
    opacity: 1;
    zoom: 90%
}
.ie8 .flip-item img, .ie9 .flip-item img {
    border: 4px solid #fff
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none!important
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #ccc
}
.mfp-preloader a:hover {
    color: #fff
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px
}
.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}
.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}
.mfp-arrow .mfp-a, .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow .mfp-b, .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}
.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}
.mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
@media all and (max-width:900px) {
    .mfp-arrow {
        -ms-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -ms-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
.mfp-ie7 .mfp-img {
    padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
    padding: 0
}
.mfp-ie7 .mfp-content {
    padding-top: 44px
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}
#calculator_holder .noUi-target {
    background: #dbe3e8;
    border-radius: 0;
    border: none;
    box-shadow: none
}
#calculator_holder .noUi-horizontal {
    height: 8px
}
#calculator_holder .noUi-connect {
    background: #00ADED
}
#calculator_holder .noUi-horizontal .noUi-handle {
    width: 28px;
    height: 28px;
    left: -14px;
    top: -10px
}
#calculator_holder .noUi-handle {
    border-radius: 14px
}
#calculator_holder .noUi-handle:after, #calculator_holder .noUi-handle:before {
    left: 15px
}
#calculator_holder .noUi-handle:after {
    left: 10px
}
#slidercontribution {
    margin-top: 70px;
    margin-bottom: 55px
}
#slideryears {
    margin-top: 70px;
    margin-bottom: 45px
}
#calculator_holder #slidercontribution .noUi-tooltip {
    width: 200px
}
.calulator-results {
    background-color: #dbe3e8;
    margin-bottom: 50px;
    padding: 15px
}
#estimatedvalue, #totalcontribution {
    width: 49%;
    padding-top: 5px;
    text-align: center;
    box-sizing: border-box
}
#estimatedvalue {
    float: left
}
#totalcontribution {
    float: right
}
#estimatedvalue p, #totalcontribution p {
    margin-bottom: 10px
}
#estimatedvalue p.value, #totalcontribution p.value {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 36px
}
.ct-double-octave:after, .ct-major-eleventh:after, .ct-major-second:after, .ct-major-seventh:after, .ct-major-sixth:after, .ct-major-tenth:after, .ct-major-third:after, .ct-major-twelfth:after, .ct-minor-second:after, .ct-minor-seventh:after, .ct-minor-sixth:after, .ct-minor-third:after, .ct-octave:after, .ct-perfect-fifth:after, .ct-perfect-fourth:after, .ct-square:after {
    content: "";
    clear: both
}
.ct-label {
    fill: rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4);
    font-size: .75rem;
    line-height: 1
}
.ct-grid-background, .ct-line {
    fill: none
}
.ct-chart-bar .ct-label, .ct-chart-line .ct-label {
    display: block;
    display: -ms-flexbox;
    display: flex
}
.ct-chart-donut .ct-label, .ct-chart-pie .ct-label {
    dominant-baseline: central
}
.ct-label.ct-horizontal.ct-start {
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}
.ct-label.ct-horizontal.ct-end {
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}
.ct-label.ct-vertical.ct-start {
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}
.ct-label.ct-vertical.ct-end {
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end
}
.ct-grid {
    stroke: rgba(0, 0, 0, .2);
    stroke-width: 1px;
    stroke-dasharray: 2px
}
.ct-point {
    stroke-width: 10px;
    stroke-linecap: round
}
.ct-line {
    stroke-width: 4px
}
.ct-area {
    stroke: none;
    fill-opacity: .1
}
.ct-bar {
    fill: none;
    stroke-width: 10px
}
.ct-slice-donut {
    fill: none;
    stroke-width: 60px
}
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: #d70206
}
.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
    fill: #d70206
}
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    stroke: #f05b4f
}
.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
    fill: #f05b4f
}
.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
    stroke: #f4c63d
}
.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {
    fill: #f4c63d
}
.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
    stroke: #d17905
}
.ct-series-d .ct-area, .ct-series-d .ct-slice-pie {
    fill: #d17905
}
.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut {
    stroke: #453d3f
}
.ct-series-e .ct-area, .ct-series-e .ct-slice-pie {
    fill: #453d3f
}
.ct-series-f .ct-bar, .ct-series-f .ct-line, .ct-series-f .ct-point, .ct-series-f .ct-slice-donut {
    stroke: #59922b
}
.ct-series-f .ct-area, .ct-series-f .ct-slice-pie {
    fill: #59922b
}
.ct-series-g .ct-bar, .ct-series-g .ct-line, .ct-series-g .ct-point, .ct-series-g .ct-slice-donut {
    stroke: #0544d3
}
.ct-series-g .ct-area, .ct-series-g .ct-slice-pie {
    fill: #0544d3
}
.ct-series-h .ct-bar, .ct-series-h .ct-line, .ct-series-h .ct-point, .ct-series-h .ct-slice-donut {
    stroke: #6b0392
}
.ct-series-h .ct-area, .ct-series-h .ct-slice-pie {
    fill: #6b0392
}
.ct-series-i .ct-bar, .ct-series-i .ct-line, .ct-series-i .ct-point, .ct-series-i .ct-slice-donut {
    stroke: #f05b4f
}
.ct-series-i .ct-area, .ct-series-i .ct-slice-pie {
    fill: #f05b4f
}
.ct-series-j .ct-bar, .ct-series-j .ct-line, .ct-series-j .ct-point, .ct-series-j .ct-slice-donut {
    stroke: #dda458
}
.ct-series-j .ct-area, .ct-series-j .ct-slice-pie {
    fill: #dda458
}
.ct-series-k .ct-bar, .ct-series-k .ct-line, .ct-series-k .ct-point, .ct-series-k .ct-slice-donut {
    stroke: #eacf7d
}
.ct-series-k .ct-area, .ct-series-k .ct-slice-pie {
    fill: #eacf7d
}
.ct-series-l .ct-bar, .ct-series-l .ct-line, .ct-series-l .ct-point, .ct-series-l .ct-slice-donut {
    stroke: #86797d
}
.ct-series-l .ct-area, .ct-series-l .ct-slice-pie {
    fill: #86797d
}
.ct-series-m .ct-bar, .ct-series-m .ct-line, .ct-series-m .ct-point, .ct-series-m .ct-slice-donut {
    stroke: #b2c326
}
.ct-series-m .ct-area, .ct-series-m .ct-slice-pie {
    fill: #b2c326
}
.ct-series-n .ct-bar, .ct-series-n .ct-line, .ct-series-n .ct-point, .ct-series-n .ct-slice-donut {
    stroke: #6188e2
}
.ct-series-n .ct-area, .ct-series-n .ct-slice-pie {
    fill: #6188e2
}
.ct-series-o .ct-bar, .ct-series-o .ct-line, .ct-series-o .ct-point, .ct-series-o .ct-slice-donut {
    stroke: #a748ca
}
.ct-series-o .ct-area, .ct-series-o .ct-slice-pie {
    fill: #a748ca
}
.ct-square {
    display: block;
    position: relative;
    width: 100%
}
.ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%
}
.ct-square:after {
    display: table
}
.ct-square>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-minor-second {
    display: block;
    position: relative;
    width: 100%
}
.ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%
}
.ct-minor-second:after {
    display: table
}
.ct-minor-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-second {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.8888888889%
}
.ct-major-second:after {
    display: table
}
.ct-major-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-minor-third {
    display: block;
    position: relative;
    width: 100%
}
.ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.3333333333%
}
.ct-minor-third:after {
    display: table
}
.ct-minor-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-third {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%
}
.ct-major-third:after {
    display: table
}
.ct-major-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%
}
.ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%
}
.ct-perfect-fourth:after {
    display: table
}
.ct-perfect-fourth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%
}
.ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.6666666667%
}
.ct-perfect-fifth:after {
    display: table
}
.ct-perfect-fifth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%
}
.ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%
}
.ct-minor-sixth:after {
    display: table
}
.ct-minor-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-golden-section {
    display: block;
    position: relative;
    width: 100%
}
.ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.804697157%
}
.ct-golden-section:after {
    content: "";
    display: table;
    clear: both
}
.ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-sixth {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%
}
.ct-major-sixth:after {
    display: table
}
.ct-major-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%
}
.ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%
}
.ct-minor-seventh:after {
    display: table
}
.ct-minor-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-seventh {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.3333333333%
}
.ct-major-seventh:after {
    display: table
}
.ct-major-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-octave {
    display: block;
    position: relative;
    width: 100%
}
.ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%
}
.ct-octave:after {
    display: table
}
.ct-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-tenth {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%
}
.ct-major-tenth:after {
    display: table
}
.ct-major-tenth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%
}
.ct-major-eleventh:after {
    display: table
}
.ct-major-eleventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.3333333333%
}
.ct-major-twelfth:after {
    display: table
}
.ct-major-twelfth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-double-octave {
    display: block;
    position: relative;
    width: 100%
}
.ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%
}
.ct-double-octave:after {
    display: table
}
.ct-double-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
/*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}
.noUi-target {
    position: relative;
    direction: ltr
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}
.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}
.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}
.noUi-handle {
    position: relative;
    z-index: 1
}
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    transition: top .3s, right .3s, bottom .3s, left .3s
}
.noUi-state-drag * {
    cursor: inherit!important
}
.noUi-base, .noUi-handle {
    transform: translate3d(0, 0, 0)
}
.noUi-horizontal {
    height: 18px
}
.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}
.noUi-vertical {
    width: 18px
}
.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}
.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}
.noUi-connect {
    background: #452c6a;
    transition: background 450ms
}
.noUi-draggable {
    cursor: ew-resize
}
.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}
.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}
.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}
.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}
.noUi-handle:after {
    left: 17px
}
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}
.noUi-vertical .noUi-handle:after {
    top: 17px
}
[disabled] .noUi-connect {
    background: #b8b8b8
}
[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}
.noUi-pips, .noUi-pips * {
    box-sizing: border-box
}
.noUi-pips {
    position: absolute;
    color: #999
}
.noUi-value {
    position: absolute;
    text-align: center
}
.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}
.noUi-marker {
    position: absolute;
    background: #ccc
}
.noUi-marker-large, .noUi-marker-sub {
    background: #aaa
}
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}
.noUi-value-horizontal {
    transform: translate3d(-50%, 50%, 0)
}
.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}
.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}
.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}
.noUi-value-vertical {
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
}
.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}
.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}
.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}
.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}
.noUi-horizontal .noUi-tooltip {
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}
.noUi-vertical .noUi-tooltip {
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}
.clearfix:after {
    content: "";
    display: table;
    clear: both
}
#slidercontribution {
    margin-top: 70px;
    margin-bottom: 55px
}
#slideryears {
    margin-top: 70px;
    margin-bottom: 45px
}
#estimatedvalue, #totalcontribution {
    width: 49%;
    padding-top: 5px;
    text-align: center;
    box-sizing: border-box
}
#estimatedvalue p, #totalcontribution p {
    margin-bottom: 10px
}
#estimatedvalue p.value, #totalcontribution p.value {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 36px
}
@media (max-width:648px) {
    #estimatedvalue {
        padding-bottom: 40px;
        width: 100%;
        float: none
    }
    #totalcontribution {
        width: 100%;
        float: none
    }
}
#calculator_holder.calculator--holder h2 {
    font-size: 20px;
    font-size: 2rem;
    
    color: #182b49
}
.results-container p {
    color: #182b49
}
#calculatorwrapper p {
    text-align: left;
    color: inherit
}
#calculatorwrapper .smlTextWidth p:nth-last-child(1), #calculatorwrapper p:nth-last-child(1) {
    margin-bottom: 0
}
#calculatorwrapper input[type=password], #calculatorwrapper input[type=text], #calculatorwrapper select, #calculatorwrapper textarea {
    outline: 0
}
#calculatorwrapper h1, #calculatorwrapper h2, #calculatorwrapper h3, #calculatorwrapper h4, #calculatorwrapper h5, #calculatorwrapper h6 {
    font-weight: 400
}
#calculatorwrapper h3 {
    margin-bottom: 1.2rem
}
#calculatorwrapper .clearfix:after {
    content: "";
    display: table;
    clear: both
}
.wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
    position: relative;
    text-align: center;
    overflow: hidden
}
#calculatorwrapper .section {
    padding: 20px 0;
    overflow: hidden
}
#calculatorwrapper .section p {
    font-family: inherit;
    font-weight: 400
}
#calculatorwrapper .section.no-top {
    padding-top: 0
}
#calculatorwrapper .col-1-2 {
    width: 48%;
    margin: 1%;
    position: relative;
    display: inline-block;
    vertical-align: top
}
#calculatorwrapper .vertical {
    vertical-align: middle
}
#calculatorwrapper .col-1 {
    margin: 1%;
    width: 98%;
    position: relative
}
#calculatorwrapper .col-1-4 {
    width: 23%;
    margin: 1%;
    position: relative;
    display: inline-block;
    vertical-align: middle
}
#calculatorwrapper .grey {
    background: #e5e5e5
}
#calculatorwrapper .center {
    text-align: center
}
#calculatorwrapper span {
    display: inline-block
}
#calculatorwrapper input {
    line-height: 50px;
    height: 50px;
    width: 80%;
    margin: 0 10%;
    padding: 0 10px;
    border: 1px solid #041f3f;
    font-size: 16px;
    display: inline-block;
    color: #041f3f;
    font-family: Arial, Helvetica, sans-serif
}
#calculatorwrapper .mortgages {
    display: none;
    transition: all ease .4s
}
#calculatorwrapper .hidden {
    display: none
}
@media only screen and (min-width:768px) {
    #calculatorwrapper .hidden {
        font-size: .78em
    }
}
#calculatorwrapper .calculate {
    line-height: 50px;
    height: 50px;
    text-align: center;
    background: #00ADED;
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #00ADED;
    transition: all ease .9s;
    width: 90%;
    float: left;
    margin: 0
}
#calculatorwrapper .reset {
    line-height: 50px;
    height: 50px;
    text-align: center;
    background: #dbe3e8;
    color: #041f3f;
    border: none;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #dbe3e8;
    transition: all ease .9s;
    width: 90%;
    float: right;
    margin: 0
}
#calculatorwrapper input.calculated {
    background: 0 0;
    border: none;
    font-size: 1em
}
#calculatorwrapper .small p {
    font-size: 12px
}
@media only screen and (max-width:767px) {
    #calculatorwrapper .col-1-2, #calculatorwrapper .col-1-3, #calculatorwrapper .col-1-4, #calculatorwrapper .col-1-5, #calculatorwrapper .col-2-3, #calculatorwrapper .col-2-5, #calculatorwrapper .col-3-4, #calculatorwrapper .col-3-5, #calculatorwrapper .col-4-5, footer .col-1-4 {
        width: 98%;
        margin: 1%
    }
    #calculatorwrapper input, #calculatorwrapper p {
        text-align: center
    }
    #calculatorwrapper input {
        width: 96%;
        margin: 0
    }
    #calculatorwrapper .calculate, #calculatorwrapper .reset {
        float: none;
        width: 100%
    }
}
@media only screen and (max-width:600px) {
    #calculatorwrapper input {
        width: 210px;
        margin: 0 auto
    }
    #calculatorwrapper .calculate, #calculatorwrapper .reset {
        width: 210px;
        margin: 0 auto
    }
    #calculatorwrapper h1 {
        font-size: 2rem
    }
}
#estimatedvalue, #totalcontribution {
    width: 49%;
    padding-top: 5px;
    text-align: center;
    box-sizing: border-box
}
#estimatedvalue {
    float: left
}
#totalcontribution {
    float: right
}
#estimatedvalue p.value, #totalcontribution p.value {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 36px
}
#calculator_holder .noUi-target {
    background: #dbe3e8;
    border-radius: 0;
    border: none;
    box-shadow: none
}
#calculator_holder .noUi-horizontal {
    height: 8px
}
#calculator_holder .noUi-connect {
    background: #00ADED
}
#calculator_holder .noUi-horizontal .noUi-handle {
    width: 28px;
    height: 28px;
    left: -14px;
    top: -10px
}
#calculator_holder .noUi-handle {
    border-radius: 14px
}
#calculator_holder .noUi-handle:after, #calculator_holder .noUi-handle:before {
    left: 15px
}
#calculator_holder .noUi-handle:after {
    left: 10px
}
#sliderapp1 {
    margin-top: 50px;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px
}
#sliderapp2 {
    margin-top: 50px;
    margin-bottom: 45px;
    margin-left: 10px;
    margin-right: 10px
}
#sliderborrow, #sliderinterest, #sliderterm {
    margin-top: 50px;
    margin-bottom: 45px;
    margin-left: 10px;
    margin-right: 10px
}
#calculator_holder #slidercontribution .noUi-tooltip {
    width: 200px
}
#sliderterm .noUi-tooltip {
    width: 80px
}
.results, .results-container {
    background-color: #e1e1e1 ;
    margin-bottom: 50px;
    padding: 15px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    float: left;
}
.results a, .results-container a {
    position: absolute;
    bottom: 15px;
    right: 15px;
    border: solid 1px #3084ab;
    padding: 5px 10px;
    font-size: 12px;
    box-sizing: border-box
}
#estimatedvalue, #totalcontribution {
    width: 100%;
    padding-top: 5px;
    text-align: center;
    box-sizing: border-box
}
.resultholder {
    width: 49%;
    padding-top: 5px;
    text-align: center;
    box-sizing: border-box;
    float: left
}
.resultholder:nth-of-type(even) {
    float: right
}
#estimatedvalue {
    float: left
}
#totalcontribution {
    float: right
}
#estimatedvalue p, #totalcontribution p {
    margin-bottom: 10px
}
#estimatedvalue p.value, #totalcontribution p.value, .resultholder p.value {
    font-size: 32px;
    line-height: 36px;
    font-family: Arial, Helvetica, sans-serif;
}
#estimatedvalue p:nth-last-of-type(1), .resultholder p:nth-last-of-type(1) {
    margin-bottom: 0
}
.ct-series-a .ct-line {
    stroke: #041f3f
}
.ct-series-a .ct-point {
    stroke: #041f3f
}
.sliderTile {
    position: relative
}
.sliderTile a {
    position: absolute;
    right: 0;
    top: 0;
    border: solid 1px #3084ab;
    padding: 5px 10px;
    font-size: 12px;
    box-sizing: border-box
}
/*.inputHolder {
    position: absolute;
    right: 0;
    top: 0;
    display: none
}*/
/*input.sliderInput {
    border: 1px solid #182b49;
    padding: 4px 6px;
    min-width: 80px;
    max-width: 80px;
    font-size: 14px;
    margin: 0
}*/
#sliderapp1, #sliderborrow, #sliderterm, #sliderinterest{
    position: absolute;
    left: 0;
    top:0;
    opacity: 0;

}
@media (max-width:648px) {
    #estimatedvalue {
        padding-bottom: 40px
    }
    .results a {
        right: 20px;
        left: 20px
    }
    .resultholder {
        width: 100%
    }
    .resultholder:nth-of-type(odd) {
        margin-bottom: 30px;
        position: relative
    }
    .resultholder:nth-of-type(odd):after {
        display: block;
        content: '';
        width: 100%;
        height: 1px;
        background-color: #041f3f;
        position: absolute;
        bottom: -15px
    }
}
#calculator_holder.calculator--holder h2 {
    font-size: 24px;
    line-height: 24px;
    
    color: #182b49
}
#calculator_holder #borrowHolder {
    overflow: visible!important
}
.results-container p {
    color: #182b49
}
#calculatorwrapper p {
    text-align: left;
    color: inherit
}
#calculatorwrapper .smlTextWidth p:nth-last-child(1), #calculatorwrapper p:nth-last-child(1) {
    margin-bottom: 0
}
#calculatorwrapper input[type=password], #calculatorwrapper input[type=text], #calculatorwrapper select, #calculatorwrapper textarea {
    outline: 0
}
#calculatorwrapper h1, #calculatorwrapper h2, #calculatorwrapper h3, #calculatorwrapper h4, #calculatorwrapper h5, #calculatorwrapper h6 {
    font-weight: 400
}
#calculatorwrapper h3 {
    margin-bottom: 1.2rem
}
#calculatorwrapper .clearfix:after {
    content: "";
    display: table;
    clear: both
}
.wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
    position: relative;
    text-align: center;
    overflow: hidden
}
#calculatorwrapper .section {
    padding: 20px 0;
    overflow: hidden
}
#calculatorwrapper .section p {
    font-family: inherit;
    font-weight: 400
}
#calculatorwrapper .section.no-top {
    padding-top: 0
}
#calculatorwrapper .col-1-2 {
    width: 48%;
    margin: 1%;
    position: relative;
    display: inline-block;
    vertical-align: top
}
#calculatorwrapper .vertical {
    vertical-align: middle
}
#calculatorwrapper .col-1 {
    margin: 1%;
    width: 98%;
    position: relative
}
#calculatorwrapper .col-1-4 {
    width: 23%;
    margin: 1%;
    position: relative;
    display: inline-block;
    vertical-align: middle
}
#calculatorwrapper .grey {
    background: #e5e5e5
}
#calculatorwrapper .center {
    text-align: center
}
#calculatorwrapper span {
    display: inline-block
}
#calculatorwrapper input {
    line-height: 50px;
    height: 50px;
    width: 80%;
    margin: 0 10%;
    padding: 0 10px;
    border: 1px solid #041f3f;
    font-size: 16px;
    display: inline-block;
    color: #041f3f;
    font-family: Arial, Helvetica, sans-serif
}
#calculatorwrapper .mortgages {
    display: none;
    transition: all ease .4s
}
#calculatorwrapper .hidden {
    display: none
}
@media only screen and (min-width:768px) {
    #calculatorwrapper .hidden {
        font-size: .78em
    }
}
#calculatorwrapper .calculate {
    line-height: 50px;
    height: 50px;
    text-align: center;
    background: #00ADED;
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #00ADED;
    transition: all ease .9s;
    width: 90%;
    float: left;
    margin: 0
}
#calculatorwrapper .reset {
    line-height: 50px;
    height: 50px;
    text-align: center;
    background: #dbe3e8;
    color: #041f3f;
    border: none;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #dbe3e8;
    transition: all ease .9s;
    width: 90%;
    float: right;
    margin: 0
}
#calculatorwrapper input.calculated {
    background: 0 0;
    border: none;
    font-size: 1em
}
#calculatorwrapper .small p {
    font-size: 12px
}
@media only screen and (max-width:767px) {
    #calculatorwrapper .col-1-2, #calculatorwrapper .col-1-3, #calculatorwrapper .col-1-4, #calculatorwrapper .col-1-5, #calculatorwrapper .col-2-3, #calculatorwrapper .col-2-5, #calculatorwrapper .col-3-4, #calculatorwrapper .col-3-5, #calculatorwrapper .col-4-5, footer .col-1-4 {
        width: 98%;
        margin: 1%
    }
    #calculatorwrapper input, #calculatorwrapper p {
        text-align: center
    }
    #calculatorwrapper input {
        width: 96%;
        margin: 0
    }
    #calculatorwrapper .calculate, #calculatorwrapper .reset {
        float: none;
        width: 100%
    }
}
@media only screen and (max-width:600px) {
    #calculatorwrapper input {
        width: 210px;
        margin: 0 auto
    }
    #calculatorwrapper .calculate, #calculatorwrapper .reset {
        width: 210px;
        margin: 0 auto
    }
    #calculatorwrapper h1 {
        font-size: 2rem
    }
}
#sjp-retirement-calc {
    font-family: inherit;
    background-color: #fff;
    padding: 20px 0
}
#sjp-retirement-calc h1 {
    line-height: 1.2;
    margin-bottom: 20px
}
#sjp-retirement-calc .smlTextWidth p:nth-last-child(1), #sjp-retirement-calc p:nth-last-child(1) {
    margin-bottom: 0
}
#sjp-retirement-calc input[type=number], #sjp-retirement-calc input[type=password], #sjp-retirement-calc input[type=text], #sjp-retirement-calc select, #sjp-retirement-calc textarea {
    outline: 0
}
#sjp-retirement-calc input[type=number]::-webkit-inner-spin-button, #sjp-retirement-calc input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
#sjp-retirement-calc #calculatorform p {
    text-align: left;
    padding-left: 28px;
    color: #041f3f
}
#sjp-retirement-calc #calculatorform .col-1-2 {
    text-align: left
}
#sjp-retirement-calc .hidden-input {
    background: rgba(255, 255, 255, .8);
    border: 0;
    text-align: center;
    color: #041f3f;
    font-weight: 400;
    width: 100%;
    padding: 0;
    height: 40px;
    line-height: 40px
}
#sjp-retirement-calc .hidden-input.big {
    font-size: 30px;
    color: #041f3f;
    background: rgba(255, 255, 255, .6);
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    width: 68%;
    padding: 0
}
#sjp-retirement-calc .grey:after {
    display: none
}
#sjp-retirement-calc p {
    color: #041f3f;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.3;
    margin: 0 0 18px
}
#sjp-retirement-calc .section.intro {
    padding: 20px 38px
}
#sjp-retirement-calc .intro p {
    text-align: left
}
#sjp-retirement-calc .darkback {
    background: rgba(4, 31, 63, .3);
    margin: 25px 0;
    padding: 15px
}
#sjp-retirement-calc .calculations .darkback p {
    color: #fff;
    margin-bottom: 5px
}
#sjp-retirement-calc p.bigp {
    display: inline-block;
    margin: 0;
    width: 30%;
    text-align: left;
    vertical-align: middle
}
#sjp-retirement-calc .clearfix:after {
    content: "";
    display: table;
    clear: both
}
#sjp-retirement-calc .wrapper {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
    position: relative;
    text-align: center;
    overflow: hidden
}
#sjp-retirement-calc .section {
    padding: 20px 0;
    position: relative
}
#sjp-retirement-calc .section.no-top {
    padding-top: 0
}
#sjp-retirement-calc .section.no-bottom {
    padding-bottom: 0
}
#sjp-retirement-calc .col-1-2 {
    width: 48%;
    margin: 1%;
    position: relative;
    display: inline-block;
    vertical-align: middle
}
#sjp-retirement-calc .col-1 {
    margin: 1%;
    width: 98%;
    position: relative;
    text-align: center
}
#sjp-retirement-calc .grey {
    background: #e5e5e5
}
#sjp-retirement-calc .dark-grey {
    background: #4a4a4a
}
#sjp-retirement-calc .purple {
    background: #452c6a
}
#sjp-retirement-calc .green {
    background: #4aac34
}
#sjp-retirement-calc .center {
    text-align: center
}
#sjp-retirement-calc span {
    display: inline-block
}
#sjp-retirement-calc input {
    line-height: 30px;
    height: 30px;
    width: 80%;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 10px;
    border: solid 1px #3084ab;
    font-size: 16px;
    display: inline-block;
    text-align: left
}
#sjp-retirement-calc .noUi-target {
    width: 87%;
    margin-left: 10%;
    top: 50%;
    top: calc(50% - 9px)
}
#sjp-retirement-calc .noUi-horizontal .noUi-handle {
    width: 28px;
    height: 28px;
    left: -14px;
    top: -10px
}
#sjp-retirement-calc .noUi-handle {
    border-radius: 14px
}
#sjp-retirement-calc .noUi-handle:before {
    left: 10px
}
#sjp-retirement-calc .noUi-handle:after {
    left: 15px
}
#sjp-retirement-calc .noUi-connect {
    background: #00ADED
}
#sjp-retirement-calc .noUi-horizontal {
    height: 8px
}
#sjp-retirement-calc .noUi-target {
    background: #dbe3e8;
    border-radius: 0;
    border: none;
    box-shadow: none;
    z-index: 10
}
#sjp-retirement-calc .ui-spinner-input {
    line-height: 30px;
    height: 30px;
    width: 95%;
    margin: 0;
    padding: 0 2%;
    border: solid 1px rgba(0, 0, 0, .2);
    font-size: 16px;
    display: block;
    background: #fff;
    color: #041f3f
}
#sjp-retirement-calc .ui-widget.ui-widget-content {
    background: 0 0;
    border: 0;
    width: 100%;
    border-radius: 0
}
#sjp-retirement-calc .ui-widget button, #sjp-retirement-calc .ui-widget input, #sjp-retirement-calc .ui-widget select, #sjp-retirement-calc .ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px
}
#sjp-retirement-calc .ui-spinner-up {
    top: 3px;
    border: 0;
    background: 0 0;
    color: #000;
    width: 1.6em
}
#sjp-retirement-calc .ui-spinner-up .ui-icon {
    background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/images/ui-icons_222222_256x240.png)
}
#sjp-retirement-calc .ui-spinner-down {
    bottom: 3px;
    border: 0;
    background: 0 0;
    color: #000;
    width: 1.6em
}
#sjp-retirement-calc .ui-spinner-down .ui-icon {
    background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/images/ui-icons_222222_256x240.png)
}
#sjp-retirement-calc .noUi-horizontal .noUi-tooltip {
    color: #182b49;
    font-size: 1.6rem;
    padding: 10px 5px 5px;
    line-height: 1
}
#sjp-retirement-calc .slider {
    margin: 3% 1%
}
#sjp-retirement-calc .slider p {
    padding-left: 24px!important;
    margin-bottom: 50px
}
#sjp-retirement-calc .slider p.manual {
    text-align: center;
    font-size: 14px;
    display: block;
    padding: 5px 10px;
    color: #3084ab!important;
    background: 0 0;
    border: 1px solid #3084ab;
    cursor: pointer;
    width: 100px;
    position: absolute;
    top: -34px;
    right: 3%;
    transition: all ease .3s;
    margin-bottom: 0;
    line-height: 1.3
}
#sjp-retirement-calc .slider p.manual {
    padding-left: 10px!important;
    text-align: center!important
}
@media only screen and (min-width:1000px) {
    #sjp-retirement-calc .slider .manual:hover {
        background: #3084ab;
        border: 1px solid #3084ab;
        color: #fff!important;
        transition: all ease .3s
    }
}
#sjp-retirement-calc .slider input {
    display: none;
    width: 100px;
    position: absolute;
    top: -34px;
    right: 3%;
    margin-bottom: 0;
    height: 34px;
    line-height: 34px
}
#sjp-retirement-calc .hidden {
    display: none
}
#sjp-retirement-calc .calculate {
    line-height: 50px;
    height: 50px;
    text-align: center;
    background: #4aac34;
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #4aac34;
    transition: all ease .9s
}
@media only screen and (min-width:1000px) {
    #sjp-retirement-calc .calculate:hover {
        box-shadow: inset 380px 0 0 0 #60b64c;
        color: #fff;
        transition: all ease .9s
    }
}
#sjp-retirement-calc .reset {
    line-height: 50px;
    height: 50px;
    text-align: center;
    background: #4a4a4a;
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #4a4a4a;
    transition: all ease .9s
}
#sjp-retirement-calc .ct-series-a .ct-line {
    stroke: #041f3f
}
#sjp-retirement-calc .ct-series-a .ct-point {
    stroke: #041f3f
}
#sjp-retirement-calc .ct-series-b .ct-line {
    stroke: #dbe3e8
}
#sjp-retirement-calc .ct-series-b .ct-point {
    stroke: #dbe3e8
}
#sjp-retirement-calc .ct-perfect-fourth {
    width: 98%;
    margin: 1%
}
#sjp-retirement-calc .ct-label {
    font-size: 1.3rem
}
#sjp-retirement-calc .pension:before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    margin-right: 5px;
    background: #041f3f;
    vertical-align: middle
}
#sjp-retirement-calc .today:before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    margin-right: 5px;
    background: #dbe3e8;
    margin-left: -10px;
    vertical-align: middle
}
#sjp-retirement-calc .calculations {
    background: #dbe3e8;
    padding: 20px;
    position: relative;
    z-index: 2
}
#sjp-retirement-calc .calculations .left {
    float: none
}
#sjp-retirement-calc .calculations p {
    color: #041f3f
}
#sjp-retirement-calc .borderbox {
    border: 1px solid #3084ab
}
#sjp-retirement-calc .calculations .sub {
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 10px!important
}
#sjp-retirement-calc .calculations .left p {
    text-align: left
}
#sjp-retirement-calc .bgcolor {
    padding: 0;
    margin-bottom: 30px
}
#sjp-retirement-calc .bgcolor:after {
    content: "";
    position: absolute;
    right: 1%;
    width: 48%;
    top: 0;
    bottom: 0;
    left: 51%;
    background: #dbe3e8;
    height: 100%;
    z-index: 1
}
#sjp-retirement-calc .calculations .holder {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 100%;
    width: 100%
}
@media only screen and (min-width:1000px) {
    #sjp-retirement-calc .reset:hover {
        box-shadow: inset 380px 0 0 0 #7b7b7b;
        color: #fff;
        transition: all ease .9s
    }
}
#sjp-retirement-calc .calculated {
    background: 0 0;
    border: none;
    font-size: 30px;
    font-weight: 700;
    color: #452c6a
}
#sjp-retirement-calc .trigger {
    margin-top: 18px;
    text-decoration: none;
    transition: all ease .3s;
    color: #041f3f;
    font-size: 1.6rem;
    display: block;
    text-align: center
}
#sjp-retirement-calc .trigger:after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
    transition: all ease .3s
}
#sjp-retirement-calc .trigger.up:after {
    content: "\f106";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
    transition: all ease .3s
}
#sjp-retirement-calc .calculations .darkback p:not(.sub) {
    height: 38px
}
@media only screen and (max-width:650px) {
    #sjp-retirement-calc .calculations .darkback p:not(.sub) {
        height: auto
    }
    #sjp-retirement-calc .paddingmob {
        padding: 0 20px
    }
    #sjp-retirement-calc .bgcolor:after {
        display: none
    }
    #sjp-retirement-calc .col-1-2, #sjp-retirement-calc .col-1-3, #sjp-retirement-calc .col-1-4, #sjp-retirement-calc .col-1-5, #sjp-retirement-calc .col-2-3, #sjp-retirement-calc .col-2-5, #sjp-retirement-calc .col-3-4, #sjp-retirement-calc .col-3-5, #sjp-retirement-calc .col-4-5 {
        width: 98%;
        margin: 1%
    }
    #sjp-retirement-calc .calculations .left {
        width: 48%;
        margin: 1%
    }
    #sjp-retirement-calc input {
        margin: 0 auto
    }
    #sjp-retirement-calc .noUi-target {
        width: 100%;
        margin: 30px auto 0
    }
    #sjp-retirement-calc .blank {
        display: none
    }
    #sjp-retirement-calc .slider {
        padding: 10px 0;
        margin: 0
    }
    #sjp-retirement-calc .noUi-horizontal .noUi-handle {
        left: 0
    }
    #sjp-retirement-calc .middle-height {
        top: auto;
        -ms-transform: none;
        transform: none
    }
    #sjp-retirement-calc #calculatorform p {
        padding: 0!important;
        margin-bottom: 0
    }
    #sjp-retirement-calc .ui-spinner-down, #sjp-retirement-calc .ui-spinner-up {
        right: 10px
    }
    #sjp-retirement-calc #calculatorform {
        padding: 20px
    }
    #sjp-retirement-calc .slider p.manual {
        right: 0
    }
    #sjp-retirement-calc p.bigp {
        width: 38%
    }
    #sjp-retirement-calc .hidden-input.big {
        width: 60%;
        font-size: 28px
    }
    #sjp-retirement-calc .slider input {
        right: 0;
        margin-top: 15px
    }
    #sjp-retirement-calc .slider p {
        text-align: left
    }
}
.mortgage_calculator p{
	float: none;
}

.resultholder .value, .resultholder span{
    font-family: Arial, Helvetica, sans-serif
}

.ct-label.ct-vertical.ct-start, .ct-label.ct-horizontal.ct-end{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal !important;
}