a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.cf:after,.cf:before {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom:1}
strong {
    font-weight: 600
}
body b,

body strong {

    font-weight: 700

}

.btn-std {
    -webkit-appearance: none;
    background-color: #0082ba;
    text-transform: uppercase;
    color: #fff;
    padding-left: 12px;
    padding-right: 12px;
    text-decoration: none;
    line-height: 2em;
    height: 2em;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
    transition: background .2s linear
}

.btn-std:hover {
    text-decoration: none;
    background-color: #0094d4;
    transition: background .2s linear
}

.btn-std.asset-finance {
    background-color: #31556d
}

.btn-std.asset-finance:hover {
    background-color: #3d6987
}

.btn-std.investing {
    background-color: #adbd3e
}

.btn-std.investing:hover {
    background-color: #c3d647
}

.btn-std.contactus {
    background-color: #3e4043
}

.btn-std.contactus:hover {
    background-color: #55585c
}

.btn-std.callaccount {
    background-color: #3bae7e
}

.btn-std.callaccount:hover {
    background-color: #44c790
}

.btn-std.capitaldrawdown {
    background-color: #8bbb4b
}

.btn-std.capitaldrawdown:hover {
    background-color: #9dd455
}

.btn-std.securedterm {
    background-color: #aebe3e
}

.btn-std.securedterm:hover {
    background-color: #c8d948
}

@media (max-width: 767px) {
    .btn-std {
        font-size:14px;
        font-size: .875rem
    }
}

.innerWrapper {
    max-width: 960px;
    margin: 0 auto;
    width: 90%
}

.ie8 .innerWrapper {
    width: 960px
}

.heading-icon {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    color: #0082ba;
    padding-left: 53px;
    background-image: url(../images/spritesheet-icons-desktop.png);
    background-repeat: no-repeat;
    padding-bottom: 3px;
    padding-top: 3px
}

@media (max-width: 767px) {
    .heading-icon {
        font-size:22px;
        font-size: 1.375rem;
        padding-left: 48px
    }
}

@media (max-width: 479px) {
    .heading-icon {
        padding-left:35px;
        font-size: 18px;
        font-size: 1.125rem;
        background-image: url(../images/spritesheet-icons-mobile.png);
        background-size: 75px
    }
}

.heading-icon a {
    text-decoration: none;
    font-weight: 300;
    color: #808184
}

.heading-icon.calculator {
    background-position: -59px -720px
}

@media (max-width: 479px) {
    .heading-icon.calculator {
        background-position:-26px -267px
    }
}

.heading-icon.email {
    background-position: -59px -4318px
}

@media (max-width: 479px) {
    .heading-icon.email {
        background-position:-26px -2143px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 25px
    }
}

.heading-icon.phone {
    background-position: -52px -4420px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 65px
}

@media (max-width: 767px) {
    .heading-icon.phone {
        background-position:-48px -4124px;
        background-size: 140px
    }
}

@media (max-width: 479px) {
    .heading-icon.phone {
        background-position:-22px -2099px;
        padding-top: 3px;
        padding-bottom: 3px;
        background-size: 75px;
        padding-left: 40px
    }
}

.heading-icon.fax {
    background-position: -50px -4520px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 65px
}

@media (max-width: 767px) {
    .heading-icon.fax {
        background-size:140px;
        background-position: -46px -4218px
    }
}

@media (max-width: 479px) {
    .heading-icon.fax {
        background-position:-21px -2198px;
        padding-top: 3px;
        padding-bottom: 3px;
        background-size: 75px;
        padding-left: 40px
    }
}

.heading-icon.mail {
    background-position: -52px -4619px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 65px
}

@media (max-width: 767px) {
    .heading-icon.mail {
        background-size:140px;
        background-position: -46px -4310px
    }
}

@media (max-width: 479px) {
    .heading-icon.mail {
        background-position:-23px -2247px;
        padding-top: 3px;
        padding-bottom: 3px;
        background-size: 75px;
        padding-left: 40px
    }
}

.heading-icon.contactus {
    background-position: -50px -8750px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 65px;
    text-decoration: none;
    font-weight: 500;
    display: block
}

@media (max-width: 767px) {
    .heading-icon.contactus {
        background-size:140px;
        background-position: -46px -8165px
    }
}

@media (max-width: 479px) {
    .heading-icon.contactus {
        background-position:-16px -4880px;
        padding-top: 13px;
        padding-bottom: 13px;
        background-size: 75px;
        padding-left: 55px
    }
}

.heading-icon.document {
    background-position: -49px -6590px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 65px;
    text-decoration: none;
    font-weight: 500;
    display: block
}

@media (max-width: 767px) {
    .heading-icon.document {
        background-size:140px;
        background-position: -46px -6150px
    }
}

@media (max-width: 479px) {
    .heading-icon.document {
        background-position:-16px -4064px;
        padding-top: 13px;
        padding-bottom: 13px;
        background-size: 75px;
        padding-left: 55px
    }
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 1.5;
    color: #3e4043;
    font-family: Roboto,sans-serif;
    font-weight: 300
}

body .size10 {
    font-size: 10px;
    font-size: .625rem
}

body .hidden {
    display: none!important
}

body input,body select,body textarea {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    line-height: 1.5;
    color: #3e4043;
    font-size: 12px;
    font-size: .75rem;
    outline: 0
}

body .formstyle01 {
    margin: 1.6em 0
}

body .formstyle01 table {
    margin: 0
}

body .formstyle01 .row {
    margin-bottom: 12px
}

body .formstyle01 .row label {
    float: left;
    font-size: 12px;
    font-size: .75rem;
    position: relative;
    max-width: 33%;
    padding: 4px 0
}

@media (max-width: 479px) {
    body .formstyle01 .row label {
        font-size:10px;
        font-size: .625rem
    }
}

body .formstyle01 .row label .help {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: .5rem;
    background: #0082ba;
    text-align: center;
    line-height: 1rem;
    font-size: .7rem;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    margin-left: .2rem
}

@media (max-width: 479px) {
    body .formstyle01 .row label .help {
        margin-left:.25rem
    }
}

body .formstyle01 .row .field {
    float: right;
    width: 67%
}

@media (max-width: 479px) {
    body .formstyle01 .row .field {
        width:60%
    }
}

body .formstyle01 .row .field label {
    width: auto;
    float: none;
    max-width: none;
    display: block
}

body .formstyle01 .row .field input {
    width: 100%;
    border: 1px solid #0082ba;
    font-size: 12px;
    font-size: .75rem;
    color: #3e4043;
    padding: 5px;
    box-sizing: border-box
}

body .formstyle01 .row .field input::placeholder {
    color: #3e4043
}

body .formstyle01 .row .field input[readonly] {
    background: #f0f0f0
}

body .formstyle01 .row .field input[type=checkbox],body .formstyle01 .row .field input[type=radio] {
    float: left;
    margin-top: .7em;
    margin-right: .6em;
    width: auto
}

body .formstyle01 .row .field select {
    width: 100%;
    border: 1px solid #0082ba;
    padding: 6px 3px
}

body .formstyle01 .row .field textarea {
    width: 100%;
    border: 1px solid #0082ba;
    padding: 6px 3px;
    box-sizing: border-box
}

body .formstyle01 .row .field .tpSurveyOptionPost {
    font-size: 12px;
    font-size: .75rem;
    display: block;
    padding-top: .5em
}

@media (max-width: 479px) {
    body .formstyle01 .row .field .tpSurveyOptionPost {
        font-size:10px;
        font-size: .625rem
    }
}

body .formstyle01 .row .field.datetime div {
    float: left;
    width: 30%;
    margin-left: 5%
}

body .formstyle01 .row .field.datetime div:first-child {
    margin-left: 0
}

body .formstyle01 .row .field.phoneNumber input {
    width: 70%;
    margin-left: 5%;
    box-sizing: border-box;
    float: left
}

body .formstyle01 .row .field.phoneNumber input:first-child {
    width: 25%;
    margin-left: 0
}

body .formstyle01 .row.tall {
    min-height: 2.9em
}

@media (max-width: 799px) {
    body .formstyle01 .row.tall {
        min-height:0
    }
}

body .formstyle01 .row .tpSurveyItem.tpSurveyHidden {
    display: none
}

body .formstyle01 .row .tpSurveyItem.tpSurveyCheckbox {
    position: relative
}

body .formstyle01 .row .tpSurveyItem.tpSurveyCheckbox .tpSurveyOptions {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    z-index: 1
}

body .formstyle01 .row .tpSurveyItem.tpSurveyCheckbox .tpSurveyQuestion {
    float: right;
    width: 100%;
    text-align: left;
    margin: 0;
    padding-left: 30px;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1rem
}

@media (max-width: 767px) {
    body .formstyle01 .row .tpSurveyItem.tpSurveyCheckbox .tpSurveyQuestion {
        font-size:14px;
        font-size: .875rem
    }
}

@media (max-width: 479px) {
    body .formstyle01 .row .tpSurveyItem.tpSurveyCheckbox .tpSurveyQuestion {
        font-size:12px;
        font-size: .75rem
    }
}

body .formstyle01 .row .tpSurveyItem .tpSurveyOptions {
    float: right;
    width: 67%
}

body .formstyle01 .row .tpSurveyItem .tpSurveyOptions label {
    width: auto;
    float: none;
    max-width: none;
    display: block
}

body .formstyle01 .row .tpSurveyItem .tpSurveyOptions input[type=text] {
    width: 100%;
    border: 1px solid #0082ba;
    font-size: 12px;
    font-size: .75rem;
    color: #3e4043;
    padding: 5px;
    box-sizing: border-box
}

body .formstyle01 .row .tpSurveyItem .tpSurveyOptions input[type=text]::placeholder {
    color: #3e4043
}

body .formstyle01 .row .tpSurveyItem .tpSurveyOptions input[type=text][readonly] {
    background: #f0f0f0
}

body .formstyle01 .row .tpSurveyItem .tpSurveyOptions input[type=checkbox],body .formstyle01 .row .tpSurveyItem .tpSurveyOptions input[type=radio] {
    float: left;
    margin-top: .7em;
    margin-right: .6em;
    width: auto
}

body .formstyle01 .row .tpSurveyItem .tpSurveyOptions select {
    width: 100%;
    border: 1px solid #0082ba;
    padding: 6px 3px
}

body .formstyle01 .row .tpSurveyItem .tpSurveyOptions textarea {
    width: 100%;
    border: 1px solid #0082ba;
    padding: 6px 3px;
    box-sizing: border-box
}

body .formstyle01 .row .tpSurveyItem .tpSurveyOptions .tpSurveyOptionPost {
    font-size: 12px;
    font-size: .75rem;
    display: block;
    padding-top: .5em
}

@media (max-width: 479px) {
    body .formstyle01 .row .tpSurveyItem .tpSurveyOptions .tpSurveyOptionPost {
        font-size:10px;
        font-size: .625rem
    }
}

body .formstyle01 .row .tpSurveyItem .tpSurveyQuestion {
    float: left;
    width: 31%;
    font-size: 12px;
    font-size: .75rem;
    position: relative;
    padding: 5px 0;
    display: block;
    margin-right: 2%
}

@media (max-width: 479px) {
    body .formstyle01 .row .tpSurveyItem .tpSurveyQuestion {
        font-size:10px;
        font-size: .625rem
    }
}

body .formstyle01 .row .tpSurveyItem table.tpSurveyOptions {
    float: left;
    width: auto
}

body .formstyle01 .row .tpSurveyItem table.tpSurveyOptions .tpSurveyOption label {
    float: left;
    margin-right: 2em
}

body .formstyle01 .row .tpSurveyItem .g-recaptcha>div {
    height: auto!important
}

body .formstyle01 .tpSurveyButtons {
    text-align: right
}

body .formstyle01.formColumns {
    max-width: 800px
}

@media (max-width: 799px) {
    body .formstyle01.formColumns {
        max-width:600px
    }
}

body .formstyle01.formColumns .col1 {
    float: left;
    width: 58%
}

@media (max-width: 799px) {
    body .formstyle01.formColumns .col1 {
        float:none;
        width: 100%
    }
}

body .formstyle01.formColumns .col1 .yearMonth .col1 {
    width: 48%;
    float: left
}

body .formstyle01.formColumns .col1 .yearMonth .col2 {
    width: 48%;
    float: right
}

body .formstyle01.formColumns .col1 .yearMonth .col2 label {
    display: block
}

body .formstyle01.formColumns .col2 {
    float: right;
    width: 40%
}

@media (max-width: 799px) {
    body .formstyle01.formColumns .col2 {
        float:none;
        width: 100%
    }
}

body .formstyle01.formColumns .col2 .yearMonth .col1 {
    width: 48%;
    float: left
}

body .formstyle01.formColumns .col2 .yearMonth .col2 {
    width: 48%;
    float: right
}

body .formstyle01.formColumns .col2 .yearMonth .col2 label {
    display: block
}

body .formstyle01.formColumns .col2 .tpSurveyQuestion,body .formstyle01.formColumns .col2 label {
    display: none
}

@media (max-width: 799px) {
    body .formstyle01.formColumns .col2 .tpSurveyQuestion,body .formstyle01.formColumns .col2 label {
        display:block
    }
}

body .formstyle01.formColumns .col2 .field,body .formstyle01.formColumns .col2 .tpSurveyOptions {
    width: 100%
}

@media (max-width: 799px) {
    body .formstyle01.formColumns .col2 .field,body .formstyle01.formColumns .col2 .tpSurveyOptions {
        width:67%
    }
}

@media (max-width: 479px) {
    body .formstyle01.formColumns .col2 .field,body .formstyle01.formColumns .col2 .tpSurveyOptions {
        width:60%
    }
}

body .formstyle01.formColumns .col2 .field label,body .formstyle01.formColumns .col2 .tpSurveyOptions label {
    display: block
}

body .loanCalculator {
    margin-bottom: 1.25em
}

body .loanCalculator .results .row {
    float: left;
    width: 30%;
    margin-left: 5%;
    margin-bottom: 0
}

body .loanCalculator .results .row:first-child {
    margin-left: 0
}

body .loanCalculator .results .row.row1 {
    float: right
}

body .loanCalculator .results .row label {
    float: none;
    width: auto;
    font-weight: 700
}

body .loanCalculator .results .row .field {
    float: none;
    width: auto
}

body .loanCalculator .results .row .field input {
    background-color: #f1f1f2;
    border: 0
}

body .helpPopup {
    background-color: #0082ba;
    color: #fff;
    padding: 2%;
    margin: 0 auto;
    width: 40%;
    position: fixed;
    top: 10%;
    left: 30%;
    z-index: 1000;
    box-sizing: border-box
}

@media (max-width: 1023px) {
    body .helpPopup {
        width:60%;
        left: 20%;
        padding: 5%
    }
}

@media (max-width: 767px) {
    body .helpPopup {
        width:80%;
        left: 10%;
        top: 8%
    }
}

body .helpPopup h4 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0;
    padding-right: 40px
}

@media (max-width: 767px) {
    body .helpPopup h4 {
        font-size:18px;
        font-size: 1.125rem
    }
}

body .helpPopup .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-image: url(../images/spritesheet-icons-desktop.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-position: center -1980px
}

@media (max-width: 767px) {
    body .helpPopup .btn-close {
        width:20px;
        height: 20px;
        background-size: 75px;
        background-image: url(../images/spritesheet-icons-mobile.png);
        background-position: center -1030px
    }
}

body .helpPopup a {
    color: #fff
}

body .loanCalculator-v2 {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    background-color: #eff7fa
}

body .loanCalculator-v2.comparing .mobile-nav .compare {
    display: none
}

body .loanCalculator-v2.comparing .mobile-nav .toggle {
    display: block
}

body .loanCalculator-v2.comparing .mobile-nav .toggle .col1 {
    background: #a3c5d9;
    z-index: 1
}

body .loanCalculator-v2.comparing .mobile-nav .toggle .col1:before {
    border-bottom-color: #a3c5d9
}

body .loanCalculator-v2.comparing .mobile-nav .toggle .col2 {
    background: #0e6e9e;
    z-index: 2
}

body .loanCalculator-v2.comparing .mobile-nav .toggle .col2:before {
    border-bottom-color: #0e6e9e
}

body .loanCalculator-v2.comparing .compare-button-desktop {
    display: none
}

body .loanCalculator-v2.comparing .forms-wrapper .compare-form {
    display: inline-block
}

body .loanCalculator-v2.comparing.invalid .disclaimer-wrapper{
    margin-top: 0px;
}

body .loanCalculator-v2.comparing.compare.invalid2 .disclaimer-wrapper {
     margin-top: 57px;
}
body .loanCalculator-v2.comparing .disclaimer-wrapper{
    /* margin-top: 57px; */
}

body .loanCalculator-v2.comparing .disclaimer-wrapper .disclaimer {
    float: left;
    width: 48%
}

body .loanCalculator-v2.comparing.compare .disclaimer-wrapper .disclaimer {
    display: none;
}

@media (max-width: 799px) {
    body .loanCalculator-v2.comparing .disclaimer-wrapper .disclaimer {
        float:none;
        width: auto;
    }
}

body .loanCalculator-v2.comparing .disclaimer-wrapper .disclaimer-compare {
    float: right;
    width: 48%;
    display: block;
    position: a;
}

@media (max-width: 799px) {
    body .loanCalculator-v2.comparing .disclaimer-wrapper .disclaimer-compare {
        float:none;
        width: auto;
    }
}

body .loanCalculator-v2.comparing.original .mobile-nav .toggle .col1 {
    background: #0e6e9e;
    z-index: 2
}

body .loanCalculator-v2.comparing.original .mobile-nav .toggle .col1:before {
    border-bottom-color: #0e6e9e
}

body .loanCalculator-v2.comparing.original .mobile-nav .toggle .col2 {
    background: #a3c5d9;
    z-index: 1
}

body .loanCalculator-v2.comparing.original .mobile-nav .toggle .col2:before {
    border-bottom-color: #a3c5d9
}

body .loanCalculator-v2.comparing.original .forms-wrapper .compare-form {
    z-index: 1
}

body .loanCalculator-v2 .heading-group {
    max-width: 390px;
    margin: 0 auto;
    text-align: left
}

body .loanCalculator-v2 .compare-button-desktop {
    margin-top: 150px;
    display: inline-block;
    vertical-align: text-top
}

@media (max-width: 767px) {
    body .loanCalculator-v2 .compare-button-desktop {
        display:none
    }
}

body .loanCalculator-v2 .compare-button-desktop a {
    text-decoration: none;
    font-size: 24px;
    font-size: 1.5rem;
    color: #8C8D8F;
    font-weight: 400
}

body .loanCalculator-v2 .compare-button-desktop a span:first-child {
    display: block;
    width: 50px;
    height: 50px;
    background: #adbd3e;
    color: #fff;
    font-weight: 500;
    border-radius: 25px;
    line-height: 50px;
    font-size: 40px;
    font-size: 2.5rem;
    margin: 0 auto 10px;
    text-align: center
}

body .loanCalculator-v2 .mobile-nav {
    max-width: 400px;
    margin: 0 auto;
    display: none;
    overflow: hidden
}

@media (max-width: 767px) {
    body .loanCalculator-v2 .mobile-nav {
        display:block
    }
}

body .loanCalculator-v2 .mobile-nav .toggle {
    overflow: hidden;
    display: none
}

body .loanCalculator-v2 .mobile-nav .toggle .col1 {
    float: left;
    width: 45%;
    background: #0e6e9e;
    position: relative
}

body .loanCalculator-v2 .mobile-nav .toggle .col1:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 34px solid #a3c5d9;
    border-right: 34px solid transparent;
    position: absolute;
    right: -34px;
    top: 0
}

body .loanCalculator-v2 .mobile-nav .toggle .col1 a {
    text-align: left
}

body .loanCalculator-v2 .mobile-nav .toggle .col2 {
    float: right;
    width: 45%;
    background: #0e6e9e;
    position: relative
}

body .loanCalculator-v2 .mobile-nav .toggle .col2:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 34px solid #0e6e9e;
    border-left: 34px solid transparent;
    position: absolute;
    left: -34px;
    top: 0
}

body .loanCalculator-v2 .mobile-nav .toggle .col2 a {
    float: right
}

body .loanCalculator-v2 .mobile-nav .toggle .col2 a:first-child {
    float: left
}

body .loanCalculator-v2 .mobile-nav .toggle a {
    display: block;
    padding: 5px;
    box-sizing: border-box;
    text-decoration: none;
    color: #fff
}

body .loanCalculator-v2 .mobile-nav .toggle a span {
    float: right;
    font-weight: 500
}

body .loanCalculator-v2 .mobile-nav .compare {
    overflow: hidden;
    margin-bottom: 5px
}

body .loanCalculator-v2 .mobile-nav .compare a {
    display: block;
    text-align: right;
    text-decoration: none
}

body .loanCalculator-v2 .mobile-nav .compare a span {
    float: right;
    display: block;
    line-height: 30px;
    font-size: 14px;
    font-size: .875rem;
    color: #666
}

body .loanCalculator-v2 .mobile-nav .compare a .icon {
    display: block;
    text-align: center;
    width: 30px;
    height: 30px;
    background: #adbd3e;
    color: #fff;
    font-weight: 500;
    border-radius: 15px;
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 auto 0 10px;
    float: right !important;
}

body .loanCalculator-v2 .forms-wrapper {
    position: relative;
    margin: 0 auto 2em
}

@media (max-width: 767px) {
    body .loanCalculator-v2 .forms-wrapper {
        max-width:400px
    }
}

body .loanCalculator-v2 .forms-wrapper .calc01 {
    position: relative;
    width: 45%;
    display: inline-block;
    vertical-align: text-top;
    margin: 0 2%;
    z-index: 2
}

@media (max-width: 767px) {
    body .loanCalculator-v2 .forms-wrapper .calc01 {
        width:auto;
        display: block;
        margin: 0 auto
    }
}

body .loanCalculator-v2 .forms-wrapper .calc01 .close-compare-form {
    display: block;
    width: 24px;
    height: 24px;
    background: #00a9e8;
    border-radius: 12px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 100;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    line-height: 24px;
    text-align: center
}

@media (max-width: 767px) {
    body .loanCalculator-v2 .forms-wrapper .calc01 .close-compare-form {
        display:none
    }
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row {
    color: #fff;
    background: #0e6e9e;
    padding: 20px 20px 0
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row .help {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: .5rem;
    background: #0082ba;
    text-align: center;
    line-height: 1rem;
    font-size: .7rem;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    margin-left: .2rem
}

@media (max-width: 479px) {
    body .loanCalculator-v2 .forms-wrapper .calc01 .row .help {
        margin-left:.25rem
    }
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.amount {
    position: relative;
    padding-left: 130px
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.amount label {
    position: absolute;
    left: 20px;
    line-height: 50px;
    display: block
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.amount .currency {
    position: relative
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.amount .currency .symbol {
    position: absolute;
    left: 5px;
    top: 0;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 28px;
    font-size: 1.75rem;
    color: #000;
    height: 50px;
    line-height: 50px
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.amount .currency .numeric {
    float: right;
    padding: 4px 5px 4px 0;
    border: 0;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 28px;
    font-size: 1.75rem;
    width: 100%;
    box-sizing: border-box;
    text-align: right
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.term label {
    line-height: 50px;
    display: block;
    float: left
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.term select {
    font-size: 28px;
    font-size: 1.75rem;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    color: #fff;
    background: #0e6e9e;
    border: 0;
    float: right;
    margin-top: 5px;
    cursor: pointer;
    text-align-last: right;
    width: 144px;
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.rate {
    position: relative;
    padding-left: 185px
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.rate label {
    position: absolute;
    left: 20px;
    line-height: 50px;
    display: block
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.rate sup {
    float: right;
    margin-top: 1em;
    font-size: 1rem
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.rate .rate-input,body .loanCalculator-v2 .forms-wrapper .calc01 .row.rate .rate-input2 {
    border: 1px solid #0e6e9e;
    box-sizing: border-box;
    background: #0e6e9e;
    color: #fff;
    float: right;
    padding: 4px 5px 4px 0;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 28px;
    font-size: 1.75rem;
    width: 80px;
    text-align: right
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.rate .rate-input2:focus,body .loanCalculator-v2 .forms-wrapper .calc01 .row.rate .rate-input:focus {
    border: 1px solid #00a9e8;
    box-sizing: border-box
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.repayments {
    background: #00a9e8;
    padding-bottom: 20px
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.repayments label {
    line-height: 50px;
    float: left;
    display: block;
    margin-right: 15px;
    font-weight: 500
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.repayments span {
    float: left;
    display: block;
    line-height: 50px
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.repayments input {
    float: left;
    width: 135px;
    border: 0;
    background: #00a9e8;
    color: #fff;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 500
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.repayments .rep-total {
    line-height: 50px;
    float: left;
    display: block;
    font-weight: 500
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.repayments .rep-total .value {
    font-size: 36px;
    font-size: 2.25rem
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.repayments select {
    font-size: 16px;
    font-size: 1rem;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    color: #fff;
    background: #0e6e9e;
    border: 0;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 8px 10px;
    cursor: pointer
}

@media (min-width: 1050px) {
    body .loanCalculator-v2 .forms-wrapper .calc01 .row.repayments select {
        float:right;
        width: auto;
        margin-bottom: 0
    }
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.slider {
    padding-bottom: 40px;
    padding-top: 10px
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.slider .ui-slider {
    border: 0;
    background: #31556d;
    border-radius: 0
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.slider .ui-slider .ui-widget-header {
    background: #00aae8;
    border-radius: 0
}

body .loanCalculator-v2 .forms-wrapper .calc01 .row.slider .ui-slider .ui-slider-handle {
    border-radius: .8em;
    width: 1.4em;
    height: 1.4em;
    top: -.4em;
    margin-left: -.7em;
    background-image: url(../images/slider-hangle-bkgrnd.gif);
    background-repeat: no-repeat;
    background-position: center center
}

body .loanCalculator-v2 .forms-wrapper .compare-form {
    display: none
}

@media (max-width: 767px) {
    body .loanCalculator-v2 .forms-wrapper .compare-form {
        position:absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%
    }
}

body .loanCalculator-v2 .apply {
    max-width: 540px;
    margin: 0 auto;
    overflow: hidden
}

body .loanCalculator-v2 .apply .btn-full-width {
    padding: 18px 118px 18px 18px;
    background-image: none;
    max-width: 190px;
    float: left
}

body .loanCalculator-v2 .apply .btn-full-width .arrow {
    background-position: -25px -1780px
}

@media (max-width: 767px) {
    body .loanCalculator-v2 .apply .btn-full-width .arrow {
        background-position:-10px -521px
    }
}

body .loanCalculator-v2 .apply p {
    float: left;
    text-align: left;
    margin-left: 20px;
    margin-top: 0
}

body .loanCalculator-v2 .apply p span {
    display: block
}

body .loanCalculator-v2 .apply p span.s1 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 10px
}

body .loanCalculator-v2 .apply p span.s2 {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 500
}

body .loanCalculator-v2 .disclaimer-wrapper {
    overflow: hidden;
    /* margin-top: 57px; */
}

body .loanCalculator-v2 .disclaimer-wrapper .disclaimer {
    text-align: left
}

body .loanCalculator-v2 .disclaimer-wrapper .disclaimer-compare {
    display: none;
    text-align: left
}

body .loanCalculator-v2 .validation-msg1,body .loanCalculator-v2 .validation-msg2 {
    background-color: #eff7fa
}


body .loanCalculator-v2.original.comparing .validation-msg2{
    display: none !important;
}

body .loanCalculator-v2.compare.comparing .validation-msg1{
    display: none !important;
}