@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon87f487f487f487f4.eot");
    src: url("../fonts/icomoon87f487f487f487f4.eot") format('embedded-opentype'),url("../fonts/icomoon87f487f487f487f4.ttf") format('truetype'),url("../fonts/icomoon87f487f487f487f4.woff") format('woff'),url("../fonts/icomoon87f487f487f487f4.svg") format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before,[class*=" icon-"]:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-savings-bank-medium:before {
    content: "\e941"
}

.icon-savings-bank-small:before {
    content: "\e942"
}

.icon-exclamation:before {
    content: "\e940"
}

.icon-confirmation-small:before {
    content: "\e93f"
}

.icon-College-planning-small:before {
    content: "\e93a"
}

.icon-Wealth-management-small:before {
    content: "\e93b"
}

.icon-Premium-banking-small:before {
    content: "\e93c"
}

.icon-Auto-loan-small:before {
    content: "\e93d"
}

.icon-Auto-loan-medium:before {
    content: "\e93e"
}

.icon-SE-footer-small:before {
    content: "\e939"
}

.icon-compare-dash:before {
    content: "\e938"
}

.icon-Tooltip-info:before {
    content: "\e937"
}

.icon-business-services2-medium:before {
    content: "\e936"
}

.icon-business-services2-small:before {
    content: "\e935"
}

.icon-retirement-small:before {
    content: "\e925"
}

.icon-retirement-medium:before {
    content: "\e926"
}

.icon-currency-2-small:before {
    content: "\e921"
}

.icon-currency-2-medium:before {
    content: "\e922"
}

.icon-currency-1-small:before {
    content: "\e923"
}

.icon-currency-1-medium:before {
    content: "\e924"
}

.icon-commercial-large:before {
    content: "\e111"
}

.icon-home-large:before {
    content: "\e222"
}

.icon-reloadable-large:before {
    content: "\e333"
}

.icon-angledown:before {
    content: "\e600"
}

.icon-angleleft:before {
    content: "\e601"
}

.icon-angleright:before {
    content: "\e602"
}

.icon-angleup:before {
    content: "\e603"
}

.icon-atm:before {
    content: "\e604"
}

.icon-auto-large:before {
    content: "\e605"
}

.icon-auto-medium:before {
    content: "\e606"
}

.icon-auto-small:before {
    content: "\e607"
}

.icon-branch:before {
    content: "\e608"
}

.icon-business-large:before {
    content: "\e609"
}

.icon-business-medium:before {
    content: "\e60a"
}

.icon-business-small:before {
    content: "\e60b"
}

.icon-check-mark:before {
    content: "\e60c"
}

.icon-checking-large:before {
    content: "\e60d"
}

.icon-checking-medium:before {
    content: "\e60e"
}

.icon-checking-small:before {
    content: "\e60f"
}

.icon-close-circle:before {
    content: "\e610"
}

.icon-close:before {
    content: "\e611"
}

.icon-commercial-medium:before {
    content: "\e612"
}

.icon-commercial-small:before {
    content: "\e613"
}

.icon-contact:before {
    content: "\e614"
}

.icon-credit-large:before {
    content: "\e615"
}

.icon-credit-medium:before {
    content: "\e616"
}

.icon-credit-small:before {
    content: "\e617"
}

.icon-down-expansion:before {
    content: "\e618"
}

.icon-email:before {
    content: "\e619"
}

.icon-exclamation-soft:before {
    content: "\e61a"
}

.icon-exclamation2:before {
    content: "\e61b"
}

.icon-facebook:before {
    content: "\e61c"
}

.icon-follow:before {
    content: "\e61d"
}

.icon-home-medium:before {
    content: "\e61e"
}

.icon-home-small:before {
    content: "\e61f"
}

.icon-instagram:before {
    content: "\e620"
}

.icon-invest-large:before {
    content: "\e621"
}

.icon-invest-medium:before {
    content: "\e622"
}

.icon-invest-small:before {
    content: "\e623"
}

.icon-left-progress:before {
    content: "\e624"
}

.icon-linkedin:before {
    content: "\e625"
}

.icon-menu:before {
    content: "\e626"
}

.icon-more:before {
    content: "\e627"
}

.icon-mortgage-large:before {
    content: "\e628"
}

.icon-mortgage-medium:before {
    content: "\e629"
}

.icon-mortgage-small:before {
    content: "\e62a"
}

.icon-play:before {
    content: "\e62b"
}

.icon-profile:before {
    content: "\e62c"
}

.icon-reloadable-medium:before {
    content: "\e62d"
}

.icon-reloadable-small:before {
    content: "\e62e"
}

.icon-right-progress:before {
    content: "\e62f"
}

.icon-savings-large:before {
    content: "\e630"
}

.icon-savings-medium:before {
    content: "\e631"
}

.icon-savings-small:before {
    content: "\e632"
}

.icon-search:before {
    content: "\e633"
}

.icon-secure:before {
    content: "\e634"
}

.icon-share:before {
    content: "\e635"
}

.icon-speech:before {
    content: "\e636"
}

.icon-twitter:before {
    content: "\e637"
}

.icon-up-expansion:before {
    content: "\e638"
}

.icon-youtube:before {
    content: "\e639"
}

.icon-play-small:before {
    content: "\e63a"
}

.icon-bank-large:before {
    content: "\e63b"
}

.icon-pinterest:before {
    content: "\e63c"
}

.icon-bank-medium:before {
    content: "\e63d"
}

.icon-bank-small:before {
    content: "\e63e"
}

.icon-cpc-large:before {
    content: "\e63f"
}

.icon-two-device:before {
    content: "\e640"
}

.icon-more-circle:before {
    content: "\e641"
}

.icon-more-outline-circle:before {
    content: "\e642"
}

.icon-cpc-medium:before {
    content: "\e643"
}

.icon-cpc-small:before {
    content: "\e644"
}

.icon-home2-large:before {
    content: "\e645"
}

.icon-home2-medium:before {
    content: "\e646"
}

.icon-home2-small:before {
    content: "\e647"
}

.icon-lending-large:before {
    content: "\e648"
}

.icon-lending-medium:before {
    content: "\e649"
}

.icon-lending-small:before {
    content: "\e64a"
}

.icon-merchant-large:before {
    content: "\e64b"
}

.icon-merchant-medium:before {
    content: "\e64c"
}

.icon-merchant-small:before {
    content: "\e64d"
}

.icon-mortgage2-large:before {
    content: "\e64e"
}

.icon-mortgage2-medium:before {
    content: "\e64f"
}

.icon-mortgage2-small:before {
    content: "\e650"
}

.icon-payroll-large:before {
    content: "\e651"
}

.icon-payroll-medium:before {
    content: "\e652"
}

.icon-payroll-small:before {
    content: "\e653"
}

.icon-personal-large:before {
    content: "\e654"
}

.icon-personal-medium:before {
    content: "\e655"
}

.icon-personal-small:before {
    content: "\e656"
}

.icon-news-alert-medium:before {
    content: "\e657"
}

.icon-news-alert-small:before {
    content: "\e658"
}

.icon-news-medium:before {
    content: "\e659"
}

.icon-news-small:before {
    content: "\e65a"
}

.icon-news-alert-large:before {
    content: "\e65b"
}

.icon-news-large:before {
    content: "\e65c"
}

.icon-play-video:before {
    content: "\e908"
}

.icon-brightcove-audio-descript:before {
    content: "\e909"
}

.icon-brightcove-close-caption:before {
    content: "\e90a"
}

.icon-brightcove-collapse:before {
    content: "\e90b"
}

.icon-brightcove-expand:before {
    content: "\e90c"
}

.icon-brightcove-info:before {
    content: "\e90d"
}

.icon-brightcove-mail:before {
    content: "\e90e"
}

.icon-brightcove-pause:before {
    content: "\e90f"
}

.icon-brightcove-play:before {
    content: "\e910"
}

.icon-brightcove-transcript:before {
    content: "\e911"
}

.icon-businessservices-medium:before {
    content: "\e912"
}

.icon-debitcards-medium:before {
    content: "\e913"
}

.icon-debitcards-small:before {
    content: "\e914"
}

.icon-fraudprotection-medium:before {
    content: "\e915"
}

.icon-globalbanking-medium:before {
    content: "\e916"
}

.icon-insights-medium:before {
    content: "\e917"
}

.icon-insights-small:before {
    content: "\e918"
}

.icon-merchantservices-medium:before {
    content: "\e919"
}

.icon-paymentstransfers-medium:before {
    content: "\e91a"
}

.icon-quickpay-medium:before {
    content: "\e927"
}

.icon-receiveables-medium:before {
    content: "\e928"
}

.icon-receiveables-small:before {
    content: "\e929"
}

.icon-security-medium:before {
    content: "\e92a"
}

.icon-security-small:before {
    content: "\e92b"
}

.icon-Web-linkingicon-small:before {
    content: "\e92c"
}

.icon-Activecompare:before {
    content: "\e92d"
}

.icon-Inactivecompare:before {
    content: "\e92e"
}

.icon-relationship2-medium:before {
    content: "\e901"
}

.icon-relationship2-small:before {
    content: "\e900"
}

.icon-invest2-medium:before {
    content: "\e902"
}

.icon-invest2-small:before {
    content: "\e907"
}

.icon-plan2-medium:before {
    content: "\e904"
}

.icon-plan2-small:before {
    content: "\e903"
}

.icon-expertise2-small:before {
    content: "\e905"
}

.icon-expertise2-medium:before {
    content: "\e906"
}

.icon-quickpay-small:before {
    content: "\e92f"
}

.icon-paymentstransfers-small:before {
    content: "\e930"
}

.icon-merchantservices-small:before {
    content: "\e931"
}

.icon-globalbanking-small:before {
    content: "\e932"
}

.icon-fraudprotection-small:before {
    content: "\e933"
}

.icon-businessservices2-medium:before {
    content: "\e934"
}

.icon-client-stories-medium:before {
    content: "\e91b"
}

.icon-client-stories-small:before {
    content: "\e91c"
}

.icon-credit-score-medium:before {
    content: "\e91d"
}

.icon-credit-score-small:before {
    content: "\e91e"
}

.icon-relationship3-small:before {
    content: "\e91f"
}

.icon-relationship3-medium:before {
    content: "\e920"
}

@font-face {
    font-family: 'dcefont';
    src: url("fonts/dcefont.html");
    src: url("fonts/dcefontd41dd41dd41dd41d.html") format("embedded-opentype"),url("fonts/dcefont-2.html") format("truetype"),url("fonts/dcefont-3.html") format("woff"),url("fonts/dcefont-4.html") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'smc';
    src: url("fonts/smc.html");
    src: url("fonts/smcd41dd41dd41dd41d.html") format("embedded-opentype"),url("fonts/smc-2.html") format("truetype"),url("fonts/smc-3.html") format("woff"),url("fonts/smc-4.html") format("svg");
    font-weight: normal;
    font-style: normal
}

i.chase,.chase-logo-icon:before,.chase-text:before {
    font-family: 'smc';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    font-style: normal;
    display: inline-block;
    vertical-align: middle
}

i.chase:before,.chase-logo-icon:before,.chase-text:before {
    display: inline-block;
    vertical-align: middle
}

i.chase:before {
    content: attr(data-icon)
}

.chase-logo-icon:before {
    font-style: normal;
    content: '\e62a'
}

.chase-text:before {
    font-style: normal;
    content: '\e62d\e62b\e62e\e628\e62c'
}

.system-outage .signin-module__wrapper {
    display: block !important;
}

.system-outage .signin-module__wrapper .signin-module__inner a {
    text-decoration: underline
}

.system-outage--title {
    color: #bf2155;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.25em;
    margin: 0 0 .58em 0;
}

.system-outage--title img {
    padding: 0 .5em 0 0;
    vertical-align: middle
}

.system-outage--desc {
    font-size: .875em;
    line-height: 1.4em;
    margin: 0 0 .875em 0
}

.system-disabled .signin-module__wrapper {
    display: none !important
}

.system-disabled .header__section--link.login {
    display: inline-block !important
}

.system-disabled .header__section--search {
    display: none !important
}

.system-disabled .header__section--search__bar {
    display: none !important
}

.system-outage .header__section--link.login {
    display: none !important
}

@media $bp-tablet-lower {
    .system-outage--title {
        font-size: 1.5em
    }

    .system-outage--desc {
        font-size: 1em;
        line-height: 1.375em
    }
}

@media $bp-tablet-midrange {
    .system-outage--title {
        margin: 0 0 1em 0
    }

    .system-outage--desc {
        margin: 0 0 2em 0
    }
}

a.skiplink {
    -webkit-transition-property: none;
    transition-property: none
}

.skiplink {
    left: -9999px;
    position: absolute;
    max-width: 28.125rem;
    background-color: #fff;
    text-align: center;
    white-space: normal;
}

.skiplink:focus {
    background-color: #fff !important;
    top: .3rem;
    left: 1rem;
    z-index: 5005;
    text-decoration: none;
    border: .0625rem dashed #717171;
    border-radius: 5px;
    outline: 0;
    padding: .7rem 1rem;
    font-weight: 600;
    color: #126bc5;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0
}

.skiplink .label {
    display: inline-block
}

input:focus {
    outline: thin dotted
}

.carousel--accessible-list li {
    left: -999em;
    position: absolute;
}

.carousel--accessible-list li.display-accessible-text {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 2000
}

.carousel--accessible-list-item {
    background: #fff;
    border: 1px dotted #000;
    padding: 5px;
    display: inline-block
}

.carousel-version-e [class$="accessible-list"] li {
    position: absolute;
    bottom: 1%
}

body:after {
    content: 'small-mobile';
    display: none
}

@media only screen and (min-width: 480px) {
    body:after {
        content:'mobile'
    }
}

@media only screen and (min-width: 568px) {
    body:after {
        content:'tablet'
    }
}

@media only screen and (min-width: 1024px) {
    body:after {
        content:'desktop'
    }
}

@media only screen and (min-width: 2000px) {
    body:after {
        content:'mega'
    }
}

.btn {
    border-radius: .313em;
    padding: .5em 1.1em;
}

.btn--primary {
    background-color: #0b6efd;
    border: .063em solid #fff
}

.btn--weblink {
    margin-right: .4em;
    position: absolute;
    right: 0;
    top: .3em
}

.cta {
    border-radius: .313em;
    display: inline-block;
    min-width: 9.375em;
    text-align: center;
    position: relative;
}

.cta--small {
    width: 50%
}

.cta--large {
    width: 50%
}

.cta--primary {
    background: #0b6efd;
    color: #fff;
    font-weight: 600;
}

.cta--primary:active,.cta--primary:focus,.cta--primary:hover {
    color: #fff
}

.cta--primary:hover {
    background: #0a4386
}

.cta--primary:active,.cta--primary:focus {
    background: #0092ff
}

.cta--secondary {
    background: #ededed;
    color: #666;
    font-weight: 400;
}

.cta--secondary:active,.cta--secondary:focus,.cta--secondary:hover {
    color: #666
}

.cta--secondary:hover {
    background: #dfe4e8
}

.cta--secondary:active,.cta--secondary:focus {
    background: #ccc
}

.cta--btn-green-aloe {
    background: #128842;
    color: #fff;
    font-weight: 400;
}

.cta--btn-green-aloe:active,.cta--btn-green-aloe:focus,.cta--btn-green-aloe:hover {
    color: #fff
}

.cta--btn-green-aloe:hover {
    background: #0d7638
}

.cta--btn-green-aloe:active,.cta--btn-green-aloe:focus {
    background: #2ca853
}

.cta--btn-purple-orchid {
    background: #18267c;
    color: #fff;
    font-weight: 400;
}

.cta--btn-purple-orchid:active,.cta--btn-purple-orchid:focus,.cta--btn-purple-orchid:hover {
    color: #fff
}

.cta--btn-purple-orchid:hover {
    background: #0a4386
}

.cta--btn-purple-orchid:active,.cta--btn-purple-orchid:focus {
    background: #2642a8
}

.cta--btn-purple-berry {
    background: #543d91;
    color: #fff;
    font-weight: 400;
}

.cta--btn-purple-berry:active,.cta--btn-purple-berry:focus,.cta--btn-purple-berry:hover {
    color: #fff
}

.cta--btn-purple-berry:hover {
    background: #49357c
}

.cta--btn-purple-berry:active,.cta--btn-purple-berry:focus {
    background: #7d4a89
}

.cta--btn-purple-rain {
    background: #713a7c;
    color: #fff;
    font-weight: 400;
}

.cta--btn-purple-rain:active,.cta--btn-purple-rain:focus,.cta--btn-purple-rain:hover {
    color: #fff
}

.cta--btn-purple-rain:hover {
    background: #49357c
}

.cta--btn-purple-rain:active,.cta--btn-purple-rain:focus {
    background: #7d4a89
}

.cta--btn-blue-seabreeze {
    background: #0237cc;
    color: #fff;
    font-weight: 400;
}

.cta--btn-blue-seabreeze:active,.cta--btn-blue-seabreeze:focus,.cta--btn-blue-seabreeze:hover {
    color: #fff
}

.cta--btn-blue-seabreeze:hover {
    background: #0a4386
}

.cta--btn-blue-seabreeze:active,.cta--btn-blue-seabreeze:focus {
    background: #0092ff
}

.cta--btn-blue-ocean {
    background: #2f4992;
    color: #fff;
    font-weight: 400;
}

.cta--btn-blue-ocean:active,.cta--btn-blue-ocean:focus,.cta--btn-blue-ocean:hover {
    color: #fff
}

.cta--btn-blue-ocean:hover {
    background: #284082
}

.cta--btn-blue-ocean:active,.cta--btn-blue-ocean:focus {
    background: #0092ff
}

.cta--btn-blue-skyline {
    background: #2b5aad;
    color: #fff;
    font-weight: 400;
}

.cta--btn-blue-skyline:active,.cta--btn-blue-skyline:focus,.cta--btn-blue-skyline:hover {
    color: #fff
}

.cta--btn-blue-skyline:hover {
    background: #284082
}

.cta--btn-blue-skyline:active,.cta--btn-blue-skyline:focus {
    background: #0092ff
}

.cta--btn-blue-cloud {
    background: #0071bc;
    color: #fff;
    font-weight: 400;
}

.cta--btn-blue-cloud:active,.cta--btn-blue-cloud:focus,.cta--btn-blue-cloud:hover {
    color: #fff
}

.cta--btn-blue-cloud:hover {
    background: #0a4386
}

.cta--btn-blue-cloud:active,.cta--btn-blue-cloud:focus {
    background: #0092ff
}

.cta--btn-blue-irish-spring {
    background: #217999;
    color: #fff;
    font-weight: 400;
}

.cta--btn-blue-irish-spring:active,.cta--btn-blue-irish-spring:focus,.cta--btn-blue-irish-spring:hover {
    color: #fff
}

.cta--btn-blue-irish-spring:hover {
    background: #1c5f77
}

.cta--btn-blue-irish-spring:active,.cta--btn-blue-irish-spring:focus {
    background: #3591aa
}

.cta--btn-white {
    background: #fff;
    color: #414042;
    font-weight: 400;
}

.cta--btn-white:active,.cta--btn-white:focus,.cta--btn-white:hover {
    color: #fff
}

.cta--btn-white:hover {
    background: #ededed
}

.cta--btn-white:active,.cta--btn-white:focus {
    background: #e5e5e5
}

.cta--disabled,.cta--disabled:active,.cta--disabled:focus,.cta--disabled:hover {
    background: #8e8e8e;
    color: #ccc;
    cursor: not-allowed
}

.cta.web-link {
    padding-left: .5em;
    padding-right: 1.5em
}

@media only screen and (min-width: 35.5em) {
    .cta--small {
        width:33.33333333%
    }
}

p {
    font-size: 1em;
    margin: 0 0 .625em 0
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.topic .main-content .module-container:first-child .topic__wrapper .topic__wrapper__header .sub-header {
    background-color: #ededed;
    padding-top: 3.438em
}

.detail .main-content .stickysubheader:first-child .topic__wrapper .topic__wrapper__header .sub-header {
    background-color: #ededed;
    padding-top: 3.438em
}

.detail__content {
    margin: 1.25em 0 0 0;
    padding-left: 0;
    padding-right: 0
}

.left-nav--wrapper + .detail__content {
    margin: 0
}

@media only screen and (min-width: 30em) {
    .topic .main-content .module-container:first-child .topic__wrapper .topic__wrapper__header .sub-header {
        padding-top:5.313em
    }

    .detail .main-content .stickysubheader:first-child .topic__wrapper .topic__wrapper__header .sub-header {
        padding-top: 5.313em
    }
}

body {
    background-color: #fff;
    color: #414042;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 1.125em;
    overflow-y: scroll;
}

body p sup,body p sub {
    font-size: 10px;
    vertical-align: super
}

body h1 sup,body h2 sup,body h3 sup,body h4 sup,body h1 sub,body h2 sub,body h3 sub,body h4 sub {
    font-size: 45%;
    vertical-align: super
}

.scroll-top {
    text-decoration: none;
}

.scroll-top sup {
    text-decoration: underline
}

[id^="DA_"] sup,[id^="DA_"] sub {
    font-size: 75%;
    top: -.5em;
    vertical-align: baseline
}

.home__body {
    overflow: hidden
}

.feature-container {
    margin: 0 auto;
    max-width: 75em
}

img {
    max-width: 100%
}

.hidden {
    visibility: hidden
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.module-container {
    opacity: 0
}

.right-align {
    float: right
}

.main-content {
    outline: 0
}

@media all and (device-width: 768px) and (device-height:1024px) and (orientation:portrait) {
    .main-content {
        min-height:1024px
    }
}

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

@media screen and (device-aspect-ratio: 40/71) {
    .main-content {
        min-height:500px
    }
}

@media only screen and (min-width: 1025px) {
    .background-fixed {
        background-attachment:fixed
    }
}

@media only screen and (max-width: 480px) {
    [data-hide-mobile] {
        display:none !important
    }
}

@media only screen and (min-width: 481px) and (max-width:1199px) {
    [data-hide-tablet] {
        display:none !important
    }
}

@media only screen and (min-width: 1200px) {
    [data-hide-desktop] {
        display:none !important
    }
}

.ff-manual-hide {
    display: none !important
}

.icon-right-progress {
    font-size: .7em;
    margin-left: 3px
}

a {
    color: #126bc5;
    text-decoration: underline;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

a:hover,a:focus {
    color: #0a4386
}

a:active {
    color: #0092ff
}

a:active,a:focus {
    outline: #000 dotted 1px
}

a.disabled-link {
    pointer-events: none;
    cursor: default
}

a.click-to-call {
    color: #126bc5 !important;
    font-weight: 600 !important;
    background: none;
}

a.click-to-call:focus {
    background: none
}

a.regular-link {
    text-decoration: underline
}

a.caret-link-rte {
    text-decoration: none
}

a.caret-link {
    text-decoration: none
}

.jpui.spinner {
    display: block;
    left: 50%;
    margin: -24px auto -24px auto;
    top: 50%;
    position: absolute
}

@media (max-width: 768px) {
    .jpui.spinner {
        margin:-19px auto -19px auto
    }
}

@media (max-width: 480px) {
    .jpui.spinner {
        margin:-14px auto -14px auto
    }
}

.topic--section {
    height: 100%
}

.affordability-calculator {
    margin-bottom: 24px;
    font-family: "Open Sans";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.affordability-calculator__titlearea {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 32px;
    text-align: center;
}

.affordability-calculator__titlearea #alertmessage {
    color: #bf2155;
    font-size: 16px;
    line-height: 22px
}

.affordability-calculator__titlearea #alert {
    opacity: 0;
    padding: 0;
    color: #414042;
    text-decoration: none;
}

.affordability-calculator__titlearea #alert:focus {
    outline: 1px dotted #717171
}

.affordability-calculator__titlearea #alert:hover {
    cursor: default
}

.affordability-calculator__titlearea #alert #img {
    background: url("img/ie_alert.html") center no-repeat;
    background-size: 18px 18px;
    display: none;
    margin: 0
}

.affordability-calculator__titlearea #alert.opaque {
    opacity: 1;
    margin-top: 24px;
    margin-bottom: 24px;
}

.affordability-calculator__titlearea #alert.opaque #img {
    margin-right: 12px;
    display: inline-block;
    position: relative;
    top: 4px;
    min-width: 18px;
    min-height: 18px
}

.affordability-calculator__titlearea h2 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 3.375em;
    font-weight: 100
}

.affordability-calculator__titlearea p {
    font-size: 16px;
    line-height: 22px;
    font-style: regular
}

.affordability-calculator__calc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
}

.affordability-calculator__calc__inputs {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.affordability-calculator__calc__inputs__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

.affordability-calculator__calc__inputs__row .fielderror {
    padding: .857em 1.143em;
    border-radius: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    position: absolute;
    color: #fff;
    background-color: #bd2356;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.28);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.28);
    z-index: 666;
}

.affordability-calculator__calc__inputs__row .fielderror:focus {
    outline: 2px dotted #ccc
}

.affordability-calculator__calc__inputs__row .fielderror::after {
    content: '';
    position: absolute;
    top: 99%;
    right: 50%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #bd2356
}

.affordability-calculator__calc__inputs__row input {
    border: 1px solid #979797;
    padding-left: 12px;
    color: #414042;
    font-size: 16px;
    height: 44px
}

.affordability-calculator__calc__inputs__row input.redBorder {
    border: 2px solid #bf2155
}

.affordability-calculator__calc__inputs__row__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-bottom: 16px;
}

.affordability-calculator__calc__inputs__row__input button {
    min-height: 32px;
    max-height: 32px;
    text-align: center;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px
}

.affordability-calculator__calc__inputs__row__input button:focus {
    outline: 1px dotted #333
}

.affordability-calculator__calc__inputs__row__input button:nth-of-type(1),.affordability-calculator__calc__inputs__row__input button:nth-of-type(2) {
    border-right: none
}

.affordability-calculator__calc__inputs__row__input__loanterm {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.333%;
    -ms-flex: 1 1 33.333%;
    flex: 1 1 33.333%;
    height: 100%;
    border: 1px solid #ddd;
    color: #717171;
    background: none;
}

.affordability-calculator__calc__inputs__row__input__loanterm--selected {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.333%;
    -ms-flex: 1 1 33.333%;
    flex: 1 1 33.333%;
    height: 100%;
    color: #fff;
    border: 1px solid #ddd;
    background-color: #0b6efc
}

.affordability-calculator__calc__inputs__row__label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    margin-left: 0;
    margin-top: 12px;
    margin-right: 24px;
    text-align: right;
    font-size: 1em;
    color: #717171;
}

.affordability-calculator__calc__inputs__row__label p {
    margin: 0 0 0 0 !important
}

.affordability-calculator__calc__results {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 42%;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.affordability-calculator__calc__results__boldlabel {
    margin-top: 0;
    margin-bottom: 0;
    color: #717171;
    font-size: 14px
}

.affordability-calculator__calc__results__boldresult {
    margin-top: 0;
    color: #414141
}

.affordability-calculator__calc__results__topresult {
    margin-top: 0;
    color: #414141;
    font-size: 24px
}

.affordability-calculator__calc__results__toplabel {
    margin-top: 0;
    font-size: 1em;
    color: #717171;
    margin-bottom: 0
}

.affordability-calculator__calc__results__topresult,.affordability-calculator__calc__results__boldresult {
    margin-bottom: 8px
}

.affordability-calculator__calc__results__toplabel,.affordability-calculator__calc__results__topresult,.affordability-calculator__calc__results__boldlabel,.affordability-calculator__calc__results__boldresult {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: 24px;
}

.affordability-calculator__calc__results__toplabel p,.affordability-calculator__calc__results__topresult p,.affordability-calculator__calc__results__boldlabel p,.affordability-calculator__calc__results__boldresult p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.affordability-calculator__calc__results__toplabel p .tooltip-wrapper a .icon-Tooltip-info::before,.affordability-calculator__calc__results__topresult p .tooltip-wrapper a .icon-Tooltip-info::before,.affordability-calculator__calc__results__boldlabel p .tooltip-wrapper a .icon-Tooltip-info::before,.affordability-calculator__calc__results__boldresult p .tooltip-wrapper a .icon-Tooltip-info::before {
    top: -3px
}

.affordability-calculator__calc__results__toplabel p,.affordability-calculator__calc__results__boldlabel p {
    margin: 0;
    padding: 0
}

.affordability-calculator__calc__results__hr {
    margin-top: 8px;
    margin-bottom: 16px;
    margin-left: 24px;
    width: 240px;
    border-top: 2px solid #ddd;
    height: 2px
}

.affordability-calculator__calc__results > * {
    line-height: 142%
}

.affordability-calculator__calc__inputs__row__label p .tooltip-wrapper,.affordability-calculator__calc__results p .tooltip-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    text-align: left
}

.affordability-calculator__disclaimer {
    margin-top: 1em;
    margin-bottom: 2em;
    padding: 0 .625em;
}

.affordability-calculator__disclaimer p {
    color: #717171;
    font-size: .75em;
    margin: 0 0 .625em 0
}

.affordability-calculator #loan-terms-afc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 1024px) {
    .affordability-calculator {
        margin-left:0;
        margin-right: 0
    }
}

@media (min-width: 992px) and (max-width:1200px) {
    .affordability-calculator__calc__inputs {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 58%;
        -ms-flex: 0 0 58%;
        flex: 0 0 58%;
    }

    .affordability-calculator__calc__inputs__row__input {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .affordability-calculator__calc__inputs__row__label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58%;
        -ms-flex: 0 0 58%;
        flex: 0 0 58%
    }

    .affordability-calculator__calc__results {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 42%;
        -ms-flex: 0 0 42%;
        flex: 0 0 42%
    }
}

@media (min-width: 768px) and (max-width:992px) {
    .affordability-calculator__calc__inputs {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 66.6%;
        -ms-flex: 0 0 66.6%;
        flex: 0 0 66.6%;
    }

    .affordability-calculator__calc__inputs__row__input {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .affordability-calculator__calc__inputs__row__label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .affordability-calculator__calc__results {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
    }

    .affordability-calculator__calc__results__topresult {
        font-size: 1.5em
    }
}

@media (max-width: 768px) {
    .affordability-calculator {
        margin-bottom:16px;
    }

    .affordability-calculator__titlearea #alert {
        margin-bottom: 12px
    }

    .affordability-calculator__titlearea h2 {
        margin-top: 0;
        font-size: 2.5em;
        margin-bottom: 8px
    }

    .affordability-calculator__titlearea__alert {
        margin-left: 4% !important;
        margin-right: 6% !important;
        max-width: 90% !important
    }

    .affordability-calculator__titlearea p {
        margin-left: 8px;
        margin-right: 20px;
        font-size: .875em;
        width: auto;
        line-height: 20px
    }

    .affordability-calculator__calc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .affordability-calculator__calc__inputs {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .affordability-calculator__calc__inputs__row {
        min-height: 90px;
        max-height: 90px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 8px;
        font-size: .875em;
    }

    .affordability-calculator__calc__inputs__row.error-row {
        min-height: 0;
        max-height: 0
    }

    .affordability-calculator__calc__inputs__row__label {
        width: 92%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 18px;
        -ms-flex: 0 0 18px;
        flex: 0 0 18px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 8px 8px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        text-align: left;
    }

    .affordability-calculator__calc__inputs__row__label p {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }

    .affordability-calculator__calc__inputs__row__input {
        width: 92%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        max-width: 480px;
        margin-left: 8px;
        margin-right: 8px;
        min-height: 40px;
        max-height: 40px
    }

    .affordability-calculator__calc__results {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 100%;
    }

    .affordability-calculator__calc__results__toplabel,.affordability-calculator__calc__results__boldlabel,.affordability-calculator__calc__results__topresult,.affordability-calculator__calc__results__boldresult {
        text-align: center;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin: 0
    }

    .affordability-calculator__calc__results__topresult,.affordability-calculator__calc__results__boldresult {
        margin-bottom: 8px
    }

    .affordability-calculator__calc__results__hr {
        margin-left: auto;
        margin-right: auto;
        width: 400px
    }

    .affordability-calculator__calc__results__topresult {
        font-size: 1.75em
    }

    .affordability-calculator__disclaimer {
        margin-top: .5em;
        margin-bottom: 1em
    }
}

@media (min-width: 480px) and (max-width:768px) {
    .affordability-calculator__calc {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .affordability-calculator__calc__inputs {
        min-width: 480px
    }

    .affordability-calculator__calc__results {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 420px;
        -ms-flex: 0 0 420px;
        flex: 0 0 420px;
        height: 420px
    }
}

@media (max-width: 480px) {
    .affordability-calculator__titlearea h2 {
        font-size:2.25em
    }

    .affordability-calculator__calc__results__hr {
        width: 90%
    }
}

.accordians,.accordians-cma {
    margin-bottom: 2em;
    padding: 0 10px;
}

.accordians__inner,.accordians-cma__inner {
    display: inline-block;
    width: 100%;
}

.accordians__inner--heading,.accordians-cma__inner--heading {
    margin-bottom: 24px;
}

.accordians__inner--heading h1,.accordians-cma__inner--heading h1,.accordians__inner--heading h2,.accordians-cma__inner--heading h2,.accordians__inner--heading h3,.accordians-cma__inner--heading h3,.accordians__inner--heading h4,.accordians-cma__inner--heading h4,.accordians__inner--heading p,.accordians-cma__inner--heading p {
    margin: none;
    font-size: 24px;
    line-height: 30px
}

.accordians__inner--heading ul,.accordians-cma__inner--heading ul {
    display: table;
    list-style-position: outside;
    list-style-type: disc;
    margin: .625em 0 .625em 0;
    padding-left: 20px;
}

.accordians__inner--heading ul li,.accordians-cma__inner--heading ul li {
    margin: 0 0 1.125em 0
}

.accordians__inner--heading ol,.accordians-cma__inner--heading ol {
    list-style-position: outside;
    display: table;
    margin: .625em 0 .625em 0;
    padding-left: 20px;
}

.accordians__inner--heading ol li,.accordians-cma__inner--heading ol li {
    margin: 0 0 1.125em 0
}

.accordians__inner--content,.accordians-cma__inner--content {
    margin-bottom: 24px;
}

.accordians__inner--content__heading,.accordians-cma__inner--content__heading {
    margin-bottom: 24px;
}

.accordians__inner--content__heading.divider:after,.accordians-cma__inner--content__heading.divider:after {
    border-bottom: 1px solid #ede9e3;
    content: '';
    padding-top: 12px;
    position: relative;
    display: block
}

.accordians__inner--content__heading h1,.accordians-cma__inner--content__heading h1,.accordians__inner--content__heading h2,.accordians-cma__inner--content__heading h2,.accordians__inner--content__heading h3,.accordians-cma__inner--content__heading h3,.accordians__inner--content__heading h4,.accordians-cma__inner--content__heading h4,.accordians__inner--content__heading p,.accordians-cma__inner--content__heading p {
    margin: 0;
    font-size: 18px;
    line-height: 24px
}

.accordians__inner--content__heading ul,.accordians-cma__inner--content__heading ul {
    display: table;
    list-style-position: outside;
    list-style-type: disc;
    margin: .625em 0 .625em 0;
    padding-left: 20px;
}

.accordians__inner--content__heading ul li,.accordians-cma__inner--content__heading ul li {
    margin: 0 0 1.125em 0
}

.accordians__inner--content__heading ol,.accordians-cma__inner--content__heading ol {
    list-style-position: outside;
    display: table;
    margin: .625em 0 .625em 0;
    padding-left: 20px;
}

.accordians__inner--content__heading ol li,.accordians-cma__inner--content__heading ol li {
    margin: 0 0 1.125em 0
}

.accordians__inner--content__buttons,.accordians-cma__inner--content__buttons {
    margin-bottom: 16px;
}

.accordians__inner--content__buttons .accordians,.accordians-cma__inner--content__buttons .accordians {
    margin-bottom: 0
}

.accordians__inner--content__buttons--icon,.accordians-cma__inner--content__buttons--icon {
    position: absolute;
    margin-right: 12px;
    display: inline-block;
}

.accordians__inner--content__buttons--icon:before,.accordians-cma__inner--content__buttons--icon:before {
    font-size: 12px
}

.accordians__inner--content__buttons--icon.icon-right-progress,.accordians-cma__inner--content__buttons--icon.icon-right-progress,.accordians__inner--content__buttons--icon.icon-down-expansion,.accordians-cma__inner--content__buttons--icon.icon-down-expansion {
    font-size: 16px;
    line-height: 22px;
    margin-left: 0
}

.accordians__inner--content__buttons--heading,.accordians-cma__inner--content__buttons--heading {
    display: inline-block;
    padding-left: 23px;
}

.accordians__inner--content__buttons--heading h1,.accordians-cma__inner--content__buttons--heading h1,.accordians__inner--content__buttons--heading h2,.accordians-cma__inner--content__buttons--heading h2,.accordians__inner--content__buttons--heading h3,.accordians-cma__inner--content__buttons--heading h3,.accordians__inner--content__buttons--heading h4,.accordians-cma__inner--content__buttons--heading h4,.accordians__inner--content__buttons--heading p,.accordians-cma__inner--content__buttons--heading p {
    margin: 0;
    font-size: 16px;
    line-height: 22px
}

.accordians__inner--content__buttons--heading ul,.accordians-cma__inner--content__buttons--heading ul {
    display: table;
    list-style-position: outside;
    list-style-type: disc;
    margin: .625em 0 .625em 0;
    padding-left: 20px;
}

.accordians__inner--content__buttons--heading ul li,.accordians-cma__inner--content__buttons--heading ul li {
    margin: 0 0 1.125em 0
}

.accordians__inner--content__buttons--heading ol,.accordians-cma__inner--content__buttons--heading ol {
    list-style-position: outside;
    display: table;
    margin: .625em 0 .625em 0;
    padding-left: 20px;
}

.accordians__inner--content__buttons--heading ol li,.accordians-cma__inner--content__buttons--heading ol li {
    margin: 0 0 1.125em 0
}

.accordians__inner--content__buttons--desc,.accordians-cma__inner--content__buttons--desc {
    display: none;
    padding-left: 20px;
}

.accordians__inner--content__buttons--desc.show,.accordians-cma__inner--content__buttons--desc.show {
    display: block
}

.accordians__inner--content__buttons--desc .accordians,.accordians-cma__inner--content__buttons--desc .accordians {
    padding: 0
}

.accordians__inner--content__buttons--desc ul,.accordians-cma__inner--content__buttons--desc ul {
    display: table;
    list-style-position: outside;
    list-style-type: disc;
    margin: .625em 0 .625em 0;
    padding-left: 20px;
}

.accordians__inner--content__buttons--desc ul li,.accordians-cma__inner--content__buttons--desc ul li {
    margin: 0 0 1.125em 0
}

.accordians__inner--content__buttons--desc ol,.accordians-cma__inner--content__buttons--desc ol {
    list-style-position: outside;
    display: table;
    margin: .625em 0 .625em 0;
    padding-left: 20px;
}

.accordians__inner--content__buttons--desc ol li,.accordians-cma__inner--content__buttons--desc ol li {
    margin: 0 0 1.125em 0
}

.accordians__inner--content__buttons--desc > h1,.accordians-cma__inner--content__buttons--desc > h1,.accordians__inner--content__buttons--desc > h2,.accordians-cma__inner--content__buttons--desc > h2,.accordians__inner--content__buttons--desc > h3,.accordians-cma__inner--content__buttons--desc > h3,.accordians__inner--content__buttons--desc > h4,.accordians-cma__inner--content__buttons--desc > h4,.accordians__inner--content__buttons--desc > p,.accordians-cma__inner--content__buttons--desc > p {
    font-size: 16px;
    line-height: 22px;
    color: #717171;
    margin-bottom: 0
}

.accordians__inner--content__error--wrapper,.accordians-cma__inner--content__error--wrapper {
    position: relative;
    border: 1px solid #d3d3d3;
    padding: 14px;
    margin-bottom: 24px
}

.accordians__inner--content__error--heading,.accordians-cma__inner--content__error--heading {
    margin-bottom: 14px;
}

.accordians__inner--content__error--heading h2,.accordians-cma__inner--content__error--heading h2 {
    color: #bf2155;
    font-size: 32px;
    margin: 0;
    font-weight: lighter;
    display: inline-block;
    width: 80%
}

.accordians__inner--content__error--img,.accordians-cma__inner--content__error--img {
    margin-right: 14px;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    top: 10px
}

.accordians__inner--content__error--desc p,.accordians-cma__inner--content__error--desc p {
    margin: 0;
    font-size: 16px;
    color: #717171;
    margin-left: 35px
}

.accordians__inner .accordian,.accordians-cma__inner .accordian {
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    width: 100%;
    padding: 0;
    color: #414042;
    display: block;
    margin-bottom: 16px;
}

.accordians__inner .accordian:focus,.accordians-cma__inner .accordian:focus {
    outline: #717171 dashed .0625rem
}

.accordians__inner .accordian:hover,.accordians-cma__inner .accordian:hover {
    color: #0a3d70
}

@media only screen and (min-width: 48em) {
    .accordians__inner--heading {
        margin-bottom:40px
    }

    .accordians__inner--content {
        margin-bottom: 40px;
    }

    .accordians__inner--content__heading h1,.accordians__inner--content__heading h2,.accordians__inner--content__heading h3,.accordians__inner--content__heading h4,.accordians__inner--content__heading p {
        margin: 0;
        font-size: 20px;
        line-height: 22px
    }

    .accordians__inner--content__buttons {
        margin-bottom: 24px;
    }

    .accordians__inner--content__buttons--desc {
        font-size: 16px;
        line-height: 22px
    }

    .accordians__inner--content__error--wrapper {
        margin-bottom: 40px
    }

    .accordians__inner--content__error--heading {
        margin-bottom: 24px;
    }

    .accordians__inner--content__error--heading h2 {
        font-size: 42px;
        line-height: 48px
    }

    .accordians__inner--content__error--img {
        height: 25px;
        width: 25px
    }

    .accordians__inner--content__error--desc p {
        margin-left: 40px
    }

    .accordians .accordian {
        margin-bottom: 24px
    }
}

.atm-locator {
    margin-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
}

.atm-locator.colored {
    background-color: #f9f6f3;
    padding-bottom: 32px
}

.atm-locator.colored:not(.divider) {
    padding-top: 32px
}

.atm-locator.neutral {
    background-color: #f7f7f7;
    padding-bottom: 32px
}

.atm-locator.neutral:not(.divider) {
    padding-top: 32px
}

.atm-locator.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    padding: 0 0 2em 0;
    position: relative;
    width: 75em;
    margin-left: auto;
    margin-right: auto
}

.atm-locator__inner--title h2 {
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 32px 0;
    text-align: center
}

.atm-locator__inner--input {
    margin-bottom: 40px;
}

.atm-locator__inner--input input {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #717171;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #ccc;
    border-left: none;
}

.atm-locator__inner--input input.colored {
    background-color: #f9f6f3
}

.atm-locator__inner--input input.neutral {
    background-color: #f7f7f7
}

.atm-locator__inner--cta-container {
    text-align: center;
}

.atm-locator__inner--cta-container a {
    font-size: 20px;
}

.atm-locator__inner--cta-container a.btn {
    text-decoration: none
}

@media only screen and (min-width: 30em) {
    .atm-locator__inner--input input {
        display:block;
        width: 66.67%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 48em) {
    .atm-locator {
        margin-bottom:40px;
    }

    .atm-locator.colored {
        padding-bottom: 40px
    }

    .atm-locator.colored:not(.divider) {
        padding-top: 40px
    }

    .atm-locator.neutral {
        padding-bottom: 40px
    }

    .atm-locator.neutral:not(.divider) {
        padding-top: 40px
    }

    .atm-locator__inner--title h2 {
        font-size: 36px;
        line-height: 42px;
        margin: 0 0 40px 0
    }

    .atm-locator__inner--input input {
        font-size: 22px;
        line-height: 30px
    }
}

@media only screen and (min-width: 75em) {
    .atm-locator {
        margin-bottom:60px;
        padding-left: 0;
        padding-right: 0;
    }

    .atm-locator.colored {
        padding-bottom: 60px
    }

    .atm-locator.colored:not(.divider) {
        padding-top: 60px
    }

    .atm-locator.neutral {
        padding-bottom: 60px
    }

    .atm-locator.neutral:not(.divider) {
        padding-top: 60px
    }

    .atm-locator__inner--title h2 {
        font-size: 40px;
        line-height: 46px
    }
}

.body-copy {
    margin-bottom: 2em;
    padding: 0 1em;
}

.body-copy__primary-image__img {
    padding-left: 0;
    padding-right: 0;
}

.body-copy__primary-image__img img {
    width: 100%
}

.body-copy.colored {
    background-color: #f9f6f3;
    padding-top: 16px;
    padding-bottom: 16px
}

.body-copy.neutral {
    background-color: #f7f7f7;
    padding-top: 16px;
    padding-bottom: 16px
}

.body-copy__content {
    margin-bottom: 1.25em;
}

.body-copy__content.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    left: 1em;
    padding: 0 0 2em 0;
    position: relative;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em)
}

.body-copy__content--small-heading {
    font-size: 1em;
    line-height: 1.375em;
    font-weight: 600;
    color: #717171;
    text-transform: uppercase;
    margin: 2em 0 .25em 0;
    display: inline-block;
    width: 100%;
}

.body-copy__content--small-heading.center {
    text-align: center
}

.body-copy__content--img-insert {
    position: relative;
    display: inline-block;
    width: 100%
}

.body-copy__content h1 {
    font-size: 2.25em;
    line-height: 1.167em;
    font-weight: 300;
    margin: 0 0 .56em 0;
    color: #414042;
}

.body-copy__content h1.center {
    text-align: center
}

.body-copy__content h2 {
    font-size: 1.875em;
    line-height: 1.2em;
    font-weight: 300;
    margin: 0 0 .67em 0
}

.body-copy__content h3 {
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 300;
    margin: 0 0 .417em 0
}

.body-copy__content h4 {
    font-size: 1.25em;
    line-height: 1.3em;
    font-weight: 300;
    margin: 0 0 .5em 0
}

.body-copy__content p {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 20px
}

.body-copy__content ul {
    display: table;
    list-style-position: outside;
    list-style-type: disc;
    margin: .625em 0 .625em 0;
    padding-right: 2em;
    padding-left: 8.33%;
}

.body-copy__content ul li {
    margin: 0 0 1.125em 0;
    line-height: 1.35em
}

.body-copy__content ol {
    list-style-position: outside;
    display: table;
    margin: .625em 0 .625em 0;
    padding-right: 2em;
    padding-left: 8.33%;
}

.body-copy__content ol li {
    margin: 0 0 1.125em 0;
    line-height: 1.35em
}

.body-copy__content--bodyCompare {
    margin-bottom: 32px;
}

.body-copy__content--bodyCompare.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    margin-bottom: 2em
}

.body-copy__content--1bucket__img-insert {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.body-copy__content--1bucket__img-insert--img {
    text-align: center;
    float: none;
    margin: 0 auto
}

.body-copy__quotes {
    width: 100%;
    padding: .5em 0 1.25em 0;
}

.body-copy__quotes q {
    font-size: 1.125em;
    line-height: 1.333;
    font-style: italic;
    color: #af4317
}

.body-copy__quotes p {
    font-size: .875em;
    line-height: 1.429em;
    color: #717171;
    font-weight: 600;
    margin: 8px 0 0 0
}

.body-copy__disclaimer p {
    font-size: .75em;
    line-height: 1.667em;
    color: #717171
}

.body-copy__disclaimer.border-standard {
    border: 1px solid #717171;
    padding: 5px 5px 0;
    margin-bottom: 5px;
}

.body-copy__disclaimer.border-standard p,.body-copy__disclaimer.border-standard ul,.body-copy__disclaimer.border-standard ol {
    font-size: 18px;
    line-height: 1.333em
}

.body-copy__disclaimer.reduced-width {
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

.body-copy__cta {
    clear: both;
}

.body-copy__cta.center {
    text-align: center
}

.body-copy__cta--links-link {
    display: inline-block;
    font-size: 1.125em;
    line-height: 1.333em;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 20px;
    padding: 0 2.225em 0 0
}

.body-copy__cta--buttons {
    display: block;
}

.body-copy__cta--buttons-btn {
    display: inline-block;
    font-size: 1em;
    line-height: 1;
    text-decoration: none;
    margin-right: 20px;
    padding: .75em 0
}

.body-copy__cta--buttons a + a {
    margin-top: 10px
}

.body-copy__img {
    padding: .375em 0 .625em 0;
    max-width: 100%;
    display: block;
    text-align: center;
    margin: 0;
    position: relative;
    display: inline-block;
}

.body-copy__img figcaption {
    font-size: 1em;
    line-height: 1.5;
    color: #af4317;
    font-weight: 600;
    padding-top: .5em
}

.body-copy__img--inner {
    position: relative
}

.body-copy__bodyCompare--desc {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.body-copy__bodyCompare--small h2 {
    font-weight: 300;
    font-size: 2.25em;
    line-height: 1.167em;
    color: #414042;
    margin-top: 32px;
    margin-bottom: 16px
}

.body-copy__bodyCompare--left p,.body-copy__bodyCompare--right p {
    display: inline-block;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.375em;
    color: #414042;
    padding-bottom: 16px;
    margin-bottom: 0
}

.body-copy__bodyCompare--left.linkp,.body-copy__bodyCompare--right.linkp {
    display: inline-block;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.375em;
    color: #414042;
    margin-bottom: 0
}

.body-copy__bodyCompare--link {
    display: inline-block;
    text-decoration: none;
    padding-bottom: 16px;
}

.body-copy__bodyCompare--link p {
    font-weight: 600;
    font-size: .875em;
    line-height: 1.429;
    color: #126bc5;
    display: inline-block;
    margin-left: 70px
}

.body-copy__bodyCompare--checkmark {
    display: inline-block;
    padding-left: 10px;
    margin-right: 10px;
}

.body-copy__bodyCompare--checkmark img {
    vertical-align: middle
}

.body-copy .video--play-btn {
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 4.3em;
    font-size: 4.2em;
    position: absolute;
    left: 50%;
    text-decoration: none;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.body-copy .video--play-btn:hover {
    color: #ccc
}

.body-copy .video--play-btn:before {
    position: relative
}

@media (min-width: 480px) and (max-width:767px) {
    .body-copy__bodyCompare--left,.body-copy__bodyCompare--right {
        width:50%;
    }

    .body-copy__bodyCompare--left.linkp,.body-copy__bodyCompare--right.linkp {
        padding-bottom: 10px !important
    }
}

@media only screen and (min-width: 48em) {
    .body-copy__primary-image__img img {
        max-height:25em
    }

    .body-copy__content.divider:before {
        padding: 0 0 3.75em 0
    }

    .body-copy__content--small-heading {
        font-size: 1.125em;
        line-height: 1.333em;
        margin: 1.7778em 0 .2222em 0
    }

    .body-copy__content h1 {
        font-size: 2.5em;
        line-height: 1.15em;
        margin: 0 0 .5em 0
    }

    .body-copy__content--bodyCompare {
        margin-bottom: 40px
    }

    .body-copy__img {
        max-width: 33.33%;
    }

    .body-copy__img.left {
        float: left;
        padding-right: 1.5em
    }

    .body-copy__img.right {
        float: right;
        padding-left: 1.5em
    }

    .body-copy__quotes {
        max-width: 33.33%;
    }

    .body-copy__quotes.left {
        float: left;
        padding-right: 1.5em
    }

    .body-copy__quotes.right {
        float: right;
        padding-left: 1.5em
    }

    .body-copy__cta--buttons-btn {
        font-size: 1.125em;
        line-height: 1;
        padding: .62em 0
    }

    .body-copy__bodyCompare--small h2 {
        font-weight: 300;
        font-size: 2.5em;
        line-height: 1.15em;
        margin-top: 40px
    }

    .body-copy__bodyCompare--left p,.body-copy__bodyCompare--right p {
        font-weight: 400;
        font-size: 1.125em;
        line-height: 1.333em;
        color: #414042;
        padding-bottom: 18px;
        margin-bottom: 0
    }

    .body-copy__bodyCompare--left.linkp,.body-copy__bodyCompare--right.linkp {
        padding-bottom: 10px !important;
        font-weight: 400;
        font-size: 1.125em;
        line-height: 1.333em;
        color: #414042;
        margin-bottom: 0
    }

    .body-copy__bodyCompare--link {
        padding-bottom: 18px;
    }

    .body-copy__bodyCompare--link p {
        font-size: 1em;
        line-height: 1.375em;
        color: #126bc5
    }

    .body-copy__bodyCompare--checkmark {
        margin-right: 16px
    }

    .body-copy .video--play-btn.small {
        font-size: 2.5em
    }

    .detail .body-copy__img {
        max-width: 41.67%
    }
}

@media only screen and (min-width: 62em) {
    .body-copy__quotes q {
        font-size:1.25em;
        line-height: 1.3
    }

    .body-copy__quotes p {
        font-size: 1.125em;
        line-height: 1.333
    }

    .body-copy__bodyCompare--link p {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .body-copy .video--play-btn {
        border-radius: 8em;
        font-size: 6.25em;
    }

    .body-copy .video--play-btn.small {
        font-size: 4.2em
    }
}

@media only screen and (min-width: 75em) {
    .body-copy__primary-image__img img {
        max-height:31.25em
    }

    .body-copy__content h1 {
        font-size: 3.125em;
        line-height: 1.12em;
        margin: 0 0 .4em 0
    }

    .body-copy__content h2 {
        font-size: 2.5em;
        line-height: 1.15em;
        margin: 0 0 .5em 0
    }

    .body-copy__content h3 {
        font-size: 1.875em;
        line-height: 1.2em;
        margin: 0 0 .333em 0
    }

    .body-copy__content h4 {
        font-size: 1.5em;
        line-height: 1.25em;
        margin: 0 0 .417em 0
    }

    .body-copy__bodyCompare--small h2 {
        font-size: 3.125em;
        line-height: 1.12em;
        margin-top: 60px;
        margin-bottom: 20px
    }
}

.bucket-text.divider:before {
    border-top: 1px solid #ccc;
    content: '';
    left: 1em;
    top: 0;
    padding-bottom: 32px;
    position: relative;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em)
}

.bucket-text__headline h2 {
    padding-bottom: 16px;
    margin: 0;
    font-weight: 300;
    font-size: 36px;
    line-height: 42px
}

.bucket-text__content--block {
    padding-bottom: 20px;
}

.bucket-text__content--block:not(:first-child) {
    padding-top: 20px
}

.bucket-text__content--block p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.bucket-text__content--separator p {
    margin: 0;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    color: #717171
}

.bucket-text__disclaimer {
    padding-bottom: 32px;
}

.bucket-text__disclaimer p {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #717171;
}

.bucket-text__disclaimer p a {
    color: #126bc5
}

@media only screen and (min-width: 48em) {
    .bucket-text.divider:before {
        padding-bottom:40px
    }

    .bucket-text__headline h2 {
        font-size: 40px;
        line-height: 46px
    }

    .bucket-text__content {
        display: table;
    }

    .bucket-text__content--block {
        display: table-cell;
        float: none;
    }

    .bucket-text__content--block:not(:first-child) {
        padding-top: 0
    }

    .bucket-text__content--separator {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    .bucket-text__content--separator p {
        padding: 0;
        margin-bottom: 7px
    }

    .bucket-text__disclaimer {
        padding-bottom: 40px
    }

    .bucket-text--3-col .bucket-text__content--separator {
        width: 12.5%;
    }

    .bucket-text--3-col .bucket-text__content--separator p {
        padding: 0
    }
}

@media only screen and (min-width: 75em) {
    .bucket-text.divider:before {
        padding-bottom:60px
    }

    .bucket-text__headline h2 {
        padding-bottom: 20px
    }

    .bucket-text__content--separator p {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 7px
    }

    .bucket-text__disclaimer {
        padding-bottom: 60px
    }
}

.browser-message {
    background-color: #414042;
    display: none;
}

.browser-message.visible {
    display: block
}

.browser-message__inner {
    color: #fff;
    padding: 1.25em 0;
}

.browser-message__inner a {
    color: #fff;
    text-decoration: underline;
}

.browser-message__inner a.regular-link {
    text-decoration: underline
}

.browser-message__inner a.caret-link,.browser-message__inner a.caret-link-rte {
    text-decoration: none
}

.browser-message__inner-container {
    padding: 0 2em;
    position: relative;
}

.browser-message__inner-container:focus {
    outline: 1px dotted #000
}

.browser-message__icon {
    left: 0;
    position: absolute;
    top: 3px
}

.browser-message__title p {
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1.333em;
    margin: 0 0 .556em 0
}

.browser-message__desc p {
    font-size: .875em;
    line-height: 1.429em;
    margin: 0
}

.browser-message .browser-message__dismiss-btn {
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0
}

.lt-ie9 .browser-message__inner {
    padding: 1.875em .5em
}

.lt-ie9 .browser-message__title p {
    font-size: 1.25em;
    margin: 0 0 .45em 0
}

.lt-ie9 .browser-message__desc p {
    font-size: 1em;
    line-height: 1.375em
}

@media only screen and (min-width: 48em) {
    .browser-message__inner {
        padding:1.875em .5em
    }

    .browser-message__title p {
        font-size: 1.25em;
        margin: 0 0 .45em 0
    }

    .browser-message__desc p {
        font-size: 1em;
        line-height: 1.375em
    }
}

.site-message {
    background-color: #bf2155;
    display: none;
}

.site-message.visible {
    display: block
}

.site-message__inner {
    color: #fff;
    padding: 1.25em 0;
}

.site-message__inner a {
    color: #fff;
    text-decoration: underline
}

.site-message__inner-container {
    padding: 0 2em;
    position: relative;
}

.site-message__inner-container:focus {
    outline: 1px dotted #000
}

.site-message__icon {
    left: 0;
    position: absolute;
    top: 3px;
    width: 21px
}

.site-message__title p {
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1.333em;
    margin: 0 0 .556em 0
}

.site-message__desc p {
    font-size: .875em;
    line-height: 1.429em;
    margin: 0
}

@media only screen and (min-width: 48em) {
    .site-message__inner {
        padding:1.875em .5em
    }

    .site-message__title p {
        font-size: 1.25em;
        margin: 0 0 .45em 0
    }

    .site-message__desc p {
        font-size: 1em;
        line-height: 1.375em
    }
}

.carousel.carousel-version-a {
    opacity: 0;
    margin: 0 0 1.5em 0;
    position: relative;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    visibility: hidden;
}

.carousel.carousel-version-a .carousel--bg-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.carousel.carousel-version-a.visible {
    opacity: 1;
    visibility: visible
}

.carousel.carousel-version-a .carousel--slides {
    max-height: 18em;
    overflow: hidden
}

.carousel.carousel-version-a .carousel--slide {
    position: relative;
    height: 18em;
    width: 100%;
}

.carousel.carousel-version-a .carousel--slide__link {
    color: #fff;
    display: block;
    height: 100%;
    width: 100%
}

.carousel.carousel-version-a .carousel--slide__text {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), color-stop(50%, rgba(0,0,0,0.6)), to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%);
    bottom: 0;
    color: #fff;
    height: 10.25em;
    margin: 0;
    position: absolute;
    text-align: center;
    text-shadow: .15em .15em .188em rgba(0,0,0,0.6);
    width: 100%;
}

.carousel.carousel-version-a .carousel--slide__text span {
    bottom: 10%;
    font-size: .625em;
    line-height: 3.3em;
    margin: auto;
    padding: 0 .8em 1.5em .8em;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 100
}

.carousel.carousel-version-a .carousel--custom-pager {
    padding: 1em 0 0 0;
    position: relative;
    text-align: center;
}

.carousel.carousel-version-a .carousel--custom-pager:before {
    background: url("img/Carousel-arrow-52.html");
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    height: 1.375em;
    left: 50%;
    margin-left: -1.875em;
    position: absolute;
    top: -1.375em;
    width: 3.875em;
    z-index: 150;
    left: 50%
}

.carousel.carousel-version-a .carousel--custom-pager__wrapper {
    position: relative
}

.carousel.carousel-version-a .carousel--custom-pager__container {
    margin: 0 auto;
    max-width: 75em
}

.carousel.carousel-version-a .carousel--custom-pager.visible {
    opacity: 1;
    visibility: visible
}

.carousel.carousel-version-a .carousel--custom-pager__item {
    color: #414042;
    display: inline-block;
    width: 10em;
    margin: 1px 0 2px 0;
}

.carousel.carousel-version-a .carousel--custom-pager__item:focus {
    outline: thin dotted
}

.carousel.carousel-version-a .carousel--custom-pager__item-inner {
    display: inline-block;
    margin: 0 1em;
    text-decoration: none
}

.carousel.carousel-version-a .carousel--custom-pager__item-inner img {
    padding-bottom: .625em;
    display: inline-block
}

.carousel.carousel-version-a .carousel--custom-pager__icon {
    color: #999;
    font-size: 3em;
    margin-bottom: 0
}

.carousel.carousel-version-a .carousel--custom-pager__link {
    font-size: 1em;
    font-weight: 600;
    text-decoration: none;
    display: block
}

.carousel.carousel-version-a .carousel--custom-pager .slick-dots {
    margin: 0
}

.carousel.carousel-version-a .carousel--custom-arrows__prev {
    left: 0
}

.carousel.carousel-version-a .carousel--custom-arrows__next {
    right: 0
}

.carousel.carousel-version-a .carousel--custom-arrow {
    height: 100%;
    position: absolute;
    width: 25%;
    top: 0
}

.hybrid-variant .hero.hero-version-1.left .hero__content {
    float: left;
}

.hybrid-variant .hero.hero-version-1.left .hero__content--area p {
    margin: 0 0 .625em 0
}

@media only screen and (min-width: 20em) {
    .carousel.carousel-version-a .carousel--slide__text span {
        font-size:1.25em;
        line-height: 1.3em;
        bottom: 0;
        left: 0;
        margin: auto;
        padding: 0 .8em 1.5em .8em
    }
}

@media only screen and (min-width: 30em) {
    .carousel.carousel-version-a .carousel--slide__text span {
        font-size:2em
    }

    .carousel.carousel-version-a .carousel--custom-pager__link {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-a .carousel--custom-pager__item {
        width: initial
    }

    .carousel.carousel-version-a .carousel--custom-arrow {
        width: 30%
    }
}

@media only screen and (min-width: 35.5em) {
    .carousel.carousel-version-a {
        margin:0 0 2.5em 0;
    }

    .carousel.carousel-version-a .carousel--custom-pager__container {
        width: 80%
    }

    .carousel.carousel-version-a .carousel--custom-arrow {
        height: 8em
    }
}

@media only screen and (min-width: 48em) {
    .carousel.carousel-version-a {
        margin:0 0 1.25em 0;
    }

    .carousel.carousel-version-a .carousel--slides {
        max-height: 24em
    }

    .carousel.carousel-version-a .carousel--slide {
        height: 24em;
    }

    .carousel.carousel-version-a .carousel--slide__text span {
        font-size: 2.5em;
        line-height: 1.15em;
        padding: 0 0 0 .5em;
        bottom: 30%;
        z-index: 100
    }

    .carousel.carousel-version-a .carousel--custom-pager__link {
        font-size: 1.125em
    }
}

@media only screen and (min-width: 62em) {
    .carousel.carousel-version-a .carousel--slides {
        max-height:25em
    }

    .carousel.carousel-version-a .carousel--slide {
        height: 25em;
    }

    .carousel.carousel-version-a .carousel--slide__text span {
        bottom: 20%;
        width: 55%
    }

    .carousel.carousel-version-a .carousel--custom-pager {
        padding: .625em 0 0 0;
    }

    .carousel.carousel-version-a .carousel--custom-pager:before {
        left: 50%
    }
}

@media only screen and (min-width: 75em) {
    .carousel.carousel-version-a .carousel--custom-pager {
        width:auto
    }

    .carousel.carousel-version-a .carousel--custom-arrow {
        width: 20%
    }

    .carousel.carousel-version-a .carousel--slide__text span {
        font-size: 2.75em;
        width: 58%
    }
}

@media only screen and (min-width: 75.063em) {
    .carousel.carousel-version-a .carousel--custom-pager__icon {
        font-size:3em
    }
}

.carousel.carousel-version-b {
    opacity: 0;
    margin: 1.25em 0 1.5em 0;
    position: relative;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.carousel.carousel-version-b.visible {
    opacity: 1
}

.carousel.carousel-version-b.ad-carousel {
    opacity: 1;
    visibility: visible;
    min-height: 11em
}

.carousel.carousel-version-b.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    padding: 0 0 28px 0
}

.carousel.carousel-version-b.divider.carousel.carousel-version-b {
    margin-top: 0
}

.carousel.carousel-version-b .carousel--title {
    font-size: 2em;
    font-weight: 300;
    line-height: 1.188em;
    margin: 0;
    text-align: center
}

.carousel.carousel-version-b .carousel--custom-pager {
    padding: .625em 0 0 0;
    position: relative;
    text-align: center;
}

.carousel.carousel-version-b .carousel--custom-pager__container {
    margin: 0 auto;
    max-width: 75em
}

.carousel.carousel-version-b .carousel--custom-pager__wrapper {
    position: relative
}

.carousel.carousel-version-b .carousel--custom-pager__item {
    display: inline-block;
    width: 10em;
    margin: 1px 0 2px 0;
}

.carousel.carousel-version-b .carousel--custom-pager__item:focus {
    outline: thin dotted
}

.carousel.carousel-version-b .carousel--custom-pager__item-inner {
    display: inline-block;
    margin: 0 1em;
    text-decoration: none
}

.carousel.carousel-version-b .carousel--custom-pager__item-inner img {
    display: inline-block
}

.carousel.carousel-version-b .carousel--custom-pager__icon {
    color: #999;
    font-size: 3em;
}

.carousel.carousel-version-b .carousel--custom-pager__icon + .carousel--custom-pager__link {
    margin-top: 0
}

.carousel.carousel-version-b .carousel--custom-pager__link {
    display: block;
    font-size: 1em;
    font-weight: 600;
    margin: .5em 0 .25em 0;
    text-decoration: none
}

.carousel.carousel-version-b .carousel--custom-pager .slick-dots {
    margin: 0
}

.carousel.carousel-version-b .carousel--custom-pager .spinner {
    margin-top: 0
}

.carousel.carousel-version-b .carousel--custom-arrow {
    height: 100%;
    position: absolute;
    width: 25%
}

.carousel.carousel-version-b .carousel--custom-arrows__prev {
    left: 0;
    top: 0
}

.carousel.carousel-version-b .carousel--custom-arrows__next {
    right: 0;
    top: 0
}

@media only screen and (min-width: 30em) {
    .carousel.carousel-version-b {
        margin:1.125em 0;
    }

    .carousel.carousel-version-b .carousel--custom-pager__link {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-b .carousel--custom-pager__item {
        width: initial
    }

    .carousel.carousel-version-b .carousel--custom-arrow {
        width: 30%
    }
}

@media only screen and (min-width: 35.5em) {
    .carousel.carousel-version-b .carousel--custom-pager__container {
        width:80%
    }
}

@media only screen and (min-width: 48em) {
    .carousel.carousel-version-b .carousel--title {
        font-size:2.5em;
        line-height: 1.15em
    }

    .carousel.carousel-version-b .carousel--custom-pager {
        padding: .625em 0 0 0;
    }

    .carousel.carousel-version-b .carousel--custom-pager__link {
        font-size: 1.125em
    }
}

@media only screen and (min-width: 75em) {
    .carousel.carousel-version-b .carousel--custom-pager {
        width:auto
    }

    .carousel.carousel-version-b .carousel--title {
        line-height: 1.115em
    }

    .carousel.carousel-version-b .carousel--custom-arrow {
        width: 20%
    }
}

.carousel.carousel-version-c {
    opacity: 0;
    margin: 0 0 2.5em 0;
    position: relative;
    visibility: hidden;
}

.carousel.carousel-version-c.visible {
    opacity: 1;
    visibility: visible
}

.carousel.carousel-version-c .carousel--image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 16em;
    position: relative;
}

.carousel.carousel-version-c .carousel--image--title {
    color: #fff;
    font-size: 2em;
    font-weight: 300;
    left: 0;
    line-height: 1.188em;
    margin: -1em 0 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    top: 50%
}

.carousel.carousel-version-c .carousel--title {
    font-size: 2em;
    font-weight: 300;
    line-height: 1.188em;
    margin: .625em 0 .25em 0;
    text-align: center
}

.carousel.carousel-version-c .carousel--desc {
    text-align: center;
    margin: 1em 0;
    padding: 0 .625em
}

.carousel.carousel-version-c .carousel--custom-pager {
    padding: .625em 0;
    position: relative;
    text-align: center;
}

.carousel.carousel-version-c .carousel--custom-pager__wrapper {
    position: relative
}

.carousel.carousel-version-c .carousel--custom-pager__container {
    margin: 0 auto;
    max-width: 75em
}

.carousel.carousel-version-c .carousel--custom-pager__item {
    display: inline-block;
    width: 10em;
    margin: 1px 0 2px 0;
}

.carousel.carousel-version-c .carousel--custom-pager__item:focus {
    outline: thin dotted
}

.carousel.carousel-version-c .carousel--custom-pager__item-inner {
    display: inline-block;
    margin: 0 1em;
    text-decoration: none;
}

.carousel.carousel-version-c .carousel--custom-pager__item-inner img {
    display: inline
}

.carousel.carousel-version-c .carousel--custom-pager__icon {
    color: #999;
    font-size: 3em
}

.carousel.carousel-version-c .carousel--custom-pager__link {
    display: block;
    font-size: 1em;
    font-weight: 600;
    margin: .5em 0 .25em 0;
    text-decoration: none
}

.carousel.carousel-version-c .carousel--custom-pager .slick-dots {
    bottom: -1em;
    position: absolute
}

.carousel.carousel-version-c .carousel--custom-arrow {
    height: 100%;
    position: absolute;
    width: 25%
}

.carousel.carousel-version-c .carousel--custom-arrows__prev {
    left: 0;
    top: 0
}

.carousel.carousel-version-c .carousel--custom-arrows__next {
    right: 0;
    top: 0
}

@media only screen and (min-width: 30em) {
    .carousel.carousel-version-c .carousel--image--title {
        font-size:2.5em;
        line-height: 1.15em;
        margin-bottom: .4em
    }

    .carousel.carousel-version-c .carousel--title {
        font-size: 2.5em;
        line-height: 1.15em;
        margin-bottom: .4em
    }

    .carousel.carousel-version-c .carousel--variant-title {
        font-size: 2em;
        line-height: 1.188em
    }

    .carousel.carousel-version-c .carousel--custom-pager__link {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-c .carousel--custom-pager__item {
        width: initial
    }

    .carousel.carousel-version-c .carousel--custom-arrow {
        width: 30%
    }
}

@media only screen and (min-width: 35.5em) {
    .carousel.carousel-version-c .carousel--custom-pager__container {
        width:80%
    }
}

@media only screen and (min-width: 48em) {
    .carousel.carousel-version-c {
        margin:0 0 4em 0;
    }

    .carousel.carousel-version-c .carousel--image {
        height: 28em
    }

    .carousel.carousel-version-c .carousel--title {
        margin-top: .75em
    }

    .carousel.carousel-version-c .carousel--variant-title {
        margin-top: .625em
    }

    .carousel.carousel-version-c .carousel--custom-pager {
        padding: 1.25em 0;
    }

    .carousel.carousel-version-c .carousel--custom-pager__link {
        font-size: 1.2em
    }

    .topic .carousel.carousel-version-c {
        margin: 0 0 3.125em 0
    }
}

@media only screen and (min-width: 62em) {
    .carousel.carousel-version-c .carousel--image--title {
        font-size:3.3em;
        line-height: 1.115em;
        margin-bottom: .308em
    }

    .carousel.carousel-version-c .carousel--title {
        font-size: 3.3em;
        line-height: 1.115em;
        margin-bottom: .308em
    }

    .carousel.carousel-version-c .carousel--variant-title {
        margin-top: .75em;
        margin-bottom: .4em;
        font-size: 2.5em;
        line-height: 1.15em
    }

    .carousel.carousel-version-c .carousel--desc {
        font-size: 1.125em;
        line-height: 1.333em;
        margin: .9em 0
    }

    .carousel.carousel-version-c .carousel--custom-pager {
        padding: 1.5em 0
    }

    .topic .carousel.carousel-version-c {
        margin: 0 0 4em 0
    }
}

@media only screen and (min-width: 75em) {
    .carousel.carousel-version-c .carousel--custom-pager {
        width:auto;
    }

    .carousel.carousel-version-c .carousel--custom-pager__icon {
        font-size: 4em
    }

    .carousel.carousel-version-c .carousel--variant-title {
        font-size: 3.3em;
        line-height: 1.115em;
        margin-top: .575em;
        margin-bottom: .303em
    }

    .carousel.carousel-version-c .carousel--custom-arrow {
        width: 20%
    }

    .topic .carousel.carousel-version-c {
        margin: 0 0 4.5em 0
    }
}

@media only screen and (min-width: 100.063em) {
    .carousel.carousel-version-c .carousel--image {
        height:34em
    }
}

.carousel.carousel-version-d {
    opacity: 0;
    position: relative;
    visibility: hidden;
    margin-bottom: 2.5em;
}

.carousel.carousel-version-d.visible {
    opacity: 1;
    visibility: visible
}

.carousel.carousel-version-d .carousel--image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 16em
}

.carousel.carousel-version-d .carousel--custom-pager {
    padding: 1em 0 0 0;
    position: relative;
}

.carousel.carousel-version-d .carousel--custom-pager__wrapper {
    position: relative
}

.carousel.carousel-version-d .carousel--custom-pager__item:focus {
    outline: thin dotted
}

.carousel.carousel-version-d .carousel--custom-pager__item-inner {
    position: relative
}

.carousel.carousel-version-d .carousel--custom-pager__item__img {
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 1em;
}

.carousel.carousel-version-d .carousel--custom-pager__item__img img {
    display: inline-block
}

.carousel.carousel-version-d .carousel--custom-pager__item__text {
    margin: 2.25em 0 0 0;
    text-align: left;
}

.carousel.carousel-version-d .carousel--custom-pager__item__text--title {
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1.167em;
    margin: 0 0 .444em 0;
    color: #414042
}

.carousel.carousel-version-d .carousel--custom-pager__item__text--desc {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.375em;
    margin: 0 0 1.25em 0;
}

.carousel.carousel-version-d .carousel--custom-pager__item__text--desc p {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.375em;
}

.carousel.carousel-version-d .carousel--custom-pager__item__text--desc p .bold-text {
    font-weight: 700;
    font-style: italic
}

.carousel.carousel-version-d .carousel--custom-pager__item__text--desc ul {
    font-size: 1.125em;
    line-height: 1.333em;
    list-style-position: outside;
    list-style-type: disc;
    padding: 0 1em;
}

.carousel.carousel-version-d .carousel--custom-pager__item__text--desc ul li {
    margin: 0 0 1em 0
}

.carousel.carousel-version-d .carousel--custom-pager__item__text--desc ol {
    font-size: 1.125em;
    line-height: 1.333em;
    list-style-position: outside;
    padding: 0 1em;
}

.carousel.carousel-version-d .carousel--custom-pager__item__text--desc ol li {
    margin: 0 0 1em 0
}

.carousel.carousel-version-d .carousel--custom-pager__item__text--cta {
    font-size: 1em;
    font-weight: 600;
    line-height: 1em;
    text-decoration: none;
    padding: 0 2em 0 0
}

.carousel.carousel-version-d .carousel--custom-pager__container {
    margin: 0 auto;
    max-width: 75em;
    margin-top: -12em
}

.carousel.carousel-version-d .carousel--custom-pager.visible {
    opacity: 1;
    visibility: visible
}

.carousel.carousel-version-d .carousel--custom-pager__item {
    color: #414042;
    display: inline-block;
    width: 10em;
}

.carousel.carousel-version-d .carousel--custom-pager__item-inner {
    display: inline-block;
    margin: 0 1em
}

.carousel.carousel-version-d .carousel--custom-arrows {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 12em;
}

.carousel.carousel-version-d .carousel--custom-arrows__prev {
    left: 0
}

.carousel.carousel-version-d .carousel--custom-arrows__next {
    right: 0
}

.carousel.carousel-version-d .carousel--custom-arrow {
    position: absolute;
    top: 50%
}

@media only screen and (min-width: 30em) {
    .carousel.carousel-version-d .carousel--custom-pager__item__text--title {
        font-size:2.5em;
        line-height: 1.15em
    }

    .carousel.carousel-version-d .carousel--custom-pager__item__text--desc {
        font-size: 1.125em;
        line-height: 1.333em;
    }

    .carousel.carousel-version-d .carousel--custom-pager__item__text--desc p {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-d .carousel--custom-pager__item__text--desc ul,.carousel.carousel-version-d .carousel--custom-pager__item__text--desc ol {
        font-size: 1em;
        line-height: 1.375em
    }

    .carousel.carousel-version-d .carousel--custom-pager__item__text--cta {
        font-size: 1.125em;
        line-height: 1.333em
    }
}

@media only screen and (min-width: 35.5em) {
    .carousel.carousel-version-d .carousel--custom-pager__container {
        width:80%
    }
}

@media only screen and (min-width: 48em) {
    .carousel.carousel-version-d .carousel--image {
        height:28em
    }

    .carousel.carousel-version-d .carousel--custom-pager__item__text--desc {
        font-size: 1.25em;
        line-height: 1.333em
    }

    .carousel.carousel-version-d .carousel--custom-pager__item__img {
        padding: 0 0 0 7em;
        text-align: left
    }
}

@media only screen and (min-width: 62em) {
    .carousel.carousel-version-d .carousel--custom-pager .slick-dots {
        margin-top:1.25em
    }

    .carousel.carousel-version-d .carousel--custom-pager__item__text {
        margin-top: 2.75em;
    }

    .carousel.carousel-version-d .carousel--custom-pager__item__text--title {
        font-size: 3.125em;
        line-height: 1.12em
    }

    .carousel.carousel-version-d .carousel--custom-pager__item__text--desc {
        font-size: 1.3em;
        line-height: 1.5em
    }

    .carousel.carousel-version-d .carousel--custom-pager__item__text--cta {
        font-size: 1.3em;
        line-height: 1.5em
    }
}

@media only screen and (min-width: 100.063em) {
    .carousel.carousel-version-d .carousel--image {
        height:34em
    }
}

.carousel.carousel-version-e {
    position: relative;
    padding: 2em 0;
}

.carousel.carousel-version-e.colored {
    background-color: #f9f6f3
}

.carousel.carousel-version-e.neutral {
    background-color: #f7f7f7
}

.carousel.carousel-version-e.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    padding: 0 0 28px 0
}

.carousel.carousel-version-e.divider.carousel.carousel-version-e {
    padding-top: 0
}

.carousel.carousel-version-e .carousel--heading {
    text-align: center;
    margin-bottom: 1.25em;
    padding: 0 .5em;
}

.carousel.carousel-version-e .carousel--heading__title {
    font-size: 2.25em;
    line-height: 1.167em;
    font-weight: 300;
    margin: 0 0 .445em 0
}

.carousel.carousel-version-e .carousel--heading__desc {
    font-size: 1em;
    line-height: 1.5em
}

.carousel.carousel-version-e .carousel--slide {
    position: relative;
}

.carousel.carousel-version-e .carousel--slide img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .5em
}

.carousel.carousel-version-e .carousel--slide__text {
    text-align: center;
    margin: 1.25em 0 0 0;
    padding: 0 .5em;
}

.carousel.carousel-version-e .carousel--slide__text--link {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 600;
    margin-bottom: .25em;
    text-decoration: none
}

.carousel.carousel-version-e .carousel--slide__text--title {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 600;
    margin-bottom: .25em;
    text-decoration: none
}

.carousel.carousel-version-e .carousel--slide__text--desc {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: .25em
}

.carousel.carousel-version-e .carousel--slide__text--sticker {
    display: inline-block;
    text-transform: uppercase;
    font-size: .875em;
    line-height: 1.429;
    color: #2f738e;
    padding: .375em .714em;
    border: 1px solid #2f738e;
    margin-bottom: 10px
}

.carousel.carousel-version-e .carousel--custom-arrows {
    position: absolute;
    width: 100%;
}

.carousel.carousel-version-e .carousel--custom-arrows__prev {
    left: 0
}

.carousel.carousel-version-e .carousel--custom-arrows__next {
    right: 0
}

.carousel.carousel-version-e .slick-dots {
    margin-top: 0
}

@media only screen and (min-width: 48em) {
    .carousel.carousel-version-e {
        padding:2.5em 0;
    }

    .carousel.carousel-version-e.divider:before {
        padding-bottom: 2.5em
    }

    .carousel.carousel-version-e.divider.carousel.carousel-version-e {
        padding-top: 0
    }

    .carousel.carousel-version-e .carousel--heading__title {
        font-size: 2.5em;
        line-height: 1.15em;
        margin-bottom: .4em
    }

    .carousel.carousel-version-e .carousel--heading__desc {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-e .carousel--slide__text--link {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-e .carousel--slide__text--title {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-e .carousel--slide__text--desc {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-e .carousel--custom-arrow {
        width: 20%
    }

    .carousel.carousel-version-e .carousel--custom-arrows {
        top: 28em;
        z-index: 100
    }
}

@media only screen and (min-width: 62em) {
    .carousel.carousel-version-e .carousel--slide__text {
        margin:1.25em 0 0 0;
    }

    .carousel.carousel-version-e .carousel--slide__text--link {
        font-size: 1.25em;
        line-height: 1.333em
    }

    .carousel.carousel-version-e .carousel--slide__text--title {
        font-size: 1.25em;
        line-height: 1.333em
    }

    .carousel.carousel-version-e .carousel--slide__text--desc {
        font-size: 1.25em;
        line-height: 1.333em
    }
}

@media only screen and (min-width: 75em) {
    .carousel.carousel-version-e {
        padding:3.75em 0;
    }

    .carousel.carousel-version-e.divider:before {
        padding-bottom: 3.75em
    }

    .carousel.carousel-version-e.divider.carousel.carousel-version-e {
        padding-top: 0
    }

    .carousel.carousel-version-e .carousel--heading__title {
        font-size: 3.125em;
        line-height: 1.12em;
        margin-bottom: .32em
    }

    .carousel.carousel-version-e .carousel--slide__text--link {
        line-height: 1.5em
    }

    .carousel.carousel-version-e .carousel--slide__text--title {
        line-height: 1.5em
    }

    .carousel.carousel-version-e .carousel--slide__text--desc {
        line-height: 1.3em;
        margin-bottom: 1.2em
    }

    .carousel.carousel-version-e .carousel--slide__text--btn {
        margin-bottom: 24px
    }

    .carousel.carousel-version-e .carousel--slide img {
        padding: 0
    }

    .carousel.carousel-version-e .carousel--custom-arrow {
        width: 20%
    }

    .carousel.carousel-version-e .carousel--custom-arrows {
        top: 30em;
        z-index: 0
    }
}

.carousel.carousel-version-f {
    opacity: 0;
    margin: 0 0 1.5em 0;
    position: relative;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    visibility: hidden;
}

.carousel.carousel-version-f .carousel--bg-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.carousel.carousel-version-f.visible {
    opacity: 1;
    visibility: visible
}

.carousel.carousel-version-f.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    padding: 0 0 28px 0
}

.carousel.carousel-version-f .carousel--heading {
    text-align: center;
    margin-top: 2.5em;
    margin-bottom: 25px;
    padding: 0 1em;
}

.carousel.carousel-version-f .carousel--heading__title {
    font-size: 2.25em;
    line-height: 1.167em;
    font-weight: 300;
    margin: 0 0 16px 0
}

.carousel.carousel-version-f .carousel--heading__desc {
    font-size: 1em;
    line-height: 1.375em
}

.carousel.carousel-version-f .carousel--slides {
    max-height: 18em;
    overflow: hidden
}

.carousel.carousel-version-f .carousel--slide {
    position: relative;
    height: 18em;
    width: 100%;
}

.carousel.carousel-version-f .carousel--slide__link {
    color: #fff;
    display: block;
    height: 100%;
    width: 100%
}

.carousel.carousel-version-f .carousel--slide__text {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), color-stop(50%, rgba(0,0,0,0.6)), to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%);
    bottom: 0;
    color: #fff;
    height: 10.25em;
    margin: 0;
    position: absolute;
    text-align: center;
    text-shadow: .15em .15em .188em rgba(0,0,0,0.6);
    width: 100%;
}

.carousel.carousel-version-f .carousel--slide__text span {
    bottom: 10%;
    font-size: .625em;
    line-height: 3.3em;
    margin: auto;
    padding: 0 .8em 1.5em .8em;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 100
}

.carousel.carousel-version-f .carousel--custom-pager {
    padding: 1em 0 0 0;
    position: relative;
    text-align: center;
}

.carousel.carousel-version-f .carousel--custom-pager:before {
    background: url("img/Carousel-arrow-52.html");
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    height: 1.375em;
    left: 50%;
    margin-left: -1.875em;
    position: absolute;
    top: -1.375em;
    width: 3.875em;
    z-index: 150;
    left: 50%
}

.carousel.carousel-version-f .carousel--custom-pager__wrapper {
    position: relative
}

.carousel.carousel-version-f .carousel--custom-pager__container {
    margin: 0 auto;
    max-width: 75em
}

.carousel.carousel-version-f .carousel--custom-pager.visible {
    opacity: 1;
    visibility: visible
}

.carousel.carousel-version-f .carousel--custom-pager__item {
    color: #414042;
    display: inline-block;
    width: 10em;
    margin-bottom: 5px;
    margin: 1px 0 2px 0;
}

.carousel.carousel-version-f .carousel--custom-pager__item:focus {
    outline: thin dotted
}

.carousel.carousel-version-f .carousel--custom-pager__item-inner {
    display: inline-block;
    text-decoration: none
}

.carousel.carousel-version-f .carousel--custom-pager__item-inner img {
    padding-bottom: .625em;
    display: inline-block
}

.carousel.carousel-version-f .carousel--custom-pager__icon {
    color: #999;
    font-size: 3em;
    margin-bottom: .13em
}

.carousel.carousel-version-f .carousel--custom-pager__copy {
    font-size: 1em;
    line-height: 1.125em;
    margin-top: .25em;
    margin-left: 1em;
    margin-right: 1em;
}

.carousel.carousel-version-f .carousel--custom-pager__copy p {
    margin-bottom: 0
}

.carousel.carousel-version-f .carousel--custom-pager__link {
    font-size: 1em;
    font-weight: 600;
    text-decoration: none;
    display: block;
    margin-left: 1em;
    margin-right: 1em;
}

.carousel.carousel-version-f .carousel--custom-pager__link.color {
    color: #414042
}

.carousel.carousel-version-f .carousel--custom-arrows__prev {
    left: 0
}

.carousel.carousel-version-f .carousel--custom-arrows__next {
    right: 0
}

.carousel.carousel-version-f .carousel--custom-arrow {
    height: 100%;
    position: absolute;
    width: 25%;
    top: 0
}

@media only screen and (min-width: 20em) {
    .carousel.carousel-version-f .carousel--slide__text span {
        font-size:1.25em;
        line-height: 1.3em;
        bottom: 0;
        left: 0;
        margin: auto;
        padding: 0 .8em 1.5em .8em
    }
}

@media only screen and (min-width: 30em) {
    .carousel.carousel-version-f .carousel--slide__text span {
        font-size:2em
    }

    .carousel.carousel-version-f .carousel--custom-pager__link {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-f .carousel--custom-pager__item {
        width: initial
    }

    .carousel.carousel-version-f .carousel--custom-arrow {
        width: 30%
    }
}

@media only screen and (min-width: 35.5em) {
    .carousel.carousel-version-f {
        margin:0 0 2.5em 0;
    }

    .carousel.carousel-version-f .carousel--custom-pager__container {
        width: 80%
    }

    .carousel.carousel-version-f .carousel--custom-arrow {
        height: 9.8em
    }
}

@media only screen and (min-width: 48em) {
    .carousel.carousel-version-f {
        margin:0 0 2em 0;
    }

    .carousel.carousel-version-f .carousel--heading__title {
        font-size: 2.5em;
        line-height: 1.15em
    }

    .carousel.carousel-version-f .carousel--heading__desc {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-f .carousel--slides {
        max-height: 24em
    }

    .carousel.carousel-version-f .carousel--slide {
        height: 24em;
    }

    .carousel.carousel-version-f .carousel--slide__text span {
        font-size: 2.5em;
        line-height: 1.15em;
        padding: 0 0 0 .5em;
        bottom: 30%;
        z-index: 100
    }

    .carousel.carousel-version-f .carousel--custom-pager__link {
        font-size: 1.2em
    }
}

@media only screen and (min-width: 62em) {
    .carousel.carousel-version-f .carousel--slides {
        max-height:25em
    }

    .carousel.carousel-version-f .carousel--slide {
        height: 25em;
    }

    .carousel.carousel-version-f .carousel--slide__text span {
        bottom: 20%;
        width: 55%
    }

    .carousel.carousel-version-f .carousel--custom-pager {
        padding: 24px 0 0 0;
    }

    .carousel.carousel-version-f .carousel--custom-pager:before {
        left: 50%
    }

    .carousel.carousel-version-f .carousel--custom-pager .slick-dots {
        margin: .3125em 0 0 0
    }
}

@media only screen and (min-width: 75em) {
    .carousel.carousel-version-f .carousel--heading {
        margin-bottom:30px;
    }

    .carousel.carousel-version-f .carousel--heading__title {
        font-size: 3.125em;
        line-height: 1.12em
    }

    .carousel.carousel-version-f .carousel--custom-pager {
        width: auto
    }

    .carousel.carousel-version-f .carousel--custom-arrow {
        width: 20%
    }

    .carousel.carousel-version-f .carousel--slide__text span {
        font-size: 3em;
        width: 58%
    }
}

@media only screen and (min-width: 75.063em) {
    .carousel.carousel-version-f .carousel--custom-pager__icon {
        font-size:4em
    }
}

.carousel.carousel-version-g {
    position: relative;
    padding: 2em 0;
}

.carousel.carousel-version-g.colored {
    background-color: #f9f6f3
}

.carousel.carousel-version-g.neutral {
    background-color: #f7f7f7
}

.carousel.carousel-version-g.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    padding: 0 0 28px 0
}

.carousel.carousel-version-g.divider.carousel.carousel-version-g {
    padding-top: 0
}

.carousel.carousel-version-g .carousel--heading {
    text-align: center;
    margin-bottom: 1.25em;
    padding: 0 .5em;
}

.carousel.carousel-version-g .carousel--heading__title {
    font-size: 2.25em;
    line-height: 1.167em;
    font-weight: 300;
    margin: 0 0 .445em 0
}

.carousel.carousel-version-g .carousel--heading__desc {
    font-size: 1em;
    line-height: 1.5em
}

.carousel.carousel-version-g .carousel--slide {
    position: relative;
}

.carousel.carousel-version-g .carousel--slide img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .5em
}

.carousel.carousel-version-g .carousel--slide__text {
    text-align: center;
    margin: 1.25em 0 0 0;
    padding: 0 .5em;
}

.carousel.carousel-version-g .carousel--slide__text--link {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 600;
    margin-bottom: .25em;
    text-decoration: none
}

.carousel.carousel-version-g .carousel--slide__text--title {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 600;
    margin-bottom: .25em;
    text-decoration: none
}

.carousel.carousel-version-g .carousel--slide__text--desc {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: .25em
}

.carousel.carousel-version-g .carousel--slide__text--sticker {
    display: inline-block;
    text-transform: uppercase;
    font-size: .875em;
    line-height: 1.429;
    color: #2f738e;
    padding: .375em .714em;
    border: 1px solid #2f738e;
    margin-bottom: 10px
}

.carousel.carousel-version-g .carousel--custom-arrows {
    position: absolute;
    width: 100%;
}

.carousel.carousel-version-g .carousel--custom-arrows__prev {
    left: 0
}

.carousel.carousel-version-g .carousel--custom-arrows__next {
    right: 0
}

.carousel.carousel-version-g .slick-dots {
    margin-top: 16px
}

.carousel.carousel-version-g .carousel-module-bucket {
    padding: 2em .5em;
}

.carousel.carousel-version-g .carousel-module-bucket.colored {
    background-color: #f9f6f3
}

.carousel.carousel-version-g .carousel-module-bucket.neutral {
    background-color: #f7f7f7
}

.carousel.carousel-version-g .carousel-module-bucket__content--heading__title {
    font-size: 2.25em;
    line-height: 1.167;
    font-weight: 300;
    margin: 0 0 .445em 0
}

.carousel.carousel-version-g .carousel-module-bucket__content--heading__desc {
    font-size: 1em;
    line-height: 1.375em;
    margin-bottom: 16px
}

.carousel.carousel-version-g .carousel-module-bucket--tile {
    margin-bottom: .625em;
}

.carousel.carousel-version-g .carousel-module-bucket--tile:last-child {
    margin-bottom: 0
}

.carousel.carousel-version-g .carousel-module-bucket--tile__image {
    margin-top: .3125em;
    margin-left: auto;
    margin-right: auto;
    max-width: 23.75em
}

.carousel.carousel-version-g .carousel-module-bucket--tile__inner img {
    margin-bottom: .75em
}

.carousel.carousel-version-g .carousel-module-bucket--tile__inner.center {
    text-align: center
}

.carousel.carousel-version-g .carousel-module-bucket--tile__inner .video-image {
    position: relative
}

.carousel.carousel-version-g .carousel-module-bucket--tile__inner .video--play-btn {
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 4.3em;
    text-decoration: none;
    position: absolute;
    font-size: 4.187em;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.carousel.carousel-version-g .carousel-module-bucket--tile__inner .video--play-btn:hover {
    color: #ccc
}

.carousel.carousel-version-g .carousel-module-bucket--tile__inner .video--play-btn:before {
    position: relative
}

.carousel.carousel-version-g .carousel-module-bucket--tile__text.carousel-text {
    width: 80%;
    left: 10%
}

.carousel.carousel-version-g .carousel-module-bucket--tile__link {
    text-decoration: none
}

.carousel.carousel-version-g .carousel-module-bucket--tile__title {
    font-size: 1.25em;
    line-height: 1.3;
    font-weight: 600;
    margin: 0 0 .2em 0;
}

.carousel.carousel-version-g .carousel-module-bucket--tile__title.carousel-title {
    margin-top: 6px
}

.carousel.carousel-version-g .carousel-module-bucket--tile__desc {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: .25em;
}

.carousel.carousel-version-g .carousel-module-bucket--tile__desc ul {
    display: inline-block;
    list-style-position: outside;
    list-style-type: disc;
    margin: .625em 0 .625em 0;
    padding-right: 2em;
    padding-left: 8.33%;
}

.carousel.carousel-version-g .carousel-module-bucket--tile__desc ul li {
    margin: 0 0 1.125em 0
}

.carousel.carousel-version-g .carousel-module-bucket--tile__desc ol {
    display: inline-block;
    list-style-position: outside;
    margin: .625em 0 .625em 0;
    padding-right: 2em;
    padding-left: 8.33%;
}

.carousel.carousel-version-g .carousel-module-bucket--tile__desc ol li {
    margin: 0 0 1.125em 0
}

.carousel.carousel-version-g .carousel-module-bucket--tile__action-link {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 600;
    text-decoration: none
}

.carousel.carousel-version-g .carousel-module-bucket--tile__btn {
    font-size: 1em;
    line-height: 1;
    margin-bottom: .625em;
}

.carousel.carousel-version-g .carousel-module-bucket--tile__btn .cta {
    padding: .75em 0
}

.carousel.carousel-version-g .carousel-module-bucket--tile__btn a {
    text-decoration: none
}

.carousel.carousel-version-g .carousel-module-bucket--cta {
    font-size: 1.125em;
    line-height: 1.444em;
    text-decoration: none;
    margin-bottom: .25em;
    display: block;
}

.carousel.carousel-version-g .carousel-module-bucket--cta:not(.cta) {
    font-weight: 600
}

.carousel.carousel-version-g .carousel-module-bucket--cta.cta {
    font-size: 1em;
    line-height: 1;
    display: block;
    padding: .75em 0;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto
}

.carousel.carousel-version-g .carousel-module-bucket--cta-container {
    display: inline-block;
    width: 100%
}

.carousel.carousel-version-g .carousel-module-bucket--cta-wrapper.center {
    text-align: center
}

.carousel.carousel-version-g .carousel-module-bucket--cta-wrapper.left .carousel-module-bucket--cta.cta {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 48em) {
    .carousel.carousel-version-g {
        padding:2.5em 0;
    }

    .carousel.carousel-version-g.divider:before {
        padding-bottom: 2.5em
    }

    .carousel.carousel-version-g.divider.carousel.carousel-version-g {
        padding-top: 0
    }

    .carousel.carousel-version-g .carousel--heading__title {
        font-size: 2.5em;
        line-height: 1.15em;
        margin-bottom: .4em
    }

    .carousel.carousel-version-g .carousel--heading__desc {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-g .carousel--slide__text--link {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-g .carousel--slide__text--title {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-g .carousel--slide__text--desc {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-g .carousel--custom-arrow {
        width: 20%
    }

    .carousel.carousel-version-g .carousel--custom-arrows {
        top: 28em;
        z-index: 100
    }

    .carousel.carousel-version-g .carousel-module-bucket {
        padding: 2.5em .5em;
    }

    .carousel.carousel-version-g .carousel-module-bucket__content--heading__title {
        font-size: 2.5em;
        line-height: 1.2
    }

    .carousel.carousel-version-g .carousel-module-bucket__content--heading__desc {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-g .carousel-module-bucket--tile__action-link {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .carousel.carousel-version-g .carousel-module-bucket--tile__cta--link {
        font-size: 1.25em;
        line-height: 1.3em
    }

    .carousel.carousel-version-g .carousel-module-bucket--tile__inner .video--play-btn {
        font-size: 40px;
        margin-top: -6px
    }

    .carousel.carousel-version-g .carousel-module-bucket--tile__image {
        margin-top: .625em
    }

    .carousel.carousel-version-g .carousel-module-bucket--tile__btn {
        font-size: 1.125em;
        line-height: 1;
    }

    .carousel.carousel-version-g .carousel-module-bucket--tile__btn .cta {
        padding: .62em 0
    }

    .carousel.carousel-version-g .carousel-module-bucket--cta {
        font-size: 1.25em;
        line-height: 1.333;
    }

    .carousel.carousel-version-g .carousel-module-bucket--cta.cta {
        font-size: 1.125em;
        line-height: 1;
        padding: .62em 0;
    }

    .carousel.carousel-version-g .carousel-module-bucket--cta.cta-container a + a {
        margin-top: 1em
    }

    .carousel-module-bucket--3col .carousel-module-bucket--tile__inner .video--play-btn-midsize {
        font-size: 40px
    }

    .carousel--slide .carousel-module-bucket--tile__inner .video--play-btn {
        font-size: 4.187em;
        margin-top: -7px
    }
}

@media only screen and (min-width: 62em) {
    .carousel.carousel-version-g .carousel-module-bucket--tile__inner img {
        margin-bottom:1.25em
    }

    .carousel.carousel-version-g .carousel-module-bucket--tile__cta__btn .cta {
        padding-top: .625em
    }

    .carousel.carousel-version-g .carousel-module-bucket--3col .carousel-module-bucket--tile__inner .video--play-btn-midsize {
        font-size: 67px
    }

    .carousel.carousel-version-g .carousel-module-bucket--3col .carousel-module-bucket--tile__inner .video--play-btn {
        font-size: 67px;
        margin-top: -10px
    }

    .carousel.carousel-version-g .carousel--slide__text {
        margin: 1.25em 0 0 0;
    }

    .carousel.carousel-version-g .carousel--slide__text--link {
        font-size: 1.25em;
        line-height: 1.333em
    }

    .carousel.carousel-version-g .carousel--slide__text--title {
        font-size: 1.25em;
        line-height: 1.333em
    }

    .carousel.carousel-version-g .carousel--slide__text--desc {
        font-size: 1.25em;
        line-height: 1.333em
    }
}

@media only screen and (min-width: 75em) {
    .carousel.carousel-version-g {
        padding:3.75em 0;
    }

    .carousel.carousel-version-g.divider:before {
        padding-bottom: 3.75em
    }

    .carousel.carousel-version-g.divider.carousel.carousel-version-g {
        padding-top: 0
    }

    .carousel.carousel-version-g .carousel--heading__title {
        font-size: 3.125em;
        line-height: 1.12em;
        margin-bottom: .32em
    }

    .carousel.carousel-version-g .carousel--slide__text--link {
        line-height: 1.5em
    }

    .carousel.carousel-version-g .carousel--slide__text--title {
        line-height: 1.5em
    }

    .carousel.carousel-version-g .carousel--slide__text--desc {
        line-height: 1.3em;
        margin-bottom: 1.2em
    }

    .carousel.carousel-version-g .carousel--slide__text--btn {
        margin-bottom: 24px
    }

    .carousel.carousel-version-g .carousel--slide img {
        padding: 0
    }

    .carousel.carousel-version-g .carousel--custom-arrow {
        width: 20%
    }

    .carousel.carousel-version-g .carousel--custom-arrows {
        top: 30em;
        z-index: 0
    }

    .carousel.carousel-version-g .carousel-module-bucket__content--heading__title {
        font-size: 3.125em;
        line-height: 1.12em
    }

    .carousel.carousel-version-g .carousel-module-bucket--cta {
        font-size: 1.3em;
        line-height: 1.5
    }

    .carousel.carousel-version-g .carousel-module-bucket--tile__inner .video--play-btn-midsize {
        font-size: 67px
    }

    .carousel.carousel-version-g .carousel-module-bucket--tile__inner .video--play-btn {
        font-size: 67px
    }
}

@media (min-width: 992px) and (max-width:1300px) {
    .carousel.carousel-version-g .carousel--slides {
        width:85%;
        margin-left: 7.5%
    }

    .carousel.carousel-version-g .slick-arrow {
        margin-top: -50px !important
    }
}

@media (min-width: 1199px) and (max-width:1300px) {
    .carousel-module-bucket--tile__inner {
        margin-left:8px
    }
}

@media (min-width: 992px) and (max-width:1100px) {
    .carousel.carousel-version-g .slick-arrow {
        margin-top:-75px !important
    }
}

@media only screen and (min-width: 20em) {
    .carousel-module-bucket--tile__inner .video--play-btn-midsize {
        font-size:40px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .carousel-module-bucket--tile-image .video--play-btn-midsize {
        font-size:40px
    }

    .carousel-module-bucket .cta--fullwidth {
        width: 100%
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .carousel-module-bucket--tile__inner.mobileleft {
        text-align:left
    }

    .carousel-module-bucket--tile__inner.mobileright {
        text-align: right
    }
}

.carousel.carousel-version-i {
    opacity: 0;
    position: relative;
    visibility: hidden;
    margin-bottom: 2.5em;
}

.carousel.carousel-version-i.large {
    height: 60vh;
}

.carousel.carousel-version-i.large .carousel--slides {
    height: 60vh;
    max-height: 60vh
}

.carousel.carousel-version-i.large .carousel--slide {
    height: 60vh;
    max-height: 60vh
}

.carousel.carousel-version-i.standard .carousel--slides .slick-dots {
    bottom: 1.5rem
}

.carousel.carousel-version-i.standard .carousel--slide__text {
    line-height: 1.5rem
}

.carousel.carousel-version-i .slick-dots {
    position: absolute;
    bottom: 1.5rem
}

.carousel.carousel-version-i .applyGradient:after {
    background-image: -webkit-radial-gradient(rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.25) 0%);
    background-image: -webkit-radial-gradient(rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.25) 0%);
    background-image: radial-gradient(rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.25) 0%);
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute
}

.carousel.carousel-version-i .carousel--bg-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 60vh;
}

.carousel.carousel-version-i .carousel--bg-img.large {
    height: 60vh
}

.carousel.carousel-version-i.visible {
    opacity: 1;
    visibility: visible
}

.carousel.carousel-version-i .carousel--custom-arrow {
    position: absolute;
    top: 50%;
}

.carousel.carousel-version-i .carousel--custom-arrow .slick-prev {
    color: #fff;
}

.carousel.carousel-version-i .carousel--custom-arrow .slick-prev:before {
    color: #fff
}

.carousel.carousel-version-i .carousel--custom-arrow .slick-next {
    color: #fff;
}

.carousel.carousel-version-i .carousel--custom-arrow .slick-next:before {
    color: #fff
}

.carousel.carousel-version-i .carousel--content-block {
    position: relative;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.carousel.carousel-version-i .carousel--content-block .video--play-btn {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 4.3em;
    margin-right: -2.188em;
    margin-top: -2.188em;
    display: inline-block;
    text-decoration: none;
}

.carousel.carousel-version-i .carousel--content-block .video--play-btn:hover {
    color: #ccc
}

.carousel.carousel-version-i .carousel--content-block .video--play-btn:before {
    position: relative;
    font-size: 4.2em
}

.carousel.carousel-version-i .carousel--slides {
    max-height: 18em;
}

.carousel.carousel-version-i .carousel--slides .slick-dots li button:before {
    border-color: #fff
}

.carousel.carousel-version-i .carousel--slides .slick-dots li.slick-active button:before {
    background-color: #fff
}

.carousel.carousel-version-i .carousel--slide {
    position: relative;
    height: 18em;
    width: 100%;
}

.carousel.carousel-version-i .carousel--slide__link {
    color: #fff;
    display: block;
    height: 100%;
    width: 100%
}

.carousel.carousel-version-i .carousel--slide__text {
    color: #fff;
    text-align: center;
    text-shadow: .15em .15em .188em rgba(0,0,0,0.3);
    line-height: 2em;
    padding-top: 1rem;
}

.carousel.carousel-version-i .carousel--slide__text .carousel--slide__title p {
    font-size: 30px;
    font-weight: 300
}

.carousel.carousel-version-i .carousel--slide__text .carousel--slide__desc p {
    font-size: 18px;
    font-weight: 400
}

.carousel.carousel-version-i .carousel--slide__text .carousel--slide__link a {
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    text-shadow: none
}

.carousel.carousel-version-i .carousel--slide.full-overlay:after,.carousel.carousel-version-i .carousel--slide.themed-overlay:after {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.carousel.carousel-version-i .carousel--slide.full-overlay.gradient-40:after,.carousel.carousel-version-i .carousel--slide.themed-overlay.gradient-40:after {
    opacity: .4
}

.carousel.carousel-version-i .carousel--slide.full-overlay.gradient-60:after,.carousel.carousel-version-i .carousel--slide.themed-overlay.gradient-60:after {
    opacity: .6
}

.carousel.carousel-version-i .carousel--slide.full-overlay.gradient-80:after,.carousel.carousel-version-i .carousel--slide.themed-overlay.gradient-80:after {
    opacity: .8
}

.carousel.carousel-version-i .carousel--slide.full-overlay:after {
    background: #000
}

.carousel.carousel-version-i .carousel--slide.themed-overlay:after {
    background: #1053fc
}

.carousel.carousel-version-i .carousel--custom-arrows__prev {
    left: 0
}

.carousel.carousel-version-i .carousel--custom-arrows__next {
    right: 0
}

.hybrid-variant .hero.hero-version-1.left .hero__content {
    float: left;
}

.hybrid-variant .hero.hero-version-1.left .hero__content--area p {
    margin: 0 0 .625em 0
}

@media screen and (max-height: 61.188em) {
    .carousel.carousel-version-i.standard {
        height:50vh;
        min-height: 22.5em;
    }

    .carousel.carousel-version-i.standard .slick-prev,.carousel.carousel-version-i.standard .slick-next {
        top: 50%
    }

    .carousel.carousel-version-i.standard .carousel--bg-img {
        height: 50vh;
        min-height: 22.5em
    }

    .carousel.carousel-version-i.standard .carousel--slides {
        min-height: 22.5em;
        max-height: 34rem;
    }

    .carousel.carousel-version-i.standard .carousel--slides .slick-dots {
        bottom: auto;
        padding-top: 0
    }
}

@media screen and (min-height: 61.188em) {
    .carousel.carousel-version-i.standard {
        height:45vh;
        max-height: 34em;
        min-height: 22.5em;
    }

    .carousel.carousel-version-i.standard .slick-prev,.carousel.carousel-version-i.standard .slick-next {
        top: 50%
    }

    .carousel.carousel-version-i.standard .carousel--bg-img {
        height: 45vh;
        max-height: 34em
    }

    .carousel.carousel-version-i.standard .carousel--slides {
        max-height: 34em;
    }

    .carousel.carousel-version-i.standard .carousel--slides .slick-dots {
        bottom: auto;
        padding-top: 0
    }
}

@media only screen and (min-width: 20em) {
    .carousel.carousel-version-i.standard .carousel--slides .slick-dots {
        bottom:1.5rem
    }

    .carousel.carousel-version-i .carousel--content-block {
        max-width: 270px;
        max-height: 230px;
        width: 84%;
    }

    .carousel.carousel-version-i .carousel--content-block .carousel--secondary-img img {
        text-align: center;
        height: 44px;
        margin: auto
    }

    .carousel.carousel-version-i .carousel--slide__text {
        line-height: 1.5rem;
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--slide__title {
        line-height: 1.3em;
        margin: auto
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--slide__title p {
        font-size: 20px;
        z-index: 100
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--header__desc p {
        font-size: 12px
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--slide__link span {
        font-size: 12px
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--slide__link__carrot.icon-right-progress {
        font-size: 11px;
        margin-left: 3px
    }
}

@media only screen and (min-width: 30em) {
    .carousel.carousel-version-i.large .carousel--slides .slick-dots {
        bottom:3rem
    }

    .carousel.carousel-version-i .carousel--slides {
        max-height: 270px;
    }

    .carousel.carousel-version-i .carousel--slides .slick-dots {
        bottom: .3rem
    }

    .carousel.carousel-version-i .carousel--slide__text {
        line-height: 1.5rem;
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--slide__title p {
        font-size: 22px;
        z-index: 100
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--header__desc p {
        font-size: 12px
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--slide__link span {
        font-size: 14px
    }

    .carousel.carousel-version-i .carousel--custom-arrow {
        width: 30%
    }

    .carousel.carousel-version-i .carousel--content-block {
        max-width: 370px;
        width: 77%;
    }

    .carousel.carousel-version-i .carousel--content-block .carousel--secondary-img img {
        text-align: center;
        height: 64px;
        margin: auto
    }
}

@media only screen and (min-width: 35.5em) {
    .carousel.carousel-version-i {
        margin:0 0 2.5em 0
    }
}

@media only screen and (min-width: 48em) {
    .carousel.carousel-version-i {
        margin:0 0 1.25em 0;
    }

    .carousel.carousel-version-i.standard .carousel--slides .slick-dots {
        bottom: 1.5rem
    }

    .carousel.carousel-version-i .carousel--content-block {
        max-width: 482px;
        max-height: 250px;
        width: 63%;
    }

    .carousel.carousel-version-i .carousel--content-block .carousel--secondary-img img {
        text-align: center;
        height: 110px;
        margin: auto
    }

    .carousel.carousel-version-i .carousel--content-block .video--play-btn {
        border-radius: 5em;
        font-size: 1.28em
    }

    .carousel.carousel-version-i .carousel--slides {
        max-height: 404px;
    }

    .carousel.carousel-version-i .carousel--slides .slick-dots {
        bottom: 2rem
    }

    .carousel.carousel-version-i .carousel--slide {
        height: 24em;
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--slide__title p {
        font-size: 30px;
        z-index: 100
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--header__desc p {
        font-size: 18px
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--slide__link span {
        font-size: 18px
    }

    .carousel.carousel-version-i .carousel--slide__text .carousel--slide__link__carrot.icon-right-progress {
        font-size: 14px;
        margin-left: 6px
    }
}

@media only screen and (min-width: 62em) {
    .carousel.carousel-version-i.standard .carousel--content-block {
        top:44%;
    }

    .carousel.carousel-version-i.standard .carousel--content-block .video--play-btn {
        border-radius: 8em;
        font-size: 1.5em
    }

    .carousel.carousel-version-i.standard .carousel--slide__text {
        line-height: 1.5rem
    }

    .carousel.carousel-version-i.large {
        height: 50vh;
    }

    .carousel.carousel-version-i.large .carousel--bg-img {
        height: 50vh
    }

    .carousel.carousel-version-i.large .carousel--slides {
        min-height: 50vh;
        max-height: 50vh
    }

    .carousel.carousel-version-i.large .carousel--slide {
        min-height: 50vh;
        max-height: 50vh
    }
}

@media only screen and (min-width: 75em) {
    .carousel.carousel-version-i {
        min-height:604px;
    }

    .carousel.carousel-version-i.standard {
        min-height: 22.5em;
    }

    .carousel.carousel-version-i.standard .carousel--slides .slick-dots {
        bottom: 1.5rem
    }

    .carousel.carousel-version-i.large {
        height: 90vh;
    }

    .carousel.carousel-version-i.large .slick-prev,.carousel.carousel-version-i.large .slick-next {
        top: 50%
    }

    .carousel.carousel-version-i.large .carousel--slides {
        min-height: 90vh;
        max-height: 90vh;
    }

    .carousel.carousel-version-i.large .carousel--slides .slick-dots {
        bottom: 2rem;
        left: 0
    }

    .carousel.carousel-version-i.large .carousel--slide {
        min-height: 90vh;
        max-height: 90vh
    }

    .carousel.carousel-version-i.large .carousel--bg-img {
        height: 90vh
    }

    .carousel.carousel-version-i .carousel--content-block {
        max-width: 760px;
        max-height: 300px;
        width: 63%;
    }

    .carousel.carousel-version-i .carousel--content-block .carousel--secondary-img img {
        text-align: center;
        height: 146px;
        margin: auto
    }

    .carousel.carousel-version-i .carousel--custom-arrow {
        width: 20%
    }

    .carousel.carousel-version-i .carousel--slides .slick-dots {
        bottom: -10rem;
        left: 0
    }

    .carousel.carousel-version-i .carousel--slide {
        height: 604px;
    }

    .carousel.carousel-version-i .carousel--slide__text {
        line-height: 2.5rem
    }
}

@media only screen and (min-width: 75.063em) {
    .carousel.carousel-version-i .carousel--custom-pager__icon {
        font-size:3em
    }
}

.compare-hero {
    height: 592px;
    margin: 0 0 32px 0;
    position: relative;
    width: 100%;
}

.compare-hero__primary-background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 592px;
    width: 100%;
}

.compare-hero__primary-background-image.apply-gradient:after {
    background: rgba(0,0,0,0.4);
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%
}

.compare-hero__primary-background-image:focus {
    outline: #fff dotted 1px
}

.compare-hero--text-area {
    width: 100%;
    position: absolute;
    bottom: 0;
    max-width: 75em;
    margin: 0 auto;
    padding: 0 8px 0 8px;
    color: #fff;
}

.compare-hero--text-area__headline {
    font-size: 26px;
    line-height: 32px;
    font-weight: 300;
    text-shadow: 0 0 .3em rgba(0,0,0,0.8);
    margin: 0 0 16px 0;
    text-align: center
}

.compare-hero--text-area__desc {
    font-size: 18px;
    line-height: 24px;
    text-shadow: 0 0 .3em rgba(0,0,0,0.8);
    margin: 0 0 16px 0;
    text-align: center
}

.compare-hero--text-area form {
    display: inline-block;
    width: 100%;
}

.compare-hero--text-area form .radio__button {
    margin-bottom: 14px;
}

.compare-hero--text-area form .radio__button--subtitle {
    font-size: .75em
}

.compare-hero--text-area form .radio__button--input {
    float: right;
    width: 100%;
}

.compare-hero--text-area form .radio__button--input input {
    width: 30px;
    height: 30px
}

.compare-hero--text-area form .radio__button--input label {
    display: block;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px
}

.compare-hero--text-area form .radio__button--input a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
    padding: 0 2.225em 0 0;
}

.compare-hero--text-area form .radio__button--input a.icon {
    position: relative;
}

.compare-hero--text-area form .radio__button--input a.icon:before {
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 10px;
    line-height: 10px;
    margin-left: 6px
}

.compare-hero .jpui.radiobutton input[type=radio] {
    top: 40%;
    right: 0;
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%)
}

.compare-hero .jpui.radiobutton input[type=radio]~label.alternate:before {
    width: 30px;
    height: 30px;
    top: 50%;
    right: 0
}

.compare-hero .jpui.radiobutton input[type=radio]:not(:checked)+label.alternate:after {
    width: 22px;
    height: 22px;
    top: 50%;
    margin-left: 0;
    margin-right: 4px;
    right: 0
}

.compare-hero .jpui.radiobutton input[type=radio]:checked+label.alternate:after {
    width: 22px;
    height: 22px;
    top: 50%;
    margin-left: 0;
    margin-right: 5px;
    right: 0
}

.compare-hero__result--section {
    margin: auto;
    float: none;
    max-width: 75em;
}

.compare-hero__result--section-left.compare-large-content {
    width: 49%
}

.sticky-underlay {
    display: none;
    background: #fff;
    z-index: 5000;
    width: 100%;
    border: 1px solid #808080
}

.compare-hero.clearContent .jpui.radiobutton input[type=radio]~label.alternate:before,.compare-hero.clearContent .jpui.radiobutton input[type=radio]~label.alternate:after {
    display: none
}

@media only screen and (min-width: 30em) {
    .compare-hero--text-area__desc {
        margin:0 0 20px 0
    }

    .compare-hero--text-area form .radio__button {
        margin-bottom: 16px;
    }

    .compare-hero--text-area form .radio__button:before {
        padding: 0 0 16px 0
    }

    .compare-hero--text-area form .radio__button--input label {
        margin-bottom: 10px;
        float: left;
        width: 100%
    }
}

@media screen and (min-width: 320px) and (max-width:767px) {
    .compare-hero--text-area form input {
        float:right
    }

    .compare-hero--text-area form .radio__button:before {
        display: block;
        position: relative;
        border-top: 1px solid #717171;
        content: '';
        padding: 0 0 14px 0
    }

    .compare-hero--text-area form .radio__button--input label p {
        width: 88%;
        min-height: 0
    }
}

@media only screen and (min-width: 48em) {
    .compare-hero {
        height:448px;
    }

    .compare-hero__primary-background-image {
        height: 448px
    }

    .compare-hero--text-area__headline {
        font-size: 40px;
        line-height: 46px;
        margin: 0 0 18px 0
    }

    .compare-hero--text-area__desc {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 24px 0
    }

    .compare-hero--text-area form {
        margin-bottom: 40px;
    }

    .compare-hero--text-area form .radio__button {
        margin-bottom: 0;
        text-align: center;
    }

    .compare-hero--text-area form .radio__button--input label {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 16px;
        padding-top: 54px
    }

    .compare-hero--text-area form .radio__button--input a {
        font-size: 18px;
        line-height: 24px
    }

    .compare-hero .jpui.radiobutton input[type=radio] {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .compare-hero .jpui.radiobutton input[type=radio]~label.alternate:before {
        width: 30px;
        height: 30px;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .compare-hero .jpui.radiobutton input[type=radio]:not(:checked)+label.alternate:after {
        width: 22px;
        height: 22px;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 0;
        margin-right: 0
    }

    .compare-hero .jpui.radiobutton input[type=radio]:checked+label.alternate:after {
        width: 22px;
        height: 22px;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 75em) {
    .compare-hero {
        height:528px;
    }

    .compare-hero__primary-background-image {
        height: 528px
    }

    .compare-hero--text-area__headline {
        font-size: 50px;
        line-height: 56px;
        margin: 0 0 24px 0
    }

    .compare-hero--text-area__desc {
        font-size: 30px;
        line-height: 36px;
        margin: 0 0 32px 0
    }

    .compare-hero--text-area form {
        margin-bottom: 80px;
    }

    .compare-hero--text-area form .radio__button--input label {
        font-size: 28px;
        line-height: 34px
    }

    .compare-hero--text-area form .radio__button--input a {
        font-size: 20px;
        line-height: 26px
    }
}

.body-compare-result {
    margin-bottom: 20x;
}

.body-compare-result__content--cta {
    margin-bottom: 16px;
}

.body-compare-result__content--cta h1 * {
    display: inline-block
}

.body-compare-result__content--cta h1 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
    margin-top: 0;
    margin-bottom: 16px
}

.body-compare-result__content--cta__btn {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.body-compare-result__content--cta__btn a {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    text-decoration: none;
    width: 100%;
}

.body-compare-result__content--cta__btn a.regular-link {
    text-decoration: underline
}

.body-compare-result__content--cta__btn--optional-text {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #717171
}

.body-compare-result__content--cta.sticky-compare-lock {
    z-index: 5000;
    background-color: transparent
}

.body-compare-result__content--cta.fixed-sticky {
    position: fixed;
    top: 0;
    margin: 0
}

.body-compare-result__content--compare-large__inner--title {
    margin-top: 16px;
}

.body-compare-result__content--compare-large__inner--title h1,.body-compare-result__content--compare-large__inner--title h2 {
    padding-top: 16px;
    border-top: 1px solid #ccc;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 14px
}

.body-compare-result__content--compare-large__inner--desc {
    margin-bottom: 16px;
}

.body-compare-result__content--compare-large__inner--desc.divider:before {
    display: block;
    content: '';
    position: relative
}

.body-compare-result__content--compare-large__inner--desc p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 16px;
}

.body-compare-result__content--compare-large__inner--desc p .icon-Activecompare {
    font-size: 12px;
    line-height: 20px;
}

.body-compare-result__content--compare-large__inner--desc p .icon-Activecompare:before {
    font-size: 10px;
    line-height: 10px;
    color: #2ca853;
    margin-right: 6px
}

.body-compare-result__content--compare-large__inner--desc p .icon-Inactivecompare {
    color: #717171;
    font-size: 12px;
    line-height: 20px;
}

.body-compare-result__content--compare-large__inner--desc p .icon-Inactivecompare:before {
    font-size: 10px;
    line-height: 10px;
    color: #717171;
    margin-right: 6px
}

.body-compare-result__content--compare-large__inner--desc p a:not(.scroll-top) {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
    padding: 0 !important
}

.body-compare-result__content--compare-large__inner--desc p a.regular-link {
    text-decoration: underline
}

.body-compare-result__content--compare-large__inner--desc p .compare__amount {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    color: #717171;
    margin-bottom: 16px
}

.body-compare-result__content--compare-large__inner--desc p .compare__text--or-separator {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    color: #717171
}

.body-compare-result__content--compare-large__inner--desc p .tooltip-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media only screen and (min-width: 30em) {
    .body-compare-result__content--cta__btn a {
        margin-bottom:8px
    }

    .body-compare-result__content--compare-large__inner--desc p {
        font-size: 14px;
        line-height: 22px;
    }

    .body-compare-result__content--compare-large__inner--desc p .icon-Activecompare {
        font-size: 16px;
        line-height: 22px;
    }

    .body-compare-result__content--compare-large__inner--desc p .icon-Activecompare:before {
        font-size: 16px;
        line-height: 16px
    }

    .body-compare-result__content--compare-large__inner--desc p .icon-Inactivecompare {
        font-size: 16px;
        line-height: 22px;
    }

    .body-compare-result__content--compare-large__inner--desc p .icon-Inactivecompare:before {
        font-size: 16px;
        line-height: 16px
    }

    .body-compare-result__content--compare-large__inner--desc p a:not(.scroll-top) {
        font-size: 14px;
        line-height: 20px;
        padding-left: 22px
    }

    .body-compare-result__content--compare-large__inner--desc p .compare__amount {
        font-size: 40px;
        line-height: 46px
    }
}

@media only screen and (min-width: 48em) {
    .body-compare-result__content {
        padding-left:10px;
        padding-right: 10px;
    }

    .body-compare-result__content--cta {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .body-compare-result__content--cta h1 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 18px
    }

    .body-compare-result__content--cta__btn {
        width: 230px;
    }

    .body-compare-result__content--cta__btn a {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .body-compare-result__content--cta__btn--optional-text {
        font-size: 14px;
        line-height: 20px
    }

    .body-compare-result__content--compare-large__inner--title {
        margin-top: 20px;
    }

    .body-compare-result__content--compare-large__inner--title h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 18px
    }

    .body-compare-result__content--compare-large__inner--desc {
        margin-bottom: 20px;
    }

    .body-compare-result__content--compare-large__inner--desc.divider:before {
        padding: 0 0 20px 0
    }

    .body-compare-result__content--compare-large__inner--desc p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 18px;
    }

    .body-compare-result__content--compare-large__inner--desc p .icon-Activecompare {
        font-size: 18px;
        line-height: 24px;
    }

    .body-compare-result__content--compare-large__inner--desc p .icon-Activecompare:before {
        font-size: 20px;
        line-height: 20px;
        margin-right: 16px
    }

    .body-compare-result__content--compare-large__inner--desc p .icon-Inactivecompare {
        font-size: 18px;
        line-height: 24px;
    }

    .body-compare-result__content--compare-large__inner--desc p .icon-Inactivecompare:before {
        font-size: 20px;
        line-height: 20px;
        margin-right: 16px
    }

    .body-compare-result__content--compare-large__inner--desc p a:not(.scroll-top) {
        font-size: 16px;
        line-height: 22px;
        padding-left: 36px
    }

    .body-compare-result__content--compare-large__inner--desc p .compare__amount {
        font-size: 50px;
        line-height: 56px;
        margin-bottom: 18px
    }
}

@media only screen and (min-width: 62em) {
    .body-compare-result__content {
        padding-left:16px;
        padding-right: 16px;
    }

    .body-compare-result__content--cta__btn {
        width: 300px
    }

    .body-compare-result__content--compare-large__inner--desc p a:not(.scroll-top) {
        font-size: 18px;
        line-height: 24px
    }

    .body-compare-result__content--compare-large__inner--desc p .compare__amount {
        font-size: 60px;
        line-height: 66px
    }

    .body-compare-result__content--compare-large__inner--desc p .compare__text--or-separator {
        font-size: 40px;
        line-height: 46px
    }
}

@media only screen and (min-width: 75em) {
    .body-compare-result {
        margin-bottom:32px;
    }

    .body-compare-result__content {
        padding-left: 40px;
        padding-right: 40px;
    }

    .body-compare-result__content--cta {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .body-compare-result__content--cta h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 24px
    }

    .body-compare-result__content--cta__btn a {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .body-compare-result__content--compare-large__inner--title {
        margin-top: 32px
    }

    .body-compare-result__content--compare-large__inner--desc {
        margin-bottom: 32px
    }
}

.currency-selector {
    padding-left: 16px;
    padding-right: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
}

.currency-selector.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2em
}

.currency-selector.top-padding {
    padding-top: 4em;
    margin-top: 1em
}

.currency-selector__divider {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0;
    padding: 0
}

.currency-selector__account-options {
    padding-bottom: 24px;
}

.currency-selector__account-options--heading {
    padding: 24px 0 16px 0;
}

.currency-selector__account-options--heading label {
    font-size: 16px;
    line-height: 40px;
    margin: 0
}

.currency-selector__country-options {
    padding-bottom: 24px;
    display: none;
}

.currency-selector__country-options.show {
    display: block
}

.currency-selector__country-options--heading {
    padding-bottom: 16px;
}

.currency-selector__country-options--heading label {
    font-size: 16px;
    line-height: 40px;
    margin: 0
}

.currency-selector__results {
    padding: 0 0 24px 0;
    display: none;
}

.currency-selector__results--heading {
    padding-bottom: 24px;
}

.currency-selector__results--heading h2,.currency-selector__results--heading h3,.currency-selector__results--heading h4,.currency-selector__results--heading p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    font-weight: 600
}

.currency-selector__results.show {
    display: block
}

.currency-selector__results--single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.currency-selector__results--country {
    font-size: 16px;
    line-height: 24px
}

.currency-selector__bottom--section {
    display: none;
}

.currency-selector__bottom--section.show {
    display: block
}

.currency-selector__link--text {
    padding-bottom: 40px;
}

.currency-selector__link--text h2,.currency-selector__link--text h3,.currency-selector__link--text h4,.currency-selector__link--text p {
    margin: 0;
    display: inline-block
}

.currency-selector__disclaimer--text h2,.currency-selector__disclaimer--text h3,.currency-selector__disclaimer--text h4,.currency-selector__disclaimer--text p {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 10px 0
}

.currency-selector__dropdown {
    padding-left: 0
}

.currency-selector select {
    width: 100%;
    padding: 8px;
    font-size: 16px;
    line-height: 24px;
    border: .063em solid #ccc;
    height: 42px;
    -moz-appearance: none;
    background-color: #fff;
    background: url("img/select-arrow.html") no-repeat right .188em;
}

.currency-selector select::-ms-expand {
    display: none
}

.currency-selector select.webkit {
    -webkit-appearance: none
}

.currency-selector select.errorBorder {
    border: 2px solid #bf2155
}

.currency-selector select:focus,.currency-selector select:active {
    outline: thin dotted #000
}

@media only screen and (min-width: 48em) {
    .currency-selector.top-padding {
        margin-top:4em
    }

    .currency-selector__account-options {
        padding: 40px 0 0 0;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .currency-selector__account-options--heading {
        padding: 0;
        width: 50%;
    }

    .currency-selector__account-options--heading label {
        line-height: 40px
    }

    .currency-selector__account-options--dropdown {
        width: 50%
    }

    .currency-selector__country-options {
        padding: 40px 0 0 0;
    }

    .currency-selector__country-options--heading {
        width: 50%;
        padding: 0;
    }

    .currency-selector__country-options--heading label {
        line-height: 40px
    }

    .currency-selector__country-options--dropdown {
        width: 50%
    }

    .currency-selector__country-options.show {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .currency-selector__results {
        padding: 40px 0 40px 0;
    }

    .currency-selector__results.show {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .currency-selector__results--heading {
        padding: 0;
        width: 50%
    }

    .currency-selector__results--single-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 50%
    }

    .currency-selector__results--single {
        max-width: 50%
    }

    .currency-selector__results--country {
        width: 60%
    }

    .currency-selector__link--text {
        padding-bottom: 60px
    }
}

.currency-flag {
    display: inline-block;
    width: 84px;
    height: 56px;
    background: url("img/fireball-flags.html") no-repeat;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-position: -168px -672px;
}

.currency-flag.currency-flag-ars {
    background-position: 0 0
}

.currency-flag.currency-flag-aud {
    background-position: -84px 0
}

.currency-flag.currency-flag-bhd {
    background-position: -168px 0
}

.currency-flag.currency-flag-bdt {
    background-position: -252px 0
}

.currency-flag.currency-flag-bbd {
    background-position: -336px 0
}

.currency-flag.currency-flag-bzd {
    background-position: -420px 0
}

.currency-flag.currency-flag-bmd {
    background-position: -504px 0
}

.currency-flag.currency-flag-bob {
    background-position: 0 -56px
}

.currency-flag.currency-flag-bwp {
    background-position: -84px -56px
}

.currency-flag.currency-flag-brl {
    background-position: -168px -56px
}

.currency-flag.currency-flag-bgn {
    background-position: -252px -56px
}

.currency-flag.currency-flag-khr {
    background-position: -336px -56px
}

.currency-flag.currency-flag-cad {
    background-position: -420px -56px
}

.currency-flag.currency-flag-clp {
    background-position: -504px -56px
}

.currency-flag.currency-flag-cop {
    background-position: 0 -112px
}

.currency-flag.currency-flag-crc {
    background-position: -84px -112px
}

.currency-flag.currency-flag-hrk {
    background-position: -168px -112px
}

.currency-flag.currency-flag-dkk {
    background-position: -252px -112px
}

.currency-flag.currency-flag-xcd {
    background-position: -336px -112px
}

.currency-flag.currency-flag-egp {
    background-position: -420px -112px
}

.currency-flag.currency-flag-etb {
    background-position: -504px -112px
}

.currency-flag.currency-flag-eur {
    background-position: 0 -168px
}

.currency-flag.currency-flag-gel {
    background-position: -84px -168px
}

.currency-flag.currency-flag-ghs {
    background-position: -168px -168px
}

.currency-flag.currency-flag-htg {
    background-position: -252px -168px
}

.currency-flag.currency-flag-hnl {
    background-position: -336px -168px
}

.currency-flag.currency-flag-hkd {
    background-position: -420px -168px
}

.currency-flag.currency-flag-huf {
    background-position: -504px -168px
}

.currency-flag.currency-flag-inr {
    background-position: 0 -224px
}

.currency-flag.currency-flag-idr {
    background-position: -84px -224px
}

.currency-flag.currency-flag-ils {
    background-position: -168px -224px
}

.currency-flag.currency-flag-jmd {
    background-position: -252px -224px
}

.currency-flag.currency-flag-jpy {
    background-position: -336px -224px
}

.currency-flag.currency-flag-jod {
    background-position: -420px -224px
}

.currency-flag.currency-flag-kes {
    background-position: -504px -224px
}

.currency-flag.currency-flag-kwd {
    background-position: 0 -280px
}

.currency-flag.currency-flag-mur {
    background-position: -84px -280px
}

.currency-flag.currency-flag-mxn {
    background-position: -168px -280px
}

.currency-flag.currency-flag-mad {
    background-position: -252px -280px
}

.currency-flag.currency-flag-npr {
    background-position: -336px -280px
}

.currency-flag.currency-flag-nzd {
    background-position: -420px -280px
}

.currency-flag.currency-flag-nio {
    background-position: -504px -280px
}

.currency-flag.currency-flag-ngn {
    background-position: 0 -336px
}

.currency-flag.currency-flag-nok {
    background-position: -84px -336px
}

.currency-flag.currency-flag-omr {
    background-position: -168px -336px
}

.currency-flag.currency-flag-pkr {
    background-position: -252px -336px
}

.currency-flag.currency-flag-pen {
    background-position: -336px -336px
}

.currency-flag.currency-flag-pln {
    background-position: -420px -336px
}

.currency-flag.currency-flag-qar {
    background-position: -504px -336px
}

.currency-flag.currency-flag-ron {
    background-position: 0 -392px
}

.currency-flag.currency-flag-rub {
    background-position: -84px -392px
}

.currency-flag.currency-flag-sar {
    background-position: -168px -392px
}

.currency-flag.currency-flag-rsd {
    background-position: -252px -392px
}

.currency-flag.currency-flag-sgd {
    background-position: -336px -392px
}

.currency-flag.currency-flag-zar {
    background-position: -420px -392px
}

.currency-flag.currency-flag-krw {
    background-position: -504px -392px
}

.currency-flag.currency-flag-lkr {
    background-position: 0 -448px
}

.currency-flag.currency-flag-sek {
    background-position: -84px -448px
}

.currency-flag.currency-flag-chf {
    background-position: -168px -448px
}

.currency-flag.currency-flag-tzs {
    background-position: -252px -448px
}

.currency-flag.currency-flag-thb {
    background-position: -336px -448px
}

.currency-flag.currency-flag-bsd {
    background-position: -420px -448px
}

.currency-flag.currency-flag-czk {
    background-position: -504px -448px
}

.currency-flag.currency-flag-dop {
    background-position: 0 -504px
}

.currency-flag.currency-flag-ang {
    background-position: -84px -504px
}

.currency-flag.currency-flag-cny {
    background-position: -168px -504px
}

.currency-flag.currency-flag-php {
    background-position: -252px -504px
}

.currency-flag.currency-flag-twd {
    background-position: -336px -504px
}

.currency-flag.currency-flag-aed {
    background-position: -420px -504px
}

.currency-flag.currency-flag-ttd {
    background-position: -504px -504px
}

.currency-flag.currency-flag-tnd {
    background-position: 0 -560px
}

.currency-flag.currency-flag-try {
    background-position: -84px -560px
}

.currency-flag.currency-flag-ugx {
    background-position: -168px -560px
}

.currency-flag.currency-flag-uyu {
    background-position: -252px -560px
}

.currency-flag.currency-flag-vnd {
    background-position: -336px -560px
}

.currency-flag.currency-flag-gbp {
    background-position: -420px -560px
}

.currency-flag.currency-flag-usd {
    background-position: -504px -560px
}

.currency-flag.currency-flag-kzt {
    background-position: 0 -616px
}

.currency-flag.currency-flag-gtq {
    background-position: -84px -616px
}

.currency-flag.currency-flag-zmw {
    background-position: -168px -616px
}

.currency-flag.currency-flag-bdt {
    background-position: -252px -616px
}

.currency-flag.currency-flag-xof {
    background-position: -336px -616px
}

.currency-flag.currency-flag-xaf {
    background-position: -420px -616px
}

.currency-flag.currency-flag-bam {
    background-position: -504px -616px
}

.currency-flag.currency-flag-amd {
    background-position: 0 -672px
}

.currency-flag.currency-flag-all {
    background-position: -84px -672px
}

.enhanced-compare-hero {
    height: 592px;
    margin: 0 0 32px 0;
    position: relative;
    width: 100%;
}

.enhanced-compare-hero__primary-background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 592px;
    width: 100%;
}

.enhanced-compare-hero__primary-background-image.apply-gradient:after {
    background: rgba(0,0,0,0.4);
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%
}

.enhanced-compare-hero__primary-background-image:focus {
    outline: #fff dotted 1px
}

.enhanced-compare-hero--text-area {
    width: 100%;
    position: absolute;
    bottom: 0;
    max-width: 75em;
    margin: 0 auto;
    padding: 0 8px 5px 8px;
    color: #fff;
    opacity: 0;
}

.enhanced-compare-hero--text-area__headline {
    display: none;
    font-size: 26px;
    line-height: 32px;
    font-weight: 300;
    text-shadow: 0 0 .3em rgba(0,0,0,0.8);
    margin: 0 0 16px 0;
    padding-top: 90px;
    text-align: center
}

.enhanced-compare-hero--text-area__desc {
    font-size: 14px;
    text-shadow: 0 0 .3em rgba(0,0,0,0.8);
    margin: 0 0 14px 0;
    text-align: center
}

.enhanced-compare-hero--text-area form {
    display: inline-block;
    width: 100%;
}

.enhanced-compare-hero--text-area form .radio__button--label-group {
    display: block;
    position: relative
}

.enhanced-compare-hero--text-area form .radio__button--input {
    float: right;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}

.enhanced-compare-hero--text-area form .radio__button--input label {
    display: block;
    font-size: 14px
}

.enhanced-compare-hero--text-area form .radio__button--input sup {
    font-size: 6px;
    font-weight: 400
}

.enhanced-compare-hero--text-area form .radio__button--input p {
    margin: 0 0 6px 0;
    font-weight: 600
}

.enhanced-compare-hero--text-area form .radio__button--input h5 {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 6px 0;
    word-wrap: break-word
}

.enhanced-compare-hero--text-area form .radio__button--input a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
}

.enhanced-compare-hero--text-area form .radio__button--input a .enhanced-compare-hero--cta {
    position: relative;
    display: inline-block;
    margin-left: 4px
}

.enhanced-compare-hero .jpui.radiobutton input[type=radio] {
    height: 20px;
    width: 20px
}

.enhanced-compare-hero .jpui.radiobutton input[type=radio]~label.alternate {
    position: relative;
    height: 100%
}

.enhanced-compare-hero .jpui.radiobutton input[type=radio]~label.alternate:before {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: .3em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.enhanced-compare-hero .jpui.radiobutton input[type=radio]:not(:checked)+label.alternate:after {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    margin-top: 0;
    right: .5em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.enhanced-compare-hero .jpui.radiobutton input[type=radio]:checked+label.alternate:after {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    margin-top: 0;
    right: .6em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.enhanced-compare-hero__result--section {
    padding-left: 10px;
    padding-right: 10px
}

.enhanced-compare-hero__result--mobile-table--4col {
    width: 100%;
    display: none;
}

.enhanced-compare-hero__result--mobile-table--4col thead h2,.enhanced-compare-hero__result--mobile-table--4col thead h3,.enhanced-compare-hero__result--mobile-table--4col thead h4,.enhanced-compare-hero__result--mobile-table--4col thead p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 20px
}

.enhanced-compare-hero__result--mobile-table--4col thead th {
    vertical-align: top;
}

.enhanced-compare-hero__result--mobile-table--4col thead th a.cta {
    margin-bottom: 16px;
    text-decoration: none;
    font-size: 15px;
    line-height: 20px;
}

.enhanced-compare-hero__result--mobile-table--4col thead th a.cta:first-child {
    margin-right: 2px
}

.enhanced-compare-hero__result--mobile-table--4col thead th .enhanced-compare-hero__result--heading-subtext {
    font-size: 10px;
    color: #717171;
    font-weight: 600;
    line-height: 16px;
}

.enhanced-compare-hero__result--mobile-table--4col thead th .enhanced-compare-hero__result--heading-subtext a {
    font-size: 10px;
    line-height: 16px
}

.enhanced-compare-hero__result--mobile-table--4col thead th.item1,.enhanced-compare-hero__result--mobile-table--4col thead th.item2,.enhanced-compare-hero__result--mobile-table--4col thead th.item3,.enhanced-compare-hero__result--mobile-table--4col thead th.item4,.enhanced-compare-hero__result--mobile-table--4col thead th.item5 {
    display: none
}

.enhanced-compare-hero__result--mobile-table--4col tbody th.item1,.enhanced-compare-hero__result--mobile-table--4col tbody th.item2,.enhanced-compare-hero__result--mobile-table--4col tbody th.item3,.enhanced-compare-hero__result--mobile-table--4col tbody th.item4,.enhanced-compare-hero__result--mobile-table--4col tbody th.item5 {
    display: none
}

.enhanced-compare-hero__result--mobile-table--4col tbody tr {
    text-align: left;
}

.enhanced-compare-hero__result--mobile-table--4col tbody tr:nth-child(4n),.enhanced-compare-hero__result--mobile-table--4col tbody tr:nth-child(4n-1) {
    background: #ededed
}

.enhanced-compare-hero__result--mobile-table--4col tbody tr:nth-child(4n-2),.enhanced-compare-hero__result--mobile-table--4col tbody tr:nth-child(4n-3) {
    background: #fff
}

.enhanced-compare-hero__result--mobile-table--4col tbody tr.enhanced-compare-hero__result--sub-heading {
    border-top: 1px solid #717171;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    background: none
}

.enhanced-compare-hero__result--mobile-table--4col tbody tr.enhanced-compare-hero__result--sub-heading-content {
    background: none
}

.enhanced-compare-hero__result--mobile-table--4col tbody td {
    vertical-align: top;
    width: 50%;
}

.enhanced-compare-hero__result--mobile-table--4col tbody td.enhanced-compare-hero__result--column h2,.enhanced-compare-hero__result--mobile-table--4col tbody td.enhanced-compare-hero__result--column h3,.enhanced-compare-hero__result--mobile-table--4col tbody td.enhanced-compare-hero__result--column h4,.enhanced-compare-hero__result--mobile-table--4col tbody td.enhanced-compare-hero__result--column p {
    padding: 24px 0 24px 2px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #414042;
    margin: 0
}

.enhanced-compare-hero__result--mobile-table--4col tbody td.item1,.enhanced-compare-hero__result--mobile-table--4col tbody td.item2,.enhanced-compare-hero__result--mobile-table--4col tbody td.item3,.enhanced-compare-hero__result--mobile-table--4col tbody td.item4,.enhanced-compare-hero__result--mobile-table--4col tbody td.item5 {
    display: none
}

.enhanced-compare-hero__result--mobile-table--4col tbody td.icon-section p {
    padding: 16px 0;
    margin: 0;
    text-align: center
}

.enhanced-compare-hero__result--mobile-table--4col tbody td h2,.enhanced-compare-hero__result--mobile-table--4col tbody td h3,.enhanced-compare-hero__result--mobile-table--4col tbody td h4,.enhanced-compare-hero__result--mobile-table--4col tbody td p {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding: 0 0 36px 10px;
    text-align: left;
    margin: 0
}

.enhanced-compare-hero__result--mobile-table--4col tbody td .compare__amount {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    color: #717171;
    margin-bottom: 0
}

.enhanced-compare-hero__result--mobile-table--4col tbody td .icon-Activecompare:before {
    font-size: 25px;
    line-height: 25px;
    color: #2ca853
}

.enhanced-compare-hero__result--mobile-table--4col tbody td .icon-compare-dash:before {
    font-size: 25px;
    line-height: 25px
}

.enhanced-compare-hero__result--mobile-table--4col tbody td.enhanced-compare-hero__result--subheading-desc h2,.enhanced-compare-hero__result--mobile-table--4col tbody td.enhanced-compare-hero__result--subheading-desc h3,.enhanced-compare-hero__result--mobile-table--4col tbody td.enhanced-compare-hero__result--subheading-desc h4,.enhanced-compare-hero__result--mobile-table--4col tbody td.enhanced-compare-hero__result--subheading-desc p {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #717171;
    padding: 10px 5px 0 5px;
    margin: 0
}

.enhanced-compare-hero__result--mobile-table--4col tbody td ul {
    list-style-position: outside;
    list-style-type: disc;
    margin: .625em 0 .625em 0;
    padding-right: 2em;
    padding-left: 8.33%;
    text-align: left;
}

.enhanced-compare-hero__result--mobile-table--4col tbody td ul li {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 1.125em 0
}

.enhanced-compare-hero__result--mobile-table--4col tbody td ol {
    list-style-position: outside;
    margin: .625em 0 .625em 0;
    padding-right: 2em;
    padding-left: 8.33%;
}

.enhanced-compare-hero__result--mobile-table--4col tbody td ol li {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 1.125em 0
}

.enhanced-compare-hero__result--mobile-table .sticky-header h2,.enhanced-compare-hero__result--mobile-table .sticky-header h3,.enhanced-compare-hero__result--mobile-table .sticky-header h4,.enhanced-compare-hero__result--mobile-table .sticky-header p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 20px
}

.enhanced-compare-hero__result--mobile-table .sticky-header th {
    vertical-align: top;
    width: 50%;
}

.enhanced-compare-hero__result--mobile-table .sticky-header th a.cta {
    margin-bottom: 16px;
    text-decoration: none;
    font-size: 15px;
    line-height: 20px;
}

.enhanced-compare-hero__result--mobile-table .sticky-header th a.cta:first-child {
    margin-right: 2px
}

.enhanced-compare-hero__result--mobile-table .sticky-header th .enhanced-compare-hero__result--heading-subtext {
    font-size: 10px;
    color: #717171;
    font-weight: 600;
    line-height: 16px;
}

.enhanced-compare-hero__result--mobile-table .sticky-header th .enhanced-compare-hero__result--heading-subtext a {
    padding: 0 20px 0 20px;
    font-size: 10px;
    line-height: 16px;
    display: block
}

.enhanced-compare-hero__result--mobile-table .sticky-header th.item1,.enhanced-compare-hero__result--mobile-table .sticky-header th.item2,.enhanced-compare-hero__result--mobile-table .sticky-header th.item3,.enhanced-compare-hero__result--mobile-table .sticky-header th.item4,.enhanced-compare-hero__result--mobile-table .sticky-header th.item5 {
    display: none
}

.enhanced-compare-hero.clearContent .jpui.radiobutton input[type=radio]~label.alternate:before,.enhanced-compare-hero.clearContent .jpui.radiobutton input[type=radio]~label.alternate:after {
    display: none
}

.sticky-header {
    display: none;
    position: fixed;
    background: #fff;
    z-index: 1005;
    max-width: 75em;
    margin: 0 auto;
    border-bottom: 1px solid #414042;
    padding-top: 10px;
    width: -webkit-calc(100% - 1em);
    width: calc(100% - 1em)
}

@media only screen and (min-width: 30em) {
    .enhanced-compare-hero--text-area__desc {
        margin:0 0 14px 0
    }

    .enhanced-compare-hero--text-area form .radio__button a {
        font-size: 16px
    }

    .enhanced-compare-hero--text-area form .radio__button label {
        float: left;
        width: 100%;
    }

    .enhanced-compare-hero--text-area form .radio__button label p {
        font-size: 20px
    }

    .enhanced-compare-hero--text-area form .radio__button label h5 {
        font-size: 12px
    }
}

@media screen and (min-width: 320px) and (max-width:767px) {
    .enhanced-compare-hero--text-area form input {
        float:right
    }

    .enhanced-compare-hero--text-area form .radio__button:before {
        display: block;
        position: relative;
        border-top: 1px solid #fff;
        content: ''
    }

    .enhanced-compare-hero--text-area form .radio__button--input label p {
        min-height: 0
    }
}

@media only screen and (min-width: 48em) {
    .enhanced-compare-hero {
        padding:0 0 0 0;
    }

    .enhanced-compare-hero__primary-background-image {
        min-height: 400px
    }

    .enhanced-compare-hero--text-area {
        min-height: 400px;
        padding-bottom: 20px;
    }

    .enhanced-compare-hero--text-area__headline {
        display: block;
        font-size: 50px;
        line-height: 46px;
        margin: 0 0 12px 0
    }

    .enhanced-compare-hero--text-area__desc {
        font-size: 24px;
        margin: 0 0 34px 0
    }

    .enhanced-compare-hero--text-area form .radio__button {
        text-align: center;
    }

    .enhanced-compare-hero--text-area form .radio__button--input {
        padding: 0 0 0 0;
    }

    .enhanced-compare-hero--text-area form .radio__button--input a {
        margin-top: 10px;
        font-size: 12px
    }

    .enhanced-compare-hero--text-area form .radio__button--input label {
        margin-bottom: 0;
        padding-top: 42px;
    }

    .enhanced-compare-hero--text-area form .radio__button--input label p {
        font-size: 14px;
        margin-bottom: 8px
    }

    .enhanced-compare-hero--text-area form .radio__button--input label h5 {
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 10px
    }

    .enhanced-compare-hero .jpui.radiobutton input[type=radio] {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .enhanced-compare-hero .jpui.radiobutton input[type=radio]~label.alternate:before {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .enhanced-compare-hero .jpui.radiobutton input[type=radio]:not(:checked)+label.alternate:after {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 3px 0 0 0
    }

    .enhanced-compare-hero .jpui.radiobutton input[type=radio]:checked+label.alternate:after {
        height: 14px;
        width: 14px;
        top: 1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 3px 0 0 0
    }

    .enhanced-compare-hero__table {
        display: table;
        position: relative;
        top: 0;
        left: 0
    }

    .enhanced-compare-hero__result--standard-table--4col {
        width: 100%;
        display: none;
    }

    .enhanced-compare-hero__result--standard-table--4col thead h2,.enhanced-compare-hero__result--standard-table--4col thead h3,.enhanced-compare-hero__result--standard-table--4col thead h4,.enhanced-compare-hero__result--standard-table--4col thead p {
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        padding-bottom: 28px;
        margin: 0
    }

    .enhanced-compare-hero__result--standard-table--4col thead th {
        width: 25%;
        vertical-align: top;
    }

    .enhanced-compare-hero__result--standard-table--4col thead th.title {
        text-align: left;
        vertical-align: top;
    }

    .enhanced-compare-hero__result--standard-table--4col thead th.title p,.enhanced-compare-hero__result--standard-table--4col thead th.title h2,.enhanced-compare-hero__result--standard-table--4col thead th.title h3,.enhanced-compare-hero__result--standard-table--4col thead th.title h4 {
        font-size: 22px;
        line-height: 28px;
        font-weight: 400;
        padding-left: 10px
    }

    .enhanced-compare-hero__result--standard-table--4col thead th a.cta {
        margin-bottom: 16px;
        text-decoration: none;
    }

    .enhanced-compare-hero__result--standard-table--4col thead th a.cta:first-child {
        margin-right: 2px
    }

    .enhanced-compare-hero__result--standard-table--4col thead th .enhanced-compare-hero__result--heading-subtext {
        font-size: 10px;
        color: #717171;
        font-weight: 600;
        line-height: 16px
    }

    .enhanced-compare-hero__result--standard-table--4col thead th.item1,.enhanced-compare-hero__result--standard-table--4col thead th.item2,.enhanced-compare-hero__result--standard-table--4col thead th.item3,.enhanced-compare-hero__result--standard-table--4col thead th.item4,.enhanced-compare-hero__result--standard-table--4col thead th.item5 {
        display: none
    }

    .enhanced-compare-hero__result--standard-table--4col tbody tr:nth-child(even) {
        background: #ededed
    }

    .enhanced-compare-hero__result--standard-table--4col tbody tr.enhanced-compare-hero__result--sub-heading {
        border-top: 1px solid #717171;
        width: -webkit-calc(100% - 2em);
        width: calc(100% - 2em);
        background: none
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td {
        vertical-align: top;
        text-align: center;
        width: 25%;
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td h2,.enhanced-compare-hero__result--standard-table--4col tbody td h3,.enhanced-compare-hero__result--standard-table--4col tbody td h4,.enhanced-compare-hero__result--standard-table--4col tbody td p {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
        padding: 0 10px 25px 10px;
        text-align: left
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--column {
        vertical-align: baseline;
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--column h2,.enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--column h3,.enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--column h4,.enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--column p {
        font-size: 22px;
        line-height: 28px;
        font-weight: 400;
        margin: 0;
        padding: 24px 10px;
        text-align: left
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--column-desc {
        vertical-align: baseline
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--subheading-desc {
        vertical-align: inherit;
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--subheading-desc h2,.enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--subheading-desc h3,.enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--subheading-desc h4,.enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--subheading-desc p {
        font-size: 14px;
        line-height: 20px;
        color: #717171;
        margin: 0;
        padding: 16px;
        text-align: left;
        font-weight: 600
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td.item1,.enhanced-compare-hero__result--standard-table--4col tbody td.item2,.enhanced-compare-hero__result--standard-table--4col tbody td.item3,.enhanced-compare-hero__result--standard-table--4col tbody td.item4,.enhanced-compare-hero__result--standard-table--4col tbody td.item5 {
        display: none
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td.icon-section p {
        text-align: center;
        padding: 20px;
        margin: 0
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td .icon-Activecompare:before {
        font-size: 25px;
        line-height: 25px;
        color: #2ca853
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td .icon-compare-dash:before {
        font-size: 25px;
        line-height: 25px
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td .compare__amount {
        font-size: 28px;
        line-height: 36px;
        font-weight: 600;
        color: #8e8e8e;
        margin-bottom: 0
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td .enhanced-compare-hero__result--subheading-subtext p,.enhanced-compare-hero__result--standard-table--4col tbody td .enhanced-compare-hero__result--subheading-subtext h2,.enhanced-compare-hero__result--standard-table--4col tbody td .enhanced-compare-hero__result--subheading-subtext h3,.enhanced-compare-hero__result--standard-table--4col tbody td .enhanced-compare-hero__result--subheading-subtext h4 {
        font-size: 14px;
        line-height: 16px;
        color: #414042;
        margin: 0;
        font-weight: 400;
        padding: 20px
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td .enhanced-compare-hero__result--subheading-subtext a {
        font-size: 14px;
        line-height: 16px
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td ul {
        list-style-position: outside;
        list-style-type: disc;
        margin: .625em 0 .625em 0;
        padding-right: 2em;
        padding-left: 8.33%;
        text-align: left;
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td ul li {
        margin: 0 0 1.125em 0;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td ol {
        list-style-position: outside;
        display: table;
        margin: .625em 0 .625em 0;
        padding-right: 2em;
        padding-left: 8.33%;
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td ol li {
        margin: 0 0 1.125em 0;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400
    }

    .enhanced-compare-hero__result--standard-table .sticky-header h2,.enhanced-compare-hero__result--standard-table .sticky-header h3,.enhanced-compare-hero__result--standard-table .sticky-header h4,.enhanced-compare-hero__result--standard-table .sticky-header p {
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        padding-bottom: 28px;
        margin: 0
    }

    .enhanced-compare-hero__result--standard-table .sticky-header th {
        width: 25%;
        vertical-align: top;
    }

    .enhanced-compare-hero__result--standard-table .sticky-header th.title {
        text-align: left;
    }

    .enhanced-compare-hero__result--standard-table .sticky-header th.title p,.enhanced-compare-hero__result--standard-table .sticky-header th.title h2,.enhanced-compare-hero__result--standard-table .sticky-header th.title h3,.enhanced-compare-hero__result--standard-table .sticky-header th.title h4 {
        font-size: 22px;
        line-height: 28px;
        font-weight: 400;
        padding-left: 10px
    }

    .enhanced-compare-hero__result--standard-table .sticky-header th a.cta {
        margin-bottom: 16px;
        text-decoration: none;
    }

    .enhanced-compare-hero__result--standard-table .sticky-header th a.cta:first-child {
        margin-right: 2px
    }

    .enhanced-compare-hero__result--standard-table .sticky-header th .enhanced-compare-hero__result--heading-subtext {
        font-size: 10px;
        color: #717171;
        font-weight: 600;
        line-height: 16px
    }

    .enhanced-compare-hero__result--standard-table .sticky-header th.item1,.enhanced-compare-hero__result--standard-table .sticky-header th.item2,.enhanced-compare-hero__result--standard-table .sticky-header th.item3,.enhanced-compare-hero__result--standard-table .sticky-header th.item4,.enhanced-compare-hero__result--standard-table .sticky-header th.item5 {
        display: none
    }
}

@media only screen and (min-width: 75em) {
    .enhanced-compare-hero__primary-background-image-area,.enhanced-compare-hero--text-area {
        padding-bottom:40px;
    }

    .enhanced-compare-hero__primary-background-image-area__headline,.enhanced-compare-hero--text-area__headline {
        padding-top: 110px;
        font-size: 60px;
        line-height: 56px;
        margin: 0 0 12px 0
    }

    .enhanced-compare-hero__primary-background-image-area__desc,.enhanced-compare-hero--text-area__desc {
        font-size: 30px;
        margin: 0 0 38px 0
    }

    .enhanced-compare-hero__primary-background-image-area form .radio__button,.enhanced-compare-hero--text-area form .radio__button {
        margin-bottom: 0;
    }

    .enhanced-compare-hero__primary-background-image-area form .radio__button--input,.enhanced-compare-hero--text-area form .radio__button--input {
        padding: 0 0 0 0;
    }

    .enhanced-compare-hero__primary-background-image-area form .radio__button--input label,.enhanced-compare-hero--text-area form .radio__button--input label {
        line-height: 22px;
        padding-top: 51px;
        margin-bottom: 0;
    }

    .enhanced-compare-hero__primary-background-image-area form .radio__button--input label p,.enhanced-compare-hero--text-area form .radio__button--input label p {
        font-size: 24px
    }

    .enhanced-compare-hero__primary-background-image-area form .radio__button--input label a,.enhanced-compare-hero--text-area form .radio__button--input label a {
        font-size: 16px
    }

    .enhanced-compare-hero__primary-background-image-area form .radio__button--input label h5,.enhanced-compare-hero--text-area form .radio__button--input label h5 {
        font-size: 12px;
        line-height: 18px;
        margin: 12px 0 14px 0
    }

    .enhanced-compare-hero__result--standard-table--4col thead h2,.enhanced-compare-hero__result--standard-table--4col thead h3,.enhanced-compare-hero__result--standard-table--4col thead h4,.enhanced-compare-hero__result--standard-table--4col thead p {
        font-size: 26px;
        line-height: 32px
    }

    .enhanced-compare-hero__result--standard-table--4col thead th.title p,.enhanced-compare-hero__result--standard-table--4col thead th.title h2,.enhanced-compare-hero__result--standard-table--4col thead th.title h3,.enhanced-compare-hero__result--standard-table--4col thead th.title h4 {
        font-size: 28px;
        line-height: 34px
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td h2,.enhanced-compare-hero__result--standard-table--4col tbody td h3,.enhanced-compare-hero__result--standard-table--4col tbody td h4,.enhanced-compare-hero__result--standard-table--4col tbody td p {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 36px
    }

    .enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--column h2,.enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--column h3,.enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--column h4,.enhanced-compare-hero__result--standard-table--4col tbody td.enhanced-compare-hero__result--column p {
        font-size: 28px;
        line-height: 34px
    }

    .enhanced-compare-hero__result--standard-table .sticky-header h2,.enhanced-compare-hero__result--standard-table .sticky-header h3,.enhanced-compare-hero__result--standard-table .sticky-header h4,.enhanced-compare-hero__result--standard-table .sticky-header p {
        font-size: 26px;
        line-height: 32px
    }

    .enhanced-compare-hero__result--standard-table .sticky-header th.title p,.enhanced-compare-hero__result--standard-table .sticky-header th.title h2,.enhanced-compare-hero__result--standard-table .sticky-header th.title h3,.enhanced-compare-hero__result--standard-table .sticky-header th.title h4 {
        font-size: 28px;
        line-height: 34px
    }
}

@media only screen and (max-width: 47.938em) {
    .enhanced-compare-hero--text-area {
        padding-bottom:20px;
    }

    .enhanced-compare-hero--text-area__headline {
        display: none
    }

    .enhanced-compare-hero--text-area__desc {
        padding-top: 90px
    }
}

.footer__module-footer {
    margin: 1.25em 0;
    padding: 0 .625em;
}

.footer__module-footer__section {
    display: block;
    margin-top: .5em;
}

.footer__module-footer__section.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    padding: 0 0 2em 0
}

.footer__module-footer__section--disclaimer {
    color: #717171;
    font-size: .75em;
    padding: 0 0 2.667em 0;
}

.footer__module-footer__section--disclaimer.border-standard {
    border: 1px solid #717171;
    padding: 5px 5px 0;
    margin-bottom: 5px;
}

.footer__module-footer__section--disclaimer.border-standard p,.footer__module-footer__section--disclaimer.border-standard ul,.footer__module-footer__section--disclaimer.border-standard ol {
    font-size: 18px;
    line-height: 1.333em
}

.footer__module-footer__section--disclaimer.reduced-width {
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

.footer__module-footer__section--disclaimer .disclosure--drop-zone a.scroll-top {
    float: left
}

.footer__module-footer__section--disclaimer .disclosure--drop-zone sup {
    margin-right: 4px
}

.footer__module-footer__section--disclaimer ul {
    display: table;
    list-style-position: outside;
    list-style-type: disc;
    margin: .625em 0 .625em 0;
    padding-right: 40px;
    padding-left: 40px;
}

.footer__module-footer__section--disclaimer ul li {
    margin: 0 0 1.125em 0
}

.footer__module-footer__section--disclaimer ol {
    list-style-position: outside;
    display: table;
    margin: .625em 0 .625em 0;
    padding-right: 40px;
    padding-left: 40px;
}

.footer__module-footer__section--disclaimer ol li {
    margin: 0 0 1.125em 0
}

.footer__module-footer__section--disclaimer sup,.footer__module-footer__section--disclaimer sub {
    font-size: 10px;
    vertical-align: super;
    top: 0
}

.footer__module-footer__section .border-standard {
    border: 1px solid #717171;
    padding: 5px 5px 0;
    margin-bottom: 5px;
}

.footer__module-footer__section .border-standard p,.footer__module-footer__section .border-standard ul,.footer__module-footer__section .border-standard ol {
    font-size: 18px;
    line-height: 1.333em
}

.footer__module-footer__section .reduced-width {
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

.footer__module-footer__section__followus {
    color: #717171;
    text-align: center;
}

.footer__module-footer__section__followus:not(.nosocialmedialinks) {
    margin-bottom: 1.25em;
    padding-top: 1.25em
}

.footer__module-footer__section__followus.footer-divider {
    border-top: 1px solid #ccc
}

.footer__module-footer__section__followus--text {
    font-size: 1.125em
}

.footer__module-footer__section__followus--links {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
}

.footer__module-footer__section__followus--links a {
    color: #717171;
    text-decoration: none;
    font-size: 1.5em;
    padding: .25em
}

.footer__module-footer__section__followus--link {
    display: inline-block;
    vertical-align: middle;
}

.footer__module-footer__section__followus--link a {
    color: #717171;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    white-space: nowrap;
}

.footer__module-footer__section__followus--link a:hover {
    color: #414042
}

.footer__module-footer__section--header {
    margin: 1.875em 0;
    text-align: center;
    color: #414042;
}

.footer__module-footer__section--header--text {
    font-size: 1.125em;
    line-height: 1.333em;
    padding: 0 1em
}

.footer__module-footer__section--tile {
    line-height: 1.375em;
    display: block;
    max-width: 100%;
    padding: 0 1.25em .625em 1.25em;
}

.footer__module-footer__section--tile .heading {
    font-size: 1em;
    font-weight: 600;
    padding-bottom: .5em;
    margin-bottom: 0
}

.footer__module-footer__section--tile .content {
    font-size: .875em
}

.footer__module-footer__section--tile__icon {
    color: #999;
    font-size: 1.8em;
    margin-bottom: .4em
}

.footer__module-footer__section--tile a {
    text-decoration: underline
}

.footer__module-footer__section--tile-footer {
    padding-top: 1.25em;
    padding-left: .625em;
    padding-right: 1.25em;
    text-align: left;
}

.footer__module-footer__section--tile-footer .heading {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: .5em;
    padding-right: 1.25em
}

.footer__module-footer__section--tile-footer--link {
    margin: 0 0 1em 0
}

.footer__module-footer__section--tile-footer a {
    display: block;
    text-decoration: underline;
    font-size: .875em
}

.footer__module-footer__section--footer-links {
    text-align: center
}

.footer__module-footer__section--footer-link {
    display: inline-block;
    padding-bottom: .625em;
}

.footer__module-footer__section--footer-link a {
    color: #757575;
    font-size: .875em;
    padding: 0 .5em;
    text-decoration: underline;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.footer__module-footer__section--footer-link a.choices-logo:after {
    background: url("img/choices-logo-blue_lite.html");
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 17px;
    position: relative;
    top: 5px;
    width: 17px;
    left: 5px
}

.footer__module-footer__section--footer-link a:hover {
    color: #414042
}

.footer__module-footer__section--footer-link span {
    color: #757575;
    font-size: .875em;
    padding: 0 .5em;
    text-decoration: none
}

.footer__module-footer__section--footer-link__text.copyright {
    display: block;
    text-align: center;
    color: #757575;
    font-size: .875em;
    line-height: 2em;
    text-decoration: none
}

.footer__module-footer__section--footer-link__text.link-disclaimer {
    display: block;
    text-align: center;
    color: #757575;
    font-size: .875em;
    line-height: 2em;
    text-decoration: none;
    padding-bottom: .625em
}

.footer__module-footer__section--footer-link__icon.equal-housing-img {
    padding: 0 0 0 21px;
    position: relative;
}

.footer__module-footer__section--footer-link__icon.equal-housing-img:before {
    background: url("img/EHL-Slice.html");
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    display: block;
    height: 17px;
    left: -5px;
    position: absolute;
    top: -3px;
    width: 21px
}

.footer .footer-background {
    background: #f7f7f7;
    padding: 1em 0 1.25em .625em
}

.superscript {
    margin-right: 4px;
    font-size: 10px;
    vertical-align: super;
    top: 0;
    text-decoration: underline
}

@media only screen and (min-width: 22.813em) {
    .footer__module-footer__section__followus--links {
        margin-top:0
    }
}

@media only screen and (min-width: 48em) {
    .footer__module-footer__section--tile {
        display:block;
        line-height: 1.33em;
    }

    .footer__module-footer__section--tile .heading {
        font-size: .875em;
        font-weight: 600
    }

    .footer__module-footer__section--tile .content {
        font-size: .75em
    }

    .footer__module-footer__section--tile-footer {
        text-align: center;
    }

    .footer__module-footer__section--tile-footer .heading {
        display: inline-block;
        font-size: .875em
    }

    .footer__module-footer__section--tile-footer--links {
        display: inline-block
    }

    .footer__module-footer__section--tile-footer--link {
        display: inline
    }

    .footer__module-footer__section--tile-footer a {
        display: inline;
        font-size: .75em;
        padding: .417em
    }

    .footer__module-footer__section--footer {
        font-size: .75em;
    }

    .footer__module-footer__section--footer-links {
        padding: 0 9em
    }
}

@media only screen and (min-width: 62em) {
    .footer__module-footer__section--tile {
        display:block
    }
}

@media only screen and (min-width: 75em) {
    .footer__module-footer__section--tile {
        display:block;
        padding: 0 1.25em .625em 1.25em
    }

    .footer__module-footer__section--tile-footer {
        display: block;
        padding: 1.25em 1.25em 0 1.25em;
    }

    .footer__module-footer__section--tile-footer .heading {
        margin: 0;
        padding: 0
    }

    .footer__module-footer__section--tile-footer a {
        display: inline;
        padding: .417em
    }
}

.geo-module.geo-module-version-a {
    height: 18em;
    width: 100%;
    position: relative;
}

.geo-module.geo-module-version-a .geo-module--link {
    text-decoration: none;
}

.geo-module.geo-module-version-a .geo-module--link__clickable:hover .cta--primary,.geo-module.geo-module-version-a .geo-module--link__clickable:focus .cta--primary {
    background: #0a4386
}

.geo-module.geo-module-version-a .geo-module--link__clickable:hover .cta--secondary,.geo-module.geo-module-version-a .geo-module--link__clickable:focus .cta--secondary {
    background: #dfe4e8
}

.geo-module.geo-module-version-a .geo-module--link__clickable:hover .cta--btn-green-aloe,.geo-module.geo-module-version-a .geo-module--link__clickable:focus .cta--btn-green-aloe {
    background: #0d7638
}

.geo-module.geo-module-version-a .geo-module--link__clickable:hover .cta--btn-purple-orchid,.geo-module.geo-module-version-a .geo-module--link__clickable:focus .cta--btn-purple-orchid {
    background: #0a4386
}

.geo-module.geo-module-version-a .geo-module--link__clickable:hover .cta--btn-purple-berry,.geo-module.geo-module-version-a .geo-module--link__clickable:focus .cta--btn-purple-berry,.geo-module.geo-module-version-a .geo-module--link__clickable:hover .cta--btn-purple-rain,.geo-module.geo-module-version-a .geo-module--link__clickable:focus .cta--btn-purple-rain {
    background: #49357c
}

.geo-module.geo-module-version-a .geo-module--link__clickable:hover .cta--btn-blue-seabreeze,.geo-module.geo-module-version-a .geo-module--link__clickable:focus .cta--btn-blue-seabreeze {
    background: #0a4386
}

.geo-module.geo-module-version-a .geo-module--link__clickable:hover .cta--btn-blue-ocean,.geo-module.geo-module-version-a .geo-module--link__clickable:focus .cta--btn-blue-ocean,.geo-module.geo-module-version-a .geo-module--link__clickable:hover .cta--btn-blue-skyline,.geo-module.geo-module-version-a .geo-module--link__clickable:focus .cta--btn-blue-skyline {
    background: #284082
}

.geo-module.geo-module-version-a .geo-module--link__clickable:hover .cta--btn-blue-cloud,.geo-module.geo-module-version-a .geo-module--link__clickable:focus .cta--btn-blue-cloud {
    background: #0a4386
}

.geo-module.geo-module-version-a .geo-module--link__clickable:hover .cta--btn-blue-irish-spring,.geo-module.geo-module-version-a .geo-module--link__clickable:focus .cta--btn-blue-irish-spring {
    background: #1c5f77
}

.geo-module.geo-module-version-a .geo-module--link__clickable:active .cta--primary {
    background: #0092ff
}

.geo-module.geo-module-version-a .geo-module--link__clickable:active .cta--secondary {
    background: #ccc
}

.geo-module.geo-module-version-a .geo-module--link__clickable:active .cta--btn-green-aloe {
    background: #2ca853
}

.geo-module.geo-module-version-a .geo-module--link__clickable:active .cta--btn-purple-orchid {
    background: #2642a8
}

.geo-module.geo-module-version-a .geo-module--link__clickable:active .cta--btn-purple-berry,.geo-module.geo-module-version-a .geo-module--link__clickable:active .cta--btn-purple-rain {
    background: #7d4a89
}

.geo-module.geo-module-version-a .geo-module--link__clickable:active .cta--btn-blue-seabreeze,.geo-module.geo-module-version-a .geo-module--link__clickable:active .cta--btn-blue-ocean,.geo-module.geo-module-version-a .geo-module--link__clickable:active .cta--btn-blue-skyline,.geo-module.geo-module-version-a .geo-module--link__clickable:active .cta--btn-blue-cloud {
    background: #0092ff
}

.geo-module.geo-module-version-a .geo-module--link__clickable:active .cta--btn-blue-irish-spring {
    background: #3591aa
}

.geo-module.geo-module-version-a .geo-module--title {
    color: #fff;
    font-size: 1.25em;
    line-height: 1.3em;
    margin: 0 0 .5em 0;
    text-align: center;
    text-shadow: .15em .15em .188em rgba(0,0,0,0.6);
    width: 100%;
    min-height: 1em;
}

.geo-module.geo-module-version-a .geo-module--title-icon {
    font-size: .75em;
    line-height: 1em;
    padding-left: .333em;
    white-space: nowrap
}

.geo-module.geo-module-version-a .geo-module--title p {
    margin: 0;
    display: inline-block
}

.geo-module.geo-module-version-a .geo-module--cta-container {
    margin: 0 0 10px 0;
    width: 100%;
    text-align: center;
}

.geo-module.geo-module-version-a .geo-module--cta-container .geo-module--cta {
    font-size: 1em;
    line-height: 1;
    font-weight: 600;
    padding: .5em 1.1em;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.geo-module.geo-module-version-a .geo-module--cta-container .geo-module--cta p {
    margin: 0
}

.geo-module.geo-module-version-a .geo-module__img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 18em;
    width: 100%;
}

.geo-module.geo-module-version-a .geo-module__img.applyGradient:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), color-stop(50%, rgba(0,0,0,0.6)), to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%);
    bottom: 0;
    content: "";
    height: 6.25em;
    position: absolute;
    width: 100%
}

.geo-module.geo-module-version-a .geo-module__container {
    bottom: 0;
    height: 18em;
    left: 0;
    margin: 0 auto;
    max-width: 75em;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.geo-module.geo-module-version-a .geo-module__container--inner {
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 0 .5em;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.geo-module.geo-module-version-a .geo-module__container.flexible-ad {
    max-width: none;
    margin: 0;
}

.geo-module.geo-module-version-a .geo-module__container.flexible-ad .geo-module--link {
    display: block;
    height: 18em
}

.geo-module.geo-module-version-a .geo-module__container.flexible-ad .geo-module__container--inner {
    padding: 0
}

@media only screen and (min-width: 30em) {
    .geo-module.geo-module-version-a .geo-module--title {
        font-size:1.875em;
        line-height: 1.2em;
        margin: .533em 0 .533em 0
    }

    .geo-module.geo-module-version-a .geo-module--cta-container {
        margin: 16px 0 16px 0
    }

    .geo-module.geo-module-version-a .geo-module__container--inner {
        bottom: 0;
        padding: 0;
        width: 100%
    }

    .geo-module.geo-module-version-a .geo-module__container.flexible-ad .geo-module--link {
        height: 5em
    }
}

@media only screen and (min-width: 48em) {
    .geo-module.geo-module-version-a {
        height:24em;
    }

    .geo-module.geo-module-version-a .geo-module--title {
        font-size: 2em;
        line-height: 1.188em;
        margin-bottom: .5em;
        margin-top: .5em
    }

    .geo-module.geo-module-version-a .geo-module__img {
        height: 24em
    }

    .geo-module.geo-module-version-a .geo-module__container {
        height: 24em;
    }

    .geo-module.geo-module-version-a .geo-module__container.flexible-ad .geo-module--link {
        height: 9em
    }
}

@media only screen and (min-width: 62em) {
    .geo-module.geo-module-version-a {
        height:25em;
    }

    .geo-module.geo-module-version-a .geo-module--title {
        font-size: 2.5em;
        text-align: left;
        margin-bottom: .75em;
        width: 58%
    }

    .geo-module.geo-module-version-a .geo-module--cta-container {
        margin-top: 20px;
        margin-bottom: 30px;
        width: 58%;
        text-align: left
    }

    .geo-module.geo-module-version-a .geo-module__img {
        height: 25em
    }

    .geo-module.geo-module-version-a .geo-module__container {
        height: 25em
    }
}

@media only screen and (min-width: 75em) {
    .geo-module.geo-module-version-a .geo-module--title {
        font-size:3em;
        line-height: 1.125em;
        margin-bottom: .625em;
        width: 64%
    }

    .geo-module.geo-module-version-a .geo-module--cta-container {
        margin-top: 24px;
        width: 64%
    }
}

.header.header-version-a {
    color: #fff;
    height: 3.5em;
    position: fixed;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: background,height .5s ease;
    transition: background,height .5s ease;
    width: 100%;
    z-index: 5004;
}

.header.header-version-a.blue-fixed-header {
    z-index: 5004
}

.header.header-version-a a {
    text-decoration: none;
}

.header.header-version-a a:active,.header.header-version-a a:focus {
    outline: #fff dotted 1px
}

.header.header-version-a.open {
    height: 9.2em;
}

.header.header-version-a.open.blue .header__blue-bg {
    height: 9.2em
}

.header.header-version-a.open.blue .header__section--search__bar--search-input {
    background: rgba(0,0,0,0.5)
}

.header.header-version-a.open.black .header__black-bg {
    height: 9.2em
}

.header.header-version-a.open-dropdown {
    height: 14em;
}

.header.header-version-a.open-dropdown.blue .header__blue-bg {
    height: 14em
}

.header.header-version-a.open-dropdown.black .header__black-bg {
    height: 14em
}

.header.header-version-a .sub-header__nav-wrapper {
    -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.header.header-version-a .sub-header__nav--item.active a {
    font-weight: 400
}

.header.header-version-a .sub-header__nav--item a:focus {
    outline: #000 dotted 1px
}

.header.header-version-a .header__black-linear-bg {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.7)), color-stop(50%, rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
    height: 3.5em;
    left: 0;
    position: absolute;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    top: 0;
    width: 100%;
    z-index: -1;
}

.header.header-version-a .header__black-linear-bg.hide {
    display: none
}

.header.header-version-a .header__black-bg {
    background: #000;
    background: rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    height: 3.5em;
    left: 0;
    position: absolute;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    top: 0;
    width: 100%;
    z-index: -1;
}

.header.header-version-a .header__black-bg.hide {
    display: none
}

.header.header-version-a .header__blue-bg {
    background: #0846a8;
    background: rgba(8,70,168,0.9);
    -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    height: 3.5em;
    left: 0;
    position: absolute;
    -webkit-transition: height .5s ease;
    transition: height .5s ease;
    top: 0;
    width: 100%;
    z-index: -1;
}

.header.header-version-a .header__blue-bg.hide {
    display: none
}

.header.header-version-a .header__inner {
    height: 100%;
    margin: 0 auto;
    max-width: 75em;
    position: relative
}

.header.header-version-a .header__section {
    height: 3.5em;
    line-height: 3.5em;
    padding: 0;
}

.header.header-version-a .header__section__item {
    color: #fff;
    display: inline-block
}

.header.header-version-a .header__section--links {
    list-style-type: none
}

.header.header-version-a .header__section--link {
    display: none;
    font-size: 1em;
    text-shadow: .5px .5px 5px #000;
}

.header.header-version-a .header__section--link a {
    color: #fff;
    text-decoration: none
}

.header.header-version-a .header__section--link.login {
    display: none;
    font-size: 1em;
    text-shadow: none;
}

.header.header-version-a .header__section--link.login .btn {
    background: transparent;
    border: 0;
    padding: 0
}

.header.header-version-a .header__section--link.login.hide {
    display: none
}

.header.header-version-a .header__section--link.login.stuck {
    display: inline-block
}

.header.header-version-a .header__section--link.login.show {
    display: inline-block
}

.header.header-version-a .header__section--left .header__section__item {
    float: left
}

.header.header-version-a .header__section--left .header__section--dropdown {
    height: 4.4em;
    line-height: 4.4em;
}

.header.header-version-a .header__section--left .header__section--dropdown.hover-intent:before {
    opacity: 1
}

.header.header-version-a .header__section--center {
    position: relative;
    text-align: center;
}

.header.header-version-a .header__section--center--link {
    color: #fff;
    display: inline-block;
    height: 100%;
    position: relative;
    text-decoration: none
}

.header.header-version-a .header__section--center span {
    font-size: 1.5em;
    position: relative
}

.header.header-version-a .header__section--center .chase-text {
    display: inline-block;
    overflow: hidden;
}

.header.header-version-a .header__section--center .chase-text.hiding {
    margin-right: -.313em;
    opacity: .4
}

.header.header-version-a .header__section--center .chase-text.hidden {
    display: none;
    opacity: 0
}

.header.header-version-a .header__section--center .chase-text:before {
    height: 2.188em;
    line-height: 2.188em
}

.header.header-version-a .header__section--center .chase-logo-icon {
    display: inline-block;
    overflow: hidden;
}

.header.header-version-a .header__section--center .chase-logo-icon:before {
    height: 2.188em;
    line-height: 2.188em
}

.header.header-version-a .header__section--right {
    text-align: right
}

.header.header-version-a .header__section--sidemenu {
    cursor: pointer;
    font-size: 1.4em;
}

.header.header-version-a .header__section--sidemenu:active,.header.header-version-a .header__section--sidemenu:focus {
    outline: #fff dotted 1px
}

.header.header-version-a .header__section--dropdown {
    display: none;
}

.header.header-version-a .header__section--dropdown__inner {
    margin: 0 auto;
    max-width: 75em
}

.header.header-version-a .header__section--dropdown__title {
    color: #fff;
    cursor: pointer;
    display: block;
}

.header.header-version-a .header__section--dropdown__title__link {
    color: #fff;
    font-size: 1em;
    text-shadow: .5px .5px 5px #000
}

.header.header-version-a .header__section--dropdown__title span {
    font-size: .9em;
    padding-left: .45em
}

.header.header-version-a .header__section--dropdown--sub-section {
    display: block;
    position: relative;
}

.header.header-version-a .header__section--dropdown--sub-section__row {
    text-align: center;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.header.header-version-a .header__section--dropdown__tiles {
    height: 8.5em;
    left: 8px;
    line-height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 5.313em;
    visibility: hidden;
    width: 73em;
}

.header.header-version-a .header__section--dropdown__tiles:after {
    display: table;
    content: "";
    clear: both
}

.header.header-version-a .header__section--dropdown__tiles.hover-intent {
    opacity: 1;
    visibility: visible;
}

.header.header-version-a .header__section--dropdown__tiles.hover-intent .header__section--dropdown--sub-section__container {
    opacity: 0;
    visibility: hidden;
}

.header.header-version-a .header__section--dropdown__tiles.hover-intent .header__section--dropdown--sub-section__container.open {
    opacity: 1;
    visibility: visible
}

.header.header-version-a .header__section--dropdown__tiles.hover-intent .header__section--dropdown--sub-section__row {
    opacity: 0;
    visibility: hidden;
}

.header.header-version-a .header__section--dropdown__tiles.hover-intent .header__section--dropdown--sub-section__row.open {
    opacity: 1;
    visibility: visible
}

.header.header-version-a .header__section--dropdown__tile {
    display: inline-block;
    padding: .8em .5em 0 .5em;
    position: relative;
    text-align: center;
    vertical-align: top;
}

.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(2),.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(2) ~ .header__section--dropdown__tile {
    width: 49%
}

.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(3),.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(3) ~ .header__section--dropdown__tile {
    width: 24.65%
}

.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(4),.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(4) ~ .header__section--dropdown__tile {
    width: 24.65%
}

.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(5),.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(5) ~ .header__section--dropdown__tile {
    width: 16%
}

.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(6),.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(6) ~ .header__section--dropdown__tile {
    width: 16%
}

.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(7),.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(7) ~ .header__section--dropdown__tile {
    width: 12%
}

.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(8),.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(8) ~ .header__section--dropdown__tile {
    width: 12%
}

.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(9),.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(9) ~ .header__section--dropdown__tile {
    width: 9.65%
}

.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(10),.header.header-version-a .header__section--dropdown__tile:first-child:nth-last-child(10) ~ .header__section--dropdown__tile {
    width: 9.65%
}

.header.header-version-a .header__section--dropdown__tile--link {
    color: #fff;
    display: block;
    text-decoration: none
}

.header.header-version-a .header__section--dropdown__tile--icon {
    font-size: 2.5em;
    line-height: 1.2em;
    margin: 0 0 .175em 0
}

.header.header-version-a .header__section--dropdown__tile--sub-title {
    font-size: .938em;
    line-height: 1.4em;
    margin: 0;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5)
}

.header.header-version-a .header__section--search {
    cursor: pointer;
    display: none;
    font-size: 1.4em;
    opacity: 1;
    padding-right: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    visibility: visible;
    width: 1.01em;
}

.header.header-version-a .header__section--search.hide {
    opacity: 0;
    visibility: hidden
}

.header.header-version-a .header__section--search__bar {
    height: 4.8em;
    opacity: 0;
    position: absolute;
    top: 4.8em;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    visibility: hidden;
    display: none;
    width: 100%;
}

.header.header-version-a .header__section--search__bar.open {
    opacity: 1;
    visibility: visible;
    display: block
}

.header.header-version-a .header__section--search__bar__container {
    height: 4em;
    line-height: 4em;
    position: relative
}

.header.header-version-a .header__section--search__bar__inner {
    margin: 0 auto;
    max-width: 75em
}

.header.header-version-a .header__section--search__bar__form {
    display: inline-block;
    position: relative
}

.header.header-version-a .header__section--search__bar--search-input {
    background: #5d5d5d;
    background: rgba(255,255,255,0.15);
    border: 0;
    border-radius: .313em;
    color: #fff;
    height: 2.5em;
    padding: 0 2.5em;
    width: 100%;
}

.header.header-version-a .header__section--search__bar--search-input::-webkit-input-placeholder {
    color: #fff;
    position: relative
}

.header.header-version-a .header__section--search__bar--search-input:-moz-placeholder {
    color: #fff;
    position: relative
}

.header.header-version-a .header__section--search__bar--search-input::-moz-placeholder {
    color: #fff;
    position: relative
}

.header.header-version-a .header__section--search__bar--search-input:-ms-input-placeholder {
    color: #fff;
    position: relative
}

.header.header-version-a .header__section--search__bar--search-close-icon {
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline;
    font-size: .7em;
    opacity: 0;
    position: absolute;
    right: 2em;
    top: 22px;
    -webkit-transition: opacity,visibility .4s ease;
    transition: opacity,visibility .4s ease;
    opacity: 1;
    padding: 0;
    background: #666;
    border-radius: 20px;
    height: 20px;
    width: 20px;
    line-height: 0;
}

.header.header-version-a .header__section--search__bar--search-close-icon:focus {
    outline: thin dotted
}

.header.header-version-a .header__section--search__bar--search-icon {
    background: transparent;
    border: 0;
    left: 1.5em;
    padding: 0;
    position: absolute;
    top: 0;
    width: 1.1em;
}

.header.header-version-a .header__section--search__bar--search-icon:focus {
    outline: thin dotted
}

.header.header-version-a.cobrand .divider {
    height: auto;
    position: absolute;
    top: 20px;
    left: 49.95%
}

.header.header-version-a.cobrand .header__section--link.login {
    font-size: 14px;
    line-height: 3.8em;
    vertical-align: top
}

.header.header-version-a.cobrand .header__section--center.cobrand-single-logo-container .single-logo-icon {
    height: .8125em
}

.header.header-version-a.cobrand .header__section--center.cobrand-single-logo-container .chase-logo-icon {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    visibility: hidden
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container {
    position: relative;
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .left-logo-wrap {
    display: inline-block;
    position: absolute;
    right: 6px;
    top: -2px;
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .left-logo-wrap .left-logo-icon {
    height: 32px;
    vertical-align: middle
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .right-logo-wrap {
    display: inline-block;
    position: absolute;
    left: 6px;
    top: -2px;
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .right-logo-wrap .right-logo-icon {
    height: 32px;
    vertical-align: middle
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container {
    position: relative;
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .left-logo-wrap {
    display: inline-block;
    position: absolute;
    right: 9px;
    top: -2px;
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .left-logo-wrap .left-logo-icon {
    height: 31px;
    vertical-align: middle
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .right-logo-wrap {
    display: inline-block;
    position: absolute;
    left: 9px;
    top: -2px;
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .right-logo-wrap .chase-text-animation-container {
    text-align: right
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .chase-text,.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .chase-logo-icon {
    font-size: 1em
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container {
    position: relative;
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .left-logo-wrap {
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 9px;
    top: -2px;
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .left-logo-wrap .chase-text-animation-container {
    height: 100%;
    text-align: right
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .right-logo-wrap {
    display: inline-block;
    position: absolute;
    left: 9px;
    top: -2px;
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .right-logo-wrap .right-logo-icon {
    height: 31px;
    vertical-align: middle
}

.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .chase-text,.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .chase-logo-icon {
    font-size: 1em
}

.detail .header.header-version-a .header__section--link.login,.topic .header.header-version-a .header__section--link.login,[data-archetype=logoff] .header.header-version-a .header__section--link.login {
    display: inline-block
}

@media only screen and (min-width: 30em) {
    .header.header-version-a {
        height:4.4em;
    }

    .header.header-version-a .header__black-linear-bg {
        height: 5.5em
    }

    .header.header-version-a .header__black-bg {
        height: 4.4em
    }

    .header.header-version-a .header__blue-bg {
        height: 4.4em
    }

    .header.header-version-a .header__section {
        height: 4.4em;
        line-height: 4.4em;
    }

    .header.header-version-a .header__section--search {
        display: inline-block
    }

    .header.header-version-a .header__section--link {
        padding-right: 1em
    }

    .header.header-version-a.cobrand .divider {
        height: 22px;
        top: 24px
    }

    .header.header-version-a.cobrand .header__section--link.login {
        line-height: 4.7em
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-single-logo-container .single-logo-icon {
        height: .9375em;
        margin-top: 27px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .left-logo-wrap {
        right: 15px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .left-logo-wrap .left-logo-icon {
        height: 42px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .right-logo-wrap {
        left: 15px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .right-logo-wrap .right-logo-icon {
        height: 42px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .left-logo-wrap {
        right: 10px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .left-logo-wrap .left-logo-icon {
        height: 45px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .right-logo-wrap {
        left: 10px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .chase-text,.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .chase-logo-icon {
        font-size: 1.375em
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .left-logo-wrap {
        right: 10px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .right-logo-wrap {
        left: 10px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .right-logo-wrap .right-logo-icon {
        height: 45px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .chase-text,.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .chase-logo-icon {
        font-size: 1.375em
    }

    .header.header-version-a.cobrand .header__section--link.login {
        padding-right: 4px
    }
}

@media only screen and (min-width: 35.5em) {
    .header.header-version-a.cobrand .header__section--link.login {
        line-height:4.7em
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .left-logo-wrap {
        right: 20px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .left-logo-wrap .left-logo-icon {
        height: 50px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .right-logo-wrap {
        left: 20px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .right-logo-wrap .right-logo-icon {
        height: 50px
    }
}

@media only screen and (min-width: 48em) {
    .header.header-version-a .header__inner {
        padding:0 .5em
    }

    .header.header-version-a .header__section--center .chase-text:before {
        line-height: 2.2em
    }

    .header.header-version-a .header__section--center .chase-logo-icon:before {
        line-height: 2.2em
    }

    .header.header-version-a .header__section--center span {
        font-size: 2em
    }

    .header.header-version-a .header__section--link.login .btn {
        background: #0b6efd;
        border: 1px solid #fff;
        padding: .5em 1.1em;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
    }

    .header.header-version-a .header__section--link.login .btn:focus {
        background: #0092ff
    }

    .header.header-version-a .header__section--link.login .btn:hover {
        background: #0a4386
    }

    .header.header-version-a .header__section--link.login .btn:active {
        background: #0092ff
    }

    .header.header-version-a .header__section--search {
        margin-left: .727em;
    }

    .header.header-version-a .header__section--search__bar__form {
        padding-left: 1em;
        padding-right: 1em
    }

    .header.header-version-a .header__section--search__bar--search-close-icon {
        right: 3em
    }

    .header.header-version-a .header__section--search__bar--search-input {
        padding: 0 2em
    }

    .header.header-version-a .header__section__item.header__section--links .login {
        line-height: 4.15em
    }

    .header.header-version-a.cobrand .divider {
        height: 22px;
        top: 24px
    }

    .header.header-version-a.cobrand .header__section--link.login {
        font-size: 16px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-single-logo-container .single-logo-icon {
        height: 1.0625em;
        margin-top: 27px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .left-logo-wrap {
        right: 20px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .left-logo-wrap .left-logo-icon {
        height: 55px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .right-logo-wrap {
        left: 20px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .right-logo-wrap .right-logo-icon {
        height: 55px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .left-logo-wrap {
        right: 15px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .left-logo-wrap .left-logo-icon {
        height: 55px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .right-logo-wrap {
        left: 15px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .chase-text,.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .chase-logo-icon {
        font-size: 1.75em
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .left-logo-wrap {
        right: 15px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .right-logo-wrap {
        left: 15px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .right-logo-wrap .right-logo-icon {
        height: 55px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .chase-text,.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .chase-logo-icon {
        font-size: 1.75em
    }
}

@media only screen and (min-width: 62em) {
    .header.header-version-a .header__inner {
        padding:0 .5em
    }

    .header.header-version-a .header__section--center .chase-text:before {
        line-height: 2.1em
    }

    .header.header-version-a .header__section--center .chase-logo-icon:before {
        line-height: 2.1em
    }

    .header.header-version-a.cobrand .divider {
        height: 25px;
        top: 23px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-single-logo-container .single-logo-icon {
        height: 1.4375em;
        margin-top: 26px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .left-logo-wrap {
        right: 20px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .left-logo-wrap .left-logo-icon {
        height: 60px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .right-logo-wrap {
        left: 20px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-container .right-logo-wrap .right-logo-icon {
        height: 60px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .left-logo-wrap {
        right: 18px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .left-logo-wrap .left-logo-icon {
        height: 58px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .right-logo-wrap {
        left: 18px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .chase-text,.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-right-container .chase-logo-icon {
        font-size: 1.875em
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .left-logo-wrap {
        right: 18px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .right-logo-wrap {
        left: 18px;
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .right-logo-wrap .right-logo-icon {
        height: 58px
    }

    .header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .chase-text,.header.header-version-a.cobrand .header__section--center.cobrand-dual-logo-animation-left-container .chase-logo-icon {
        font-size: 1.875em
    }
}

@media only screen and (min-width: 62em) {
    .header.header-version-a .sub-header__nav-wrapper:before {
        background-color:#ededed;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%
    }

    .header.header-version-a .sub-header__nav-wrapper.fade-background:before {
        background: #ededed;
        -webkit-transition: background .3s linear;
        transition: background .3s linear
    }
}

@media only screen and (min-width: 75em) {
    .header.header-version-a .header__section--dropdown {
        display:block;
        margin-left: 2em;
    }

    .header.header-version-a .header__section--dropdown__title {
        line-height: 4.2em
    }

    .header.header-version-a .header__section--link {
        display: inline-block;
    }

    .header.header-version-a .header__section--link.login {
        line-height: 4.4em
    }

    .header.header-version-a .header__section__item.header__section--links {
        line-height: 4.2em;
    }

    .header.header-version-a .header__section__item.header__section--links .login {
        line-height: 4em
    }
}

@media only screen and (min-width: 76.875em) {
    .header.header-version-a .header__section--search__bar__form {
        padding-right:.5em
    }

    .header.header-version-a .header__section--search__bar--search-close-icon {
        right: 2em
    }
}

.header.header-version-b {
    color: #fff;
    height: 3.5em;
    position: fixed;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: background,height .5s ease;
    transition: background,height .5s ease;
    width: 100%;
    z-index: 5004;
}

.header.header-version-b.blue-fixed-header {
    z-index: 5004
}

.header.header-version-b a {
    text-decoration: none;
}

.header.header-version-b a:active,.header.header-version-b a:focus {
    outline: #fff dotted 1px
}

.header.header-version-b.open {
    height: 9.2em;
}

.header.header-version-b.open.blue .header__blue-bg {
    height: 9.2em
}

.header.header-version-b.open.blue .header__section--search__bar--search-input {
    background: rgba(0,0,0,0.5)
}

.header.header-version-b.open.black .header__black-bg {
    height: 9.2em
}

.header.header-version-b.open-dropdown {
    height: 14em;
}

.header.header-version-b.open-dropdown.blue .header__blue-bg {
    height: 14em
}

.header.header-version-b.open-dropdown.black .header__black-bg {
    height: 14em
}

.header.header-version-b .sub-header__nav-wrapper {
    -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.header.header-version-b .sub-header__nav--item.active a {
    font-weight: 400
}

.header.header-version-b .sub-header__nav--item a:focus {
    outline: #000 dotted 1px
}

.header.header-version-b .header__black-linear-bg {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.7)), color-stop(50%, rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
    height: 3.5em;
    left: 0;
    position: absolute;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    top: 0;
    width: 100%;
    z-index: -1;
}

.header.header-version-b .header__black-linear-bg.hide {
    display: none
}

.header.header-version-b .header__black-bg {
    background: #000;
    background: rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    height: 3.5em;
    left: 0;
    position: absolute;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    top: 0;
    width: 100%;
    z-index: -1;
}

.header.header-version-b .header__black-bg.hide {
    display: none
}

.header.header-version-b .header__blue-bg {
    background: #0846a8;
    background: rgba(8,70,168,0.9);
    -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    height: 3.5em;
    left: 0;
    position: absolute;
    -webkit-transition: height .5s ease;
    transition: height .5s ease;
    top: 0;
    width: 100%;
    z-index: -1;
}

.header.header-version-b .header__blue-bg.hide {
    display: none
}

.header.header-version-b .header__inner {
    height: 100%;
    margin: 0 auto;
    max-width: 75em;
    position: relative
}

.header.header-version-b .header__section {
    height: 3.5em;
    line-height: 3.5em;
    padding: 0;
}

.header.header-version-b .header__section__item {
    color: #fff;
    display: inline-block
}

.header.header-version-b .header__section--links {
    list-style-type: none
}

.header.header-version-b .header__section--link {
    display: none;
    font-size: 1.125em;
    text-shadow: .5px .5px 5px #000;
}

.header.header-version-b .header__section--link a {
    color: #fff;
    text-decoration: none
}

.header.header-version-b .header__section--link.login {
    display: none;
    font-size: 1em;
    text-shadow: none;
}

.header.header-version-b .header__section--link.login .btn {
    background: transparent;
    border: 0;
    padding: 0
}

.header.header-version-b .header__section--link.login.hide {
    display: none
}

.header.header-version-b .header__section--link.login.stuck {
    display: inline-block
}

.header.header-version-b .header__section--link.login.show {
    display: inline-block
}

.header.header-version-b .header__section--left .header__section__item {
    float: left
}

.header.header-version-b .header__section--left .header__section--dropdown {
    height: 4.4em;
    line-height: 4.4em;
}

.header.header-version-b .header__section--left .header__section--dropdown.hover-intent:before {
    opacity: 1
}

.header.header-version-b .header__section--center {
    position: relative;
    text-align: center;
}

.header.header-version-b .header__section--center--link {
    color: #fff;
    display: inline-block;
    height: 100%;
    position: relative;
    text-decoration: none
}

.header.header-version-b .header__section--center span {
    font-size: 1.5em;
    position: relative
}

.header.header-version-b .header__section--center .chase-text {
    display: inline-block;
    overflow: hidden;
}

.header.header-version-b .header__section--center .chase-text.hiding {
    margin-right: -.313em;
    opacity: .4
}

.header.header-version-b .header__section--center .chase-text.hidden {
    display: none;
    opacity: 0
}

.header.header-version-b .header__section--center .chase-text:before {
    height: 2.188em;
    line-height: 2.188em
}

.header.header-version-b .header__section--center .chase-logo-icon {
    display: inline-block;
    overflow: hidden;
}

.header.header-version-b .header__section--center .chase-logo-icon:before {
    height: 2.188em;
    line-height: 2.188em
}

.header.header-version-b .header__section--right {
    text-align: right
}

.header.header-version-b .header__section--sidemenu {
    cursor: pointer;
    font-size: 1.4em;
}

.header.header-version-b .header__section--sidemenu:active,.header.header-version-b .header__section--sidemenu:focus {
    outline: #fff dotted 1px
}

.header.header-version-b .header__section--dropdown {
    display: none;
}

.header.header-version-b .header__section--dropdown__inner {
    margin: 0 auto;
    max-width: 75em
}

.header.header-version-b .header__section--dropdown__title {
    color: #fff;
    cursor: pointer;
    display: block;
}

.header.header-version-b .header__section--dropdown__title__link {
    color: #fff;
    font-size: 1.125em;
    text-shadow: .5px .5px 5px #000
}

.header.header-version-b .header__section--dropdown__title span {
    font-size: .9em;
    padding-left: .45em
}

.header.header-version-b .header__section--dropdown--sub-section {
    display: block;
    position: relative;
}

.header.header-version-b .header__section--dropdown--sub-section__row {
    text-align: center;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.header.header-version-b .header__section--dropdown__tiles {
    height: 8.5em;
    left: 8px;
    line-height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 5.313em;
    visibility: hidden;
    width: 73em;
}

.header.header-version-b .header__section--dropdown__tiles:after {
    display: table;
    content: "";
    clear: both
}

.header.header-version-b .header__section--dropdown__tiles.hover-intent {
    opacity: 1;
    visibility: visible;
}

.header.header-version-b .header__section--dropdown__tiles.hover-intent .header__section--dropdown--sub-section__container {
    opacity: 0;
    visibility: hidden;
}

.header.header-version-b .header__section--dropdown__tiles.hover-intent .header__section--dropdown--sub-section__container.open {
    opacity: 1;
    visibility: visible
}

.header.header-version-b .header__section--dropdown__tiles.hover-intent .header__section--dropdown--sub-section__row {
    opacity: 0;
    visibility: hidden;
}

.header.header-version-b .header__section--dropdown__tiles.hover-intent .header__section--dropdown--sub-section__row.open {
    opacity: 1;
    visibility: visible
}

.header.header-version-b .header__section--dropdown__tile {
    display: inline-block;
    padding: .8em .5em 0 .5em;
    position: relative;
    text-align: center;
    vertical-align: top;
}

.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(2),.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(2) ~ .header__section--dropdown__tile {
    width: 49%
}

.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(3),.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(3) ~ .header__section--dropdown__tile {
    width: 24.65%
}

.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(4),.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(4) ~ .header__section--dropdown__tile {
    width: 24.65%
}

.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(5),.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(5) ~ .header__section--dropdown__tile {
    width: 16%
}

.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(6),.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(6) ~ .header__section--dropdown__tile {
    width: 16%
}

.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(7),.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(7) ~ .header__section--dropdown__tile {
    width: 12%
}

.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(8),.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(8) ~ .header__section--dropdown__tile {
    width: 12%
}

.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(9),.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(9) ~ .header__section--dropdown__tile {
    width: 9.65%
}

.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(10),.header.header-version-b .header__section--dropdown__tile:first-child:nth-last-child(10) ~ .header__section--dropdown__tile {
    width: 9.65%
}

.header.header-version-b .header__section--dropdown__tile--link {
    color: #fff;
    display: block;
    text-decoration: none
}

.header.header-version-b .header__section--dropdown__tile--icon {
    font-size: 2.5em;
    line-height: 1.2em;
    margin: 0 0 .175em 0
}

.header.header-version-b .header__section--dropdown__tile--sub-title {
    font-size: .938em;
    line-height: 1.4em;
    margin: 0;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5)
}

.header.header-version-b .header__section--search {
    cursor: pointer;
    display: none;
    font-size: 1.4em;
    opacity: 1;
    padding-right: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    visibility: visible;
    width: 1.01em;
}

.header.header-version-b .header__section--search.hide {
    opacity: 0;
    visibility: hidden
}

.header.header-version-b .header__section--search__bar {
    height: 4.8em;
    opacity: 0;
    position: absolute;
    top: 4.8em;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    visibility: hidden;
    display: none;
    width: 100%;
}

.header.header-version-b .header__section--search__bar.open {
    opacity: 1;
    visibility: visible;
    display: block
}

.header.header-version-b .header__section--search__bar__container {
    height: 4em;
    line-height: 4em;
    position: relative
}

.header.header-version-b .header__section--search__bar__inner {
    margin: 0 auto;
    max-width: 75em
}

.header.header-version-b .header__section--search__bar__form {
    display: inline-block;
    position: relative
}

.header.header-version-b .header__section--search__bar--search-input {
    background: #5d5d5d;
    background: rgba(255,255,255,0.15);
    border: 0;
    border-radius: .313em;
    color: #fff;
    height: 2.5em;
    padding: 0 2.5em;
    width: 100%;
}

.header.header-version-b .header__section--search__bar--search-input::-webkit-input-placeholder {
    color: #fff;
    position: relative
}

.header.header-version-b .header__section--search__bar--search-input:-moz-placeholder {
    color: #fff;
    position: relative
}

.header.header-version-b .header__section--search__bar--search-input::-moz-placeholder {
    color: #fff;
    position: relative
}

.header.header-version-b .header__section--search__bar--search-input:-ms-input-placeholder {
    color: #fff;
    position: relative
}

.header.header-version-b .header__section--search__bar--search-close-icon {
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline;
    font-size: .7em;
    opacity: 0;
    position: absolute;
    right: 2em;
    top: 22px;
    -webkit-transition: opacity,visibility .4s ease;
    transition: opacity,visibility .4s ease;
    opacity: 1;
    padding: 0;
    background: #666;
    border-radius: 20px;
    height: 20px;
    width: 20px;
    line-height: 0;
}

.header.header-version-b .header__section--search__bar--search-close-icon:focus {
    outline: thin dotted
}

.header.header-version-b .header__section--search__bar--search-icon {
    background: transparent;
    border: 0;
    left: 1.5em;
    padding: 0;
    position: absolute;
    top: 0;
    width: 1.1em;
}

.header.header-version-b .header__section--search__bar--search-icon:focus {
    outline: thin dotted
}

.detail .header.header-version-b .header__section--link.login,.gil .header.header-version-b .header__section--link.login,.topic .header.header-version-b .header__section--link.login,[data-archetype=logoff] .header.header-version-b .header__section--link.login {
    display: inline-block
}

@media only screen and (min-width: 30em) {
    .header.header-version-b {
        height:4.4em;
    }

    .header.header-version-b .header__black-linear-bg {
        height: 5.5em
    }

    .header.header-version-b .header__black-bg {
        height: 4.4em
    }

    .header.header-version-b .header__blue-bg {
        height: 4.4em
    }

    .header.header-version-b .header__section {
        height: 4.4em;
        line-height: 4.4em;
    }

    .header.header-version-b .header__section--search {
        display: inline-block
    }

    .header.header-version-b .header__section--link {
        padding-right: 1em
    }
}

@media only screen and (min-width: 48em) {
    .header.header-version-b .header__inner {
        padding:0 .5em
    }

    .header.header-version-b .header__section--center .chase-text:before {
        line-height: 2.2em
    }

    .header.header-version-b .header__section--center .chase-logo-icon:before {
        line-height: 2.2em
    }

    .header.header-version-b .header__section--center span {
        font-size: 2em
    }

    .header.header-version-b .header__section--link.login .btn {
        background: #0b6efd;
        border: 1px solid #fff;
        padding: .5em 1.1em;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
    }

    .header.header-version-b .header__section--link.login .btn:focus {
        background: #0092ff
    }

    .header.header-version-b .header__section--link.login .btn:hover {
        background: #0a4386
    }

    .header.header-version-b .header__section--link.login .btn:active {
        background: #0092ff
    }

    .header.header-version-b .header__section--search {
        margin-left: .727em;
    }

    .header.header-version-b .header__section--search__bar__form {
        padding-left: 1em;
        padding-right: 1em
    }

    .header.header-version-b .header__section--search__bar--search-close-icon {
        right: 3em
    }

    .header.header-version-b .header__section--search__bar--search-input {
        padding: 0 2em
    }
}

@media only screen and (min-width: 62em) {
    .header.header-version-b .sub-header__nav-wrapper:before {
        background-color:#ededed;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%
    }

    .header.header-version-b .sub-header__nav-wrapper.fade-background:before {
        background: #ededed;
        -webkit-transition: background .3s linear;
        transition: background .3s linear
    }
}

@media only screen and (min-width: 75em) {
    .header.header-version-b .header__section--dropdown {
        display:block;
        margin-left: 2em
    }

    .header.header-version-b .header__section--link {
        display: inline-block
    }
}

@media only screen and (min-width: 76.875em) {
    .header.header-version-b .header__section--search__bar__form {
        padding-right:.5em
    }

    .header.header-version-b .header__section--search__bar--search-close-icon {
        right: 2em
    }
}

.header.header-version-b.protected .header__section--link.login {
    display: none
}

.hero.hero-version-0 {
    height: 18em;
    margin: 0 0 .375em 0;
    position: relative;
    width: 100%;
}

.hero.hero-version-0.large {
    height: 60vh;
}

.hero.hero-version-0.large .hero__primary-background-image {
    height: 60vh
}

.hero.hero-version-0 .hero__primary-background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 18em;
    width: 100%;
}

.hero.hero-version-0 .hero__primary-background-image.apply-gradient:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), color-stop(20%, rgba(0,0,0,0.6)), to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0) 100%);
    bottom: 0;
    content: "";
    display: block;
    height: 9.375em;
    position: absolute;
    width: 100%
}

.hero.hero-version-0 .hero__primary-background-image.full-overlay:after,.hero.hero-version-0 .hero__primary-background-image.themed-overlay:after {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.hero.hero-version-0 .hero__primary-background-image.full-overlay.gradient-40:after,.hero.hero-version-0 .hero__primary-background-image.themed-overlay.gradient-40:after {
    opacity: .4
}

.hero.hero-version-0 .hero__primary-background-image.full-overlay.gradient-60:after,.hero.hero-version-0 .hero__primary-background-image.themed-overlay.gradient-60:after {
    opacity: .6
}

.hero.hero-version-0 .hero__primary-background-image.full-overlay.gradient-80:after,.hero.hero-version-0 .hero__primary-background-image.themed-overlay.gradient-80:after {
    opacity: .8
}

.hero.hero-version-0 .hero__primary-background-image.full-overlay:after {
    background: #000
}

.hero.hero-version-0 .hero__primary-background-image.themed-overlay:after {
    background: #1053fc
}

.hero.hero-version-0 .hero__primary-background-image:focus {
    outline: #fff dotted 1px
}

.hero.hero-version-0 .hero--text-container {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 75em;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 .5em;
    margin: 0 auto 1em auto
}

.hero.hero-version-0 .hero--text__img-container {
    padding-left: 16px;
    margin-bottom: 6px;
}

.hero.hero-version-0 .hero--text__img-container img {
    max-height: 60px
}

.hero.hero-version-0 .hero--text__img-container.center {
    text-align: center
}

.hero.hero-version-0 .hero--text-area {
    margin: 0 auto 1em auto;
}

.hero.hero-version-0 .hero--text-area.center {
    text-align: center
}

.hero.hero-version-0 .hero--text-area a:active,.hero.hero-version-0 .hero--text-area a:focus {
    outline: #fff dotted 1px
}

.hero.hero-version-0 .hero--text__headline {
    color: #fff;
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 16px;
}

.hero.hero-version-0 .hero--text__headline p {
    margin: 0
}

.hero.hero-version-0 .hero--text__desc {
    color: #fff;
    font-size: .75em;
    line-height: 1.5;
    margin-bottom: 16px;
    text-shadow: 0 0 .3em rgba(0,0,0,0.8);
}

.hero.hero-version-0 .hero--text__desc p {
    margin: 0
}

.hero.hero-version-0 .hero--cta {
    color: #fff;
    display: block;
    font-size: .75em;
    line-height: 1.5em;
    margin: .278em 0 0 0;
    text-decoration: none;
    text-shadow: .1em .1em .3em rgba(0,0,0,0.8);
}

.hero.hero-version-0 .hero--cta--standard-link {
    display: inline-block;
    margin: 0 0 0 .4em;
    position: relative;
    vertical-align: middle;
}

.hero.hero-version-0 .hero--cta--standard-link:before {
    font-size: .7em;
    margin-top: -.545em;
    position: absolute;
    top: 50%
}

.hero.hero-version-0 .hero--cta--video-link {
    background: #0b6efd;
    border-radius: 1.6em;
    display: inline-block;
    height: 1.6em;
    margin: 0 0 0 .5em;
    position: relative;
    vertical-align: middle;
    width: 1.6em;
}

.hero.hero-version-0 .hero--cta--video-link:before {
    font-size: .9em;
    margin-right: -.5em;
    margin-top: -.5em;
    position: absolute;
    right: 45%;
    top: 52%;
    text-shadow: none
}

.hero.hero-version-0 .hero--cta.regular-link {
    text-decoration: none
}

.hero.hero-version-0 .video--play-btn {
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 4.3em;
    margin-right: -2.188em;
    margin-top: -2.188em;
    position: absolute;
    right: 50%;
    text-decoration: none;
    top: 50%;
}

.hero.hero-version-0 .video--play-btn:hover {
    color: #ccc
}

.hero.hero-version-0 .video--play-btn:before {
    position: relative;
    font-size: 4.2em
}

@media screen and (max-height: 61.188em) {
    .hero.hero-version-0.standard {
        height:50vh;
        min-height: 22.5em;
    }

    .hero.hero-version-0.standard .hero__primary-background-image {
        height: 50vh;
        min-height: 22.5em
    }
}

@media screen and (min-height: 61.25em) {
    .hero.hero-version-0.standard {
        height:45vh;
        max-height: 34em;
    }

    .hero.hero-version-0.standard .hero__primary-background-image {
        height: 45vh;
        max-height: 34em
    }
}

@media only screen and (min-width: 30em) {
    .hero.hero-version-0 .hero--text__img-container img {
        max-height:4.75em
    }

    .hero.hero-version-0 .hero--text-area {
        padding: 0 1em
    }

    .hero.hero-version-0 .hero--cta--video-link:before {
        top: 50%
    }
}

@media only screen and (min-width: 48em) {
    .hero.hero-version-0 {
        height:24em;
    }

    .hero.hero-version-0 .hero__primary-background-image {
        height: 24em
    }

    .hero.hero-version-0 .hero--text__img-container img {
        max-height: 7.25em
    }

    .hero.hero-version-0 .hero--text__headline {
        font-size: 2.5em
    }

    .hero.hero-version-0 .hero--text__desc {
        font-size: 1.5em
    }

    .hero.hero-version-0 .hero--cta {
        font-size: 1.125em;
    }

    .hero.hero-version-0 .hero--cta--video-link {
        border-radius: 1.6em;
        height: 1.6em;
        margin: 0 0 0 .4em;
        width: 1.6em;
    }

    .hero.hero-version-0 .hero--cta--video-link:before {
        font-size: .8em
    }

    .hero.hero-version-0 .video--play-btn {
        border-radius: 5em;
        font-size: 1.28em
    }
}

@media only screen and (min-width: 62em) {
    .hero.hero-version-0 {
        height:25em;
        margin-bottom: 1.25em;
    }

    .hero.hero-version-0.large {
        height: 50vh;
    }

    .hero.hero-version-0.large .hero__primary-background-image {
        height: 50vh
    }

    .hero.hero-version-0 .hero__primary-background-image {
        height: 25em
    }

    .hero.hero-version-0 .hero--cta {
        font-size: 1.5em;
        margin-top: .208em
    }

    .hero.hero-version-0 .hero--text__headline {
        font-size: 3em
    }

    .hero.hero-version-0 .video--play-btn {
        border-radius: 8em;
        font-size: 1.5em
    }
}

@media only screen and (min-width: 75em) {
    .hero.hero-version-0 {
        margin-bottom:2.5em;
    }

    .hero.hero-version-0.large {
        height: 90vh;
    }

    .hero.hero-version-0.large .hero__primary-background-image {
        height: 90vh
    }

    .hero.hero-version-0 .hero--text__headline {
        font-size: 3.5em
    }

    .hero.hero-version-0 .hero--text-container {
        display: block;
        padding-right: .5em
    }

    .hero.hero-version-0 .hero--text__img-container img {
        max-height: 10.5em
    }
}

.hero.hero-version-1 {
    margin-bottom: 2em;
}

.hero.hero-version-1.left .hero__content {
    float: left
}

.hero.hero-version-1.left .hero__img {
    float: left
}

.hero.hero-version-1 .hero__primary-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 16em;
    display: block;
    position: relative
}

.hero.hero-version-1 .hero__inner {
    margin: 2em 0 0 0
}

.hero.hero-version-1 .hero__content--title {
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1.167em;
    margin: 0 0 .444em 0;
    color: #414042;
}

.hero.hero-version-1 .hero__content--title p {
    margin: 0
}

.hero.hero-version-1 .hero__content--quote {
    color: #af4317;
    font-style: italic;
    line-height: 1.375;
    margin: 0 0 .25em 0;
}

.hero.hero-version-1 .hero__content--quote-author {
    color: #717171;
    font-size: .875em;
    margin: 0 0 .714em 0
}

.hero.hero-version-1 .hero__content--area p {
    font-size: 1em;
    line-height: 1.375em;
    margin: 0 0 .625em 0;
    font-weight: 400
}

.hero.hero-version-1 .hero__content--area ul {
    font-size: 1em;
    line-height: 1.375em;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.hero.hero-version-1 .hero__content--area ul li {
    margin: 0 0 1.125em 0
}

.hero.hero-version-1 .hero__content--area ol {
    font-size: 1em;
    line-height: 1.375em;
    list-style-position: outside;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.hero.hero-version-1 .hero__content--area ol li {
    margin: 0 0 1.125em 0
}

.hero.hero-version-1 .hero__content--disclaimer {
    color: #717171;
    font-size: .875em;
}

.hero.hero-version-1 .hero__content--disclaimer p:last-child {
    margin: 0 0 .714em 0
}

.hero.hero-version-1 .hero__content--cta {
    display: inline-block;
    font-size: 1em;
    line-height: 1;
    padding: 0 2em 0 0;
    text-decoration: none;
}

.hero.hero-version-1 .hero__content--cta:not(.cta) {
    font-weight: 600
}

.hero.hero-version-1 .hero__content--cta.cta {
    display: block;
    font-size: 1em;
    line-height: 1;
    padding: .75em 0
}

.hero.hero-version-1 .hero__content--cta-container a + a {
    margin-top: .5em
}

.hero.hero-version-1 .hero__content--cta-container a p {
    margin: 0
}

.hero.hero-version-1 .hero__content--cta.regular-link {
    text-decoration: underline
}

.hero.hero-version-1 .hero__img {
    display: none;
    text-align: center
}

.hero.hero-version-1 .video--play-btn {
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 4.3em;
    margin-right: -2.188em;
    margin-top: -2.188em;
    position: absolute;
    right: 50%;
    text-decoration: none;
    top: 50%;
}

.hero.hero-version-1 .video--play-btn:hover {
    color: #ccc
}

.hero.hero-version-1 .video--play-btn:before {
    position: relative;
    font-size: 4.2em
}

@media only screen and (min-width: 30em) {
    .hero.hero-version-1 .hero__content--title {
        font-size:2.5em;
        line-height: 1.15em;
        margin: 0 0 .4em 0;
    }

    .hero.hero-version-1 .hero__content--title p {
        margin: 0
    }

    .hero.hero-version-1 .hero__content--area p {
        font-size: 1.125em;
        line-height: 1.333em;
        margin: 0 0 .56em 0
    }

    .hero.hero-version-1 .hero__content--area ul,.hero.hero-version-1 .hero__content--area ol {
        font-size: 1.125em;
        line-height: 1.333em;
        margin: 0 .5em 1.2222em .5em;
        padding: 0 1em;
    }

    .hero.hero-version-1 .hero__content--area ul li,.hero.hero-version-1 .hero__content--area ol li {
        margin: 0 0 1em 0
    }

    .hero.hero-version-1 .hero__content--cta {
        font-size: 1.125em;
        line-height: 1.333em
    }
}

@media only screen and (min-width: 48em) {
    .hero.hero-version-1 {
        margin-bottom:2.5em;
    }

    .hero.hero-version-1.left .hero__content {
        float: right
    }

    .hero.hero-version-1 .hero__primary-image {
        height: 28em
    }

    .hero.hero-version-1 .hero__inner {
        margin: 2.5em 0 0 0
    }

    .hero.hero-version-1 .hero__content--quote {
        font-size: 1.125em;
        line-height: 1.333;
    }

    .hero.hero-version-1 .hero__content--quote-author {
        font-size: 1em;
        line-height: 1.5;
        margin: 0 0 1.25em 0
    }

    .hero.hero-version-1 .hero__content--disclaimer p:last-child {
        margin: 0 0 1.429em 0
    }

    .hero.hero-version-1 .hero__content--cta.cta {
        font-size: 1.125em;
        line-height: 1;
        padding: .62em 0
    }

    .hero.hero-version-1 .hero__content--cta-container a + a {
        margin-top: 1em
    }

    .hero.hero-version-1 .hero__img {
        display: block
    }

    .hero.hero-version-1 .video--play-btn {
        border-radius: 5em;
        font-size: 1.28em
    }
}

@media only screen and (min-width: 62em) {
    .hero.hero-version-1 .hero__content--title {
        margin:0 0 .5em 0;
    }

    .hero.hero-version-1 .hero__content--title p {
        margin: 0
    }

    .hero.hero-version-1 .hero__content--quote {
        font-size: 1.25em;
        line-height: 1.5;
    }

    .hero.hero-version-1 .hero__content--quote-author {
        font-size: 1.125em;
        line-height: 1.5;
        margin: 0 0 1.111em 0
    }

    .hero.hero-version-1 .hero__content--disclaimer {
        font-size: 1em;
        line-height: 1.5em;
    }

    .hero.hero-version-1 .hero__content--disclaimer p:last-child {
        margin: 0 0 1.25em 0
    }
}

@media only screen and (min-width: 75em) {
    .hero.hero-version-1 .hero__content--title {
        font-size:3.125em;
        line-height: 1.12em;
        margin: 0 0 .4em 0;
    }

    .hero.hero-version-1 .hero__content--title p {
        margin: 0
    }

    .hero.hero-version-1 .hero__content--quote {
        font-size: 1.3em
    }

    .hero.hero-version-1 .video--play-btn {
        border-radius: 8em;
        font-size: 1.5em
    }
}

@media only screen and (min-width: 100.063em) {
    .hero.hero-version-1 .hero__primary-image {
        height:34em
    }
}

.hero.hero-version-2 {
    margin-bottom: 2em;
    padding: 0 .5em;
    position: relative;
}

.hero.hero-version-2.left .hero__content {
    float: left
}

.hero.hero-version-2.left .hero__img {
    float: left
}

.hero.hero-version-2.divider:before {
    border-top: 1px solid #ccc;
    content: '';
    left: 1em;
    padding: 0 0 2em 0;
    position: relative;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em)
}

.hero.hero-version-2 .hero__content--title {
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1.167em;
    margin: 0 0 .444em 0;
    color: #414042;
}

.hero.hero-version-2 .hero__content--title p {
    margin: 0
}

.hero.hero-version-2 .hero__content--quote {
    color: #af4317;
    font-style: italic;
    line-height: 1.375;
    margin: 0 0 .25em 0;
}

.hero.hero-version-2 .hero__content--quote-author {
    color: #717171;
    font-size: .875em;
    margin: 0 0 .714em 0
}

.hero.hero-version-2 .hero__content--area p {
    font-size: 1em;
    line-height: 1.375em;
    margin: 0 0 .625em 0;
    font-weight: 400
}

.hero.hero-version-2 .hero__content--area ul {
    font-size: 1em;
    line-height: 1.375em;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.hero.hero-version-2 .hero__content--area ul li {
    margin: 0 0 1.125em 0
}

.hero.hero-version-2 .hero__content--area ol {
    font-size: 1em;
    line-height: 1.375em;
    list-style-position: outside;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.hero.hero-version-2 .hero__content--area ol li {
    margin: 0 0 1.125em 0
}

.hero.hero-version-2 .hero__content--disclaimer {
    color: #717171;
    font-size: .875em;
}

.hero.hero-version-2 .hero__content--disclaimer p:last-child {
    margin: 0 0 .714em 0
}

.hero.hero-version-2 .hero__content--cta {
    display: inline-block;
    font-size: 1em;
    line-height: 1;
    padding: 0 2em 0 0;
    text-decoration: none;
}

.hero.hero-version-2 .hero__content--cta:not(.cta) {
    font-weight: 600
}

.hero.hero-version-2 .hero__content--cta.cta {
    display: block;
    font-size: 1em;
    line-height: 1;
    padding: .75em 0
}

.hero.hero-version-2 .hero__content--cta-container a + a {
    margin-top: .5em
}

.hero.hero-version-2 .hero__content--cta.regular-link {
    text-decoration: underline
}

.hero.hero-version-2 .hero__img {
    display: none;
    text-align: center
}

.hero.hero-version-2 .video--play-btn {
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 4.3em;
    font-size: 4.2em;
    position: absolute;
    left: 50%;
    text-decoration: none;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.hero.hero-version-2 .video--play-btn:hover {
    color: #ccc
}

.hero.hero-version-2 .video--play-btn:before {
    position: relative
}

@media only screen and (min-width: 20em) {
    .hero.hero-version-2 .hero__inner .video--play-btn {
        font-size:67px
    }
}

@media only screen and (min-width: 30em) {
    .hero.hero-version-2 .hero__content--title {
        font-size:2.5em;
        line-height: 1.15;
        margin: 0 0 .4em 0;
    }

    .hero.hero-version-2 .hero__content--title p {
        margin: 0
    }

    .hero.hero-version-2 .hero__content--area p {
        font-size: 1.125em;
        line-height: 1.333;
        margin: 0 0 .56em 0
    }

    .hero.hero-version-2 .hero__content--area ul,.hero.hero-version-2 .hero__content--area ol {
        font-size: 1.125em;
        line-height: 1.333;
        margin: 0 0 1.111em 0;
        margin: 0 .5em 1.2222em .5em;
        padding: 0 1em;
    }

    .hero.hero-version-2 .hero__content--area ul li,.hero.hero-version-2 .hero__content--area ol li {
        margin: 0 0 1em 0
    }

    .hero.hero-version-2 .hero__content--cta {
        font-size: 1.125em;
        line-height: 1.333em
    }
}

@media only screen and (min-width: 48em) {
    .hero.hero-version-2 {
        margin-bottom:2.5em;
    }

    .hero.hero-version-2.divider:before {
        padding: 0 0 3.75em 0
    }

    .hero.hero-version-2.left .hero__content {
        float: right
    }

    .hero.hero-version-2 .hero__content--quote {
        font-size: 1.125em;
        line-height: 1.333;
    }

    .hero.hero-version-2 .hero__content--quote-author {
        font-size: 1em;
        line-height: 1.5;
        margin: 0 0 1.25em 0
    }

    .hero.hero-version-2 .hero__content--disclaimer p:last-child {
        margin: 0 0 1.429em 0
    }

    .hero.hero-version-2 .hero__content--cta.cta {
        font-size: 1.125em;
        line-height: 1;
        padding: .62em 0
    }

    .hero.hero-version-2 .hero__content--cta-container a + a {
        margin-top: 1em
    }

    .hero.hero-version-2 .hero__img {
        display: block
    }
}

@media only screen and (min-width: 64em) {
    .hero.hero-version-2 .hero__inner .video--play-btn {
        font-size:86px
    }
}

@media only screen and (min-width: 62em) {
    .hero.hero-version-2.left .hero__content {
        padding:0 0 0 1.5em
    }

    .hero.hero-version-2 .hero__inner {
        padding-left: .5em;
        padding-right: .5em
    }

    .hero.hero-version-2 .hero__content {
        padding: 0 1.5em 0 0;
    }

    .hero.hero-version-2 .hero__content--title {
        margin: 0 0 .5em 0;
    }

    .hero.hero-version-2 .hero__content--title p {
        margin: 0
    }

    .hero.hero-version-2 .hero__content--quote {
        font-size: 1.25em;
        line-height: 1.5;
    }

    .hero.hero-version-2 .hero__content--quote-author {
        font-size: 1.125em;
        line-height: 1.5;
        margin: 0 0 1.111em 0
    }

    .hero.hero-version-2 .hero__content--disclaimer {
        font-size: 1em;
        line-height: 1.5em;
    }

    .hero.hero-version-2 .hero__content--disclaimer p:last-child {
        margin: 0 0 1.25em 0
    }
}

@media only screen and (min-width: 75em) {
    .hero.hero-version-2 .hero__inner .video--play-btn {
        font-size:100px
    }

    .hero.hero-version-2 .hero__content--title {
        font-size: 3.125em;
        line-height: 1.12;
        margin: 0 0 .4em 0;
    }

    .hero.hero-version-2 .hero__content--title p {
        margin: 0
    }

    .hero.hero-version-2 .hero__content--quote {
        font-size: 1.3em
    }
}

.hero.hero-version-2.persist__img.right .hero__img {
    float: right
}

@media (min-width: 320px) and (max-width:767px) {
    .hero.hero-version-2.persist__img .hero__img {
        display:block;
        padding-top: 16px;
        float: none
    }

    .hero.hero-version-2.persist__img .hero__content {
        float: none
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .hero.hero-version-2.right.persist__img .hero__img {
        float:none
    }

    .hero.hero-version-2.right.persist__img .hero__content {
        float: none
    }
}

.ad-tile__wrapper {
    min-height: 7.18em;
}

.ad-tile__wrapper.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    padding-bottom: 2em
}

.ad-tile__wrapper.top-padding {
    padding-top: 4.375em
}

.ad-tile__wrapper.left .hero.hero-version-3 .hero__inner {
    float: right
}

.ad-tile__wrapper.left .hero.hero-version-3 .hero__img {
    float: left;
    padding-right: 8px;
    padding-left: 0
}

.hero.hero-version-3 {
    margin-bottom: 2em;
    padding: 0 .5em;
    position: relative;
}

.hero.hero-version-3 .hero__clickable:hover .cta--primary,.hero.hero-version-3 .hero__clickable:focus .cta--primary {
    background: #0a4386
}

.hero.hero-version-3 .hero__clickable:hover .cta--secondary,.hero.hero-version-3 .hero__clickable:focus .cta--secondary {
    background: #dfe4e8
}

.hero.hero-version-3 .hero__clickable:hover .cta--btn-green-aloe,.hero.hero-version-3 .hero__clickable:focus .cta--btn-green-aloe {
    background: #0d7638
}

.hero.hero-version-3 .hero__clickable:hover .cta--btn-purple-orchid,.hero.hero-version-3 .hero__clickable:focus .cta--btn-purple-orchid {
    background: #0a4386
}

.hero.hero-version-3 .hero__clickable:hover .cta--btn-purple-berry,.hero.hero-version-3 .hero__clickable:focus .cta--btn-purple-berry,.hero.hero-version-3 .hero__clickable:hover .cta--btn-purple-rain,.hero.hero-version-3 .hero__clickable:focus .cta--btn-purple-rain {
    background: #49357c
}

.hero.hero-version-3 .hero__clickable:hover .cta--btn-blue-seabreeze,.hero.hero-version-3 .hero__clickable:focus .cta--btn-blue-seabreeze {
    background: #0a4386
}

.hero.hero-version-3 .hero__clickable:hover .cta--btn-blue-ocean,.hero.hero-version-3 .hero__clickable:focus .cta--btn-blue-ocean,.hero.hero-version-3 .hero__clickable:hover .cta--btn-blue-skyline,.hero.hero-version-3 .hero__clickable:focus .cta--btn-blue-skyline {
    background: #284082
}

.hero.hero-version-3 .hero__clickable:hover .cta--btn-blue-cloud,.hero.hero-version-3 .hero__clickable:focus .cta--btn-blue-cloud {
    background: #0a4386
}

.hero.hero-version-3 .hero__clickable:hover .cta--btn-blue-irish-spring,.hero.hero-version-3 .hero__clickable:focus .cta--btn-blue-irish-spring {
    background: #1c5f77
}

.hero.hero-version-3 .hero__clickable:active .cta--primary {
    background: #0092ff
}

.hero.hero-version-3 .hero__clickable:active .cta--secondary {
    background: #ccc
}

.hero.hero-version-3 .hero__clickable:active .cta--btn-green-aloe {
    background: #2ca853
}

.hero.hero-version-3 .hero__clickable:active .cta--btn-purple-orchid {
    background: #2642a8
}

.hero.hero-version-3 .hero__clickable:active .cta--btn-purple-berry,.hero.hero-version-3 .hero__clickable:active .cta--btn-purple-rain {
    background: #7d4a89
}

.hero.hero-version-3 .hero__clickable:active .cta--btn-blue-seabreeze,.hero.hero-version-3 .hero__clickable:active .cta--btn-blue-ocean,.hero.hero-version-3 .hero__clickable:active .cta--btn-blue-skyline,.hero.hero-version-3 .hero__clickable:active .cta--btn-blue-cloud {
    background: #0092ff
}

.hero.hero-version-3 .hero__clickable:active .cta--btn-blue-irish-spring {
    background: #3591aa
}

.hero.hero-version-3 .hero__container {
    padding: 0 .5em 0 .5em
}

.hero.hero-version-3 .hero__title p {
    width: 100%;
    display: inline-block;
    font-size: 2.25em;
    line-height: 1.167em;
    font-weight: 300;
    margin: 0 0 .44em 0;
    color: #414042
}

.hero.hero-version-3 .hero__img {
    display: inline-block;
    float: right;
    width: 41%;
    text-align: center;
    padding-right: 0;
    padding-left: 8px
}

.hero.hero-version-3 .hero__inner {
    display: inline-block;
    width: 58%
}

.hero.hero-version-3 .hero__content {
    width: 100%;
    display: inline-block;
}

.hero.hero-version-3 .hero__content--area p {
    display: inline-block;
    font-size: 1em;
    line-height: 1.375em;
    margin: 0 0 .625em 0;
    font-weight: 400;
    color: #414042
}

.hero.hero-version-3 .hero__content--cta {
    font-size: 1em;
    line-height: 1;
    padding: 0 2em 0 0;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.hero.hero-version-3 .hero__content--cta:not(.cta) {
    font-weight: 600;
}

.hero.hero-version-3 .hero__content--cta:not(.cta) p {
    margin: 0
}

.hero.hero-version-3 .hero__content--cta.cta {
    font-size: 1em;
    line-height: 1;
    padding: .75em 0;
}

.hero.hero-version-3 .hero__content--cta.cta p {
    margin: 0
}

@media only screen and (min-width: 42.5em) {
    .ad-tile__wrapper.left .hero_title {
        float:right
    }

    .hero.hero-version-3 .hero__title {
        display: inline-block;
        width: 58%;
    }

    .hero.hero-version-3 .hero__title p {
        font-size: 2.5em;
        line-height: 1.15em
    }

    .hero.hero-version-3 .hero__content--area p {
        font-size: 1em;
        margin: 0 0 1.25em 0
    }

    .hero.hero-version-3 .hero__content--cta {
        font-size: 1.125em;
        padding: 0 2em 0 0;
    }

    .hero.hero-version-3 .hero__content--cta.cta {
        font-size: 1.125em;
        padding: .62em 0
    }
}

@media only screen and (min-width: 48em) {
    .ad-tile__wrapper {
        min-height:9.375em;
    }

    .ad-tile__wrapper.top-padding {
        padding-top: 6.25em
    }

    .ad-tile__wrapper.left .hero__img {
        padding-right: 16px;
        padding-left: 0
    }

    .hero.hero-version-3 .hero__content--area p {
        font-size: 1.125em
    }

    .hero.hero-version-3 .hero__img {
        padding-right: 0;
        padding-left: 16px
    }
}

@media only screen and (min-width: 62em) {
    .ad-tile__wrapper.left .hero__img {
        padding-right:24px;
        padding-left: 0
    }

    .ad-tile__wrapper.top-padding {
        padding-top: 7.5em
    }

    .hero.hero-version-3 .hero__img {
        padding-right: 0;
        padding-left: 24px
    }
}

@media only screen and (min-width: 75em) {
    .ad-tile__wrapper {
        min-height:11.25em
    }

    .hero.hero-version-3 .hero__title p {
        font-size: 3.125em;
        line-height: 1.12em
    }
}

.hero.hero-version-4 {
    height: 33em;
    margin: 0 0 1.25em 0;
    position: relative;
    width: 100%;
}

.hero.hero-version-4 .hero__primary-background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 33em;
    width: 100%;
}

.hero.hero-version-4 .hero__primary-background-image.apply-gradient:after {
    background: rgba(0,0,0,0.4);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.hero.hero-version-4 .hero--text-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 20px;
    padding: 0 16px;
    display: none;
}

.hero.hero-version-4 .hero--text-container.show {
    display: block
}

.hero.hero-version-4 .hero--text-area {
    width: 100%;
    margin-bottom: 20px;
}

.hero.hero-version-4 .hero--text-area a:active,.hero.hero-version-4 .hero--text-area a:focus {
    outline: #fff dotted 1px
}

.hero.hero-version-4 .hero--text-area__clickable {
    display: block;
    text-decoration: none;
}

.hero.hero-version-4 .hero--text-area__clickable:hover,.hero.hero-version-4 .hero--text-area__clickable:active,.hero.hero-version-4 .hero--text-area__clickable:focus {
    color: #fff
}

.hero.hero-version-4 .hero--text__img-container {
    max-height: 140px;
    margin-bottom: 6px;
    width: 100%;
}

.hero.hero-version-4 .hero--text__img-container.center {
    text-align: center
}

.hero.hero-version-4 .hero--text__img-container img {
    max-height: 140px
}

.hero.hero-version-4 .hero--text__headline {
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 20px;
    text-shadow: 0 0 .3em rgba(0,0,0,0.8);
}

.hero.hero-version-4 .hero--text__headline p {
    margin: 0
}

.hero.hero-version-4 .hero--text__headline a {
    color: #6cc7ff
}

.hero.hero-version-4 .hero--text__desc {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 20px;
    text-shadow: 0 0 .3em rgba(0,0,0,0.8);
}

.hero.hero-version-4 .hero--text__desc p {
    margin: 0
}

.hero.hero-version-4 .hero--text__desc ul {
    font-size: 16px;
    line-height: 18px;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.hero.hero-version-4 .hero--text__desc ul li {
    margin: 0 0 1.125em 0;
}

.hero.hero-version-4 .hero--text__desc ul li a {
    text-decoration: none;
}

.hero.hero-version-4 .hero--text__desc ul li a.regular-link {
    text-decoration: underline
}

.hero.hero-version-4 .hero--text__desc ol {
    font-size: 16px;
    line-height: 18px;
    list-style-position: outside;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.hero.hero-version-4 .hero--text__desc ol li {
    margin: 0 0 1.125em 0;
}

.hero.hero-version-4 .hero--text__desc ol li a {
    text-decoration: none;
}

.hero.hero-version-4 .hero--text__desc ol li a.regular-link {
    text-decoration: underline
}

.hero.hero-version-4 .hero--text__desc a {
    color: #6cc7ff
}

.hero.hero-version-4 .hero--cta {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    padding: 0 2em 0 0;
    text-decoration: none;
    text-shadow: 0 0 .3em rgba(0,0,0,0.8);
    color: #fff;
}

.hero.hero-version-4 .hero--cta:last-child {
    padding: 0
}

.hero.hero-version-4 .hero--cta span {
    text-shadow: none
}

.hero.hero-version-4 .hero--cta--video-link {
    background: #0b6efd;
    border-radius: 1.6em;
    display: inline-block;
    height: 1.6em;
    margin: 0 0 0 .5em;
    position: relative;
    vertical-align: middle;
    width: 1.6em;
}

.hero.hero-version-4 .hero--cta--video-link:before {
    font-size: .8em;
    margin-right: -.45em;
    margin-top: -.47em;
    position: absolute;
    right: 45%;
    top: 52%
}

.hero.hero-version-4 .hero--cta.regular-link {
    text-decoration: underline
}

.hero.hero-version-4 .hero--cta-link {
    margin: 0 0 0 .5em;
}

.hero.hero-version-4 .hero--cta-link.icon-right-progress {
    font-size: 11px
}

.hero.hero-version-4 .hero--cta.button {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px
}

.hero.hero-version-4 .hero--cta-btn.cta {
    font-size: 1em;
    line-height: 1;
    font-weight: 600;
    padding: .75em 0;
    text-decoration: none;
    text-shadow: none;
}

.hero.hero-version-4 .hero--cta-btn.cta p {
    margin: 0
}

@media only screen and (min-width: 62em) {
    .hero.hero-version-4 .hero--text-area {
        width:58.33%
    }

    .hero.hero-version-4 .hero--text__img-container {
        width: 81.72%
    }

    .hero.hero-version-4 .hero--text__headline {
        font-size: 50px;
        line-height: 56px
    }

    .hero.hero-version-4 .hero--text__desc {
        font-size: 20px;
        line-height: 26px;
    }

    .hero.hero-version-4 .hero--text__desc ul {
        font-size: 20px;
        line-height: 26px
    }

    .hero.hero-version-4 .hero--text__desc ol {
        font-size: 20px;
        line-height: 26px
    }

    .hero.hero-version-4 .hero--text-container {
        display: block;
        padding-right: 8px
    }

    .hero.hero-version-4 .hero--cta {
        font-size: 1.125em;
        line-height: 26px;
    }

    .hero.hero-version-4 .hero--cta--video-link {
        margin: 0 0 0 .5em;
    }

    .hero.hero-version-4 .hero--cta--video-link:before {
        font-size: .8em;
        top: 50%
    }
}

.hero-layer.hero-layer-version-a {
    height: 18em;
    width: 100%;
    position: relative;
}

.hero-layer.hero-layer-version-a .text-shadow {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5)
}

.hero-layer.hero-layer-version-a .hero-layer__clickable--layer {
    width: 100%;
    bottom: 0;
    height: 18em;
    position: absolute
}

.hero-layer.hero-layer-version-a .hero-layer__color-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.hero-layer.hero-layer-version-a .hero-layer__img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 18em;
    width: 100%;
}

.hero-layer.hero-layer-version-a .hero-layer__img.applyGradient:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), color-stop(50%, rgba(0,0,0,0.6)), to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%);
    bottom: 0;
    content: "";
    height: 6.25em;
    position: absolute;
    width: 100%
}

.hero-layer.hero-layer-version-a .hero-layer__container {
    bottom: 0;
    height: 18em;
    left: 0;
    margin: 0 auto;
    max-width: 75em;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.hero-layer.hero-layer-version-a .hero-layer__container.flexible-ad {
    max-width: none;
    margin: 0
}

.hero-layer.hero-layer-version-a .hero-layer__container--foreground--image img {
    text-align: center;
    margin-right: 16px;
    width: 115px;
    height: 115px
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--wrap {
    margin-bottom: 8px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 70px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 8px 0 8px
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--content {
    width: 157px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--category {
    font-size: 12px;
    font-weight: 600;
    line-height: 1em;
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--category p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h4 {
    font-size: 12px;
    font-weight: 600;
    line-height: 1em
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.15em;
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.15em
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25em;
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h4 {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25em
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link {
    margin-bottom: 0;
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 600;
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text h4 {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 600
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link.hide {
    display: none
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--button.hide {
    display: none
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--button--text {
    font-size: 16px;
    line-height: 1em;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    padding: .75em 0;
    border: none;
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--button--text p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--button--text h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--button--text h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--button--text h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--button--text h4 {
    font-size: 16px;
    font-weight: 400
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--button a,.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link a {
    text-decoration: none;
}

.hero-layer.hero-layer-version-a .hero-layer__container--inner--button a.cta--btn-white,.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link a.cta--btn-white {
    color: #414042
}

@media only screen and (min-width: 30em) {
    .hero-layer.hero-layer-version-a .hero-layer__container--inner--category {
        font-size:14px;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--category p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h4 {
        font-size: 14px
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--heading {
        font-size: 22px;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--heading p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h4 {
        font-size: 22px
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--desc {
        font-size: 14px;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--desc p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h4 {
        font-size: 14px
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--wrap {
        top: 89px
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--content {
        width: 285px
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text {
        font-size: 18px;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link--text h4 {
        font-size: 18px
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--foreground--image img {
        height: 160px;
        width: 160px
    }
}

@media only screen and (min-width: 48em) {
    .hero-layer.hero-layer-version-a {
        height:24em;
    }

    .hero-layer.hero-layer-version-a .hero-layer__img {
        height: 24em
    }

    .hero-layer.hero-layer-version-a .hero-layer__container {
        height: 24em;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container.flexible-ad .hero-layer--link {
        height: 9em
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--foreground--image img {
        margin-right: 24px;
        height: 230px;
        width: 230px
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--content {
        width: 350px
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--wrap {
        margin-bottom: 8px;
        padding: 0 16px 0 16px
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--category {
        font-size: 18px;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--category p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--category h4 {
        font-size: 18px
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--heading {
        font-size: 32px;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--heading p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h4 {
        font-size: 32px
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--desc {
        font-size: 18px;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--desc p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--desc h4 {
        font-size: 18px
    }

    .hero-layer.hero-layer-version-a .hero-layer__clickable--layer {
        height: 5em
    }
}

@media only screen and (min-width: 62em) {
    .hero-layer.hero-layer-version-a {
        height:25em;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container {
        height: 25em;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner {
        padding-right: 300px;
        bottom: 0;
        width: 100%;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--cta--link,.hero-layer.hero-layer-version-a .hero-layer__container--inner--button,.hero-layer.hero-layer-version-a .hero-layer__container--inner width: 200px,.hero-layer.hero-layer-version-a .hero-layer__container--inner--wrap {
        margin-bottom: 15px;
        padding: 0 8px 0 8px;
        left: 0
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--heading {
        font-size: 36px;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--heading p,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h1,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h2,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h3,.hero-layer.hero-layer-version-a .hero-layer__container--inner--heading h4 {
        font-size: 36px
    }

    .hero-layer.hero-layer-version-a .hero-layer__clickable--layer {
        margin-bottom: 0
    }

    .hero-layer.hero-layer-version-a .hero-layer__img {
        height: 25em
    }
}

@media only screen and (min-width: 75em) {
    .hero-layer.hero-layer-version-a .hero-layer__clickable--layer {
        height:9em
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner {
        bottom: 0;
        top: 0;
        position: absolute;
        left: 1em;
        right: 0;
        width: 100%;
        padding: 0;
    }

    .hero-layer.hero-layer-version-a .hero-layer__container--inner--wrap {
        padding: 0;
        margin: 0;
        width: 65%;
        margin-bottom: 15px
    }
}

.hyatt-calculator {
    margin-bottom: 24px;
    padding-left: 8px;
    padding-right: 8px;
}

.hyatt-calculator__text {
    text-align: center;
    margin-bottom: 24px;
}

.hyatt-calculator__text--title h2,.hyatt-calculator__text--title h3,.hyatt-calculator__text--title h4,.hyatt-calculator__text--title h5,.hyatt-calculator__text--title p {
    font-size: 32px;
    line-height: 40px;
    margin: 0;
    text-align: center;
    font-weight: 300
}

.hyatt-calculator__text--desc h2,.hyatt-calculator__text--desc h3,.hyatt-calculator__text--desc h4,.hyatt-calculator__text--desc h5,.hyatt-calculator__text--desc p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 16px
}

.hyatt-calculator__wrapper--static-category {
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
}

.hyatt-calculator__wrapper--static-category .col-heading-amount {
    text-transform: uppercase;
    text-align: center
}

.hyatt-calculator__wrapper--static-category .col-heading-points {
    display: none
}

.hyatt-calculator__wrapper--static-category .col-heading-amount,.hyatt-calculator__wrapper--static-category .col-heading-points {
    font-size: 16px;
    line-height: 24px
}

.hyatt-calculator__wrapper--multiplier-category {
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
}

.hyatt-calculator__wrapper--multiplier-category .category-heading {
    padding-left: 0;
    padding-right: 0;
}

.hyatt-calculator__wrapper--multiplier-category .category-heading h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 8px
}

.hyatt-calculator__wrapper--multiplier-category .category-data {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
}

.hyatt-calculator__wrapper--multiplier-category .category-data-label {
    padding-left: 0;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px
}

.hyatt-calculator__wrapper--multiplier-category .category-data-amount {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
}

.hyatt-calculator__wrapper--multiplier-category .category-data-amount .dollar-placeholder {
    position: absolute;
    top: 9px;
    left: 5px;
    padding: 0
}

.hyatt-calculator__wrapper--multiplier-category .category-data-amount input {
    width: 100%;
    padding: 9px 8px 9px 12px
}

.hyatt-calculator__wrapper--multiplier-category .category-data-points {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
}

.hyatt-calculator__wrapper--multiplier-category .category-data-points input {
    width: 100%;
    padding: 9px 8px 9px 12px
}

.hyatt-calculator__wrapper--multiplier-category .category-data-points.mobile-points {
    display: block;
    text-align: right;
}

.hyatt-calculator__wrapper--multiplier-category .category-data-points.mobile-points .mobile-points-label:focus {
    outline: 1px dotted #000;
    display: inline-block
}

.hyatt-calculator__wrapper--multiplier-category .category-data-points.desktop-points {
    display: none
}

.hyatt-calculator__wrapper--multiplier-category .category-data.sub-category .category-data-label {
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
    text-align: right;
    padding-right: 0;
    margin-bottom: 0
}

.hyatt-calculator__wrapper--multiplier-category .category-data.sub-category .category-data-amount {
    margin-bottom: 0
}

.hyatt-calculator__wrapper--multiplier-category .category-data.sub-category .category-data-amount .dollar-placeholder,.hyatt-calculator__wrapper--multiplier-category .category-data.sub-category .category-data-amount input {
    display: none
}

.hyatt-calculator__cta {
    display: inline-block;
    width: 100%;
    margin-bottom: 24px;
}

.hyatt-calculator__cta button {
    text-decoration: none;
    width: 100%;
    border: none
}

.hyatt-calculator__total--points {
    margin-bottom: 24px;
}

.hyatt-calculator__total--points-label h3 {
    font-size: 16px;
    line-height: 44px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
}

.hyatt-calculator__total--points-amount input {
    width: 100%;
    padding: 9px 8px 9px 12px
}

.hyatt-calculator__message--text h2,.hyatt-calculator__message--text h3,.hyatt-calculator__message--text h4,.hyatt-calculator__message--text h5,.hyatt-calculator__message--text p {
    font-size: 24px;
    line-height: 30px;
    margin: 0
}

@media only screen and (min-width: 48em) {
    .hyatt-calculator {
        margin-bottom:40px;
    }

    .hyatt-calculator__text {
        margin-bottom: 40px;
    }

    .hyatt-calculator__text--title h2,.hyatt-calculator__text--title h3,.hyatt-calculator__text--title h4,.hyatt-calculator__text--title h5,.hyatt-calculator__text--title p {
        font-size: 42px;
        line-height: 48px
    }

    .hyatt-calculator__text--desc h2,.hyatt-calculator__text--desc h3,.hyatt-calculator__text--desc h4,.hyatt-calculator__text--desc h5,.hyatt-calculator__text--desc p {
        margin-botton: 24px
    }

    .hyatt-calculator__wrapper--static-category .col-heading-amount,.hyatt-calculator__wrapper--static-category .col-heading-points {
        text-transform: uppercase;
        text-align: center
    }

    .hyatt-calculator__wrapper--static-category .col-heading-points {
        display: block
    }

    .hyatt-calculator__wrapper--multiplier-category {
        margin-bottom: 16px;
    }

    .hyatt-calculator__wrapper--multiplier-category .category-data-label {
        line-height: 44px;
        margin-bottom: 0
    }

    .hyatt-calculator__wrapper--multiplier-category .category-data-amount {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 0;
    }

    .hyatt-calculator__wrapper--multiplier-category .category-data-amount .dollar-placeholder {
        left: 12px
    }

    .hyatt-calculator__wrapper--multiplier-category .category-data-points {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 0;
    }

    .hyatt-calculator__wrapper--multiplier-category .category-data-points.mobile-points {
        display: none
    }

    .hyatt-calculator__wrapper--multiplier-category .category-data-points.desktop-points {
        display: block
    }

    .hyatt-calculator__wrapper--multiplier-category .category-data.sub-category .category-data-label {
        text-align: left;
        padding-right: 8px;
        font-size: 12px;
        line-height: 24px
    }

    .hyatt-calculator__cta {
        padding-left: 36px;
        padding-right: 8px;
    }

    .hyatt-calculator__cta button {
        float: right;
        width: 33.33%
    }

    .hyatt-calculator__total--points-label {
        display: inline-block
    }

    .hyatt-calculator__total--points-amount {
        display: inline-block;
        float: right;
        width: 33.33%;
        padding-left: 8px;
        padding-right: 8px
    }
}

.info-table__wrapper {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0 8px
}

.info-table thead th {
    background-color: #f7f7f7;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    padding: 10px 16px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ede9e3;
}

.info-table thead th.aligncenter {
    text-align: center;
    vertical-align: middle
}

.info-table tbody th {
    background-color: #f7f7f7;
    border: 1px solid #ede9e3;
    text-align: left;
    vertical-align: top;
}

.info-table tbody th.aligncenter {
    text-align: center;
    vertical-align: middle
}

.info-table tbody td {
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #ede9e3;
    text-align: left;
    vertical-align: top;
}

.info-table tbody td.aligncenter {
    text-align: center;
    vertical-align: middle
}

.info-table tbody th:first-child,.info-table tbody td:first-child {
    border-left: 0
}

.info-table tbody th:last-child,.info-table tbody td:last-child {
    border-right: 0
}

.info-table p {
    margin: 0
}

.info-table ul {
    list-style-position: outside;
    list-style-type: disc;
    margin: .625em 0 .625em 0;
    padding-right: 2em;
    padding-left: 8.33%;
}

.info-table ul li {
    margin: 0 0 1.125em 0
}

.info-table ol {
    list-style-position: outside;
    margin: .625em 0 .625em 0;
    padding-right: 2em;
    padding-left: 8.33%;
}

.info-table ol li {
    margin: 0 0 1.125em 0
}

.info-table__row-heading {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #666
}

.info-table__col-heading {
    font-size: 10px;
    line-height: 16px
}

.info-table--1col tbody tr th,.info-table--2col tbody tr th,.info-table--1col tbody tr td,.info-table--2col tbody tr td {
    padding: 10px 16px
}

.info-table--2col th {
    width: 33.33%
}

.info-table--3col tbody tr th:first-child {
    width: 50%
}

.info-table--3col tbody tr td {
    width: 25%
}

.info-table--3col tbody tr th,.info-table--3col tbody tr td {
    padding: 10px 8px
}

.info-table--3col .info-table__col-heading {
    font-weight: 600
}

.info-table--3col .info-table__row-heading {
    font-size: 12px;
    line-height: 18px
}

@media only screen and (min-width: 48em) {
    .info-table__wrapper {
        margin-bottom:40px
    }

    .info-table__row-heading {
        font-size: 16px;
        line-height: 22px
    }

    .info-table__col-heading {
        font-size: 14px;
        line-height: 20px
    }

    .info-table--2col th {
        width: 25%
    }

    .info-table--2col tbody tr th,.info-table--2col tbody tr td {
        padding: 20px 16px
    }

    .info-table--3col tbody tr th:first-child {
        width: 25%
    }

    .info-table--3col tbody tr td {
        width: 25%
    }

    .info-table--3col tbody tr th,.info-table--3col tbody tr td {
        padding: 20px 16px
    }

    .info-table--3col .info-table__row-heading {
        font-size: 16px;
        line-height: 22px
    }

    .info-table--3col .info-table__col-heading {
        padding: 10px 16px
    }
}

@media only screen and (min-width: 62em) {
    .info-table tbody td {
        font-size:16px;
        line-height: 22px
    }

    .info-table__col-heading {
        font-size: 16px;
        line-height: 22px
    }

    .info-table--1col tbody tr td {
        padding: 20px
    }
}

@media only screen and (min-width: 75em) {
    .info-table thead th {
        font-size:24px;
        line-height: 30px
    }

    .info-table tbody td {
        font-size: 16px;
        line-height: 22px
    }

    .info-table--2col th {
        width: 16.67%
    }
}

.autorate .container-divider {
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 0
}

.autorate.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    margin-bottom: 2em
}

.autorate.top-padding {
    padding-top: 2em
}

.autorate__update--inner,.autorate__nocookie--inner {
    padding: 0 8px
}

.autorate__update--header.center,.autorate__nocookie--header.center {
    text-align: center
}

.autorate__update--header p,.autorate__nocookie--header p {
    font-size: 1.625em;
    line-height: 1.308em;
    margin-bottom: .667em;
    font-weight: 300;
}

.autorate__update--header p span,.autorate__nocookie--header p span {
    font-weight: 400
}

.autorate__update--header.noRatesMessage,.autorate__nocookie--header.noRatesMessage {
    position: relative;
    padding-left: 1.25em;
}

.autorate__update--header.noRatesMessage p,.autorate__nocookie--header.noRatesMessage p {
    display: inline-block;
    font-size: 1.6em;
    color: #bf2155;
    font-weight: 300;
}

.autorate__update--header.noRatesMessage p img,.autorate__nocookie--header.noRatesMessage p img {
    height: 20px;
    margin-right: 12px;
    width: 20px
}

.autorate__update--header.nocookiemessage,.autorate__nocookie--header.nocookiemessage {
    position: relative;
    padding-left: 1.25em;
}

.autorate__update--header.nocookiemessage p,.autorate__nocookie--header.nocookiemessage p {
    display: inline-block;
    font-size: 1.6em;
    color: #bf2155;
    font-weight: 300;
}

.autorate__update--header.nocookiemessage p img,.autorate__nocookie--header.nocookiemessage p img {
    height: 20px;
    margin-right: 12px;
    width: 20px
}

.autorate__update--desc.center,.autorate__nocookie--desc.center {
    text-align: center
}

.autorate__update--desc p,.autorate__nocookie--desc p {
    font-size: .875em;
    line-height: 1.571em;
    font-weight: 400;
    margin-bottom: 1.333em
}

.autorate__update--desc.nocookie p,.autorate__nocookie--desc.nocookie p {
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.571em;
    font-weight: 400
}

.autorate__update--validation,.autorate__nocookie--validation {
    margin-bottom: 1.75em;
    max-width: 26em;
    margin-left: auto;
    margin-right: auto
}

.autorate__update--error-message,.autorate__nocookie--error-message {
    display: none;
    margin-bottom: .25em;
    position: relative;
}

.autorate__update--error-message img,.autorate__nocookie--error-message img {
    position: absolute;
    left: 0;
    top: 2px;
    margin-right: .25em;
    height: 1em
}

.autorate__update--error-message p,.autorate__nocookie--error-message p {
    display: inline-block;
    font-size: .875;
    line-height: 1.429;
    margin: 0;
    color: #bf2155
}

.autorate__update--serviceErrorMessage,.autorate__nocookie--serviceErrorMessage {
    display: none;
    margim-bottom: .25em;
    position: relative;
    padding-left: 1.25em;
}

.autorate__update--serviceErrorMessage img,.autorate__nocookie--serviceErrorMessage img {
    position: absolute;
    left: 0;
    top: 2px;
    margin-right: .25em;
    height: 1em
}

.autorate__update--serviceErrorMessage p,.autorate__nocookie--serviceErrorMessage p {
    display: inline-block;
    font-size: .875;
    line-height: 1.429;
    margin: 0;
    color: #bf2155
}

.autorate__update:focus,.autorate__nocookie:focus {
    outline: 1px dotted #000
}

.autorate__update--input,.autorate__nocookie--input {
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
}

.autorate__update--input.errorBorder,.autorate__nocookie--input.errorBorder {
    border: 2px solid #bf2155
}

.autorate__update--input input,.autorate__nocookie--input input {
    border: none;
    font-size: 1.125em;
    color: #717171;
    width: 43%;
    height: 2.12em;
    padding: .313em 0 .313em 1em;
    border-radius: 5px
}

.autorate__update--input__cta-container,.autorate__nocookie--input__cta-container {
    display: inline-block;
    float: right
}

.autorate__update--input--cta,.autorate__nocookie--input--cta {
    min-width: 0;
    width: 6.875em;
    margin: .214em .214em .214em 0;
    font-size: 1em;
    line-height: 1;
    padding: 0 2em 0 0;
    text-decoration: none;
    -webkit-transition: all .4 ease;
    transition: all .4 ease;
}

.autorate__update--input--cta:not(.cta),.autorate__nocookie--input--cta:not(.cta) {
    font-weight: 600
}

.autorate__update--input--cta.cta,.autorate__nocookie--input--cta.cta {
    font-size: .875em;
    line-height: 1;
    padding: .63em 0
}

.autorate__update--input--cta.regular-link,.autorate__nocookie--input--cta.regular-link {
    text-decoration: underline
}

.autorate__update--link,.autorate__nocookie--link {
    text-align: center;
}

.autorate__update--link a,.autorate__nocookie--link a {
    text-decoration: none;
}

.autorate__update--link a.regular-link,.autorate__nocookie--link a.regular-link {
    text-decoration: underline
}

.autorate__update--link p,.autorate__nocookie--link p {
    font-size: .875em;
    line-height: 1.333;
    font-weight: 400;
    margin: 0;
    display: inline
}

.autorate__update--link span,.autorate__nocookie--link span {
    font-size: .688em;
    margin-left: .6em;
    position: relative;
    bottom: 1px
}

.autorate__nocookie--input-field {
    color: #fff
}

.autorate__nocookie--input a {
    color: rgba(255,255,255,0.5)
}

.autorate__nocookie--input [type="text"][disabled] {
    color: #fff
}

.autorate__inner--link-container {
    padding-left: 16px;
}

.autorate__inner--link-container a {
    text-decoration: none;
    color: #126bc5;
}

.autorate__inner--link-container a.regular-link {
    text-decoration: underline
}

.autorate__inner--link {
    display: inline-block;
}

.autorate__inner--link p {
    font-size: 1em;
    font-style: normal;
    padding-left: 6px;
    margin-bottom: 0 !important;
}

.autorate__inner--link p span {
    font-size: .625em;
    margin-left: .125em;
    position: relative;
    bottom: 1px
}

.autorate__text2 a {
    color: #fff
}

.autorate__text2 h2,.autorate__text2 h3,.autorate__text2 h4,.autorate__text2 p {
    font-size: 14px !important;
    line-height: 1.375em;
    font-weight: 300;
    margin-bottom: 20px
}

.autorate__text3 h2,.autorate__text3 h3,.autorate__text3 h4,.autorate__text3 p {
    color: #414042;
    font-size: 14px !important;
    line-height: 1.375em;
    font-weight: 400 !important;
    margin-bottom: 20px
}

.autorate__text1 {
    background-color: #fbfbfb;
    line-height: 1.444em;
    color: #414042;
    border: 1px solid #ede9e3;
    padding-bottom: 20px;
}

.autorate__text1 h2,.autorate__text1 h3,.autorate__text1 h4,.autorate__text1 p {
    font-weight: 300;
    font-size: 1.5em;
    margin-bottom: 0
}

.autorate__text {
    background-color: #0a3d70;
    line-height: 1.444em;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
    border: 1px solid #ede9e3;
    padding-bottom: 20px;
}

.autorate__text h2,.autorate__text h3,.autorate__text h4,.autorate__text p {
    color: #fff;
    font-size: 1.375em;
    font-weight: 400;
    margin-bottom: 0
}

.autorate__table {
    width: 100%;
    margin-bottom: 32px;
}

.autorate__table th {
    background-color: #fbfbfb;
    text-align: left;
    vertical-align: top;
    font-family: open Sans;
}

.autorate__table th.aligncenter {
    text-align: center;
    vertical-align: middle
}

.autorate__table th.alignleft {
    text-align: left;
    vertical-align: middle
}

.autorate__table td {
    line-height: 20px;
    text-align: left;
    vertical-align: top;
}

.autorate__table td.aligncenter {
    text-align: center;
    vertical-align: middle
}

.autorate__table td.alignleft {
    text-align: left;
    vertical-align: middle
}

.autorate__table tr {
    border-top: 1px solid #ede9e3;
    border-bottom: 1px solid #ede9e3
}

.autorate__table--4col tr th {
    color: #666;
    font-size: 10px
}

.autorate__table--4col tr th:first-child {
    width: 25%
}

.autorate__table--4col tr td {
    width: 25%;
    color: #414042;
    font-size: 11px
}

.autorate__table--4col tr th,.autorate__table--4col tr td {
    padding: 8px
}

.autorate__table--4col .autorate__table__col-heading {
    font-family: open Sans;
    font-weight: 700;
    letter-spacing: .374px;
    border: 1px solid #ccc
}

.autorate__table--4col .autorate__table__row-heading {
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    border: 1px solid #ccc
}

@media only screen and (min-width: 30em) {
    .autorate__text h2 {
        font-size:1.375em
    }

    .autorate__text1 h2 {
        font-size: 1.375em
    }

    .autorate__table--4col tr th {
        padding: 20px 16px;
        font-size: 12px
    }

    .autorate__table--4col tr td {
        padding: 20px 16px;
        font-size: 14px
    }

    .autorate__table--4col .autorate__table__col-heading {
        letter-spacing: 2px
    }

    .autorate__inner--link p {
        font-size: 1.125em;
        padding-left: 16px;
    }

    .autorate__inner--link p span {
        font-size: .6em;
        bottom: 1px
    }
}

@media only screen and (min-width: 48em) {
    .autorate.divider:before {
        margin-bottom:2.5em
    }

    .autorate__update,.autorate__nocookie {
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .autorate__update--inner,.autorate__nocookie--inner {
        width: 83.33%;
        margin-left: auto;
        margin-right: auto
    }

    .autorate__update--header p,.autorate__nocookie--header p {
        font-size: 2.25em;
        line-height: 1.222em
    }

    .autorate__update--header.noRatesMessage p,.autorate__nocookie--header.noRatesMessage p {
        font-size: 2.25em;
        color: #bf2155;
        font-weight: 300;
    }

    .autorate__update--header.noRatesMessage p img,.autorate__nocookie--header.noRatesMessage p img {
        height: 26px;
        margin-right: 12px;
        width: 26px
    }

    .autorate__update--header.nocookiemessage p,.autorate__nocookie--header.nocookiemessage p {
        font-size: 2.25em;
        color: #bf2155;
        font-weight: 300;
    }

    .autorate__update--header.nocookiemessage p img,.autorate__nocookie--header.nocookiemessage p img {
        height: 26px;
        margin-right: 12px;
        width: 26px
    }

    .autorate__update--desc p,.autorate__nocookie--desc p {
        font-size: 1.125em;
        line-height: 1.444em;
        font-weight: 300
    }

    .autorate__update--desc.nocookie p,.autorate__nocookie--desc.nocookie p {
        font-size: 1.125em;
        line-height: 1.444em;
        font-weight: 300;
        margin-bottom: 2.5em
    }

    .autorate__update--link p,.autorate__nocookie--link p {
        font-size: 1em;
        line-height: 1.3em
    }

    .autorate__update--link span,.autorate__nocookie--link span {
        font-size: .6em
    }

    .autorate__update--input input,.autorate__nocookie--input input {
        height: 2.34em
    }

    .autorate__update--input--cta,.autorate__nocookie--input--cta {
        margin: .188em .188em .188em 0;
    }

    .autorate__update--input--cta.cta,.autorate__nocookie--input--cta.cta {
        font-size: 1em;
        padding: .62em 0
    }

    .autorate__table {
        margin-bottom: 0;
    }

    .autorate__table--4col tr th,.autorate__table--4col tr td {
        padding: 20px 20px
    }

    .autorate__text h2 {
        margin-bottom: 0
    }

    .autorate__text__wrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .autorate__text1 h2 {
        margin-bottom: 0
    }

    .autorate__standard-table,.autorate__chasecustomer-table {
        margin-bottom: 32px
    }
}

@media only screen and (min-width: 62em) {
    .autorate__table {
        margin-bottom:0
    }

    .autorate__chasecustomer-table,.autorate__standard-table {
        margin-bottom: 40px
    }

    .autorate__table--4col tr th,.autorate__table--4col tr td {
        padding: 18px 16px
    }
}

@media only screen and (min-width: 75em) {
    .autorate__update,.autorate__nocookie {
        padding-top:2.5em;
        padding-bottom: 2.5em;
    }

    .autorate__update--inner,.autorate__nocookie--inner {
        width: 83.33%;
        margin-left: auto;
        margin-right: auto
    }

    .autorate__update--header p,.autorate__nocookie--header p {
        font-size: 2.5em;
        line-height: 1.2em;
        margin-bottom: .6em
    }

    .autorate__update--header.noRatesMessage p,.autorate__nocookie--header.noRatesMessage p {
        font-size: 2.5em;
        color: #bf2155;
        font-weight: 300
    }

    .autorate__update--header.nocookiemessage p,.autorate__nocookie--header.nocookiemessage p {
        font-size: 2.5em;
        color: #bf2155;
        font-weight: 300
    }

    .autorate__update--desc p,.autorate__nocookie--desc p {
        font-size: 1.25em;
        line-height: 1.4em;
        margin-bottom: 1.2em
    }

    .autorate__update--desc.nocookie p,.autorate__nocookie--desc.nocookie p {
        font-size: 1.25em;
        line-height: 1.4em
    }

    .autorate__update--link p,.autorate__nocookie--link p {
        font-size: 1.125em
    }

    .autorate__update--link span,.autorate__nocookie--link span {
        font-size: .6em
    }
}

.gil-savings {
    padding-left: 16px;
    padding-right: 16px;
}

.gil-savings.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    margin-bottom: 2em
}

.gil-savings.top-padding {
    padding-top: 3em;
    padding-bottom: 2em
}

.gil-savings__update--inner {
    padding: 0 8px
}

.gil-savings__update--header.center {
    text-align: center
}

.gil-savings__update--header p {
    font-size: 1.625em;
    line-height: 1.308em;
    margin-bottom: .667em;
    font-weight: 300;
}

.gil-savings__update--header p span {
    font-weight: 400
}

.gil-savings__update--header.noRatesMessage {
    position: relative;
    padding-left: 1.25em;
}

.gil-savings__update--header.noRatesMessage p {
    display: inline-block;
    margin-top: 20px;
    font-size: 1.6em;
    color: #bf2155;
    font-weight: 300;
}

.gil-savings__update--header.noRatesMessage p img {
    height: 20px;
    margin-right: 12px;
    width: 20px
}

.gil-savings__update--desc.center {
    text-align: center
}

.gil-savings__update--desc p {
    font-size: .875em;
    line-height: 1.571em;
    font-weight: 400;
    margin-bottom: 1.333em
}

.gil-savings__table {
    width: 100%;
    margin-bottom: 32px;
}

.gil-savings__table th {
    background-color: #fbfbfb;
    text-align: left;
    vertical-align: top;
    font-family: open Sans;
    text-transform: uppercase
}

.gil-savings__table th.aligncenter {
    text-align: center;
    vertical-align: middle
}

.gil-savings__table th.alignleft {
    text-align: left;
    vertical-align: middle
}

.gil-savings__table td {
    line-height: 20px;
    text-align: left;
    vertical-align: top;
}

.gil-savings__table td.aligncenter {
    text-align: center;
    vertical-align: middle
}

.gil-savings__table td.alignleft {
    text-align: left;
    vertical-align: middle
}

.gil-savings__table tr {
    border-top: 1px solid #ede9e3;
    border-bottom: 1px solid #ede9e3
}

.gil-savings__table--4col tr th {
    color: #666;
    font-size: 10px
}

.gil-savings__table--4col tr th:first-child {
    width: 25%
}

.gil-savings__table--4col tr td {
    width: 25%;
    color: #414042;
    font-size: 11px
}

.gil-savings__table--4col tr th,.gil-savings__table--4col tr td {
    padding: 8px
}

.gil-savings__table--4col .gil-savings__table__col-heading {
    font-family: open Sans;
    font-weight: 600;
    letter-spacing: .374px
}

.gil-savings__table--4col .gil-savings__table__row-heading {
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

.gil-savings__mobiletable {
    border-top: 1px solid #ede9e3;
    border-bottom: 1px solid #ede9e3;
    width: 100%;
}

.gil-savings__mobiletable.padding {
    margin-top: 32px;
    margin-bottom: 32px
}

.gil-savings__mobiletable tr.ratestile {
    border-top: 2px solid #ede9e3
}

.gil-savings__mobiletable th {
    display: inline-block;
    font-weight: 600;
    font-family: open Sans;
    letter-spacing: .143em;
    font-size: .875em;
    line-height: 1.571em;
    text-align: left;
    color: #717171;
    width: 75%;
    margin-bottom: 0;
    padding: 16px;
    text-transform: uppercase
}

.gil-savings__mobiletable td {
    font-weight: 400;
    font-size: .875em;
    line-height: 1.571em;
    text-align: right;
    margin-bottom: 0;
    color: #414042;
    padding: 16px
}

@media only screen and (min-width: 30em) {
    .gil-savings__table--4col tr th {
        padding:20px 20px;
        font-size: 12px;
        line-height: 1.667em
    }

    .gil-savings__table--4col tr td {
        padding: 20px 20px;
        font-size: 14px;
        line-height: 1.571em
    }

    .gil-savings__table--4col .gil-savings__table__col-heading {
        letter-spacing: 2px
    }
}

@media only screen and (min-width: 48em) {
    .gil-savings.divider:before {
        margin-bottom:2.5em
    }

    .gil-savings__update--desc p {
        font-size: 1.125em;
        line-height: 1.444em;
        font-weight: 300
    }

    .gil-savings__standard-table {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .gil-savings__table {
        position: relative;
        top: 0;
        left: 0;
        display: table;
        margin-bottom: 0;
    }

    .gil-savings__table--4col tr th,.gil-savings__table--4col tr td {
        padding: 20px 20px
    }
}

@media only screen and (min-width: 62em) {
    .gil-savings__table {
        margin-bottom:0
    }

    .gil-savings__standard-table {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .gil-savings__table--4col tr th,.gil-savings__table--4col tr td {
        padding: 20px 20px
    }
}

@media only screen and (min-width: 75em) {
    .gil-savings__update {
        padding-top:2.5em;
        padding-bottom: 2.5em;
    }

    .gil-savings__update--inner {
        width: 83.33%;
        margin-left: auto;
        margin-right: auto
    }

    .gil-savings__update--header p {
        font-size: 2.5em;
        line-height: 1.2em;
        margin-bottom: .6em
    }

    .gil-savings__update--header.noRatesMessage p {
        font-size: 2.5em;
        margin-top: 25px;
        color: #bf2155;
        font-weight: 300
    }

    .gil-savings__update--desc p {
        font-size: 1.25em;
        line-height: 1.4em;
        margin-bottom: 1.2em
    }

    .gil-savings__standard-table {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.heloc {
    position: relative;
}

.heloc.feature-container {
    padding: 0 .5em
}

.heloc.left .heloc__content {
    float: left
}

.heloc.left .heloc__img {
    float: left
}

.heloc.left .tile-container {
    float: left
}

.heloc.right .tile-container {
    float: right
}

.heloc.divider:before {
    border-top: 1px solid #ccc;
    content: '';
    left: 1em;
    padding: 0 0 2em 0;
    position: relative;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em)
}

.heloc .tile-container {
    float: right;
}

.heloc .tile-container .heloc__content--title {
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1.167em;
    margin: 0 0 .444em 0;
    color: #414042;
}

.heloc .tile-container .heloc__content--title p {
    margin: 0
}

.heloc .tile-container .heloc__content--quote {
    color: #af4317;
    font-style: italic;
    line-height: 1.375;
    margin: 0 0 .25em 0;
}

.heloc .tile-container .heloc__content--quote-author {
    color: #717171;
    font-size: .875em;
    margin: 0 0 .714em 0
}

.heloc .tile-container .heloc__content--area p {
    font-size: 1em;
    line-height: 1.375em;
    margin: 0 0 .625em 0;
    font-weight: 400;
}

.heloc .tile-container .heloc__content--area p a:not(.scroll-top) {
    text-decoration: none
}

.heloc .tile-container .heloc__content--area p a.regular-link {
    text-decoration: underline
}

.heloc .tile-container .heloc__content--area ul {
    font-size: 1em;
    line-height: 1.375em;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.heloc .tile-container .heloc__content--area ul li {
    margin: 0 0 1.125em 0;
}

.heloc .tile-container .heloc__content--area ul li a:not(.scroll-top) {
    text-decoration: none
}

.heloc .tile-container .heloc__content--area ul li a.regular-link {
    text-decoration: underline
}

.heloc .tile-container .heloc__content--area ol {
    font-size: 1em;
    line-height: 1.375em;
    list-style-position: outside;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.heloc .tile-container .heloc__content--area ol li {
    margin: 0 0 1.125em 0;
}

.heloc .tile-container .heloc__content--area ol li a:not(.scroll-top) {
    text-decoration: none
}

.heloc .tile-container .heloc__content--area ol li a.regular-link {
    text-decoration: underline
}

.heloc .tile-container .heloc__content--disclaimer {
    color: #717171;
    font-size: .875em;
}

.heloc .tile-container .heloc__content--disclaimer p:last-child {
    margin: 0 0 .714em 0
}

.heloc .tile-container .heloc__content--cta {
    display: inline-block;
    font-size: 1em;
    line-height: 1;
    padding: 0 2em 0 0;
    text-decoration: none;
}

.heloc .tile-container .heloc__content--cta:not(.cta) {
    font-weight: 600
}

.heloc .tile-container .heloc__content--cta.cta {
    display: block;
    font-size: 1em;
    line-height: 1;
    padding: .75em 0;
}

.heloc .tile-container .heloc__content--cta.cta:first-child {
    display: inline-block;
    margin-right: 30px
}

.heloc .tile-container .heloc__content--cta.cta:last-child {
    display: inline-block
}

.heloc .tile-container .heloc__content--cta-container a + a {
    margin-top: .5em
}

.heloc .tile-container .heloc__content--cta.regular-link {
    text-decoration: underline
}

.heloc .tile-container .heloc__img {
    display: none;
    text-align: center
}

.heloc .heloc-table-container {
    padding: 32px 0;
    float: left;
}

.heloc .heloc-table-container .headline-container {
    padding: 16px 16px;
    background-color: #fbfbfb;
    border-top: solid 1px #ede9e3;
}

.heloc .heloc-table-container .headline-container .headline-text {
    font-family: Open Sans;
    font-weight: 300;
    font-size: 18px;
    color: #414042;
    line-height: 26px;
    margin: 0
}

.heloc .heloc-table-container .rate-info-container {
    padding: 14px 16px;
    border-top: solid 1px #ede9e3;
    border-bottom: solid 1px #ede9e3;
}

.heloc .heloc-table-container .rate-info-container .rate-info-text {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    color: #414042;
    line-height: 22px;
    margin: 0
}

.heloc .heloc-table-container .small-breakpoint-wrapper table {
    width: 100%;
}

.heloc .heloc-table-container .small-breakpoint-wrapper table p {
    margin: 0
}

.heloc .heloc-table-container .small-breakpoint-wrapper table tbody tr th,.heloc .heloc-table-container .small-breakpoint-wrapper table tbody tr td {
    padding-top: 16px
}

.heloc .heloc-table-container .small-breakpoint-wrapper table tbody tr th {
    text-align: left;
    font-family: Open Sans;
    font-weight: 600;
    color: #717171;
    line-height: 22px;
    letter-spacing: 2px;
    font-size: 14px;
    padding-left: 16px;
    text-transform: uppercase
}

.heloc .heloc-table-container .small-breakpoint-wrapper table tbody tr td {
    text-align: right;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    color: #414042;
    line-height: 22px;
    padding-right: 16px
}

.heloc .heloc-table-container .small-breakpoint-wrapper table tbody tr.loan-separation th,.heloc .heloc-table-container .small-breakpoint-wrapper table tbody tr.loan-separation td {
    border-bottom: solid 1px #ede9e3;
    padding-bottom: 16px
}

.heloc .heloc-table-container .disclaimer {
    padding: 20px 16px;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    color: #414042;
    line-height: 18px
}

@media only screen and (min-width: 30em) {
    .heloc .tile-container .heloc__content--title {
        font-size:2.5em;
        line-height: 1.15;
        margin: 0 0 .4em 0;
    }

    .heloc .tile-container .heloc__content--title p {
        margin: 0
    }

    .heloc .tile-container .heloc__content--area p {
        font-size: 1.125em;
        line-height: 1.333;
        margin: 0 0 .56em 0
    }

    .heloc .tile-container .heloc__content--area ul,.heloc .tile-container .heloc__content--area ol {
        font-size: 1.125em;
        line-height: 1.333;
        margin: 0 0 1.111em 0;
        margin: 0 .5em 1.2222em .5em;
        padding: 0 1em;
    }

    .heloc .tile-container .heloc__content--area ul li,.heloc .tile-container .heloc__content--area ol li {
        margin: 0 0 1em 0
    }

    .heloc .tile-container .heloc__content--cta {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .heloc .heloc-table-container {
        padding: 32px 0;
    }

    .heloc .heloc-table-container .headline-container {
        padding: 16px 16px
    }

    .heloc .heloc-table-container .rate-info-container {
        padding: 16px 14px
    }

    .heloc .heloc-table-container .heloc-rate-table table {
        width: 100%;
    }

    .heloc .heloc-table-container .heloc-rate-table table thead {
        background-color: #fbfbfb;
    }

    .heloc .heloc-table-container .heloc-rate-table table thead tr {
        text-align: left;
        border-bottom: solid 1px #ede9e3;
    }

    .heloc .heloc-table-container .heloc-rate-table table thead tr th {
        padding: 20px 16px;
        font-family: Open Sans;
        font-wieght: 600;
        font-size: 12px;
        color: #666;
        line-height: 18px;
        text-transform: uppercase;
    }

    .heloc .heloc-table-container .heloc-rate-table table thead tr th.aligncenter {
        text-align: center
    }

    .heloc .heloc-table-container .heloc-rate-table table thead tr th.alignleft {
        text-align: left
    }

    .heloc .heloc-table-container .heloc-rate-table table tbody tr {
        border-bottom: solid 1px #ede9e3;
    }

    .heloc .heloc-table-container .heloc-rate-table table tbody tr td {
        text-align: left;
        font-family: Open Sans;
        font-weight: 400;
        font-size: 14px;
        color: #414042;
        line-height: 22px;
        padding: 20px 16px;
    }

    .heloc .heloc-table-container .heloc-rate-table table tbody tr td.aligncenter {
        text-align: center
    }

    .heloc .heloc-table-container .heloc-rate-table table tbody tr td.alignleft {
        text-align: left
    }

    .heloc .heloc-table-container .disclaimer {
        padding: 20px 16px
    }
}

@media only screen and (min-width: 48em) {
    .heloc.divider:before {
        padding:0 0 3.75em 0
    }

    .heloc.left .heloc__content {
        float: right
    }

    .heloc .tile-container .heloc__content--quote {
        font-size: 1.125em;
        line-height: 1.333;
    }

    .heloc .tile-container .heloc__content--quote-author {
        font-size: 1em;
        line-height: 1.5;
        margin: 0 0 1.25em 0
    }

    .heloc .tile-container .heloc__content--disclaimer p:last-child {
        margin: 0 0 1.429em 0
    }

    .heloc .tile-container .heloc__content--cta.cta {
        font-size: 1.125em;
        line-height: 1;
        padding: .62em 0
    }

    .heloc .tile-container .heloc__content--cta-container a + a {
        margin-top: 1em
    }

    .heloc .tile-container .heloc__img {
        display: block
    }

    .heloc .heloc-table-container {
        padding: 32px 0 40px 0;
    }

    .heloc .heloc-table-container .headline-container {
        padding: 20px 20px;
    }

    .heloc .heloc-table-container .headline-container .headline-text {
        font-size: 22px;
        line-height: 30px
    }

    .heloc .heloc-table-container .rate-info-container {
        padding: 20px 20px
    }

    .heloc .heloc-table-container .heloc-rate-table table thead tr th {
        padding: 20px 20px
    }

    .heloc .heloc-table-container .heloc-rate-table table tbody tr td {
        padding: 20px 20px
    }

    .heloc .heloc-table-container .disclaimer {
        padding: 20px 20px
    }
}

@media only screen and (min-width: 62em) {
    .heloc .tile-container .heloc__inner {
        padding-left:.5em;
        padding-right: .5em
    }

    .heloc .tile-container .heloc__content {
        padding: 0 1.5em 0 0;
    }

    .heloc .tile-container .heloc__content--title {
        margin: 0 0 .5em 0;
    }

    .heloc .tile-container .heloc__content--title p {
        margin: 0
    }

    .heloc .tile-container .heloc__content--quote {
        font-size: 1.25em;
        line-height: 1.5;
    }

    .heloc .tile-container .heloc__content--quote-author {
        font-size: 1.125em;
        line-height: 1.5;
        margin: 0 0 1.111em 0
    }

    .heloc .tile-container .heloc__content--disclaimer {
        font-size: 1em;
        line-height: 1.5em;
    }

    .heloc .tile-container .heloc__content--disclaimer p:last-child {
        margin: 0 0 1.25em 0
    }

    .heloc .heloc-table-container {
        padding: 0 0 40px 0
    }
}

@media only screen and (min-width: 75em) {
    .heloc .tile-container .heloc__content--title {
        font-size:3.125em;
        line-height: 1.12;
        margin: 0 0 .4em 0;
    }

    .heloc .tile-container .heloc__content--title p {
        margin: 0
    }

    .heloc .tile-container .heloc__content--quote {
        font-size: 1.3em
    }

    .heloc .heloc-table-container {
        padding: 0 0 60px 0
    }
}

.hl-small {
    margin-bottom: 24px;
    padding: 0 .5em;
    position: relative;
}

.hl-small.left .tile-container {
    float: left
}

.hl-small.right .tile-container {
    float: right
}

.hl-small.divider:before {
    border-top: 1px solid #ccc;
    content: '';
    left: 1em;
    padding: 0 0 2em 0;
    position: relative;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em)
}

.hl-small .tile-container {
    float: right;
}

.hl-small .tile-container .hl-small__content--title {
    font-size: 26px;
    font-weight: 300;
    line-height: 34px;
    margin: 0 0 .444em 0;
    color: #414042;
}

.hl-small .tile-container .hl-small__content--title p {
    margin: 0
}

.hl-small .tile-container .hl-small__content--quote {
    color: #af4317;
    font-style: italic;
    line-height: 1.375;
    margin: 0 0 .25em 0;
}

.hl-small .tile-container .hl-small__content--quote-author {
    color: #717171;
    font-size: .875em;
    margin: 0 0 .714em 0
}

.hl-small .tile-container .hl-small__content--area p {
    font-size: 1em;
    line-height: 1.375em;
    margin: 0 0 .625em 0;
    font-weight: 400
}

.hl-small .tile-container .hl-small__content--area ul {
    font-size: 1em;
    line-height: 1.375em;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.hl-small .tile-container .hl-small__content--area ul li {
    margin: 0 0 1.125em 0;
}

.hl-small .tile-container .hl-small__content--area ul li a {
    text-decoration: none;
}

.hl-small .tile-container .hl-small__content--area ul li a.regular-link {
    text-decoration: underline
}

.hl-small .tile-container .hl-small__content--area ol {
    font-size: 1em;
    line-height: 1.375em;
    list-style-position: outside;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.hl-small .tile-container .hl-small__content--area ol li {
    margin: 0 0 1.125em 0;
}

.hl-small .tile-container .hl-small__content--area ol li a {
    text-decoration: none;
}

.hl-small .tile-container .hl-small__content--area ol li a.regular-link {
    text-decoration: underline
}

.hl-small .tile-container .hl-small__content--disclaimer {
    color: #717171;
    font-size: .875em;
}

.hl-small .tile-container .hl-small__content--disclaimer p:last-child {
    margin: 0 0 .714em 0
}

.hl-small .tile-container .hl-small__content--cta {
    display: inline-block;
    font-size: 1em;
    line-height: 1;
    padding: 0 2em 0 0;
    text-decoration: none;
}

.hl-small .tile-container .hl-small__content--cta:not(.cta) {
    font-weight: 600
}

.hl-small .tile-container .hl-small__content--cta.cta {
    display: block;
    font-size: 1em;
    line-height: 1;
    padding: .75em 0
}

.hl-small .tile-container .hl-small__content--cta-container a + a {
    margin-top: .5em
}

.hl-small .tile-container .hl-small__content--cta.regular-link {
    text-decoration: underline
}

.hl-small .tile-container .hl-small__img {
    display: none;
    text-align: center
}

.hl-small .home-lending-small {
    padding-top: 32px;
    float: left;
}

.hl-small .home-lending-small .zip-feature-container {
    text-align: center;
}

.hl-small .home-lending-small .zip-feature-container .primary-headline {
    padding-top: 32px;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(68,17,68,0) 2;
}

.hl-small .home-lending-small .zip-feature-container .primary-headline p {
    margin-bottom: 0
}

.hl-small .home-lending-small .zip-feature-container .secondary-headline {
    padding: 24px 0 24px 0;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400
}

.hl-small .home-lending-small .zip-feature-container .validation-container {
    width: 100%;
    max-width: 367px;
    margin: 0 auto;
}

.hl-small .home-lending-small .zip-feature-container .validation-container .serviceErrorMessage {
    display: none;
    margin-bottom: .25em;
}

.hl-small .home-lending-small .zip-feature-container .validation-container .serviceErrorMessage p {
    text-align: left;
    font-size: .875em;
    margin: 0;
    color: #bf2155
}

.hl-small .home-lending-small .zip-feature-container .validation-container .input-container {
    display: block;
    height: 42px;
    position: relative;
}

.hl-small .home-lending-small .zip-feature-container .validation-container .input-container input {
    border: 1px solid #ccc;
    padding: 0 0 0 18px;
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.hl-small .home-lending-small .zip-feature-container .validation-container .input-container input.errorBorder {
    border: 2px solid #bf2155
}

.hl-small .home-lending-small .zip-feature-container .validation-container .input-container input::-webkit-input-placeholder {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 18px;
    color: #717171
}

.hl-small .home-lending-small .zip-feature-container .validation-container .input-container input::-moz-placeholder {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 18px;
    color: #717171
}

.hl-small .home-lending-small .zip-feature-container .validation-container .input-container input:-ms-input-placeholder {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 18px;
    color: #717171
}

.hl-small .home-lending-small .zip-feature-container .validation-container .input-container input::placeholder {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 18px;
    color: #717171
}

.hl-small .home-lending-small .zip-feature-container .validation-container .input-container .cta-button-container {
    position: absolute;
    right: 6px;
    top: 6px;
    height: 30px;
    width: 110px;
    text-decoration: none;
    font-family: Open Sans;
    font-weight: 600;
}

.hl-small .home-lending-small .zip-feature-container .validation-container .input-container .cta-button-container .cta-button {
    padding: 6px 0;
    min-width: 0;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.hl-small .home-lending-small .zip-feature-container .update-location-container {
    padding: 16px 0 20px 0;
}

.hl-small .home-lending-small .zip-feature-container .update-location-container .update-location-link {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    color: #126bc5;
    text-decoration: none;
}

.hl-small .home-lending-small .zip-feature-container .update-location-container .update-location-link.regular-link {
    text-decoration: underline
}

.hl-small .home-lending-small .zip-feature-container .update-location-container .update-location-link .icon-right-progress {
    font-size: 10px;
    color: #126bc5;
    margin-left: 2px
}

.hl-small .home-lending-small .zip-feature-container .no-cookie-container .primary-headline,.hl-small .home-lending-small .zip-feature-container .service-error-container .primary-headline {
    color: #bf2155;
    position: relative;
    padding: 0 2em;
    display: inline-block;
}

.hl-small .home-lending-small .zip-feature-container .no-cookie-container .primary-headline img,.hl-small .home-lending-small .zip-feature-container .service-error-container .primary-headline img {
    left: 0;
    position: absolute;
    top: 2px
}

.hl-small .home-lending-small .link-feature-container .refinance-rate-headline {
    padding-bottom: 24px;
}

.hl-small .home-lending-small .link-feature-container .refinance-rate-headline .refinance-rate-link {
    font-size: 14px;
    color: #126bc5;
    font-family: Open Sans;
    font-weight: 400;
    text-decoration: none
}

.hl-small .home-lending-small .link-feature-container .refinance-rate-headline .refinance-rate-link-icon {
    color: #126bc5;
    font-size: 10px
}

.hl-small .home-lending-small .table-feature-container .table-container {
    border-top: solid 1px #ede9e3;
}

.hl-small .home-lending-small .table-feature-container .table-container .primary-headline {
    padding: 16px 16px;
    background-color: #fbfbfb;
    border-bottom: solid 1px #ede9e3;
}

.hl-small .home-lending-small .table-feature-container .table-container .primary-headline h2 {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 16px;
    color: #414042;
    line-height: 24px;
    margin: 0
}

.hl-small .home-lending-small .table-feature-container .table-container .rate-info-container {
    padding: 14px 14px;
    border-bottom: solid 1px #ede9e3;
}

.hl-small .home-lending-small .table-feature-container .table-container .rate-info-container a {
    text-decoration: none;
}

.hl-small .home-lending-small .table-feature-container .table-container .rate-info-container a span {
    font-size: 10px;
    color: #126bc5
}

.hl-small .home-lending-small .table-feature-container .table-container .rate-info-container p {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    color: #414042;
    line-height: 22px;
    margin: 0
}

.hl-small .home-lending-small .table-feature-container .table-container .rate-info-container a {
    padding-top: 10px;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #126bc5;
}

.hl-small .home-lending-small .table-feature-container .table-container .rate-info-container a.regular-link {
    text-decoration: underline
}

.hl-small .home-lending-small .table-feature-container .table-container .rate-info-container a .icon-right-progress {
    color: #126bc5;
    font-size: 10px
}

.hl-small .home-lending-small .table-feature-container .table-container .small-breakpoint-wrapper table {
    width: 100%;
}

.hl-small .home-lending-small .table-feature-container .table-container .small-breakpoint-wrapper table p {
    margin: 0
}

.hl-small .home-lending-small .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr th,.hl-small .home-lending-small .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr td {
    padding-top: 16px
}

.hl-small .home-lending-small .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr th {
    text-align: left;
    font-family: Open Sans;
    font-weight: 600;
    color: #717171;
    line-height: 22px;
    letter-spacing: 2px;
    font-size: 14px;
    padding-left: 16px;
    text-transform: uppercase
}

.hl-small .home-lending-small .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr td {
    text-align: right;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    color: #414042;
    line-height: 22px;
    padding-right: 16px
}

.hl-small .home-lending-small .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr.loan-separation th,.hl-small .home-lending-small .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr.loan-separation td {
    border-bottom: solid 1px #ede9e3;
    padding-bottom: 16px
}

.hl-small .home-lending-small .table-feature-container .table-container .disclaimer {
    padding: 20px 16px;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    color: #414042;
    line-height: 18px
}

@media only screen and (min-width: 30em) {
    .hl-small .tile-container .hl-small__content--title {
        font-size:2.5em;
        line-height: 1.15;
        margin: 0 0 .4em 0;
    }

    .hl-small .tile-container .hl-small__content--title p {
        margin: 0
    }

    .hl-small .tile-container .hl-small__content--area p {
        font-size: 1.125em;
        line-height: 1.333;
        margin: 0 0 .56em 0
    }

    .hl-small .tile-container .hl-small__content--area ul,.hl-small .tile-container .hl-small__content--area ol {
        font-size: 1.125em;
        line-height: 1.333;
        margin: 0 0 1.111em 0;
        margin: 0 .5em 1.2222em .5em;
        padding: 0 1em;
    }

    .hl-small .tile-container .hl-small__content--area ul li,.hl-small .tile-container .hl-small__content--area ol li {
        margin: 0 0 1em 0
    }

    .hl-small .tile-container .hl-small__content--cta {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .hl-small .home-lending-small .table-feature-container .refinance-rate-headline {
        padding-bottom: 24px
    }

    .hl-small .home-lending-small .table-feature-container .table-container .primary-headline {
        padding: 16px 16px
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-info-container {
        padding: 14px 14px;
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-info-container a {
        padding-top: 10px
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table {
        width: 100%;
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table thead tr {
        border-bottom: solid 1px #ede9e3;
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table thead tr th {
        text-align: left;
        padding: 20px 16px;
        font-family: Open Sans;
        font-weight: 600;
        font-size: 12px;
        color: #666;
        line-height: 18px;
        background-color: #fbfbfb;
        text-transform: uppercase;
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table thead tr th.aligncenter {
        text-align: center
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table thead tr th.alignleft {
        text-align: left
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table tbody tr {
        border-bottom: solid 1px #ede9e3;
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table tbody tr td {
        text-align: left;
        font-family: Open Sans;
        font-weight: 400;
        font-size: 14px;
        color: #414042;
        line-height: 22px;
        padding: 20px 16px;
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table tbody tr td.aligncenter {
        text-align: center
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table tbody tr td.alignleft {
        text-align: left
    }

    .hl-small .home-lending-small .table-feature-container .table-container .disclaimer {
        padding: 20px 16px
    }
}

@media only screen and (min-width: 48em) {
    .hl-small {
        margin-bottom:40px;
    }

    .hl-small.divider:before {
        padding: 0 0 3.75em 0
    }

    .hl-small.left .tile-container {
        padding-right: 8px
    }

    .hl-small.left .hl-small__content {
        float: right
    }

    .hl-small.right .tile-container {
        padding-left: 8px
    }

    .hl-small .tile-container .hl-small__content--quote {
        font-size: 1.125em;
        line-height: 1.333;
    }

    .hl-small .tile-container .hl-small__content--quote-author {
        font-size: 1em;
        line-height: 1.5;
        margin: 0 0 1.25em 0
    }

    .hl-small .tile-container .hl-small__content--disclaimer p:last-child {
        margin: 0 0 1.429em 0
    }

    .hl-small .tile-container .hl-small__content--cta.cta {
        font-size: 1.125em;
        line-height: 1;
        padding: .62em 0
    }

    .hl-small .tile-container .hl-small__content--cta-container a + a {
        margin-top: 1em
    }

    .hl-small .tile-container .hl-small__img {
        display: block
    }

    .hl-small .home-lending-small .link-feature-container .refinance-rate-headline {
        padding-bottom: 24px;
    }

    .hl-small .home-lending-small .link-feature-container .refinance-rate-headline .refinance-rate-link {
        font-size: 16px
    }

    .hl-small .home-lending-small .table-feature-container .table-container .primary-headline {
        padding: 20px 20px;
    }

    .hl-small .home-lending-small .table-feature-container .table-container .primary-headline h2 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-info-container {
        padding: 20px 20px;
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-info-container a {
        font-size: 16px
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper {
        display: block;
        width: 100%;
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table thead tr th {
        padding: 20px 20px
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table tbody tr td {
        padding: 20px 20px
    }

    .hl-small .home-lending-small .table-feature-container .table-container .disclaimer {
        padding: 20px 20px
    }
}

@media only screen and (min-width: 62em) {
    .hl-small .tile-container .hl-small__inner {
        padding-left:.5em;
        padding-right: .5em
    }

    .hl-small .tile-container .hl-small__content {
        padding: 0 1.5em 0 0;
    }

    .hl-small .tile-container .hl-small__content--title {
        margin: 0 0 .5em 0;
    }

    .hl-small .tile-container .hl-small__content--title p {
        margin: 0
    }

    .hl-small .tile-container .hl-small__content--quote {
        font-size: 1.25em;
        line-height: 1.5;
    }

    .hl-small .tile-container .hl-small__content--quote-author {
        font-size: 1.125em;
        line-height: 1.5;
        margin: 0 0 1.111em 0
    }

    .hl-small .tile-container .hl-small__content--disclaimer {
        font-size: 1em;
        line-height: 1.5em;
    }

    .hl-small .tile-container .hl-small__content--disclaimer p:last-child {
        margin: 0 0 1.25em 0
    }

    .hl-small.left .tile-container {
        padding-right: 16px
    }

    .hl-small.right .tile-container {
        padding-left: 16px
    }

    .hl-small .home-lending-small {
        padding-top: 0;
    }

    .hl-small .home-lending-small .link-feature-container .refinance-rate-headline .refinance-rate-link {
        font-size: 18px
    }

    .hl-small .home-lending-small .zip-feature-container {
        text-align: left;
    }

    .hl-small .home-lending-small .zip-feature-container .primary-headline {
        padding-top: 0
    }

    .hl-small .home-lending-small .zip-feature-container .validation-container {
        margin: 0
    }
}

@media only screen and (min-width: 75em) {
    .hl-small .tile-container .hl-small__content--title {
        font-size:3.125em;
        line-height: 1.12;
        margin: 0 0 .4em 0;
    }

    .hl-small .tile-container .hl-small__content--title p {
        margin: 0
    }

    .hl-small .tile-container .hl-small__content--quote {
        font-size: 1.3em
    }

    .hl-small .home-lending-small .table-feature-container .table-container .primary-headline {
        padding: 20px 20px
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-info-container {
        padding: 20px 20px
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table thead tr th {
        padding: 20px 20px
    }

    .hl-small .home-lending-small .table-feature-container .table-container .rate-table-wrapper table tbody tr td {
        padding: 20px 20px
    }

    .hl-small .home-lending-small .table-feature-container .table-container .disclaimer {
        padding: 20px 20px
    }
}

.home-lending-large {
    background-color: #fff;
    padding: 32px 0;
    position: relative;
}

.home-lending-large.divider:before {
    border-top: 1px solid #ccc;
    content: '';
    left: 1em;
    top: 0;
    padding: 0 0 2em 0;
    position: absolute;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em)
}

.home-lending-large .zip-feature-container {
    padding: 0 16px;
    text-align: center;
}

.home-lending-large .zip-feature-container .primary-headline {
    padding-top: 32px;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 26px;
    line-height: 34px;
    color: #414042;
}

.home-lending-large .zip-feature-container .primary-headline p {
    margin-bottom: 0
}

.home-lending-large .zip-feature-container .secondary-headline {
    padding: 16px 0 20px 0;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #414042
}

.home-lending-large .zip-feature-container .validation-container {
    width: 100%;
    max-width: 416px;
    margin: 0 auto;
}

.home-lending-large .zip-feature-container .validation-container .serviceErrorMessage {
    display: none;
    margin-bottom: .25em;
    text-align: left;
}

.home-lending-large .zip-feature-container .validation-container .serviceErrorMessage p {
    display: inline-block;
    font-size: .875em;
    margin: 0;
    color: #bf2155
}

.home-lending-large .zip-feature-container .validation-container .input-container {
    display: block;
    height: 42px;
    position: relative;
}

.home-lending-large .zip-feature-container .validation-container .input-container input {
    border: 1px solid #ccc;
    padding: 0 0 0 18px;
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.home-lending-large .zip-feature-container .validation-container .input-container input.errorBorder {
    border: 2px solid #bf2155
}

.home-lending-large .zip-feature-container .validation-container .input-container input::-webkit-input-placeholder {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 18px;
    color: #717171
}

.home-lending-large .zip-feature-container .validation-container .input-container input::-moz-placeholder {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 18px;
    color: #717171
}

.home-lending-large .zip-feature-container .validation-container .input-container input:-ms-input-placeholder {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 18px;
    color: #717171
}

.home-lending-large .zip-feature-container .validation-container .input-container input::placeholder {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 18px;
    color: #717171
}

.home-lending-large .zip-feature-container .validation-container .input-container .cta-button-container {
    position: absolute;
    right: 6px;
    top: 6px;
    height: 30px;
    width: 110px;
    text-decoration: none;
    font-family: Open Sans;
    font-weight: 600;
}

.home-lending-large .zip-feature-container .validation-container .input-container .cta-button-container .cta-button {
    padding: 6px 0;
    min-width: 0;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.home-lending-large .zip-feature-container .update-location-container {
    padding: 20px 0 32px 0;
}

.home-lending-large .zip-feature-container .update-location-container .update-location-link {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    color: #126bc5;
    text-decoration: none;
}

.home-lending-large .zip-feature-container .update-location-container .update-location-link.regular-link {
    text-decoration: underline
}

.home-lending-large .zip-feature-container .update-location-container .update-location-link .icon-right-progress {
    font-size: 10px;
    color: #126bc5;
    margin-left: 2px
}

.home-lending-large .zip-feature-container .no-cookie-container .primary-headline,.home-lending-large .zip-feature-container .service-error-container .primary-headline {
    color: #bf2155;
    font-size: 1.625em;
}

.home-lending-large .zip-feature-container .no-cookie-container .primary-headline img,.home-lending-large .zip-feature-container .service-error-container .primary-headline img {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.home-lending-large .zip-feature-container .no-cookie-container .primary-headline .secondary-headline,.home-lending-large .zip-feature-container .service-error-container .primary-headline .secondary-headline {
    padding-bottom: 32px
}

.home-lending-large .table-feature-container {
    padding: 0 16px;
}

.home-lending-large .table-feature-container .refinance-rate-headline {
    padding-bottom: 20px;
}

.home-lending-large .table-feature-container .refinance-rate-headline .refinance-rate-link {
    font-size: 18px;
    color: #126bc5;
    font-family: Open Sans;
    font-weight: 400;
    text-decoration: none;
}

.home-lending-large .table-feature-container .refinance-rate-headline .refinance-rate-link .icon-right-progress {
    font-size: 10px;
    color: #126bc5
}

.home-lending-large .table-feature-container .table-container .primary-headline {
    padding: 16px 16px;
    background-color: #fbfbfb;
    border-top: solid 1px #ede9e3;
    border-bottom: solid 1px #ede9e3;
    display: block;
}

.home-lending-large .table-feature-container .table-container .primary-headline h2 {
    font-family: Open Sans;
    font-weight: 300;
    color: #414042;
    line-height: 26px;
    font-size: 18px;
    margin: 0
}

.home-lending-large .table-feature-container .table-container .rate-info-container {
    padding: 14px 16px;
    display: block;
}

.home-lending-large .table-feature-container .table-container .rate-info-container h3 {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 16px;
    color: #414042
}

.home-lending-large .table-feature-container .table-container .rate-info-container p {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 16px;
    color: #414042
}

.home-lending-large .table-feature-container .table-container .rate-info-container p:last-of-type {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    color: #414042;
    line-height: 22px
}

.home-lending-large .table-feature-container .table-container .rate-info-container .icon-right-progress {
    font-size: 10px;
    color: #126bc5
}

.home-lending-large .table-feature-container .table-container .rate-info-container a {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 16px;
    color: #126bc5;
}

.home-lending-large .table-feature-container .table-container .rate-info-container a.regular-link {
    text-decoration: underline
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper .loan-type-container {
    position: relative;
    display: block;
    cursor: pointer;
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper .loan-type-container .fixed-rate-loans-toggle {
    width: 50%;
    float: left;
    text-align: center;
    height: 76px
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper .loan-type-container .adjustable-rate-loans-toggle {
    width: 50%;
    float: right;
    text-align: center;
    height: 76px
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper .loan-type-container .selected {
    border: solid 1px #ccc
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper .loan-type-container .loan-text {
    margin: 16px;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #717171;
    text-transform: uppercase
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper .fixed-rate-loans-table {
    display: block;
    padding: 0 16px
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper .adjustable-rate-loans-table {
    display: none;
    padding: 0 16px
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper table {
    width: 100%;
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper table p {
    margin: 0
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr th,.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr td {
    padding-top: 16px
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr th {
    text-align: left;
    font-family: Open Sans;
    font-weight: 600;
    color: #717171;
    line-height: 22px;
    letter-spacing: 2px;
    font-size: 14px;
    text-transform: uppercase
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr td {
    text-align: right;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    color: #414042;
    line-height: 22px
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr.section-heading th {
    padding-top: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    color: #717171;
    letter-spacing: normal;
    text-transform: none
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr.category-last-row th,.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr.category-last-row td {
    padding-bottom: 20px;
    border-bottom: solid 1px #ede9e3
}

.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr.payment-row-separation th,.home-lending-large .table-feature-container .table-container .small-breakpoint-wrapper table tbody tr.payment-row-separation td {
    padding-top: 20px
}

.home-lending-large .table-feature-container .table-container .disclaimer {
    padding: 0 16px;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #414042;
}

.home-lending-large .table-feature-container .table-container .disclaimer p {
    margin: 20px 0
}

.home-lending-large .table-feature-container .table-container .disclaimer ul {
    list-style-position: inside;
    list-style-type: disc;
    padding-left: 10px
}

@media only screen and (min-width: 30em) {
    .home-lending-large .zip-feature-container .no-cookie-container .primary-headline,.home-lending-large .zip-feature-container .service-error-container .primary-headline {
        color:#bf2155;
        font-size: 36px;
        padding-top: 40px;
    }

    .home-lending-large .zip-feature-container .no-cookie-container .primary-headline img,.home-lending-large .zip-feature-container .service-error-container .primary-headline img {
        width: 26px;
        height: 26px;
        margin-right: 8px
    }

    .home-lending-large .zip-feature-container .no-cookie-container .primary-headline .secondary-headline,.home-lending-large .zip-feature-container .service-error-container .primary-headline .secondary-headline {
        padding-bottom: 32px
    }
}

@media only screen and (min-width: 48em) {
    .home-lending-large {
        padding:40px 0;
    }

    .home-lending-large .zip-feature-container {
        padding: 0 20px
    }

    .home-lending-large .table-feature-container {
        padding: 0 20px;
    }

    .home-lending-large .table-feature-container .table-container .primary-headline {
        padding: 20px 20px;
    }

    .home-lending-large .table-feature-container .table-container .primary-headline h2 {
        line-height: 30px;
        font-size: 22px
    }

    .home-lending-large .table-feature-container .table-container .rate-info-container {
        padding: 20px 20px;
    }

    .home-lending-large .table-feature-container .table-container .rate-info-container h3,.home-lending-large .table-feature-container .table-container .rate-info-container p:not(:last-of-type) {
        font-size: 18px;
        line-height: 26px
    }

    .home-lending-large .table-feature-container .table-container .rate-info-container p:last-of-type {
        font-size: 14px;
        color: #414042;
        line-height: 22px
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table {
        width: 100%;
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table thead {
        display: table-header-group;
        position: relative;
        top: 0;
        left: 0;
        background-color: #fbfbfb;
        border-bottom: solid 1px #ede9e3;
        border-top: solid 1px #ede9e3;
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table thead tr th {
        padding: 20px 20px;
        font-family: Open Sans;
        font-weight: 600;
        font-size: 12px;
        color: #666;
        line-height: 20px;
        text-align: center;
        text-transform: uppercase;
        width: 12.53%;
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table thead tr th.aligncenter {
        text-align: center
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table thead tr th.alignleft {
        text-align: left
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table thead tr th.column-1 {
        width: 24.82%
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table thead .estimated-payments-header {
        border-bottom: none;
        padding-bottom: 10px;
        font-family: Open Sans;
        font-size: 600;
        font-size: 16px;
        line-height: 24px;
        color: $414042;
        text-transform: none
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table thead tr.ep-sub-headers th {
        padding-top: 0
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table tbody td:before {
        display: none
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table tbody tr {
        display: table-row
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table tbody td {
        display: table-cell
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table tbody tr td {
        padding: 20px 20px;
        border-bottom: solid 1px #ede9e3;
        font-family: Open Sans;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #414042;
        text-align: center;
        width: 12.53%;
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table tbody tr td.aligncenter {
        text-align: center
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table tbody tr td.alignleft {
        text-align: left
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table tbody tr td.column-1 {
        width: 24.82%
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table tbody tr td.right-border {
        border-right: solid 1px #ede9e3
    }

    .home-lending-large .table-feature-container .table-container .large-breakpoint-wrapper table tbody tr td.no-border {
        border-bottom: none
    }
}

@media only screen and (min-width: 75em) {
    .home-lending-large {
        padding:60px 0;
    }

    .home-lending-large .zip-feature-container .primary-headline {
        padding-top: 40px;
        font-size: 2.5em;
        line-height: 48px;
    }

    .home-lending-large .zip-feature-container .primary-headline p {
        margin-bottom: 0
    }

    .home-lending-large .zip-feature-container .secondary-headline {
        padding: 24px 0 24px 0;
        font-size: 20px;
        line-height: 28px;
        color: #414042
    }

    .home-lending-large .zip-feature-container .validation-container .input-container {
        height: 42px;
        position: relative;
    }

    .home-lending-large .zip-feature-container .validation-container .input-container input {
        border: 1px solid #ccc;
        padding: 0 0 0 18px;
        border-radius: 5px;
        width: 100%;
        height: 100%;
    }

    .home-lending-large .zip-feature-container .validation-container .input-container input.errorBorder {
        border: 2px solid #bf2155
    }

    .home-lending-large .zip-feature-container .validation-container .input-container input::-webkit-input-placeholder {
        font-family: Open Sans;
        font-weight: 400;
        font-size: 18px;
        color: #717171
    }

    .home-lending-large .zip-feature-container .validation-container .input-container input::-moz-placeholder {
        font-family: Open Sans;
        font-weight: 400;
        font-size: 18px;
        color: #717171
    }

    .home-lending-large .zip-feature-container .validation-container .input-container input:-ms-input-placeholder {
        font-family: Open Sans;
        font-weight: 400;
        font-size: 18px;
        color: #717171
    }

    .home-lending-large .zip-feature-container .validation-container .input-container input::placeholder {
        font-family: Open Sans;
        font-weight: 400;
        font-size: 18px;
        color: #717171
    }

    .home-lending-large .zip-feature-container .validation-container .input-container .cta-button-container {
        position: absolute;
        right: 6px;
        top: 6px;
        height: 30px;
        width: 110px;
        text-decoration: none;
        font-family: Open Sans;
        font-weight: 600;
    }

    .home-lending-large .zip-feature-container .validation-container .input-container .cta-button-container .cta-button {
        padding: 6px 0;
        min-width: 0;
        width: 100%;
        height: 100%;
        text-decoration: none
    }

    .home-lending-large .zip-feature-container .update-location-container {
        padding: 20px 0 32px 0;
    }

    .home-lending-large .zip-feature-container .update-location-container .update-location-link {
        font-family: Open Sans;
        font-weight: 400;
        font-size: 14px;
        color: #126bc5;
        text-decoration: none;
    }

    .home-lending-large .zip-feature-container .update-location-container .update-location-link .icon-right-progress {
        font-size: 10px;
        color: #126bc5;
        margin-left: 2px
    }
}

.savings {
    padding-left: 16px;
    padding-right: 16px;
}

.savings.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    margin-bottom: 2em
}

.savings.top-padding {
    padding-top: 3em;
    padding-bottom: 2em
}

.savings__update--inner {
    padding: 0 8px
}

.savings__update--header.center {
    text-align: center
}

.savings__update--header p {
    font-size: 1.625em;
    line-height: 1.308em;
    margin-bottom: .667em;
    font-weight: 300;
}

.savings__update--header p span {
    font-weight: 400
}

.savings__update--header.noRatesMessage {
    position: relative;
    padding-left: 1.25em;
}

.savings__update--header.noRatesMessage p {
    display: inline-block;
    margin-top: 20px;
    font-size: 1.6em;
    color: #bf2155;
    font-weight: 300;
}

.savings__update--header.noRatesMessage p img {
    height: 20px;
    margin-right: 12px;
    width: 20px
}

.savings__update--desc.center {
    text-align: center
}

.savings__update--desc p {
    font-size: .875em;
    line-height: 1.571em;
    font-weight: 400;
    margin-bottom: 1.333em
}

.savings__table {
    width: 100%;
    margin-bottom: 32px;
}

.savings__table th {
    background-color: #fbfbfb;
    text-align: left;
    vertical-align: top;
    font-family: open Sans;
    text-transform: uppercase
}

.savings__table th.aligncenter {
    text-align: center;
    vertical-align: middle
}

.savings__table th.alignleft {
    text-align: left;
    vertical-align: middle
}

.savings__table td {
    line-height: 20px;
    text-align: left;
    vertical-align: top;
}

.savings__table td.aligncenter {
    text-align: center;
    vertical-align: middle
}

.savings__table td.alignleft {
    text-align: left;
    vertical-align: middle
}

.savings__table tr {
    border-top: 1px solid #ede9e3;
    border-bottom: 1px solid #ede9e3
}

.savings__table--4col tr th {
    color: #666;
    font-size: 10px
}

.savings__table--4col tr th:first-child {
    width: 25%
}

.savings__table--4col tr td {
    width: 25%;
    color: #414042;
    font-size: 11px
}

.savings__table--4col tr th,.savings__table--4col tr td {
    padding: 8px
}

.savings__table--4col .savings__table__col-heading {
    font-family: open Sans;
    font-weight: 600;
    letter-spacing: .374px
}

.savings__table--4col .savings__table__row-heading {
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

.savings__mobiletable {
    border-top: 1px solid #ede9e3;
    border-bottom: 1px solid #ede9e3;
    width: 100%;
}

.savings__mobiletable.padding {
    margin-top: 32px;
    margin-bottom: 32px
}

.savings__mobiletable th {
    display: inline-block;
    font-weight: 600;
    font-family: open Sans;
    letter-spacing: .143em;
    font-size: .875em;
    line-height: 1.571em;
    text-align: left;
    color: #717171;
    width: 75%;
    margin-bottom: 0;
    padding: 16px;
    text-transform: uppercase
}

.savings__mobiletable td {
    font-weight: 400;
    font-size: .875em;
    line-height: 1.571em;
    text-align: right;
    margin-bottom: 0;
    color: #414042;
    padding: 16px
}

@media only screen and (min-width: 30em) {
    .savings__table--4col tr th {
        padding:20px 20px;
        font-size: 12px;
        line-height: 1.667em
    }

    .savings__table--4col tr td {
        padding: 20px 20px;
        font-size: 14px;
        line-height: 1.571em
    }

    .savings__table--4col .savings__table__col-heading {
        letter-spacing: 2px
    }
}

@media only screen and (min-width: 48em) {
    .savings.divider:before {
        margin-bottom:2.5em
    }

    .savings__update--desc p {
        font-size: 1.125em;
        line-height: 1.444em;
        font-weight: 300
    }

    .savings__standard-table {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .savings__table {
        position: relative;
        top: 0;
        left: 0;
        display: table;
        margin-bottom: 0;
    }

    .savings__table--4col tr th,.savings__table--4col tr td {
        padding: 20px 20px
    }
}

@media only screen and (min-width: 62em) {
    .savings__table {
        margin-bottom:0
    }

    .savings__standard-table {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .savings__table--4col tr th,.savings__table--4col tr td {
        padding: 20px 20px
    }
}

@media only screen and (min-width: 75em) {
    .savings__update {
        padding-top:2.5em;
        padding-bottom: 2.5em;
    }

    .savings__update--inner {
        width: 83.33%;
        margin-left: auto;
        margin-right: auto
    }

    .savings__update--header p {
        font-size: 2.5em;
        line-height: 1.2em;
        margin-bottom: .6em
    }

    .savings__update--header.noRatesMessage p {
        font-size: 2.5em;
        margin-top: 25px;
        color: #bf2155;
        font-weight: 300
    }

    .savings__update--desc p {
        font-size: 1.25em;
        line-height: 1.4em;
        margin-bottom: 1.2em
    }

    .savings__standard-table {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.cdrates {
    padding-left: 16px;
    padding-right: 16px;
}

.cdrates.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    margin-bottom: 2em
}

.cdrates.top-padding {
    padding-top: 3em;
    padding-bottom: 2em
}

.cdrates__update--inner {
    padding: 0 8px
}

.cdrates__update--header.center {
    text-align: center
}

.cdrates__update--header p {
    font-size: 1.625em;
    line-height: 1.308em;
    margin-bottom: .667em;
    font-weight: 300;
}

.cdrates__update--header p span {
    font-weight: 400
}

.cdrates__update--header.noRatesMessage {
    position: relative;
    padding-left: 1.25em;
}

.cdrates__update--header.noRatesMessage p {
    display: inline-block;
    margin-top: 20px;
    font-size: 1.6em;
    color: #bf2155;
    font-weight: 300;
}

.cdrates__update--header.noRatesMessage p img {
    height: 20px;
    margin-right: 12px;
    width: 20px
}

.cdrates__update--desc.center {
    text-align: center
}

.cdrates__update--desc p {
    font-size: .875em;
    line-height: 1.571em;
    font-weight: 400;
    margin-bottom: 1.333em
}

.cdrates__table {
    display: none;
    width: 100%;
    margin-bottom: 32px;
}

.cdrates__table th {
    background-color: #fbfbfb;
    text-align: left;
    vertical-align: top;
    font-family: open Sans;
    text-transform: uppercase
}

.cdrates__table th.aligncenter {
    text-align: center;
    vertical-align: middle
}

.cdrates__table th.alignleft {
    text-align: left;
    vertical-align: middle
}

.cdrates__table td {
    line-height: 20px;
    text-align: left;
    vertical-align: top;
}

.cdrates__table td.aligncenter {
    text-align: center;
    vertical-align: middle
}

.cdrates__table td.alignleft {
    text-align: left;
    vertical-align: middle
}

.cdrates__table tr {
    border-top: 1px solid #ede9e3;
    border-bottom: 1px solid #ede9e3;
}

.cdrates__table tr:nth-child(even) {
    background: #fbfbfb
}

.cdrates__table--4col tr th {
    color: #666;
    font-size: 10px
}

.cdrates__table--4col tr td {
    color: #414042;
    font-size: 11px
}

.cdrates__table--4col tr th,.cdrates__table--4col tr td {
    padding: 8px
}

.cdrates__table--4col .cdrates__table__col-heading {
    font-family: open Sans;
    font-weight: 600;
    letter-spacing: .374px
}

.cdrates__table--4col .cdrates__table__row-heading {
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

.cdrates__mobiletable {
    width: 100%;
}

.cdrates__mobiletable.padding {
    margin-top: 32px;
    margin-bottom: 32px
}

.cdrates__mobiletable tr.ratestier {
    border-top: 1px solid #ede9e3
}

.cdrates__mobiletable th {
    display: inline-block;
    font-weight: 600;
    font-family: open Sans;
    letter-spacing: .143em;
    font-size: .875em;
    line-height: 1.571em;
    text-align: left;
    color: #717171;
    margin-bottom: 0;
    padding: 16px;
    text-transform: uppercase;
}

.cdrates__mobiletable th.heading {
    font-size: 16px;
    line-height: 1.5em;
    color: #414042
}

.cdrates__mobiletable td {
    display: inline-block;
    float: right;
    font-weight: 400;
    font-size: .875em;
    line-height: 1.571em;
    text-align: right;
    margin-bottom: 0;
    color: #414042;
    padding: 16px
}

@media only screen and (min-width: 30em) {
    .cdrates__table--4col tr th {
        padding:20px 20px;
        font-size: 12px;
        line-height: 1.667em
    }

    .cdrates__table--4col tr td {
        padding: 20px 20px;
        font-size: 14px;
        line-height: 1.571em
    }
}

@media only screen and (min-width: 48em) {
    .cdrates.divider:before {
        margin-bottom:2.5em
    }

    .cdrates__update--desc p {
        font-size: 1.125em;
        line-height: 1.444em;
        font-weight: 300
    }

    .cdrates__standard-table {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .cdrates__table {
        margin-bottom: 0;
        display: table;
        position: relative;
        top: 0;
        left: 0;
    }

    .cdrates__table--4col tr th,.cdrates__table--4col tr td {
        padding: 20px 20px
    }

    .cdrates__mobiletable {
        display: none
    }
}

@media only screen and (min-width: 62em) {
    .cdrates__table {
        margin-bottom:0
    }

    .cdrates__standard-table {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .cdrates__table--4col tr th,.cdrates__table--4col tr td {
        padding: 20px 20px
    }
}

@media only screen and (min-width: 75em) {
    .cdrates__update {
        padding-top:2.5em;
        padding-bottom: 2.5em;
    }

    .cdrates__update--inner {
        width: 83.33%;
        margin-left: auto;
        margin-right: auto
    }

    .cdrates__update--header p {
        font-size: 2.5em;
        line-height: 1.2em;
        margin-bottom: .6em
    }

    .cdrates__update--header.noRatesMessage p {
        font-size: 2.5em;
        margin-top: 25px;
        color: #bf2155;
        font-weight: 300
    }

    .cdrates__update--desc p {
        font-size: 1.25em;
        line-height: 1.4em;
        margin-bottom: 1.2em
    }

    .cdrates__standard-table {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.savingsplus,.savingspremier {
    padding-left: 16px;
    padding-right: 16px;
}

.savingsplus.divider:before,.savingspremier.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    margin-bottom: 2em
}

.savingsplus.top-padding,.savingspremier.top-padding {
    padding-top: 3em;
    padding-bottom: 2em
}

.savingsplus__update--inner,.savingspremier__update--inner {
    padding: 0 8px
}

.savingsplus__update--header.center,.savingspremier__update--header.center {
    text-align: center
}

.savingsplus__update--header p,.savingspremier__update--header p {
    font-size: 1.625em;
    line-height: 1.308em;
    margin-bottom: .667em;
    font-weight: 300;
}

.savingsplus__update--header p span,.savingspremier__update--header p span {
    font-weight: 400
}

.savingsplus__update--header.noRatesMessage,.savingspremier__update--header.noRatesMessage {
    position: relative;
    padding-left: 1.25em;
}

.savingsplus__update--header.noRatesMessage p,.savingspremier__update--header.noRatesMessage p {
    display: inline-block;
    margin-top: 20px;
    font-size: 1.6em;
    color: #bf2155;
    font-weight: 300;
}

.savingsplus__update--header.noRatesMessage p img,.savingspremier__update--header.noRatesMessage p img {
    height: 20px;
    margin-right: 12px;
    width: 20px
}

.savingsplus__update--desc.center,.savingspremier__update--desc.center {
    text-align: center
}

.savingsplus__update--desc p,.savingspremier__update--desc p {
    font-size: .875em;
    line-height: 1.571em;
    font-weight: 400;
    margin-bottom: 1.333em
}

.savingsplus__table,.savingspremier__table {
    width: 100%;
    margin-bottom: 32px;
}

.savingsplus__table th,.savingspremier__table th {
    background-color: #fbfbfb;
    text-align: left;
    vertical-align: top;
    font-family: open Sans;
}

.savingsplus__table th.aligncenter,.savingspremier__table th.aligncenter {
    text-align: center;
    vertical-align: middle
}

.savingsplus__table th.alignleft,.savingspremier__table th.alignleft {
    text-align: left;
    vertical-align: middle
}

.savingsplus__table th:not(.heading),.savingspremier__table th:not(.heading) {
    text-transform: uppercase
}

.savingsplus__table td,.savingspremier__table td {
    line-height: 20px;
    text-align: left;
    vertical-align: top;
}

.savingsplus__table td.aligncenter,.savingspremier__table td.aligncenter {
    text-align: center;
    vertical-align: middle
}

.savingsplus__table td.alignleft,.savingspremier__table td.alignleft {
    text-align: left;
    vertical-align: middle
}

.savingsplus__table td.border,.savingspremier__table td.border {
    border-right: 1px solid #ede9e3
}

.savingsplus__table tr,.savingspremier__table tr {
    border-top: 1px solid #ede9e3;
    border-bottom: 1px solid #ede9e3;
}

.savingsplus__table tr:nth-child(even),.savingspremier__table tr:nth-child(even) {
    background: #fbfbfb
}

.savingsplus__table tr.savingsplusheading,.savingspremier__table tr.savingsplusheading,.savingsplus__table tr.savingspremierheading,.savingspremier__table tr.savingspremierheading {
    border-top: none;
    border-bottom: none
}

.savingsplus__table--4col tr th,.savingspremier__table--4col tr th {
    color: #666;
    font-size: 10px;
}

.savingsplus__table--4col tr th.heading,.savingspremier__table--4col tr th.heading {
    font-size: 16px;
    line-height: 1.5em;
    color: #414042
}

.savingsplus__table--4col tr td,.savingspremier__table--4col tr td {
    color: #414042;
    font-size: 11px
}

.savingsplus__table--4col tr th,.savingspremier__table--4col tr th,.savingsplus__table--4col tr td,.savingspremier__table--4col tr td {
    padding: 8px
}

.savingsplus__table--4col .savingsplus__table__col-heading,.savingspremier__table--4col .savingsplus__table__col-heading,.savingsplus__table--4col .savingspremier__table__col-heading,.savingspremier__table--4col .savingspremier__table__col-heading {
    font-family: open Sans;
    font-weight: 600;
    letter-spacing: .374px
}

.savingsplus__table--4col .savingsplus__table__row-heading,.savingspremier__table--4col .savingsplus__table__row-heading,.savingsplus__table--4col .savingspremier__table__col-heading,.savingspremier__table--4col .savingspremier__table__col-heading {
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

.savingsplus__mobiletable,.savingspremier__mobiletable {
    width: 100%;
}

.savingsplus__mobiletable.padding,.savingspremier__mobiletable.padding {
    margin-top: 32px;
    margin-bottom: 32px
}

.savingsplus__mobiletable tr.ratestile,.savingspremier__mobiletable tr.ratestile {
    border-top: 1px solid #ede9e3
}

.savingsplus__mobiletable th,.savingspremier__mobiletable th {
    display: inline-block;
    font-weight: 600;
    font-family: open Sans;
    letter-spacing: .143em;
    width: 75%;
    font-size: .875em;
    line-height: 1.571em;
    text-align: left;
    color: #717171;
    margin-bottom: 0;
    padding: 16px;
}

.savingsplus__mobiletable th:not(.heading),.savingspremier__mobiletable th:not(.heading) {
    text-transform: uppercase
}

.savingsplus__mobiletable th.heading,.savingspremier__mobiletable th.heading {
    font-size: 16px;
    line-height: 1.5em;
    color: #414042
}

.savingsplus__mobiletable td,.savingspremier__mobiletable td {
    font-weight: 400;
    font-size: .875em;
    line-height: 1.571em;
    text-align: right;
    margin-bottom: 0;
    color: #414042;
    padding: 16px
}

@media only screen and (min-width: 30em) {
    .savingsplus__table--4col tr th,.savingspremier__table--4col tr th {
        padding:20px 20px;
        font-size: 12px;
        line-height: 1.667em;
    }

    .savingsplus__table--4col tr th.heading,.savingspremier__table--4col tr th.heading {
        padding-bottom: 0
    }

    .savingsplus__table--4col tr td,.savingspremier__table--4col tr td {
        padding: 20px 20px;
        font-size: 14px;
        line-height: 1.571em
    }

    .savingsplus__table--4col .savingsplus__table__col-heading,.savingspremier__table--4col .savingsplus__table__col-heading,.savingsplus__table--4col .savingspremier__table__col-heading,.savingspremier__table--4col .savingspremier__table__col-heading {
        letter-spacing: 2px
    }
}

@media only screen and (min-width: 48em) {
    .savingsplus.divider:before,.savingspremier.divider:before {
        margin-bottom:2.5em
    }

    .savingsplus__update--desc p,.savingspremier__update--desc p {
        font-size: 1.125em;
        line-height: 1.444em;
        font-weight: 300
    }

    .savingsplus__standard-table,.savingspremier__standard-table {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .savingsplus__table,.savingspremier__table {
        display: table;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
    }

    .savingsplus__table--4col tr th,.savingspremier__table--4col tr th,.savingsplus__table--4col tr td,.savingspremier__table--4col tr td {
        padding: 20px 20px
    }
}

@media only screen and (min-width: 62em) {
    .savingsplus__table,.savingspremier__table {
        margin-bottom:0
    }

    .savingsplus__standard-table,.savingspremier__standard-table {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .savingsplus__table--4col tr th,.savingspremier__table--4col tr th,.savingsplus__table--4col tr td,.savingspremier__table--4col tr td {
        padding: 20px 20px
    }
}

@media only screen and (min-width: 75em) {
    .savingsplus__update,.savingspremier__update {
        padding-top:2.5em;
        padding-bottom: 2.5em;
    }

    .savingsplus__update--inner,.savingspremier__update--inner {
        width: 83.33%;
        margin-left: auto;
        margin-right: auto
    }

    .savingsplus__update--header p,.savingspremier__update--header p {
        font-size: 2.5em;
        line-height: 1.2em;
        margin-bottom: .6em
    }

    .savingsplus__update--header.noRatesMessage p,.savingspremier__update--header.noRatesMessage p {
        font-size: 2.5em;
        margin-top: 25px;
        color: #bf2155;
        font-weight: 300
    }

    .savingsplus__update--desc p,.savingspremier__update--desc p {
        font-size: 1.25em;
        line-height: 1.4em;
        margin-bottom: 1.2em
    }

    .savingsplus__standard-table,.savingspremier__standard-table {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.left-nav {
    position: relative;
}

.left-nav--mobile-btn {
    margin-top: 10px;
    background: #fff;
    border: 2px solid #999;
    border-radius: 5px;
    color: #666;
    font-size: .875em;
    height: 2.286em;
    line-height: 1;
    padding: 0 1.143em;
    text-align: left;
    width: 100%;
}

.left-nav--mobile-btn:hover {
    border-color: #999;
    font-weight: 600;
}

.left-nav--mobile-btn:hover--mobile-btn__dropdown-icon:before {
    font-weight: 600
}

.left-nav--mobile-btn:active,.left-nav--mobile-btn:focus {
    background: $leftnav-dark-gray;
    border-color: #999;
    font-weight: 600
}

.left-nav--mobile-btn__dropdown-icon {
    float: right
}

.left-nav--wrapper {
    min-width: 14.375em
}

.left-nav--links {
    background: #fff;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.28);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.28);
    display: none;
    max-height: 18.75em;
    margin: .25em 0 1em 0;
    overflow: auto;
    position: absolute;
    width: 100%;
    z-index: 5000;
}

.left-nav--links::-webkit-scrollbar {
    width: 5px
}

.left-nav--links::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px
}

.left-nav--links::-webkit-scrollbar-track {
    background: transparent
}

.left-nav--link {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.left-nav--link.active {
    position: relative;
}

.left-nav--link.active:before {
    background-color: #0092ff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 6px;
    top: 0
}

.left-nav--link.active a {
    color: #414042;
    font-weight: 600
}

.left-nav--link a {
    color: #717171;
    display: block;
    font-size: .875em;
    padding: .813em 1em .813em 1.714em;
    text-decoration: none;
}

.left-nav--link a:hover,.left-nav--link a:focus {
    background-color: #f3f0e9
}

.left-nav--link a:active {
    background-color: #0092ff;
    color: #fff
}

@media only screen and (min-width: 48em) {
    .left-nav {
        padding:1.25em 0;
    }

    .left-nav--wrapper:before {
        bottom: 0;
        border-right: 1px solid #ccc;
        content: "";
        height: 100%;
        position: absolute;
        right: .438em;
        top: 0
    }

    .left-nav--mobile-btn__wrapper {
        display: none
    }

    .left-nav--links {
        background-color: initial;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        height: auto;
        overflow: visible;
        position: absolute;
        max-height: none
    }

    .left-nav--link a {
        padding: .906em 1em .906em 1.714em
    }
}

@media only screen and (min-width: 62em) {
    .left-nav--links {
        padding-top:.875em
    }
}

@media only screen and (min-width: 75em) {
    .left-nav--link a {
        font-size:1em;
        padding: .75em 1em .75em 1.5em
    }
}

.left-nav--links.sticky {
    position: fixed
}

.chase-ux-modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 5006;
    -webkit-backface-visibility: hidden;
    color: #fff;
    overflow: auto;
}

.chase-ux-modal #modalContent {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.modal-overflow__container {
    text-align: left
}

.modal-overflow__wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.96);
    color: #414042;
    z-index: 5004;
    font-family: "Open Sans",sans-serif;
    font-size: 1em;
    font-weight: 400
}

.modal-overflow__wrapper a.modal-overflow__icon-close {
    position: absolute;
    right: 2em;
    top: 2em;
    text-decoration: none;
    font-size: 20px;
    z-index: 1;
    color: #414042
}

.modal-overflow__wrapper.visible {
    display: block;
    overflow-y: auto;
    overflow-x: hidden
}

.modal-overflow__outer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 6em;
    margin-left: 1em
}

.modal-overflow__inner--desc h2 {
    font-size: 1.5em;
    font-weight: 300
}

.modal-overflow__inner--desc h3 {
    color: #717171;
    margin-top: 1.25em;
    font-size: 1.25em
}

.modal-overflow__inner--desc ul {
    font-size: 1em;
    line-height: 1.375em;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em
}

.modal-overflow__inner--desc em {
    font-style: inherit;
    font-weight: 600;
    font-size: 1em
}

.modal-overflow__inner--desc li {
    margin: 0 0 1.125em 0
}

@media only screen and (min-width: 35.5em) {
    .modal-overflow__inner {
        margin-left:6em
    }
}

@media only screen and (min-width: 48em) {
    .modal-overflow__inner {
        margin-left:1em;
    }

    .modal-overflow__inner--header {
        line-height: 1.231em;
        margin-bottom: 1.538em
    }

    .modal-overflow__inner--desc {
        margin-bottom: 2.5em
    }
}

@media only screen and (min-width: 64em) {
    .modal-overflow__inner {
        margin-left:10em
    }
}

@media only screen and (min-width: 125em) {
    .modal-overflow__inner {
        margin-left:15em
    }
}

@media only screen and (min-width: 125em) {
    .modal-overflow__inner {
        margin-left:40em
    }
}

.module-bucket {
    padding: 0 .5em;
    margin-bottom: 24px;
}

.module-bucket.colored {
    padding: 1.5em .5em 1.5em .5em;
    background-color: #f9f6f3
}

.module-bucket.neutral {
    padding: 1.5em .5em 1.5em .5em;
    background-color: #f7f7f7
}

.module-bucket__content--heading__title {
    font-size: 2.25em;
    line-height: 1.167;
    font-weight: 300;
    margin: 0 0 .445em 0
}

.module-bucket__content--heading__desc {
    font-size: 1em;
    line-height: 1.375em;
    margin-bottom: 16px
}

.module-bucket--tile {
    margin-bottom: .625em;
}

.module-bucket--tile:last-child {
    margin-bottom: 0
}

.module-bucket--tile__image {
    display: inline-block;
    margin-top: .3125em;
    margin-left: auto;
    margin-right: auto
}

.module-bucket--tile__inner {
    margin-left: -8px;
    margin-right: -8px;
}

.module-bucket--tile__inner img {
    margin-bottom: .75em
}

.module-bucket--tile__inner.center {
    text-align: center
}

.module-bucket--tile__inner .video-image {
    position: relative
}

.module-bucket--tile__inner .video--play-btn {
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 4.3em;
    text-decoration: none;
    position: absolute;
    font-size: 4.187em;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.module-bucket--tile__inner .video--play-btn:hover {
    color: #ccc
}

.module-bucket--tile__inner .video--play-btn:before {
    position: relative
}

.module-bucket--tile__inner.mobileleft .module-bucket--tile__image {
    max-width: 23.75em
}

.module-bucket--tile__inner.mobileleft .module-bucket--tile__text {
    max-width: 23.75em
}

.module-bucket--tile__inner:not(.mobileleft) .module-bucket--tile__image {
    width: 100%
}

.module-bucket--tile__inner:not(.mobileleft) .module-bucket--tile__text {
    width: 100%
}

.module-bucket--tile__text.carousel-text {
    width: 80%;
    left: 10%
}

.module-bucket--tile__link {
    text-decoration: none
}

.module-bucket--tile__title {
    font-size: 1.25em;
    line-height: 1.3;
    font-weight: 600;
    margin: 0 0 .2em 0;
}

.module-bucket--tile__title.carousel-title {
    margin-top: 6px
}

.module-bucket--tile__desc {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: .25em;
    word-wrap: break-word;
}

.module-bucket--tile__desc ul {
    display: inline-block;
    list-style-position: outside;
    list-style-type: disc;
    margin: .625em 0 .625em 0;
    padding-right: 2em;
    padding-left: 8.33%;
}

.module-bucket--tile__desc ul li {
    margin: 0 0 1.125em 0
}

.module-bucket--tile__desc ol {
    display: inline-block;
    list-style-position: outside;
    margin: .625em 0 .625em 0;
    padding-right: 2em;
    padding-left: 8.33%;
}

.module-bucket--tile__desc ol li {
    margin: 0 0 1.125em 0
}

.module-bucket--tile__action-link {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 600;
    text-decoration: none;
}

.module-bucket--tile__action-link.regular-link {
    text-decoration: underline
}

.module-bucket--tile__cta--link.regular-link {
    text-decoration: underline
}

.module-bucket--tile__btn {
    font-size: 1em;
    line-height: 1;
}

.module-bucket--tile__btn .cta {
    padding: .75em 0;
}

.module-bucket--tile__btn .cta.web-link {
    padding-left: .5em;
    padding-right: 1.5em
}

.module-bucket--tile__btn a {
    text-decoration: none
}

.module-bucket--tile__cta-section1 {
    margin-bottom: .625em;
}

.module-bucket--tile__cta-section1 p {
    margin-bottom: 0
}

.module-bucket--cta {
    font-size: 1.125em;
    line-height: 1.444em;
    text-decoration: none;
    margin-bottom: .25em;
    display: block;
}

.module-bucket--cta:not(.cta) {
    font-weight: 600
}

.module-bucket--cta.cta {
    font-size: 1em;
    line-height: 1;
    display: block;
    padding: .75em 0;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.module-bucket--cta.cta.web-link {
    padding-left: .5em;
    padding-right: 1.5em
}

.module-bucket--cta-container {
    display: inline-block;
    width: 100%
}

.module-bucket--cta-wrapper.center {
    text-align: center
}

.module-bucket--cta-wrapper.left .module-bucket--cta.cta {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 20em) {
    .module-bucket--tile__inner .video--play-btn-midsize {
        font-size:40px
    }
}

@media only screen and (min-width: 48em) {
    .module-bucket {
        padding:0 .5em;
        margin-bottom: 40px;
    }

    .module-bucket.colored {
        padding: 2.5em .5em 2.5em .5em;
        background-color: #f9f6f3
    }

    .module-bucket.neutral {
        padding: 2.5em .5em 2.5em .5em;
        background-color: #f7f7f7
    }

    .module-bucket__content--heading__title {
        font-size: 2.5em;
        line-height: 1.2
    }

    .module-bucket__content--heading__desc {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .module-bucket--tile__action-link {
        font-size: 1.125em !important;
        line-height: 1.333em
    }

    .module-bucket--tile__cta--link {
        font-size: 1.25em;
        line-height: 1.3em
    }

    .module-bucket--tile__inner .video--play-btn {
        font-size: 40px;
        margin-top: -6px
    }

    .module-bucket--tile__image {
        margin-top: .625em
    }

    .module-bucket--tile__btn {
        font-size: 1.125em;
        line-height: 1;
    }

    .module-bucket--tile__btn .cta {
        padding: .62em 0;
    }

    .module-bucket--tile__btn .cta.web-link {
        padding-left: .5em;
        padding-right: 1.5em
    }

    .module-bucket--cta {
        font-size: 1.25em;
        line-height: 1.333;
    }

    .module-bucket--cta.cta {
        font-size: 1.125em;
        line-height: 1;
        padding: .62em 0;
    }

    .module-bucket--cta.cta-container a + a {
        margin-top: 1em
    }

    .module-bucket--3col .module-bucket--tile__inner .video--play-btn-midsize {
        font-size: 40px
    }

    .carousel--slide .module-bucket--tile__inner .video--play-btn {
        font-size: 4.187em;
        margin-top: -7px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .module-bucket--tile__image .video--play-btn-midsize {
        font-size:40px
    }

    .module-bucket .cta--fullwidth {
        width: 100%
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .module-bucket--tile__inner.mobileleft {
        text-align:left
    }

    .module-bucket--tile__inner.mobileright {
        text-align: right
    }
}

@media only screen and (min-width: 62em) {
    .module-bucket--tile__inner img {
        margin-bottom:1.25em
    }

    .module-bucket--tile__cta__btn .cta {
        padding-top: .625em;
    }

    .module-bucket--tile__cta__btn .cta.web-link {
        padding-left: .5em;
        padding-right: 1.5em
    }

    .module-bucket--3col .module-bucket--tile__inner .video--play-btn-midsize {
        font-size: 67px
    }

    .module-bucket--3col .module-bucket--tile__inner .video--play-btn {
        font-size: 67px;
        margin-top: -10px
    }
}

@media only screen and (min-width: 75em) {
    .module-bucket__content--heading__title {
        font-size:3.125em;
        line-height: 1.12em
    }

    .module-bucket--cta {
        font-size: 1.3em;
        line-height: 1.5
    }

    .module-bucket--tile__inner .video--play-btn-midsize {
        font-size: 67px
    }

    .module-bucket--tile__inner .video--play-btn {
        font-size: 67px
    }
}

.module-bucket--2col {
    padding: 2em 1em;
}

.module-bucket--2col.colored {
    background-color: #f9f6f3
}

.module-bucket--2col.neutral {
    background-color: #f7f7f7
}

.module-bucket--2col.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    padding-bottom: 2em
}

.module-bucket--2col.divider.module-bucket--2col {
    padding-top: 0
}

.module-bucket--2col .module-bucket__content--heading__title {
    font-size: 2.25em;
    line-height: 1.167;
    font-weight: 300;
    margin: 0 0 .445em 0
}

.module-bucket--2col .module-bucket__content--heading__desc {
    font-size: 1em;
    line-height: 1.375em;
    margin-bottom: 16px
}

.module-bucket--2col .module-bucket--tile {
    margin-bottom: 1.5em;
}

.module-bucket--2col .module-bucket--tile:last-child {
    margin-bottom: 1.5em
}

.module-bucket--2col .module-bucket--tile__inner.center {
    text-align: center;
}

.module-bucket--2col .module-bucket--tile__inner.center ol,.module-bucket--2col .module-bucket--tile__inner.center ul {
    display: block;
    list-style-position: inside;
    margin-left: 0;
    padding-left: 0
}

.module-bucket--2col .module-bucket--tile__heading h2,.module-bucket--2col .module-bucket--tile__heading h3,.module-bucket--2col .module-bucket--tile__heading h4,.module-bucket--2col .module-bucket--tile__heading p {
    margin: .556em 0;
    font-size: 2.25em;
    line-height: 1.167em;
    font-weight: 300
}

.module-bucket--2col .module-bucket--tile__image {
    display: block;
}

.module-bucket--2col .module-bucket--tile__image.center {
    text-align: center
}

.module-bucket--2col .module-bucket--tile__image .video-image {
    position: relative
}

.module-bucket--2col .module-bucket--tile__image .video--play-btn {
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 4.3em;
    text-decoration: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.module-bucket--2col .module-bucket--tile__image .video--play-btn:hover {
    color: #ccc
}

.module-bucket--2col .module-bucket--tile__image .video--play-btn:before {
    position: relative;
    font-size: 4.187em
}

.module-bucket--2col .module-bucket--tile__title {
    display: block;
    font-size: 1em;
    line-height: 1.375em;
    font-weight: 600;
    margin: 0 0 .625em 0;
}

.module-bucket--2col .module-bucket--tile__title h2,.module-bucket--2col .module-bucket--tile__title h3,.module-bucket--2col .module-bucket--tile__title h4,.module-bucket--2col .module-bucket--tile__title p {
    display: block;
    font-size: 1em;
    line-height: 1.375em;
    font-weight: 600;
    margin: 0 0 .625em 0
}

.module-bucket--2col .module-bucket--tile__text {
    display: table
}

.module-bucket--2col .module-bucket--tile__desc {
    line-height: 1.5em;
    margin-bottom: .625em;
}

.module-bucket--2col .module-bucket--tile__desc ol,.module-bucket--2col .module-bucket--tile__desc ul {
    list-style-position: outside;
    margin: 0;
}

.module-bucket--2col .module-bucket--tile__desc ol li,.module-bucket--2col .module-bucket--tile__desc ul li {
    margin: 0
}

.module-bucket--2col .module-bucket--tile__desc * + *,.module-bucket--2col .module-bucket--tile__desc ol + ul,.module-bucket--2col .module-bucket--tile__desc ul + ol,.module-bucket--2col .module-bucket--tile__desc li + li {
    margin-top: .625em
}

.module-bucket--2col .module-bucket--tile__desc p .icon-Activecompare:before {
    color: #2ca853;
    margin-right: 6px
}

.module-bucket--2col .module-bucket--tile__desc p .icon-Inactivecompare {
    color: #bcbcbc;
}

.module-bucket--2col .module-bucket--tile__desc p .icon-Inactivecompare:before {
    color: #bcbcbc;
    margin-right: 6px
}

.module-bucket--2col .module-bucket--tile__desc p a:not(.scroll-top) {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600
}

.module-bucket--2col .module-bucket--tile__desc p .compare__amount {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    color: #717171;
    margin-bottom: 16px
}

.module-bucket--2col .module-bucket--tile__desc p .compare__text--or-separator {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    color: #717171
}

.module-bucket--2col .module-bucket--tile__action {
    margin-bottom: 1.25em;
}

.module-bucket--2col .module-bucket--tile__action-link {
    display: block;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 600;
    text-decoration: none;
}

.module-bucket--2col .module-bucket--tile__action-link--icon.icon-right-progress {
    margin-left: .5em;
    font-size: .7em
}

.module-bucket--2col .module-bucket--tile__action-link--icon.icon-play-small {
    font-size: 1.3em;
    margin-left: 1em;
    display: inline-block;
    position: relative;
    bottom: 6px;
}

.module-bucket--2col .module-bucket--tile__action-link--icon.icon-play-small:before {
    margin-right: -.5em;
    margin-top: -.5em;
    position: absolute;
    right: 50%;
    top: 50%
}

.module-bucket--2col .module-bucket--tile__action-link.regular-link {
    text-decoration: underline
}

.module-bucket--2col .module-bucket--tile a + a {
    margin-top: .625em
}

.module-bucket--2col .module-bucket--tile__btn {
    margin: 1.25em 0;
}

.module-bucket--2col .module-bucket--tile__btn:last-child {
    margin-bottom: 0
}

.module-bucket--2col .module-bucket--tile__btn a {
    text-decoration: none
}

.module-bucket--2col .module-bucket--tile__btn + .module-bucket--2col .module-bucket--tile__btn {
    margin-top: 0
}

.module-bucket--2col .module-bucket--tile__cta--link {
    display: block;
    font-size: 1.125em;
    line-height: 1.444em;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: .813em;
}

.module-bucket--2col .module-bucket--tile__cta--link:last-child {
    margin-bottom: 0
}

.module-bucket--2col .module-bucket--tile__cta--link.regular-link {
    text-decoration: underline
}

.module-bucket--2col .module-bucket--tile__cta__btn {
    margin: 1.13em 0;
}

.module-bucket--2col .module-bucket--tile__cta__btn:last-child {
    margin-bottom: 0
}

.module-bucket--2col .module-bucket--tile__cta__btn a {
    text-decoration: none;
    font-size: 1.125em;
    line-height: 1.444em
}

.module-bucket--2col .module-bucket--tile__cta + .module-bucket--2col .module-bucket--tile__cta {
    margin-top: .25em
}

.module-bucket--2col .module-bucket--tile + .module-bucket--2col .module-bucket--tile {
    margin-top: 2em
}

@media (min-width: 480px) and (max-width:767px) {
    .module-bucket--2col .module-bucket--tile__container {
        width:83.33%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 30em) {
    .module-bucket--2col--tile__desc p a:not(.scroll-top) {
        font-size:14px;
        line-height: 20px
    }

    .module-bucket--2col--tile__desc p .compare__amount {
        font-size: 40px;
        line-height: 46px
    }
}

@media only screen and (min-width: 48em) {
    .module-bucket--2col {
        padding:2.5em 1em;
    }

    .module-bucket--2col .module-bucket.divider:before {
        padding-bottom: 2.5em
    }

    .module-bucket--2col .module-bucket.divider.module-bucket {
        padding-top: 0
    }

    .module-bucket--2col .module-bucket__content--heading__title {
        font-size: 2.5em;
        line-height: 1.2
    }

    .module-bucket--2col .module-bucket__content--heading__desc {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .module-bucket--2col .module-bucket--tile__heading h2,.module-bucket--2col .module-bucket--tile__heading h3,.module-bucket--2col .module-bucket--tile__heading h4,.module-bucket--2col .module-bucket--tile__heading p {
        margin: .5em 0;
        font-size: 2.5em;
        line-height: 1.15em
    }

    .module-bucket--2col .module-bucket--tile__inner .video--play-btn {
        font-size: 67px
    }

    .module-bucket--2col .module-bucket--tile__title {
        font-size: 1.125em;
        line-height: 1.333em;
        margin: 0 0 .556em 0;
    }

    .module-bucket--2col .module-bucket--tile__title h2,.module-bucket--2col .module-bucket--tile__title h3,.module-bucket--2col .module-bucket--tile__title h4,.module-bucket--2col .module-bucket--tile__title p {
        font-size: 1.125em;
        line-height: 1.333em;
        margin: 0 0 .556em 0
    }

    .module-bucket--2col .module-bucket--tile__desc {
        margin-bottom: 1.12em;
    }

    .module-bucket--2col .module-bucket--tile__desc p {
        margin-bottom: 1.12em
    }

    .module-bucket--2col .module-bucket--tile__desc * + *,.module-bucket--2col .module-bucket--tile__desc ol + ul,.module-bucket--2col .module-bucket--tile__desc ul + ol,.module-bucket--2col .module-bucket--tile__desc li + li {
        margin-top: 1.12em
    }

    .module-bucket--2col .module-bucket--tile__desc p .icon-Activecompare:before {
        margin-right: 16px
    }

    .module-bucket--2col .module-bucket--tile__desc p .icon-Inactivecompare:before {
        margin-right: 16px
    }

    .module-bucket--2col .module-bucket--tile__desc p a:not(.scroll-top) {
        font-size: 16px;
        line-height: 22px
    }

    .module-bucket--2col .module-bucket--tile__desc p .compare__amount {
        font-size: 50px;
        line-height: 56px;
        margin-bottom: 18px
    }

    .module-bucket--2col .module-bucket--tile__action-link {
        font-size: 1.125em;
        line-height: 1.333em
    }

    .module-bucket--2col .module-bucket--tile__cta--link {
        font-size: 1.3em;
        line-height: 1.3
    }

    .module-bucket--2col .module-bucket--tile + .module-bucket--2col .module-bucket--tile {
        margin-top: 0
    }
}

@media only screen and (min-width: 75em) {
    .module-bucket--2col {
        padding:3.75em 1em;
    }

    .module-bucket--2col .module-bucket__content--heading__title {
        font-size: 3.125em;
        line-height: 1.12em
    }

    .module-bucket--2col .module-bucket--tile__heading h2,.module-bucket--2col .module-bucket--tile__heading h3,.module-bucket--2col .module-bucket--tile__heading h4,.module-bucket--2col .module-bucket--tile__heading p {
        margin: .4em 0;
        font-size: 3.125em;
        line-height: 1.12em
    }
}

.mosaic.mosaic-version-a {
    padding: .5em 0 1em 0;
}

.mosaic.mosaic-version-a .mosaic--tile {
    display: inline-block;
    margin: 0 0 .75em 0;
    min-height: 4.375em;
}

.mosaic.mosaic-version-a .mosaic--tile__link {
    -webkit-transition: color;
    transition: color;
    display: block;
    text-decoration: none;
}

.mosaic.mosaic-version-a .mosaic--tile__link.center {
    text-align: center
}

.mosaic.mosaic-version-a .mosaic--tile__link:after {
    content: "";
    clear: both;
    display: table
}

.mosaic.mosaic-version-a .mosaic--tile__link:hover .mosaic--tile--enhanced--title.blue,.mosaic.mosaic-version-a .mosaic--tile__link:focus .mosaic--tile--enhanced--title.blue {
    color: #0a4386
}

.mosaic.mosaic-version-a .mosaic--tile__link:hover .cta--primary,.mosaic.mosaic-version-a .mosaic--tile__link:focus .cta--primary {
    background: #0a4386
}

.mosaic.mosaic-version-a .mosaic--tile__link:hover .cta--secondary,.mosaic.mosaic-version-a .mosaic--tile__link:focus .cta--secondary {
    background: #dfe4e8
}

.mosaic.mosaic-version-a .mosaic--tile__link:hover .cta--btn-green-aloe,.mosaic.mosaic-version-a .mosaic--tile__link:focus .cta--btn-green-aloe {
    background: #0d7638
}

.mosaic.mosaic-version-a .mosaic--tile__link:hover .cta--btn-purple-orchid,.mosaic.mosaic-version-a .mosaic--tile__link:focus .cta--btn-purple-orchid {
    background: #0a4386
}

.mosaic.mosaic-version-a .mosaic--tile__link:hover .cta--btn-purple-berry,.mosaic.mosaic-version-a .mosaic--tile__link:focus .cta--btn-purple-berry,.mosaic.mosaic-version-a .mosaic--tile__link:hover .cta--btn-purple-rain,.mosaic.mosaic-version-a .mosaic--tile__link:focus .cta--btn-purple-rain {
    background: #49357c
}

.mosaic.mosaic-version-a .mosaic--tile__link:hover .cta--btn-blue-seabreeze,.mosaic.mosaic-version-a .mosaic--tile__link:focus .cta--btn-blue-seabreeze {
    background: #0a4386
}

.mosaic.mosaic-version-a .mosaic--tile__link:hover .cta--btn-blue-ocean,.mosaic.mosaic-version-a .mosaic--tile__link:focus .cta--btn-blue-ocean,.mosaic.mosaic-version-a .mosaic--tile__link:hover .cta--btn-blue-skyline,.mosaic.mosaic-version-a .mosaic--tile__link:focus .cta--btn-blue-skyline {
    background: #284082
}

.mosaic.mosaic-version-a .mosaic--tile__link:hover .cta--btn-blue-cloud,.mosaic.mosaic-version-a .mosaic--tile__link:focus .cta--btn-blue-cloud {
    background: #0a4386
}

.mosaic.mosaic-version-a .mosaic--tile__link:hover .cta--btn-blue-irish-spring,.mosaic.mosaic-version-a .mosaic--tile__link:focus .cta--btn-blue-irish-spring {
    background: #1c5f77
}

.mosaic.mosaic-version-a .mosaic--tile__link:active .mosaic--tile--enhanced--title.blue {
    color: #0092ff
}

.mosaic.mosaic-version-a .mosaic--tile__link:active .cta--primary {
    background: #0092ff
}

.mosaic.mosaic-version-a .mosaic--tile__link:active .cta--secondary {
    background: #ccc
}

.mosaic.mosaic-version-a .mosaic--tile__link:active .cta--btn-green-aloe {
    background: #2ca853
}

.mosaic.mosaic-version-a .mosaic--tile__link:active .cta--btn-purple-orchid {
    background: #2642a8
}

.mosaic.mosaic-version-a .mosaic--tile__link:active .cta--btn-purple-berry,.mosaic.mosaic-version-a .mosaic--tile__link:active .cta--btn-purple-rain {
    background: #7d4a89
}

.mosaic.mosaic-version-a .mosaic--tile__link:active .cta--btn-blue-seabreeze,.mosaic.mosaic-version-a .mosaic--tile__link:active .cta--btn-blue-ocean,.mosaic.mosaic-version-a .mosaic--tile__link:active .cta--btn-blue-skyline,.mosaic.mosaic-version-a .mosaic--tile__link:active .cta--btn-blue-cloud {
    background: #0092ff
}

.mosaic.mosaic-version-a .mosaic--tile__link:active .cta--btn-blue-irish-spring {
    background: #3591aa
}

.mosaic.mosaic-version-a .mosaic--tile__link img {
    float: right
}

.mosaic.mosaic-version-a .mosaic--tile__link.flexible-ad img {
    float: none
}

.mosaic.mosaic-version-a .mosaic--tile__title {
    color: #414042;
    line-height: 1.375em;
    margin: 0 115px 0 0;
    padding: .313em 1em .313em 0
}

.mosaic.mosaic-version-a .mosaic--tile__slug {
    font-size: .875em;
    font-weight: 600;
    line-height: 1em;
    margin: 0 115px 0 0
}

.mosaic.mosaic-version-a .mosaic--tile--enhanced--title {
    color: #414042;
    font-size: 1em;
    line-height: 1.3;
    margin: 0 115px .125em 0;
    padding: 0 .625em 0 0;
}

.mosaic.mosaic-version-a .mosaic--tile--enhanced--title.blue {
    color: #126bc5;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.mosaic.mosaic-version-a .mosaic--tile--enhanced--title p {
    margin: 0
}

.mosaic.mosaic-version-a .mosaic--tile--enhanced--copy {
    color: #414042;
    font-size: .75em;
    line-height: 1.3;
    margin: 0 115px .333em 0;
    padding: 0 .833em 0 0;
}

.mosaic.mosaic-version-a .mosaic--tile--enhanced--copy p {
    margin: 0
}

.mosaic.mosaic-version-a .mosaic--tile--enhanced--link {
    font-size: .75em;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 115px 0 0;
    padding: 0 .833em 0 0;
}

.mosaic.mosaic-version-a .mosaic--tile--enhanced--link p {
    margin: 0
}

.mosaic.mosaic-version-a .mosaic--tile--enhanced--btn {
    min-width: 150px;
    padding: .5em .417em;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
}

.mosaic.mosaic-version-a .mosaic--tile--enhanced--btn-container {
    font-size: .75em;
    line-height: 1;
    margin: 0 115px 0 0;
    padding: 0 .833em 0 0
}

.mosaic.mosaic-version-a .mosaic--tile--enhanced--btn p {
    margin: 0
}

@media only screen and (min-width: 20em) {
    .mosaic.mosaic-version-a .mosaic--tile--enhanced--btn {
        width:41.66666%
    }
}

@media only screen and (min-width: 30em) {
    .mosaic.mosaic-version-a .mosaic--tile__link img {
        height:auto;
        width: 50%
    }

    .mosaic.mosaic-version-a .mosaic--tile__link.flexible-ad img {
        width: auto
    }

    .mosaic.mosaic-version-a .mosaic--tile__title {
        margin-right: 50%
    }

    .mosaic.mosaic-version-a .mosaic--tile__slug {
        margin-right: 50%
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--title {
        margin-right: 50%
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--copy {
        margin-right: 50%
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--link {
        margin-right: 50%
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--btn-container {
        margin-right: 50%
    }
}

@media only screen and (min-width: 35.063em) {
    .mosaic.mosaic-version-a .mosaic--tile__title {
        font-size:1.125em;
        line-height: 1.3
    }
}

@media only screen and (min-width: 35.5em) {
    .mosaic.mosaic-version-a .mosaic--tile--enhanced--title {
        font-size:1.25em;
        margin-bottom: .313em;
        padding-right: .5em;
        padding-top: .313em
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--copy {
        font-size: .875em;
        margin-bottom: .625em;
        padding-right: .714em
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--link {
        font-size: .875em;
        padding-right: .714em
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--btn {
        min-width: 160px;
        padding-left: .357em;
        padding-right: .357em;
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--btn-container {
        font-size: .875em;
        padding-right: .714em
    }
}

@media only screen and (min-width: 48em) {
    .mosaic.mosaic-version-a .mosaic--tile__link {
        min-height:355px;
    }

    .mosaic.mosaic-version-a .mosaic--tile__link img {
        float: none;
        width: 100%
    }

    .mosaic.mosaic-version-a .mosaic--tile__title {
        margin-right: 0;
        padding: .222em .667em .278em .667em
    }

    .mosaic.mosaic-version-a .mosaic--tile__slug {
        margin-right: 0;
        padding: 0 .857em
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--title {
        margin-right: 0;
        margin-top: .1em;
        padding: 0 .2em
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--copy {
        margin-right: 0;
        padding: 0 .286em
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--link {
        margin-right: 0;
        padding: 0 .286em
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--btn {
        min-width: 182px;
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--btn-container {
        margin-right: 0;
        padding: 0 .25em;
        position: absolute;
        bottom: 0;
        width: 100%
    }
}

@media only screen and (min-width: 75em) {
    .mosaic.mosaic-version-a .mosaic--tile--enhanced--title {
        margin-bottom:.278em;
        padding: 0 .4em
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--copy {
        padding: 0 .571em
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--link {
        padding: 0 .571em
    }

    .mosaic.mosaic-version-a .mosaic--tile--enhanced--btn-container {
        padding: 0 .5em
    }
}

.mosaic.mosaic-version-b:after {
    clear: both;
    content: '';
    display: table
}

.mosaic.mosaic-version-b .mosaic__inner {
    background: #f3f0e9;
    padding-top: 2em
}

.mosaic.mosaic-version-b .mosaic__heading {
    margin-bottom: 1.25em;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
}

.mosaic.mosaic-version-b .mosaic__heading--inner {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 10px
}

.mosaic.mosaic-version-b .mosaic__heading__title {
    font-size: 2.25em;
    line-height: 1.167em;
    margin: 0;
    font-weight: 300;
    color: #414042
}

.mosaic.mosaic-version-b .mosaic__heading__desc {
    margin: 6px 0 0 0;
    color: #666;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.3em
}

.mosaic.mosaic-version-b .mosaic__follow-us {
    padding-left: 4px;
    padding-right: 4px;
}

.mosaic.mosaic-version-b .mosaic__follow-us--title {
    color: #717171;
    display: inline-block;
    margin: 0 0 10px 0
}

.mosaic.mosaic-version-b .mosaic__follow-us--links {
    display: inline-block;
    vertical-align: middle
}

.mosaic.mosaic-version-b .mosaic__follow-us--link {
    display: inline;
}

.mosaic.mosaic-version-b .mosaic__follow-us--link a {
    color: #717171;
    font-size: 1.5em;
    padding: 0 .25em;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.mosaic.mosaic-version-b .mosaic__follow-us--link a:hover {
    color: #414042
}

.mosaic.mosaic-version-b .mosaic__tile {
    margin: 0 0 .75em 0;
}

.mosaic.mosaic-version-b .mosaic__tile:after {
    clear: both;
    content: '';
    display: table
}

.mosaic.mosaic-version-b .mosaic__tile:last-child {
    margin-bottom: 0
}

.mosaic.mosaic-version-b .mosaic__tile:nth-child(n + 4) {
    display: none
}

.mosaic.mosaic-version-b .mosaic__tile__link {
    display: block;
    color: #414042;
    text-decoration: none;
}

.mosaic.mosaic-version-b .mosaic__tile__link:focus {
    outline: 1px dotted #000
}

.mosaic.mosaic-version-b .mosaic__tile__content {
    float: left;
    padding: .5em 1em .5em 0;
    width: -webkit-calc(100% - 115px);
    width: calc(100% - 115px)
}

.mosaic.mosaic-version-b .mosaic__tile__title {
    font-size: 1em;
    line-height: 1.375em;
    font-weight: 400;
    margin: 0
}

.mosaic.mosaic-version-b .mosaic__tile__promo {
    font-size: .875em;
    margin: .357em 0 0 0;
}

.mosaic.mosaic-version-b .mosaic__tile__promo span {
    color: #2f738e
}

.mosaic.mosaic-version-b .mosaic__tile__img {
    position: relative;
    float: right;
    height: 115px;
    text-align: right;
    width: 115px;
}

.mosaic.mosaic-version-b .mosaic__tile__img img {
    height: 115px;
    width: 115px
}

.mosaic.mosaic-version-b .mosaic__tile__img:before {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 25px;
    padding: 0 0 10px 10px
}

.mosaic.mosaic-version-b .mosaic__cta {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.375em;
    text-decoration: none;
}

.mosaic.mosaic-version-b .mosaic__cta-container {
    padding-bottom: 2em;
    padding-top: .5em
}

.mosaic.mosaic-version-b .mosaic__cta .progress {
    vertical-align: middle
}

.mosaic.mosaic-version-b .mosaic__cta.regular-link {
    text-decoration: underline
}

@media only screen and (min-width: 20em) and (max-width:29.938em) {
    .mosaic.mosaic-version-b .mosaic__tile {
        padding-left:0;
        padding-right: 0;
        width: 100%
    }
}

@media only screen and (min-width: 24.126em) {
    .mosaic.mosaic-version-b .mosaic__follow-us--title {
        margin:0
    }
}

@media only screen and (min-width: 30em) {
    .mosaic.mosaic-version-b .mosaic__heading__title {
        font-size:2.5em;
        line-height: 1.15em
    }

    .mosaic.mosaic-version-b .mosaic__tiles {
        padding-left: 4px;
        padding-right: 4px
    }

    .mosaic.mosaic-version-b .mosaic__tile {
        margin: 0 0 1.25em 0;
        padding-left: 4px;
        padding-right: 4px;
    }

    .mosaic.mosaic-version-b .mosaic__tile:nth-child(n + 4) {
        display: block
    }

    .mosaic.mosaic-version-b .mosaic__tile:nth-child(n + 7) {
        display: none
    }

    .mosaic.mosaic-version-b .mosaic__tile__content {
        float: none;
        padding: .5em .75em .75em .75em;
        width: auto
    }

    .mosaic.mosaic-version-b .mosaic__tile__img {
        float: none;
        height: auto;
        width: auto;
    }

    .mosaic.mosaic-version-b .mosaic__tile__img img {
        height: auto;
        width: auto
    }

    .mosaic.mosaic-version-b .mosaic__cta-container {
        padding-top: 0
    }
}

@media only screen and (min-width: 35em) {
    .mosaic.mosaic-version-b .mosaic__heading__cta {
        font-size:1.125em;
        line-height: 1.333em
    }
}

@media only screen and (min-width: 48em) {
    .mosaic.mosaic-version-b .mosaic__heading {
        margin-bottom:2em;
    }

    .mosaic.mosaic-version-b .mosaic__heading--inner {
        margin-bottom: 0
    }

    .mosaic.mosaic-version-b .mosaic__follow-us {
        bottom: 0;
        position: absolute;
        right: 0;
        text-align: right;
    }

    .mosaic.mosaic-version-b .mosaic__follow-us--title {
        font-size: 1.125em
    }

    .mosaic.mosaic-version-b .mosaic__tile__title {
        font-size: 1.25em;
        line-height: 1.3em
    }
}

@media only screen and (min-width: 62em) {
    .mosaic.mosaic-version-b .mosaic__heading__title {
        font-size:3.125em;
        line-height: 1.12em
    }

    .mosaic.mosaic-version-b .mosaic__heading__desc {
        font-size: 1em;
        line-height: 1.375em
    }

    .mosaic.mosaic-version-b .mosaic__tile:nth-child(n + 4) {
        display: block
    }

    .mosaic.mosaic-version-b .mosaic__tile:nth-child(n + 7) {
        display: block
    }

    .mosaic.mosaic-version-b .mosaic__tile:nth-child(n + 10) {
        display: none
    }
}

@media only screen and (min-width: 75em) {
    .mosaic.mosaic-version-b .mosaic__heading__desc {
        font-size:1.25em;
        line-height: 1.3em
    }

    .mosaic.mosaic-version-b .mosaic__tile:nth-child(n + 4) {
        display: block
    }

    .mosaic.mosaic-version-b .mosaic__tile:nth-child(n + 7) {
        display: block
    }

    .mosaic.mosaic-version-b .mosaic__tile:nth-child(n + 10) {
        display: block
    }

    .mosaic.mosaic-version-b .mosaic__cta {
        font-size: 1.3em;
        line-height: 1.3em
    }
}

.mortgage-calculator {
    margin-bottom: 1.5em;
    padding: 0 .5em;
    position: relative;
}

.mortgage-calculator .loan-purpose .tooltip {
    z-index: 99
}

.mortgage-calculator .state-class .tooltip {
    z-index: 99
}

.mortgage-calculator .amount-class .tooltip {
    z-index: 98
}

.mortgage-calculator.left .mortgage-calculator__content {
    float: left
}

.mortgage-calculator.left .mortgage-calculator__img {
    float: left
}

.mortgage-calculator.divider:before {
    border-top: 1px solid #ccc;
    content: '';
    left: 1em;
    padding: 0 0 1.5em 0;
    position: relative;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em)
}

.mortgage-calculator__content--title h2 {
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1.167em;
    margin: 0 0 .444em 0;
    color: #414042
}

.mortgage-calculator__content--area p {
    font-size: 1em;
    line-height: 1.375em;
    margin: 0 0 .625em 0;
    font-weight: 400
}

.mortgage-calculator__content--area ul {
    font-size: 1em;
    line-height: 1.375em;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.mortgage-calculator__content--area ul li {
    margin: 0 0 1.125em 0;
}

.mortgage-calculator__content--area ul li a {
    text-decoration: none;
}

.mortgage-calculator__content--area ul li a.regular-link {
    text-decoration: underline
}

.mortgage-calculator__content--area ol {
    font-size: 1em;
    line-height: 1.375em;
    list-style-position: outside;
    margin: 0 .5625em 1.375em .5625em;
    padding: 0 1.125em;
}

.mortgage-calculator__content--area ol li {
    margin: 0 0 1.125em 0;
}

.mortgage-calculator__content--area ol li a {
    text-decoration: none;
}

.mortgage-calculator__content--area ol li a.regular-link {
    text-decoration: underline
}

.mortgage-calculator__content--quote {
    color: #af4317;
    font-style: italic;
    line-height: 1.375;
    margin: 0 0 .25em 0;
}

.mortgage-calculator__content--quote-author {
    color: #717171;
    font-size: .875em;
    margin: 0 0 .714em 0
}

.mortgage-calculator__forms form fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.mortgage-calculator__forms form fieldset legend {
    display: none
}

.mortgage-calculator__forms form fieldset p {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.mortgage-calculator__forms form fieldset p:last-child {
    float: right
}

.mortgage-calculator__forms form fieldset p span {
    padding: 0 0 10px 0;
}

.mortgage-calculator__forms form fieldset p span select,.mortgage-calculator__forms form fieldset p span input {
    width: 100%;
    padding: 8px;
    border: .063em solid #ccc
}

.mortgage-calculator__forms form fieldset p span select {
    height: 40px;
    -moz-appearance: none;
    background-color: #fff;
    background: url("img/select-arrow.html") no-repeat right .188em;
}

.mortgage-calculator__forms form fieldset p span select::-ms-expand {
    display: none
}

.mortgage-calculator__forms form fieldset p span select.webkit {
    -webkit-appearance: none
}

.mortgage-calculator__forms form fieldset p span select.errorBorder {
    border: 2px solid #bf2155
}

.mortgage-calculator__forms form fieldset p span select:focus,.mortgage-calculator__forms form fieldset p span select:active {
    outline: thin dotted #000
}

.mortgage-calculator__forms form fieldset p span input {
    padding-left: 20px;
}

.mortgage-calculator__forms form fieldset p span input.errorBorder {
    border: 2px solid #bf2155
}

.mortgage-calculator__forms form fieldset p span .placeholder {
    position: absolute;
    top: 12px;
    left: 8px;
    padding: 0
}

.mortgage-calculator__forms--cta-container {
    padding: 0;
}

.mortgage-calculator__forms--cta-container a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

.mortgage-calculator__forms--cta-container a.regular-link {
    text-decoration: underline
}

.mortgage-calculator__forms--cta-container__btn:first-child {
    padding: 0 8px 0 0
}

.mortgage-calculator__forms--cta-container__btn:last-child {
    padding: 0
}

.mortgage-calculator__forms--cta-container__btn a {
    min-width: 0;
    padding-top: 16px;
    padding-bottom: 16px
}

.mortgage-calculator__img {
    display: none
}

.mortgage-calculator .tooltip__text {
    position: absolute;
}

.mortgage-calculator .tooltip__text img {
    margin-top: 0;
    margin-left: 4px
}

@media only screen and (min-width: 48em) {
    .mortgage-calculator {
        padding:0 1em;
        margin-bottom: 2.5em;
    }

    .mortgage-calculator.divider:before {
        padding: 0 0 2.5em 0
    }

    .mortgage-calculator.left .mortgage-calculator__content {
        float: right
    }

    .mortgage-calculator__content--title h2 {
        font-size: 2.5em;
        line-height: 1.15em;
        margin: 0 0 .4em 0
    }

    .mortgage-calculator__content--area p {
        font-size: 1.125em;
        line-height: 1.333em;
        margin: 0 0 1.15em 0
    }

    .mortgage-calculator__content--area ul {
        font-size: 1.125em;
        line-height: 1.333em;
        margin: 0 0 1.15em 0
    }

    .mortgage-calculator__content--area ol {
        font-size: 1.125em;
        line-height: 1.333em;
        margin: 0 0 1.15em 0
    }

    .mortgage-calculator__content--quote {
        font-size: 1.125em;
        line-height: 1.333em;
        margin: 0 0 1.15em 0
    }

    .mortgage-calculator__forms form fieldset {
        margin-bottom: 10px;
    }

    .mortgage-calculator__forms form fieldset p {
        padding-left: 0;
        padding-right: 8px
    }

    .mortgage-calculator__forms--cta-container__btn:last-child {
        padding: 0 8px 0 0
    }

    .mortgage-calculator__img {
        display: block;
        text-align: center;
    }

    .mortgage-calculator__img img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 62em) {
    .mortgage-calculator__content--title h2 {
        margin:0 0 .5em 0
    }
}

@media only screen and (min-width: 75em) {
    .mortgage-calculator__content--title h2 {
        font-size:3.125em;
        line-height: 1.12em;
        margin: 0 0 .4em 0
    }

    .mortgage-calculator__content--area p {
        font-size: 1.25em;
        line-height: 1.3em;
        margin: 0 0 1em 0
    }

    .mortgage-calculator__content--area ul {
        font-size: 1.25em;
        line-height: 1.3em;
        margin: 0 0 1em 0
    }

    .mortgage-calculator__content--area ol {
        font-size: 1.25em;
        line-height: 1.3em;
        margin: 0 0 1em 0
    }

    .mortgage-calculator__content--quote {
        font-size: 1.25em;
        line-height: 1.3em;
        margin: 0 0 1em 0
    }
}

.label__text.error {
    color: #bf2155 !important
}

.field__validation.error input,.field__validation.error select {
    border: 2px solid #bf2155 !important
}

.field__validation.error .tooltip {
    position: absolute;
}

.field__validation.error .tooltip.top,.field__validation.error .tooltip.right,.field__validation.error .tooltip.bottom,.field__validation.error .tooltip.left {
    width: auto;
    padding: .857em 1.143em;
    max-width: 100%;
    border: 1px solid #bf2155;
    background: #bf2155;
    text-align: left;
    color: #fff;
    z-index: 102 !important;
}

.field__validation.error .tooltip.top .tooltip-arrow,.field__validation.error .tooltip.right .tooltip-arrow,.field__validation.error .tooltip.bottom .tooltip-arrow,.field__validation.error .tooltip.left .tooltip-arrow {
    background: #bf2155;
    border: 1px solid #bf2155;
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.field__validation.error .tooltip.top {
    margin-top: -1.5em !important;
}

.field__validation.error .tooltip.top .tooltip-arrow {
    bottom: -.5em;
    left: 50% !important;
    margin-left: -.5em;
    border-top: 0 none transparent;
    border-left: 0 none transparent
}

.field__validation.error .tooltip.right .tooltip-arrow {
    left: -.5em;
    top: 50%;
    margin-top: -.5em;
    border-top: 0 none transparent;
    border-right: 0 none transparent
}

.field__validation.error .tooltip.bottom .tooltip-arrow {
    top: -.5em;
    left: 50% !important;
    margin-left: -.5em;
    border-right: 0 none transparent;
    border-bottom: 0 none transparent
}

.field__validation.error .tooltip.left .tooltip-arrow {
    right: -.5em;
    top: 50%;
    margin-top: -.5em;
    border-bottom: 0 none transparent;
    border-left: 0 none transparent
}

.field__validation.error.inverted .tooltip.top,.field__validation.error.inverted .tooltip.right,.field__validation.error.inverted .tooltip.bottom,.field__validation.error.inverted .tooltip.left {
    background: #fff;
    border-color: #bf2155;
    color: #bf2155;
}

.field__validation.error.inverted .tooltip.top .tooltip-arrow,.field__validation.error.inverted .tooltip.right .tooltip-arrow,.field__validation.error.inverted .tooltip.bottom .tooltip-arrow,.field__validation.error.inverted .tooltip.left .tooltip-arrow {
    background: #fff;
    border-color: #bf2155
}

.field__validation.error.inverted .tooltip.top .tooltip-arrow {
    border-top-color: transparent;
    border-left-color: transparent
}

.field__validation.error.inverted .tooltip.right .tooltip-arrow {
    border-top-color: transparent;
    border-right-color: transparent
}

.field__validation.error.inverted .tooltip.bottom .tooltip-arrow {
    border-right-color: transparent;
    border-bottom-color: transparent
}

.field__validation.error.inverted .tooltip.left .tooltip-arrow {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.bucket-3-column-parallax__bucket {
    margin-bottom: 1.875em;
    text-align: center;
}

.bucket-3-column-parallax__bucket:last-child {
    margin-bottom: 0
}

.bucket-3-column-parallax__bucket-section {
    background: #f9f6f3;
    padding: 2em 0
}

.bucket-3-column-parallax__bucket__heading {
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1.167;
    margin: 0 0 .556em 0;
    text-align: center
}

.bucket-3-column-parallax__bucket__sub-heading {
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 .2em 0
}

.bucket-3-column-parallax__bucket__copy {
    font-size: 1em;
    line-height: 1.5;
    margin: 0 0 .25em 0
}

.bucket-3-column-parallax__bucket__img-container.visible .bucket-3-column-parallax__hover-menu__wrapper {
    opacity: 1;
    visibility: visible
}

.bucket-3-column-parallax__hover-menu h3 {
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 .25em 0
}

.bucket-3-column-parallax__hover-menu p {
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.5
}

.bucket-3-column-parallax__hover-menu__button {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}

.bucket-3-column-parallax__hover-menu__button img {
    z-index: 100
}

.bucket-3-column-parallax__hover-menu__wrapper {
    background: rgba(0,0,0,0.8);
    color: #fff;
    opacity: 0;
    padding: 1.25em;
    position: absolute;
    text-align: left;
    width: 23em;
    visibility: hidden;
    z-index: 100
}

.bucket-3-column-parallax__scroll-target-img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-height: 20em;
    max-width: 73.438em
}

@media only screen and (min-width: 48em) {
    .bucket-3-column-parallax {
        position:relative;
    }

    .bucket-3-column-parallax__bucket {
        margin-bottom: 0;
    }

    .bucket-3-column-parallax__bucket-section {
        padding: 2.5em 0
    }

    .bucket-3-column-parallax__bucket__heading {
        font-size: 2.5em;
        line-height: 1;
        margin-bottom: .75em
    }

    .bucket-3-column-parallax__bucket__copy {
        margin-bottom: 1.25em
    }

    .bucket-3-column-parallax__actionable-section {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 32em
    }

    .bucket-3-column-parallax__inner {
        margin: auto;
        max-width: 75em
    }

    .bucket-3-column-parallax__scroll-target-img {
        max-height: 32em
    }
}

@media only screen and (min-width: 64em) {
    .bucket-3-column-parallax__actionable-section {
        height:38.75em
    }

    .bucket-3-column-parallax__scroll-target-img {
        max-height: 38.75em
    }
}

@media only screen and (min-width: 75em) {
    .bucket-3-column-parallax__bucket-section {
        padding:3.75em 0
    }

    .bucket-3-column-parallax__bucket__heading {
        font-size: 3.125em;
        margin-bottom: .6em
    }

    .bucket-3-column-parallax__bucket__img-container {
        height: 12.5em;
        margin: auto;
        position: relative;
        width: 12.5em
    }

    .bucket-3-column-parallax__actionable-section {
        height: 48em
    }

    .bucket-3-column-parallax__scroll-target-img {
        max-height: 48em
    }
}

.pop-over-module .pop__inner {
    background: #f3f0e9;
    padding: 2em 1.25em 2em 1.625em
}

.pop-over-module .pop__heading {
    text-align: center;
}

.pop-over-module .pop__heading--inner {
    padding-left: .25em;
    padding-right: .25em
}

.pop-over-module .pop__heading__title {
    font-size: 2em;
    line-height: 1.188em;
    margin: 0 0 .375em 0;
    font-weight: 400;
    color: #414042
}

.pop-over-module .pop__heading__desc {
    color: #666;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.3em;
    margin: 0 0 .8em 0
}

.pop-over-module .pop__tile__img {
    text-align: center;
    display: none
}

.pop-over-module .pop__tile__mobile:after {
    content: "";
    display: table;
    clear: both
}

.pop-over-module .pop__tile__mobile--btn {
    display: inline-block;
    background-color: rgba(11,110,253,0.7);
    border-radius: 35px;
    height: 35px;
    width: 35px;
    text-align: center;
    padding-top: .5em;
    color: #fff;
    float: left
}

.pop-over-module .pop__tile__content {
    display: inline-block;
    width: 85%;
    padding-left: 1em;
}

.pop-over-module .pop__tile__content--title {
    font-weight: 600;
    margin: 0 0 .25em 0
}

.pop-over-module .pop__tile__content--desc {
    margin: 0 0 1.25em 0
}

@media only screen and (min-width: 35em) {
    .pop-over-module .pop__heading__title {
        font-size:2.5em;
        line-height: 1.15em
    }
}

@media only screen and (min-width: 48em) {
    .pop-over-module {
        overflow:hidden;
    }

    .pop-over-module .pop__inner {
        text-align: center;
        padding: 2.5em 1.25em 2.5em 1.625em
    }

    .pop-over-module .pop__heading {
        margin-bottom: 2em;
    }

    .pop-over-module .pop__heading__desc {
        margin: 0
    }

    .pop-over-module .pop__tile {
        position: relative;
        display: inline-block;
    }

    .pop-over-module .pop__tile__img {
        display: inline-block;
        width: 75%
    }

    .pop-over-module .pop__tile__mobile {
        display: inline-block;
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .pop-over-module .pop__tile__mobile--inner {
        width: 45%;
        position: absolute;
    }

    .pop-over-module .pop__tile__mobile--inner.inner--one {
        top: 12%
    }

    .pop-over-module .pop__tile__mobile--inner.inner--two {
        top: 56%;
        left: 12%
    }

    .pop-over-module .pop__tile__mobile--inner.inner--three {
        top: 45%;
        right: 15%
    }

    .pop-over-module .pop__tile__mobile--inner.inner--four {
        top: 60%;
        right: 42%
    }

    .pop-over-module .pop__tile__mobile--btn {
        visibility: hidden;
        cursor: pointer;
    }

    .pop-over-module .pop__tile__mobile--btn.stable {
        visibility: visible
    }

    .pop-over-module .pop__tile__mobile--btn.btn--one {
        position: absolute;
        left: 70%;
        top: 5%
    }

    .pop-over-module .pop__tile__mobile--btn.btn--two {
        position: absolute;
        z-index: 100;
        left: 25%;
        top: 14%
    }

    .pop-over-module .pop__tile__mobile--btn.btn--three {
        position: absolute;
        left: 74%;
        top: 10%
    }

    .pop-over-module .pop__tile__mobile--btn.btn--four {
        position: absolute;
        left: 22%;
        top: 45%
    }

    .pop-over-module .pop__tile__content {
        visibility: hidden;
        position: relative;
        background-color: #fff;
        text-align: center;
        width: 68%;
        padding: 20px;
    }

    .pop-over-module .pop__tile__content.open {
        visibility: visible !important
    }

    .pop-over-module .pop__tile__content--title {
        margin-bottom: 10px
    }

    .pop-over-module .pop__tile__content.content--one {
        right: 18%
    }

    .pop-over-module .pop__tile__content.content--two {
        left: 25%
    }

    .pop-over-module .pop__tile__content.content--three {
        right: 15%
    }

    .pop-over-module .pop__tile__content.content--four {
        left: 20%
    }
}

@media only screen and (min-width: 62em) {
    .pop-over-module .pop__heading__title {
        font-size:3em;
        line-height: 1.125em
    }

    .pop-over-module .pop__heading__desc {
        font-size: 1.5em;
        line-height: 1.25em
    }

    .pop-over-module .pop__tile__img {
        width: 100%
    }

    .pop-over-module .pop__tile__mobile {
        display: inline-block;
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .pop-over-module .pop__tile__mobile--inner {
        position: absolute;
    }

    .pop-over-module .pop__tile__mobile--inner.inner--one {
        top: 14%
    }

    .pop-over-module .pop__tile__mobile--inner.inner--two {
        top: 60%;
        left: 8%
    }

    .pop-over-module .pop__tile__mobile--inner.inner--three {
        top: 46%;
        left: 46%
    }

    .pop-over-module .pop__tile__mobile--inner.inner--four {
        top: 72%;
        left: 5%
    }

    .pop-over-module .pop__tile__mobile--btn.btn--one {
        position: absolute;
        left: 60%;
        top: 5%
    }

    .pop-over-module .pop__tile__mobile--btn.btn--two {
        position: absolute;
        left: 15%;
        top: 14%
    }

    .pop-over-module .pop__tile__mobile--btn.btn--three {
        position: absolute;
        left: 84%;
        top: 20%
    }

    .pop-over-module .pop__tile__mobile--btn.btn--four {
        position: absolute;
        left: 12%;
        top: 40%
    }

    .pop-over-module .pop__tile__content.content--one {
        right: 30%
    }

    .pop-over-module .pop__tile__content.content--two {
        left: 15%
    }

    .pop-over-module .pop__tile__content.content--three {
        left: -5%
    }

    .pop-over-module .pop__tile__content.content--four {
        left: 10%
    }
}

.search-results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    padding: 65px 8px 0 8px;
}

.search-results__messages-container {
    padding: 24px 0 0 0
}

.search-results a {
    cursor: pointer
}

.search-results a.disabled {
    pointer-events: none;
    text-decoration: none;
    color: #000;
    cursor: default
}

.search-results__over-ten-results {
    line-height: 1.5em;
    padding: 0 0 24px 0;
}

.search-results__over-ten-results-heading {
    margin: 0 0 10px 0;
}

.search-results__over-ten-results-heading h1,.search-results__over-ten-results-heading h2,.search-results__over-ten-results-heading h3,.search-results__over-ten-results-heading h4,.search-results__over-ten-results-heading p {
    line-height: 1.5em;
    font-size: 1em;
    font-weight: 600
}

.search-results__over-ten-results-desc h1,.search-results__over-ten-results-desc h2,.search-results__over-ten-results-desc h3,.search-results__over-ten-results-desc h4,.search-results__over-ten-results-desc p {
    font-size: 1em;
    font-weight: 300
}

.search-results__over-ten-results.hide {
    display: none
}

.search-results .search-results__error-validation {
    margin: 0 0 24px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.search-results .search-results__error-validation-text {
    margin: 2px 0 0 35px;
    color: #c12c61;
    font-size: 1em;
    font-weight: 400;
}

.search-results .search-results__error-validation-text h1,.search-results .search-results__error-validation-text h2,.search-results .search-results__error-validation-text h3,.search-results .search-results__error-validation-text h4,.search-results .search-results__error-validation-text p {
    color: #c12c61;
    font-size: 1em;
    font-weight: 400
}

.search-results .search-results__error-validation.hide {
    display: none
}

.search-results .search-results__error-validation .clearfix .glyph {
    float: left;
    overflow: hidden;
}

.search-results .search-results__error-validation .clearfix .glyph .icon-exclamation:before {
    color: #c12c61;
    position: absolute
}

.search-results .search-results__error-validation .clearfix .fs1 {
    font-size: 1.5rem
}

.search-results .search-results__subheader-spelling {
    margin: 16px 0 0 0;
}

.search-results .search-results__subheader-spelling h1,.search-results .search-results__subheader-spelling h2,.search-results .search-results__subheader-spelling h3,.search-results .search-results__subheader-spelling p {
    font-size: 1em;
    font-weight: 400
}

.search-results .search-results__subheader-spelling.hide {
    display: none
}

.search-results .search-results--search {
    cursor: pointer;
    font-size: 1.5em;
}

.search-results .search-results--search__bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.search-results .search-results--search__bar.row {
    margin: 0 0 24px 0
}

.search-results .search-results--search__bar__cta--container {
    display: none;
}

.search-results .search-results--search__bar__cta--container a {
    text-decoration: none
}

.search-results .search-results--search__bar__form {
    display: inline-block;
    position: relative;
    width: 100%
}

.search-results .search-results--search__bar--search-input {
    background: #5d5d5d;
    background: rgba(255,255,255,0.15);
    border: 1px solid #999;
    color: #414042;
    height: 2.5em;
    padding: 0 2.5em;
    width: 100%
}

.search-results .search-results--search__bar--search-icon {
    text-decoration: none;
    color: #999;
    background: transparent;
    border: 0;
    left: 1.2em;
    padding: 12px 0 11px 0;
    position: absolute;
    top: 0;
    width: 1.1em;
}

.search-results .search-results--search__bar--search-icon:focus {
    outline: thin dotted
}

.search-results .search-results--search__bar--search-close-icon {
    display: inline;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: .7em;
    opacity: 0;
    position: absolute;
    right: 2em;
    top: 22px;
    -webkit-transition: opacity,visibility .4s ease;
    transition: opacity,visibility .4s ease;
    opacity: 1;
    padding: 0;
    background: #666;
    border-radius: 20px;
    height: 20px;
    width: 20px;
    line-height: 0;
}

.search-results .search-results--search__bar--search-close-icon:focus {
    outline: thin dotted
}

.search-results__header {
    margin: 0 0 24px 0;
}

.search-results__header.hide {
    display: none
}

.search-results__header .search-results__header--title {
    margin: 0 0 16px 0;
}

.search-results__header .search-results__header--title h1,.search-results__header .search-results__header--title h2,.search-results__header .search-results__header--title h3,.search-results__header .search-results__header--title h4,.search-results__header .search-results__header--title p {
    margin: 0;
    font-size: 1.5em;
    font-weight: 200
}

.search-results__header .search-results__header--title.hide {
    display: none
}

.search-results__header .search-results__subheader {
    margin: 0 0 0 0;
}

.search-results__header .search-results__subheader h1,.search-results__header .search-results__subheader h2,.search-results__header .search-results__subheader h3,.search-results__header .search-results__subheader h4,.search-results__header .search-results__subheader p {
    margin: 0;
    font-size: 1em;
    font-weight: 500
}

.search-results__header .search-results__subheader.hide {
    display: none
}

.search-results .search-results__subheader-no-results {
    margin: 0 0 24px 0;
    font-size: 1em;
    font-weight: 500;
}

.search-results .search-results__subheader-no-results h1,.search-results .search-results__subheader-no-results h2,.search-results .search-results__subheader-no-results h3,.search-results .search-results__subheader-no-results h4,.search-results .search-results__subheader-no-results p {
    margin: 0;
    font-size: 1em;
    font-weight: 500
}

.search-results .search-results__subheader-no-results.hide {
    display: none
}

.search-results__featured-links-container {
    display: block;
    margin-bottom: 24px;
    text-align: left;
    padding: 0 14px 0 14px;
}

.search-results__featured-links-container.hide {
    display: none
}

.search-results__featured-links-container.colored {
    background-color: #f0f8ff;
    border-style: solid;
    border-color: #add8e6
}

.search-results__featured-links-container .search-results__featured-links-heading {
    margin: 20px 0 14px 0;
}

.search-results__featured-links-container .search-results__featured-links-heading h1,.search-results__featured-links-container .search-results__featured-links-heading h2,.search-results__featured-links-container .search-results__featured-links-heading h3,.search-results__featured-links-container .search-results__featured-links-heading p {
    font-size: 1.5em;
    font-weight: 300
}

.search-results__featured-links-container .search-results__featured-links-heading.hide {
    display: none
}

.search-results__featured-links-container .search-results__featured-link-single {
    margin: 0 0 24px 0
}

.search-results__search-match-container .search-results__search-match-list .search-results__search-match-single {
    margin: 0 0 24px 0;
}

.search-results__search-match-container .search-results__search-match-list .search-results__search-match-single a {
    line-height: 1.5em
}

.search-results__search-match-container .search-results__search-match-list .search-results__search-match-single .search-results__metadata {
    line-height: 1.5em
}

.search-results__search-match-container.hide {
    display: none
}

.search-results .icon-left-progress,.search-results .icon-right-progress {
    margin-left: 0;
    margin-right: 0;
    font-size: .8em
}

.search-results .search-results__page-navigation-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 24px;
    padding-bottom: 24px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.search-results .search-results__page-navigation-container .search-results__page-previous {
    text-decoration: none;
}

.search-results .search-results__page-navigation-container .search-results__page-previous.hide {
    display: none
}

.search-results .search-results__page-navigation-container .search-results__page-next {
    text-decoration: none;
}

.search-results .search-results__page-navigation-container .search-results__page-next.hide {
    display: none
}

.search-results .search-results__page-navigation-container .search-results__page-list-container {
    display: none;
}

.search-results .search-results__page-navigation-container .search-results__page-list-container a {
    margin-right: 20px
}

.search-results .search-results__page-navigation-container .search-results__page-list-container .search-results__page-list .search-results__current-page {
    display: inline-block
}

.search-results .search-results__page-navigation-container.hide {
    display: none
}

@media only screen and (min-width: 48em) {
    .search-results__messages-container {
        padding:40px 0 0 0
    }

    .search-results__header .search-results__header--title {
        margin: 0 0 24px 0;
    }

    .search-results__header .search-results__header--title h1,.search-results__header .search-results__header--title h2,.search-results__header .search-results__header--title h3,.search-results__header .search-results__header--title h4,.search-results__header .search-results__header--title p {
        font-size: 3em;
        font-weight: 300
    }

    .search-results.feature-container {
        padding: 75px 20px 0 20px
    }

    .search-results .search-results__error-validation {
        margin: 0 0 40px 0;
    }

    .search-results .search-results__error-validation-text {
        margin: 3px 0 0 35px
    }

    .search-results__over-ten-results {
        padding: 0 0 24px 0
    }

    .search-results__search-match-container .search-results__search-match-list .search-results__search-match-single {
        margin: 0 0 40px 0
    }

    .search-results .search-results__subheader-spelling.hide {
        display: none
    }

    .search-results .search-results__subheader-no-results {
        margin: 0 0 40px 0;
    }

    .search-results .search-results__subheader-no-results h1,.search-results .search-results__subheader-no-results h2,.search-results .search-results__subheader-no-results h3,.search-results .search-results__subheader-no-results h4,.search-results .search-results__subheader-no-results p {
        font-size: 1em;
        font-weight: 500
    }

    .search-results .search-results__subheader-no-results.hide {
        display: none
    }

    .search-results .search-results--search__bar.row {
        margin: 0 0 40px 0
    }

    .search-results .search-results--search__bar__form {
        width: 65%;
        display: inline-block
    }

    .search-results .search-results--search__bar--search-input {
        width: 100%
    }

    .search-results .search-results--search__bar__cta--container {
        width: 35%;
        line-height: 2.5em;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        float: right
    }

    .search-results .search-results--search__bar__cta--inputs--container--button {
        padding-left: 24px;
    }

    .search-results .search-results--search__bar__cta--inputs--container--button a {
        padding: 10px 17px 10px 17px
    }

    .search-results .search-results__featured-links-container {
        display: inline-block;
        margin-bottom: 40px;
    }

    .search-results .search-results__featured-links-container.hide {
        display: none
    }

    .search-results .search-results__featured-links-container .search-results__featured-links-heading {
        margin: 24px 0 20px 0
    }

    .search-results .search-results__featured-links-container .search-results__featured-link-single {
        margin: 0 20px 30px 0
    }

    .search-results__page-navigation-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 40px 0 40px 0;
    }

    .search-results__page-navigation-container .search-results__page-list-container.show {
        display: block
    }
}

@media only screen and (min-width: 64em) {
    .search-results__header h1,.search-results__header h2,.search-results__header h3,.search-results__header h4,.search-results__header p {
        font-size:2.5em
    }

    .search-results .search-results--search__bar__cta__form {
        width: 45%
    }

    .search-results .search-results--search__bar--search-input {
        width: 100%
    }

    .search-results__featured-links-container .search-results__featured-links-heading {
        margin: 40px 0 24px 0
    }

    .search-results__featured-links-container .search-results__featured-link-list {
        margin-bottom: 40px
    }

    .search-results__featured-links-container .search-results__featured-link-single {
        margin: 24px 0 20px 0
    }
}

@media only screen and (min-width: 75em) {
    .search-results__header h1,.search-results__header-no-results h1,.search-results__header h2,.search-results__header-no-results h2,.search-results__header h3,.search-results__header-no-results h3,.search-results__header h4,.search-results__header-no-results h4,.search-results__header p,.search-results__header-no-results p {
        font-size:3em;
        font-weight: 300
    }

    .search-results .search-results--search__bar__cta__form {
        width: 60%
    }

    .search-results .search-results--search__bar--search-input {
        width: 100%
    }

    .search-results .search-results__page-navigation-container {
        padding: 40px 0 40px 0;
    }

    .search-results .search-results__page-navigation-container .search-results__page-list-container a {
        margin-right: 20px
    }
}

.sidemenu {
    background-color: #26201c;
    height: 100%;
    left: -16.875em;
    overflow-y: auto;
    position: fixed;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-box-shadow .4s ease;
    transition: box-shadow .4s ease;
    width: 16.875em;
    z-index: 5005;
}

.sidemenu a {
    color: #fff;
    text-decoration: none;
}

.sidemenu a:active,.sidemenu a:focus {
    outline: #fff dotted 1px
}

.sidemenu a * {
    pointer-events: none
}

.sidemenu.open {
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,0.7);
    box-shadow: 4px 4px 20px rgba(0,0,0,0.7);
    display: block
}

.sidemenu.closed {
    display: none
}

.sidemenu__overlay {
    background: rgba(0,0,0,0.4);
    bottom: 0;
    opacity: 1;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    visibility: visible;
    z-index: 5004;
}

.sidemenu__overlay.closed {
    opacity: 0;
    visibility: hidden
}

.sidemenu__menu__close {
    display: none;
}

.sidemenu__menu__close a.close-animation {
    -webkit-animation: rotate-close-x .5s ease;
    animation: rotate-close-x .5s ease
}

.sidemenu__menu__search {
    height: 3em;
    overflow: hidden;
    padding: .375em;
    visibility: visible;
}

.sidemenu__menu__search__inner {
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative
}

.sidemenu__menu__search__term {
    position: relative;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: .875em;
    height: 2.571em;
    padding: 0 2.5em;
    width: 100%;
}

.sidemenu__menu__search__term::-webkit-input-placeholder {
    color: #fff
}

.sidemenu__menu__search__term:-moz-placeholder {
    color: #fff
}

.sidemenu__menu__search__term::-moz-placeholder {
    color: #fff
}

.sidemenu__menu__search__term:-ms-input-placeholder {
    color: #fff
}

.sidemenu__menu__search__submit {
    background: transparent;
    bottom: 0;
    border: 0;
    color: #ededed;
    left: .875em;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.sidemenu__menu__search__close {
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: .688em;
    height: 1.4em;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 1em;
    top: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    visibility: hidden;
}

.sidemenu__menu__search__close.active {
    opacity: 1;
    visibility: visible
}

.sidemenu__menu__search__close:after {
    background: #666;
    border-radius: 15px;
    content: "";
    height: 15px;
    left: -2px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 15px;
    z-index: -1
}

.sidemenu__menu__section {
    background: #1e1b18;
}

.sidemenu__menu__section--title {
    color: #959595;
    font-size: .75em;
    line-height: 1.5em;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}

.sidemenu__menu__section--title__container {
    height: 2em;
    padding: .5em 1.25em
}

.sidemenu__menu__section--primary--link {
    background: #3d3734;
    border-bottom: 1px solid #1e1b18;
    position: relative;
}

.sidemenu__menu__section--primary--link a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display: block;
    text-decoration: none;
}

.sidemenu__menu__section--primary--link a:hover {
    background: #56504d
}

.sidemenu__menu__section--primary--link a:active {
    background: #0092ff
}

.sidemenu__menu__section--primary--link a:focus {
    outline: thin dotted #fff
}

.sidemenu__menu__section--primary--link:last-child {
    border: 0
}

.sidemenu__menu__section--primary--link.active:before {
    background: #0092ff;
    content: "";
    height: 100%;
    position: absolute;
    width: 6px
}

.sidemenu__menu__section--primary--link__title {
    color: #ededed;
    line-height: 1.125em;
    font-weight: 400;
    margin: 0;
    padding: .8em 1.25em
}

.sidemenu__menu__section--secondary {
    background: #595653;
}

.sidemenu__menu__section--secondary--product--links {
    background: #3d3734;
    position: relative
}

.sidemenu__menu__section--secondary--product--link {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-bottom: 1px solid #1e1b18;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.sidemenu__menu__section--secondary--product--link:last-child {
    border: 0
}

.sidemenu__menu__section--secondary--product--link:hover {
    background: #56504d
}

.sidemenu__menu__section--secondary--product--link a {
    padding: .57em 1.25em;
    color: #ededed;
    display: block;
    text-decoration: none;
}

.sidemenu__menu__section--secondary--product--link a:active {
    background: #0092ff
}

.sidemenu__menu__section--secondary--product--link__container {
    position: relative;
}

.sidemenu__menu__section--secondary--product--link__container:after {
    clear: both;
    content: '';
    display: table
}

.sidemenu__menu__section--secondary--product--link--icon {
    font-size: 1.563em;
    line-height: 1em;
    margin: 0;
}

.sidemenu__menu__section--secondary--product--link--icon__container {
    float: left;
    padding: 0 1em 0 0
}

.sidemenu__menu__section--secondary--product--link--title {
    font-weight: 400;
    vertical-align: sub;
}

.sidemenu__menu__section--secondary--product--link--title__container {
    float: left
}

.sidemenu__menu__footer {
    padding: 1.125em .5em 1.125em 1.25em;
}

.sidemenu__menu__footer__link {
    color: #ccc;
    font-size: .75em;
    line-height: 1em;
    font-weight: 400;
    margin: 0 0 1.333em 0;
    position: relative;
}

.sidemenu__menu__footer__link a {
    color: #ccc;
    text-decoration: none
}

@media only screen and (min-width: 48em) {
    .sidemenu {
        left:-20em;
        width: 20em;
    }

    .sidemenu__menu__close {
        cursor: pointer;
        display: block;
        padding: 0 1em 0 0;
        position: absolute;
        right: 1em;
        top: 1.25em;
    }

    .sidemenu__menu__close a {
        color: #f4f1ea;
        position: absolute;
    }

    .sidemenu__menu__close a:active,.sidemenu__menu__close a:focus,.sidemenu__menu__close a:hover {
        color: #fff
    }

    .sidemenu__menu__search {
        height: 4.25em;
    }

    .sidemenu__menu__search__inner {
        display: none
    }
}

@media only screen and (min-width: 75em) {
    .sidemenu {
        left:-23.75em;
        width: 23.75em;
    }

    .sidemenu__menu__search {
        height: 6em
    }
}

@-webkit-keyframes rotate-close-x {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotate-close-x {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.speedbump__wrapper {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.96);
    z-index: 5004
}

.speedbump__wrapper.visible {
    display: block
}

.speedbump__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.speedbump__inner--header {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.25em;
    margin: 0 0 1em 0
}

.speedbump__inner--desc {
    color: #717171;
    line-height: 1.375em;
    margin: 0 0 1.5em 0;
}

.speedbump__inner--desc p:last-child {
    margin-bottom: 0
}

.speedbump__inner--links {
    padding-left: 0;
}

.speedbump__inner--links__cancel {
    line-height: 1.375em;
    margin-right: 1.5em;
    padding: .563em 1.1em;
    text-decoration: none;
    font-weight: 400
}

.speedbump__inner--links__proceed {
    font-weight: 600;
    line-height: 1.375em;
    padding: .563em 1.1em;
    text-decoration: none
}

@media only screen and (min-width: 48em) {
    .speedbump__inner--header {
        font-size:1.625em;
        line-height: 1.231em;
        margin-bottom: 1.538em
    }

    .speedbump__inner--desc {
        margin-bottom: 2.5em
    }
}

.sub-header {
    margin: 0 0 1.5em 0;
}

.sub-header__header-container {
    text-align: center;
    padding: 0 .5em
}

.sub-header__header--title {
    font-size: 2em;
    font-weight: 300;
    line-height: 1.188;
    margin: .438em 0 .5em 0
}

.sub-header__header--sub-title {
    margin: 0 0 1em 0
}

.sub-header__body-container {
    border-top: 1px solid #ededed;
    height: 2.5em
}

.sub-header__nav {
    height: 2.5em;
    line-height: 2.5em;
    margin: 0 auto;
    opacity: 0;
    overflow: hidden;
    text-align: center;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.sub-header__nav-wrapper {
    background: #ededed;
    -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.25);
    box-shadow: 0 3px 6px -2px rgba(0,0,0,0.25);
    height: 2.5em;
    position: relative;
    z-index: 5001;
}

.sub-header__nav-wrapper.show-left-gradient:before {
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(rgba(102,102,102,0.36)));
    background-image: -webkit-linear-gradient(right, transparent, rgba(102,102,102,0.36));
    background-image: linear-gradient(to left,transparent,rgba(102,102,102,0.36));
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    z-index: 10
}

.sub-header__nav-wrapper.show-right-gradient:after {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(102,102,102,0.36)));
    background-image: -webkit-linear-gradient(left, transparent, rgba(102,102,102,0.36));
    background-image: linear-gradient(to right,transparent,rgba(102,102,102,0.36));
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    z-index: 10
}

.sub-header__nav--item {
    display: inline-block;
    float: left;
    height: 100%;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
}

.sub-header__nav--item.active {
    background: #fff;
    font-weight: 600;
}

.sub-header__nav--item.active a {
    color: #414042;
    outline: 1px dotted #000
}

.sub-header__nav--item:hover a {
    color: #666
}

.sub-header__nav--item a {
    color: #414042;
    display: inline-block;
    font-size: 1em;
    padding: 0 1.125em;
    text-decoration: none;
    line-height: 2.4em;
    margin-left: 2px;
}

.sub-header__nav--item a.icon {
    font-size: 1.6em;
    vertical-align: middle;
    line-height: 40px
}

.sub-header__nav--item a:focus {
    outline: 1px dotted #000
}

.detail .sub-header .active {
    background: transparent
}

#SubHeaderDuplicate .sub-header__nav.util .sub-header__nav--item {
    -webkit-transform: translate3d(0,0,0)
}

@media only screen and (min-width: 48em) {
    .sub-header {
        margin:0 0 2.5em 0;
    }

    .sub-header__header--sub-title {
        margin: 0 0 1.25em 0
    }
}

@media only screen and (min-width: 62em) {
    .sub-header__header--title {
        font-size:2.5em;
        line-height: 1.15em;
        margin: 0 0 .4em 0
    }

    .sub-header__header--sub-title {
        font-size: 1.125em;
        line-height: 1.333em;
        margin-bottom: .889em
    }

    .sub-header__body-container {
        border-top: none;
        height: 3.5em
    }

    .sub-header__nav {
        height: 3.5em;
        line-height: 3.5em;
    }

    .sub-header__nav-wrapper {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 3.5em;
    }

    .sub-header__nav-wrapper.show-left-gradient:before,.sub-header__nav-wrapper.show-right-gradient:before {
        display: none
    }
}

@media only screen and (min-width: 75em) {
    .sub-header__header--title {
        font-size:3.3em;
        line-height: 1.115em;
        margin: 0 0 .308em 0
    }

    .sub-header__nav--item a {
        padding: 0 1.25em
    }
}

.signin__wrapper {
    margin: 0 auto;
    max-width: 21.25em;
}

.signin__wrapper .signin.jpui {
    background-color: #fff;
    border-radius: 5px;
    max-width: 21.25em;
    padding: 1.25em 0;
    position: relative;
    z-index: 100
}

.signin--welcome {
    font-size: 1.5em;
    line-height: 1.231;
    margin: 0
}

.signin--remember-me.checkbox.rememberMe {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1em;
    line-height: 1.545em;
    margin: 2px 0 0 0;
    padding: 0;
}

.signin--remember-me.checkbox.rememberMe .signin--remember-me__text {
    color: #666;
    font-size: .875em;
    margin: 0 0 0 .714em
}

.signin--rsatoken.rsaToken {
    float: right;
    height: 25px;
    line-height: 1.545em
}

.signin--rsatoken a {
    text-decoration: none;
    vertical-align: middle;
}

.signin--rsatoken a.signin--rsatoken__text {
    font-size: .875em;
    margin: 0 0 0 0
}

.signin--checkmark {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    display: inline-block;
    height: 20px;
    line-height: 12px;
    outline: none;
    padding: 1px;
    position: relative;
    top: 2px;
    width: 20px;
}

.signin--checkmark .checkmark {
    font-size: 1.063em;
    opacity: 0;
    visibility: hidden
}

.signin--primary-link--icon {
    font-size: .77em;
    line-height: 1em;
    padding-left: 5px
}

.signin.jpui input {
    color: #717171;
    font-size: 1em;
    line-height: 1.375em;
    background: none;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: .313em;
    margin: .188em 0;
}

.signin.jpui input::-webkit-input-placeholder {
    color: #666;
    opacity: initial
}

.signin.jpui input:-moz-placeholder {
    color: #666;
    opacity: initial
}

.signin.jpui input::-moz-placeholder {
    color: #666;
    opacity: initial
}

.signin.jpui input:-ms-input-placeholder {
    color: #666;
    opacity: initial
}

.signin.jpui .primary.link {
    display: block;
    font-size: .91em;
    font-weight: 400;
    margin: 0 0 .429em 0;
}

.signin.jpui .primary.link.last {
    margin: 0
}

.signin.jpui .primary.link:hover,.signin.jpui .primary.link:focus {
    color: #0a4386
}

.signin.jpui .primary.link:active {
    color: #0092ff
}

.signin.jpui .primary.link:active,.signin.jpui .primary.link:focus {
    outline: thin dotted
}

.signin.jpui input[type="checkbox"] {
    float: right;
    margin: .333em 0 .777em 0
}

.signin .loginBtn .signin--button {
    background-color: #0b6efd;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    margin: .625em 0;
    padding: .625em 1.5625em;
}

.signin .loginBtn .signin--button:focus,.signin .loginBtn .signin--button:hover {
    background-color: #0a4386;
    opacity: 1
}

.signin .loginBtn .signin--button:active {
    background-color: #0092ff;
    opacity: 1
}

.signin .loginBtn .signin--button:focus {
    outline: thin dotted #000
}

.signin-module__wrapper {
    height: 20em;
    position: absolute;
    width: 100%
}

.signin-module__inner {
    margin: -78px .5em 0 .5em;
    max-width: 75em;
    position: relative;
    top: 50%;
}

.signin-module__inner .classic-signin {
    opacity: 0;
}

.signin-module__inner .classic-signin-container {
    display: none
}

.signin-module__inner .cpo-signin {
    opacity: 0;
}

.signin-module__inner .cpo-signin-container {
    display: none
}

.signin-module__inner .emb-signin-container,.signin-module__inner .sigin-box__container {
    display: none
}

.signin-module__inner .classic-signin-container.hide,.signin-module__inner .cpo-signin-container.hide,.signin-module__inner .emb-signin-container.hide,.signin-module__inner .sigin-box__container.hide {
    display: none
}

.signin-module__inner .classic-signin-container.show,.signin-module__inner .cpo-signin-container.show,.signin-module__inner .emb-signin-container.show,.signin-module__inner .sigin-box__container.show {
    display: block
}

.signin-module__inner .sigin-box__container .sigin-box {
    opacity: 0
}

.signin .user-remember.checkbox:focus + label .signin--checkmark {
    outline: thin dotted
}

.signin .user-remember.checkbox:checked + label .signin--checkmark {
    background-color: #0b6efd;
    border: 0
}

.signin .user-remember.checkbox:checked + label .checkmark {
    color: #fff;
    opacity: 1;
    visibility: visible
}

.detail .signin-module__wrapper,.topic .signin-module__wrapper {
    display: none
}

.signin-module__wrapper {
    display: none
}

.sigin-box__container .signin__wrapper .signin.jpui {
    padding: 2em 0 1.25em 0
}

.sigin-box__container .signin .loginBtn .signin--button {
    margin: 1.25em 0 1.5em 0
}

@media only screen and (max-width: 480px) {
    .signin.jpui input,.signin.jpui label,.signin.jpui .link {
        display:none
    }
}

@media only screen and (min-width: 30em) {
    .signin-module__wrapper {
        height:25em
    }

    .signin-module__inner {
        margin-top: -119px
    }
}

@media only screen and (min-width: 48em) {
    .signin--welcome {
        margin:0
    }

    .signin.jpui .primary.link {
        font-size: .875em;
        margin: 0 0 .429em 0
    }
}

@media only screen and (min-width: 992px) {
    .signin__wrapper {
        margin-right:1em
    }

    .signin-module__inner {
        margin-left: auto;
        margin-right: auto
    }

    .signin-module__inner .cpo-signin-container iframe {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 21.25em;
        height: 19em;
        padding: .6em 0;
        right: 1em;
        position: absolute;
        z-index: 100
    }

    .signin-module__wrapper {
        display: block
    }
}

@media only screen and (min-width: 76.875em) {
    .signin__wrapper {
        margin-right:.5em
    }
}

.routable-signin-module__wrapper {
    height: 33em;
    position: absolute;
    width: 100%;
    display: block;
}

.routable-signin-module__wrapper.signin-pushed {
    position: relative;
    height: auto
}

.routable-signin-module__inner {
    margin: 0 auto;
    max-width: 75em;
    position: relative;
    top: 16%
}

.routable-signin__wrapper {
    width: 320px;
    background: #fff;
    position: relative;
    z-index: 100;
    margin: 0 auto;
    border-radius: 5px;
    padding: 20px 20px
}

.routable-signin--routable-heading {
    font-size: 1.125em;
    line-height: 1.333em;
    margin-bottom: .444em
}

.routable-signin--routable-copy p {
    font-size: .875em;
    line-height: 1.429em;
    margin-bottom: .571em;
    color: #717171
}

.routable-signin--primary-link--icon {
    font-size: .77em;
    line-height: 1em;
    padding-left: 5px
}

.routable-signin .jpui.input {
    color: #717171;
    font-size: 1em;
    line-height: 1.375em;
    background: none;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: .313em;
    margin: .188em 0;
}

.routable-signin .jpui.input::-webkit-input-placeholder {
    color: #666;
    opacity: initial
}

.routable-signin .jpui.input:-moz-placeholder {
    color: #666;
    opacity: initial
}

.routable-signin .jpui.input::-moz-placeholder {
    color: #666;
    opacity: initial
}

.routable-signin .jpui.input:-ms-input-placeholder {
    color: #666;
    opacity: initial
}

.routable-signin .primary.link {
    display: block;
    font-size: .91em;
    font-weight: 400;
    margin: 0 0 .429em 0;
}

.routable-signin .primary.link.last {
    margin: 0
}

.routable-signin .primary.link:hover,.routable-signin .primary.link:focus {
    color: #0a4386
}

.routable-signin .primary.link:active {
    color: #0092ff
}

.routable-signin .primary.link:active,.routable-signin .primary.link:focus {
    outline: thin dotted
}

.routable-signin input[type="checkbox"] {
    float: right;
    margin: .333em 0 .777em 0
}

.routable-signin .loginBtn .signin--button {
    border-radius: 5px;
    text-decoration: none;
    margin: .625em 0;
    padding: .625em 1.5625em
}

.routable-signin .loginBtn .cta--primary {
    background: #0b6efd;
    color: #fff;
    font-weight: 600;
}

.routable-signin .loginBtn .cta--primary:active,.routable-signin .loginBtn .cta--primary:focus,.routable-signin .loginBtn .cta--primary:hover {
    color: #fff
}

.routable-signin .loginBtn .cta--primary:hover {
    background: #0a4386
}

.routable-signin .loginBtn .cta--primary:active,.routable-signin .loginBtn .cta--primary:focus {
    background: #0092ff
}

.routable-signin .loginBtn .cta--secondary {
    background: #ededed;
    color: #666;
    font-weight: 400;
}

.routable-signin .loginBtn .cta--secondary:active,.routable-signin .loginBtn .cta--secondary:focus,.routable-signin .loginBtn .cta--secondary:hover {
    color: #666
}

.routable-signin .loginBtn .cta--secondary:hover {
    background: #dfe4e8
}

.routable-signin .loginBtn .cta--secondary:active,.routable-signin .loginBtn .cta--secondary:focus {
    background: #ccc
}

.routable-signin .loginBtn .cta--btn-green-aloe {
    background: #128842;
    color: #fff;
    font-weight: 400;
}

.routable-signin .loginBtn .cta--btn-green-aloe:active,.routable-signin .loginBtn .cta--btn-green-aloe:focus,.routable-signin .loginBtn .cta--btn-green-aloe:hover {
    color: #fff
}

.routable-signin .loginBtn .cta--btn-green-aloe:hover {
    background: #0d7638
}

.routable-signin .loginBtn .cta--btn-green-aloe:active,.routable-signin .loginBtn .cta--btn-green-aloe:focus {
    background: #2ca853
}

.routable-signin .loginBtn .cta--btn-purple-orchid {
    background: #18267c;
    color: #fff;
    font-weight: 400;
}

.routable-signin .loginBtn .cta--btn-purple-orchid:active,.routable-signin .loginBtn .cta--btn-purple-orchid:focus,.routable-signin .loginBtn .cta--btn-purple-orchid:hover {
    color: #fff
}

.routable-signin .loginBtn .cta--btn-purple-orchid:hover {
    background: #0a4386
}

.routable-signin .loginBtn .cta--btn-purple-orchid:active,.routable-signin .loginBtn .cta--btn-purple-orchid:focus {
    background: #2642a8
}

.routable-signin .loginBtn .cta--btn-purple-berry {
    background: #543d91;
    color: #fff;
    font-weight: 400;
}

.routable-signin .loginBtn .cta--btn-purple-berry:active,.routable-signin .loginBtn .cta--btn-purple-berry:focus,.routable-signin .loginBtn .cta--btn-purple-berry:hover {
    color: #fff
}

.routable-signin .loginBtn .cta--btn-purple-berry:hover {
    background: #49357c
}

.routable-signin .loginBtn .cta--btn-purple-berry:active,.routable-signin .loginBtn .cta--btn-purple-berry:focus {
    background: #7d4a89
}

.routable-signin .loginBtn .cta--btn-purple-rain {
    background: #713a7c;
    color: #fff;
    font-weight: 400;
}

.routable-signin .loginBtn .cta--btn-purple-rain:active,.routable-signin .loginBtn .cta--btn-purple-rain:focus,.routable-signin .loginBtn .cta--btn-purple-rain:hover {
    color: #fff
}

.routable-signin .loginBtn .cta--btn-purple-rain:hover {
    background: #49357c
}

.routable-signin .loginBtn .cta--btn-purple-rain:active,.routable-signin .loginBtn .cta--btn-purple-rain:focus {
    background: #7d4a89
}

.routable-signin .loginBtn .cta--btn-blue-seabreeze {
    background: #0237cc;
    color: #fff;
    font-weight: 400;
}

.routable-signin .loginBtn .cta--btn-blue-seabreeze:active,.routable-signin .loginBtn .cta--btn-blue-seabreeze:focus,.routable-signin .loginBtn .cta--btn-blue-seabreeze:hover {
    color: #fff
}

.routable-signin .loginBtn .cta--btn-blue-seabreeze:hover {
    background: #0a4386
}

.routable-signin .loginBtn .cta--btn-blue-seabreeze:active,.routable-signin .loginBtn .cta--btn-blue-seabreeze:focus {
    background: #0092ff
}

.routable-signin .loginBtn .cta--btn-blue-ocean {
    background: #2f4992;
    color: #fff;
    font-weight: 400;
}

.routable-signin .loginBtn .cta--btn-blue-ocean:active,.routable-signin .loginBtn .cta--btn-blue-ocean:focus,.routable-signin .loginBtn .cta--btn-blue-ocean:hover {
    color: #fff
}

.routable-signin .loginBtn .cta--btn-blue-ocean:hover {
    background: #284082
}

.routable-signin .loginBtn .cta--btn-blue-ocean:active,.routable-signin .loginBtn .cta--btn-blue-ocean:focus {
    background: #0092ff
}

.routable-signin .loginBtn .cta--btn-blue-skyline {
    background: #2b5aad;
    color: #fff;
    font-weight: 400;
}

.routable-signin .loginBtn .cta--btn-blue-skyline:active,.routable-signin .loginBtn .cta--btn-blue-skyline:focus,.routable-signin .loginBtn .cta--btn-blue-skyline:hover {
    color: #fff
}

.routable-signin .loginBtn .cta--btn-blue-skyline:hover {
    background: #284082
}

.routable-signin .loginBtn .cta--btn-blue-skyline:active,.routable-signin .loginBtn .cta--btn-blue-skyline:focus {
    background: #0092ff
}

.routable-signin .loginBtn .cta--btn-blue-cloud {
    background: #0071bc;
    color: #fff;
    font-weight: 400;
}

.routable-signin .loginBtn .cta--btn-blue-cloud:active,.routable-signin .loginBtn .cta--btn-blue-cloud:focus,.routable-signin .loginBtn .cta--btn-blue-cloud:hover {
    color: #fff
}

.routable-signin .loginBtn .cta--btn-blue-cloud:hover {
    background: #0a4386
}

.routable-signin .loginBtn .cta--btn-blue-cloud:active,.routable-signin .loginBtn .cta--btn-blue-cloud:focus {
    background: #0092ff
}

.routable-signin .loginBtn .cta--btn-blue-irish-spring {
    background: #217999;
    color: #fff;
    font-weight: 400;
}

.routable-signin .loginBtn .cta--btn-blue-irish-spring:active,.routable-signin .loginBtn .cta--btn-blue-irish-spring:focus,.routable-signin .loginBtn .cta--btn-blue-irish-spring:hover {
    color: #fff
}

.routable-signin .loginBtn .cta--btn-blue-irish-spring:hover {
    background: #1c5f77
}

.routable-signin .loginBtn .cta--btn-blue-irish-spring:active,.routable-signin .loginBtn .cta--btn-blue-irish-spring:focus {
    background: #3591aa
}

.routable-signin .loginBtn .cta--disabled,.routable-signin .loginBtn .cta--disabled:active,.routable-signin .loginBtn .cta--disabled:focus,.routable-signin .loginBtn .cta--disabled:hover {
    background: #8e8e8e;
    color: #ccc;
    cursor: not-allowed;
}

.routable-signin .loginBtn .cta--disabled:focus,.routable-signin .loginBtn .cta--disabled:active:focus,.routable-signin .loginBtn .cta--disabled:focus:focus,.routable-signin .loginBtn .cta--disabled:hover:focus,.routable-signin .loginBtn .cta--disabled:hover,.routable-signin .loginBtn .cta--disabled:active:hover,.routable-signin .loginBtn .cta--disabled:focus:hover,.routable-signin .loginBtn .cta--disabled:hover:hover {
    opacity: 1;
}

.routable-signin .loginBtn .cta--disabled:focus .cta--primary,.routable-signin .loginBtn .cta--disabled:active:focus .cta--primary,.routable-signin .loginBtn .cta--disabled:focus:focus .cta--primary,.routable-signin .loginBtn .cta--disabled:hover:focus .cta--primary,.routable-signin .loginBtn .cta--disabled:hover .cta--primary,.routable-signin .loginBtn .cta--disabled:active:hover .cta--primary,.routable-signin .loginBtn .cta--disabled:focus:hover .cta--primary,.routable-signin .loginBtn .cta--disabled:hover:hover .cta--primary {
    background: #0a4386
}

.routable-signin .loginBtn .cta--disabled:focus .cta--secondary,.routable-signin .loginBtn .cta--disabled:active:focus .cta--secondary,.routable-signin .loginBtn .cta--disabled:focus:focus .cta--secondary,.routable-signin .loginBtn .cta--disabled:hover:focus .cta--secondary,.routable-signin .loginBtn .cta--disabled:hover .cta--secondary,.routable-signin .loginBtn .cta--disabled:active:hover .cta--secondary,.routable-signin .loginBtn .cta--disabled:focus:hover .cta--secondary,.routable-signin .loginBtn .cta--disabled:hover:hover .cta--secondary {
    background: #dfe4e8
}

.routable-signin .loginBtn .cta--disabled:focus .cta--btn-green-aloe,.routable-signin .loginBtn .cta--disabled:active:focus .cta--btn-green-aloe,.routable-signin .loginBtn .cta--disabled:focus:focus .cta--btn-green-aloe,.routable-signin .loginBtn .cta--disabled:hover:focus .cta--btn-green-aloe,.routable-signin .loginBtn .cta--disabled:hover .cta--btn-green-aloe,.routable-signin .loginBtn .cta--disabled:active:hover .cta--btn-green-aloe,.routable-signin .loginBtn .cta--disabled:focus:hover .cta--btn-green-aloe,.routable-signin .loginBtn .cta--disabled:hover:hover .cta--btn-green-aloe {
    background: #0d7638
}

.routable-signin .loginBtn .cta--disabled:focus .cta--btn-purple-orchid,.routable-signin .loginBtn .cta--disabled:active:focus .cta--btn-purple-orchid,.routable-signin .loginBtn .cta--disabled:focus:focus .cta--btn-purple-orchid,.routable-signin .loginBtn .cta--disabled:hover:focus .cta--btn-purple-orchid,.routable-signin .loginBtn .cta--disabled:hover .cta--btn-purple-orchid,.routable-signin .loginBtn .cta--disabled:active:hover .cta--btn-purple-orchid,.routable-signin .loginBtn .cta--disabled:focus:hover .cta--btn-purple-orchid,.routable-signin .loginBtn .cta--disabled:hover:hover .cta--btn-purple-orchid {
    background: #0a4386
}

.routable-signin .loginBtn .cta--disabled:focus .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:active:focus .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:focus:focus .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:hover:focus .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:hover .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:active:hover .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:focus:hover .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:hover:hover .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:focus .cta--btn-purple-rain,.routable-signin .loginBtn .cta--disabled:active:focus .cta--btn-purple-rain,.routable-signin .loginBtn .cta--disabled:focus:focus .cta--btn-purple-rain,.routable-signin .loginBtn .cta--disabled:hover:focus .cta--btn-purple-rain,.routable-signin .loginBtn .cta--disabled:hover .cta--btn-purple-rain,.routable-signin .loginBtn .cta--disabled:active:hover .cta--btn-purple-rain,.routable-signin .loginBtn .cta--disabled:focus:hover .cta--btn-purple-rain,.routable-signin .loginBtn .cta--disabled:hover:hover .cta--btn-purple-rain {
    background: #49357c
}

.routable-signin .loginBtn .cta--disabled:focus .cta--btn-blue-seabreeze,.routable-signin .loginBtn .cta--disabled:active:focus .cta--btn-blue-seabreeze,.routable-signin .loginBtn .cta--disabled:focus:focus .cta--btn-blue-seabreeze,.routable-signin .loginBtn .cta--disabled:hover:focus .cta--btn-blue-seabreeze,.routable-signin .loginBtn .cta--disabled:hover .cta--btn-blue-seabreeze,.routable-signin .loginBtn .cta--disabled:active:hover .cta--btn-blue-seabreeze,.routable-signin .loginBtn .cta--disabled:focus:hover .cta--btn-blue-seabreeze,.routable-signin .loginBtn .cta--disabled:hover:hover .cta--btn-blue-seabreeze {
    background: #0a4386
}

.routable-signin .loginBtn .cta--disabled:focus .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:active:focus .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:focus:focus .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:hover:focus .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:hover .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:active:hover .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:focus:hover .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:hover:hover .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:focus .cta--btn-blue-skyline,.routable-signin .loginBtn .cta--disabled:active:focus .cta--btn-blue-skyline,.routable-signin .loginBtn .cta--disabled:focus:focus .cta--btn-blue-skyline,.routable-signin .loginBtn .cta--disabled:hover:focus .cta--btn-blue-skyline,.routable-signin .loginBtn .cta--disabled:hover .cta--btn-blue-skyline,.routable-signin .loginBtn .cta--disabled:active:hover .cta--btn-blue-skyline,.routable-signin .loginBtn .cta--disabled:focus:hover .cta--btn-blue-skyline,.routable-signin .loginBtn .cta--disabled:hover:hover .cta--btn-blue-skyline {
    background: #284082
}

.routable-signin .loginBtn .cta--disabled:focus .cta--btn-blue-cloud,.routable-signin .loginBtn .cta--disabled:active:focus .cta--btn-blue-cloud,.routable-signin .loginBtn .cta--disabled:focus:focus .cta--btn-blue-cloud,.routable-signin .loginBtn .cta--disabled:hover:focus .cta--btn-blue-cloud,.routable-signin .loginBtn .cta--disabled:hover .cta--btn-blue-cloud,.routable-signin .loginBtn .cta--disabled:active:hover .cta--btn-blue-cloud,.routable-signin .loginBtn .cta--disabled:focus:hover .cta--btn-blue-cloud,.routable-signin .loginBtn .cta--disabled:hover:hover .cta--btn-blue-cloud {
    background: #0a4386
}

.routable-signin .loginBtn .cta--disabled:focus .cta--btn-blue-irish-spring,.routable-signin .loginBtn .cta--disabled:active:focus .cta--btn-blue-irish-spring,.routable-signin .loginBtn .cta--disabled:focus:focus .cta--btn-blue-irish-spring,.routable-signin .loginBtn .cta--disabled:hover:focus .cta--btn-blue-irish-spring,.routable-signin .loginBtn .cta--disabled:hover .cta--btn-blue-irish-spring,.routable-signin .loginBtn .cta--disabled:active:hover .cta--btn-blue-irish-spring,.routable-signin .loginBtn .cta--disabled:focus:hover .cta--btn-blue-irish-spring,.routable-signin .loginBtn .cta--disabled:hover:hover .cta--btn-blue-irish-spring {
    background: #1c5f77
}

.routable-signin .loginBtn .cta--disabled:active,.routable-signin .loginBtn .cta--disabled:active:active,.routable-signin .loginBtn .cta--disabled:focus:active,.routable-signin .loginBtn .cta--disabled:hover:active {
    opacity: 1;
}

.routable-signin .loginBtn .cta--disabled:active .cta--primary,.routable-signin .loginBtn .cta--disabled:active:active .cta--primary,.routable-signin .loginBtn .cta--disabled:focus:active .cta--primary,.routable-signin .loginBtn .cta--disabled:hover:active .cta--primary {
    background: #0092ff
}

.routable-signin .loginBtn .cta--disabled:active .cta--secondary,.routable-signin .loginBtn .cta--disabled:active:active .cta--secondary,.routable-signin .loginBtn .cta--disabled:focus:active .cta--secondary,.routable-signin .loginBtn .cta--disabled:hover:active .cta--secondary {
    background: #ccc
}

.routable-signin .loginBtn .cta--disabled:active .cta--btn-green-aloe,.routable-signin .loginBtn .cta--disabled:active:active .cta--btn-green-aloe,.routable-signin .loginBtn .cta--disabled:focus:active .cta--btn-green-aloe,.routable-signin .loginBtn .cta--disabled:hover:active .cta--btn-green-aloe {
    background: #2ca853
}

.routable-signin .loginBtn .cta--disabled:active .cta--btn-purple-orchid,.routable-signin .loginBtn .cta--disabled:active:active .cta--btn-purple-orchid,.routable-signin .loginBtn .cta--disabled:focus:active .cta--btn-purple-orchid,.routable-signin .loginBtn .cta--disabled:hover:active .cta--btn-purple-orchid {
    background: #2642a8
}

.routable-signin .loginBtn .cta--disabled:active .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:active:active .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:focus:active .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:hover:active .cta--btn-purple-berry,.routable-signin .loginBtn .cta--disabled:active .cta--btn-purple-rain,.routable-signin .loginBtn .cta--disabled:active:active .cta--btn-purple-rain,.routable-signin .loginBtn .cta--disabled:focus:active .cta--btn-purple-rain,.routable-signin .loginBtn .cta--disabled:hover:active .cta--btn-purple-rain {
    background: #7d4a89
}

.routable-signin .loginBtn .cta--disabled:active .cta--btn-blue-seabreeze,.routable-signin .loginBtn .cta--disabled:active:active .cta--btn-blue-seabreeze,.routable-signin .loginBtn .cta--disabled:focus:active .cta--btn-blue-seabreeze,.routable-signin .loginBtn .cta--disabled:hover:active .cta--btn-blue-seabreeze,.routable-signin .loginBtn .cta--disabled:active .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:active:active .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:focus:active .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:hover:active .cta--btn-blue-ocean,.routable-signin .loginBtn .cta--disabled:active .cta--btn-blue-skyline,.routable-signin .loginBtn .cta--disabled:active:active .cta--btn-blue-skyline,.routable-signin .loginBtn .cta--disabled:focus:active .cta--btn-blue-skyline,.routable-signin .loginBtn .cta--disabled:hover:active .cta--btn-blue-skyline,.routable-signin .loginBtn .cta--disabled:active .cta--btn-blue-cloud,.routable-signin .loginBtn .cta--disabled:active:active .cta--btn-blue-cloud,.routable-signin .loginBtn .cta--disabled:focus:active .cta--btn-blue-cloud,.routable-signin .loginBtn .cta--disabled:hover:active .cta--btn-blue-cloud {
    background: #0092ff
}

.routable-signin .loginBtn .cta--disabled:active .cta--btn-blue-irish-spring,.routable-signin .loginBtn .cta--disabled:active:active .cta--btn-blue-irish-spring,.routable-signin .loginBtn .cta--disabled:focus:active .cta--btn-blue-irish-spring,.routable-signin .loginBtn .cta--disabled:hover:active .cta--btn-blue-irish-spring {
    background: #3591aa
}

.routable-signin .loginBtn .cta--disabled:focus,.routable-signin .loginBtn .cta--disabled:active:focus,.routable-signin .loginBtn .cta--disabled:focus:focus,.routable-signin .loginBtn .cta--disabled:hover:focus {
    outline: thin dotted #000
}

.routable-signin .signin--remember-me.checkbox.rememberMe {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1em;
    line-height: 1.545em;
    margin: 2px 0 0 0;
    padding: 0
}

.routable-signin .signin--remember-me__text {
    color: #666;
    font-size: .875em;
    margin: 0 0 0 .714em
}

.routable-signin--rsatoken.checkbox {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1em;
    line-height: 1.545em;
    margin: 2px 0 0 0;
    padding: 0
}

.routable-signin--rsatoken__text {
    color: #666;
    font-size: .875em;
    margin: 0 0 0 .714em
}

.routable-signin--checkmark {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    display: inline-block;
    height: 20px;
    line-height: 12px;
    outline: none;
    padding: 1px;
    position: relative;
    top: 2px;
    width: 20px;
}

.routable-signin--checkmark .checkmark {
    font-size: 1.063em;
    opacity: 0;
    visibility: hidden
}

.routable-signin__rsatoken-input-container {
    display: none
}

.routable-signin__checkbox-container {
    padding: 10px 0;
    position: relative;
}

.routable-signin__checkbox-container .checkbox:first-child {
    float: left
}

.routable-signin__checkbox-container .checkbox:nth-child(2) {
    float: right;
    margin-right: 15px
}

.routable-signin .user-remember.checkbox:focus + label .signin--checkmark {
    outline: thin dotted
}

.routable-signin .user-remember.checkbox:checked + label .signin--checkmark {
    background-color: #0b6efd;
    border: 0
}

.routable-signin .user-remember.checkbox:checked + label .checkmark {
    color: #fff;
    opacity: 1;
    visibility: visible
}

.routable-signin .user-token.checkbox:focus + label .routable-signin--checkmark {
    outline: thin dotted
}

.routable-signin .user-token.checkbox:checked + label .routable-signin--checkmark {
    background-color: #0b6efd;
    border: 0
}

.routable-signin .user-token.checkbox:checked + label .checkmark {
    color: #fff;
    opacity: 1;
    visibility: visible
}

.routable-signin .tooltip-wrapper {
    position: relative;
    left: 140px;
    top: 1px;
}

.routable-signin .tooltip-wrapper .tooltip {
    width: 250px
}

.routable-signin .tooltip-wrapper .tooltip__text .icon-Tooltip-info::before {
    top: 3px;
    margin: 0 auto
}

@media only screen and (min-width: 30em) {
    .routable-signin__wrapper {
        width:340px
    }

    .routable-signin .tooltip-wrapper .tooltip {
        width: 300px
    }
}

@media only screen and (min-width: 48em) {
    .routable-signin.jpui .primary.link {
        font-size:.875em;
        margin: 0 0 .429em 0
    }
}

@media only screen and (min-width: 992px) {
    .routable-signin__wrapper {
        margin:0 1em 0 auto
    }

    .routable-signin-module__inner {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 76.875em) {
    .routable-signin__wrapper {
        margin-right:.5em
    }
}

@media screen and (max-width: 29.969em) {
    .chase-home-login .login-user .routable-signin__checkbox-container .tooltip-wrapper {
        position:absolute;
        top: 10px;
        left: 255px
    }

    .routable-signin__checkbox-container {
        max-height: 50px
    }
}

.routable-cpo-signin-module__wrapper {
    position: absolute;
    height: 33em;
    width: 100%;
}

.routable-cpo-signin-module__wrapper.signin-pushed {
    position: relative;
    height: auto
}

.routable-cpo-signin-module__wrapper.signin-pushed .cpo-routable-signin-container {
    text-align: center;
}

.routable-cpo-signin-module__wrapper.signin-pushed .cpo-routable-signin-container iframe {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    position: relative;
    left: 0;
    top: 0
}

.routable-cpo-signin-module__inner {
    height: 100%;
    max-width: 75em;
    margin: 0 auto;
    position: relative;
}

.routable-cpo-signin-module__inner .routable-cpo-signin {
    opacity: 0
}

.routable-cpo-signin-module__inner .cpo-routable-signin-container {
    height: 100%;
    width: 100%;
}

.routable-cpo-signin-module__inner .cpo-routable-signin-container iframe {
    background-color: #fff;
    border-radius: 5px;
    width: 21.25em;
    height: 19em;
    padding: .6em 0;
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media only screen and (min-width: 992px) {
    .routable-cpo-signin-module__wrapper {
        display:block
    }

    .routable-cpo-signin-module__inner .cpo-routable-signin-container iframe {
        left: inherit;
        right: 1em;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }
}

.visualization {
    padding: 32px 1em;
}

.visualization.colored {
    background: #f9f6f3
}

.visualization.neutral {
    background: #f7f7f7
}

.visualization__intro {
    font-family: "Open Sans",sans-serif;
    position: relative;
}

.visualization__intro--headline {
    margin-bottom: 4px;
    color: #414042;
    font-size: 2.25em;
    line-height: 1.167em;
    font-weight: 300
}

.visualization__intro--subheadline {
    margin: 0;
    color: #666;
    font-size: 1.25em;
    line-height: 1.3em;
    font-weight: 300
}

.visualization__intro--logo {
    margin: 10px 0;
    float: none
}

.visualization iframe {
    display: block;
    overflow: hidden;
    border: none;
    min-height: 720px;
    height: auto;
    width: 100%
}

.visualization__cta {
    margin-top: 10px;
    display: block;
    text-decoration: none;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    font-size: 1em;
    line-height: 1.375em
}

@media only screen and (min-width: 48em) {
    .visualization__intro--headline {
        font-size:2.5em;
        line-height: 1.15em;
        margin-bottom: 5px
    }

    .visualization__intro--subheadline {
        font-size: 1.25em;
        line-height: 1.3em;
        margin-bottom: 10px
    }

    .visualization__intro--logo {
        margin: 0;
        position: absolute;
        right: 0;
        top: 10px
    }

    .visualization iframe {
        min-height: 295px
    }

    .visualization__cta {
        margin-top: 24px
    }
}

@media only screen and (min-width: 62em) {
    .visualization__intro--headline {
        font-size:3.125em;
        line-height: 1.12em
    }

    .visualization__intro--subheadline {
        font-size: 1.5em;
        line-height: 1.25em;
        margin-bottom: 32px
    }

    .visualization iframe {
        min-height: 380px
    }

    .visualization__cta {
        font-size: 1.3em
    }
}

@media only screen and (min-width: 75em) {
    .visualization iframe {
        min-height:480px
    }
}

@media screen and (max-width: 479px) {
    .visualization .col-xs-3 {
        width:50%
    }
}

.lead-fusion {
    padding: 0 .5em;
}

.lead-fusion__viewport iframe {
    border: none;
    width: 100%
}

.timeout-message {
    background-color: #128842;
    display: none;
}

.timeout-message__inner {
    position: relative;
    min-height: 2.25em;
    padding-top: 14px;
    padding-bottom: 14px;
}

.timeout-message__inner button {
    background-color: transparent;
    border: none;
    padding: 0
}

.timeout-message__text {
    font-size: 1.125em;
    line-height: 1.3em;
    font-weight: 300;
    position: relative;
}

.timeout-message__text-msg {
    display: none;
    color: #fff;
    margin: 0;
    position: relative;
    vertical-align: middle;
    padding-left: 32px;
    padding-right: 32px;
}

.timeout-message__text-msg.display {
    display: inline-block
}

.timeout-message__text-msg:focus {
    outline: 1px dotted #000
}

.timeout-message__dismiss-btn {
    color: #fff;
    text-decoration: none;
    position: absolute;
    font-size: .875em;
    line-height: 1.6em;
    top: 2px;
    right: 0;
}

.timeout-message__dismiss-btn:focus {
    outline: 1px dotted #000
}

.timeout-message__checkmark {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 20px;
    margin-right: 12px;
}

.timeout-message__checkmark img {
    vertical-align: middle
}

@media only screen and (min-width: 48em) {
    .timeout-message__inner {
        padding-top:20px;
        padding-bottom: 20px;
        padding-left: 8px;
        padding-right: 8px
    }

    .timeout-message__text {
        font-size: 1.25em;
        line-height: 1.3em
    }

    .timeout-message__checkmark {
        width: 22px
    }
}

@media only screen and (min-width: 75em) {
    __dismiss-btn {
        line-height:1.5em
    }
}

.video-outer-container a:active,.video-outer-container a:focus {
    outline: #fff dotted 1px
}

.video-outer-container .icon-close {
    color: #fff;
    text-decoration: none;
    position: absolute;
    font-size: 25px;
    top: -31px;
    right: 0;
    padding-right: 3px
}

.video-outer-container .video-inner-container {
    position: relative;
    margin: 0 auto;
}

.video-outer-container .video-inner-container .transcript-link-container {
    display: none;
}

.video-outer-container .video-inner-container .transcript-link-container .audio-description {
    padding-top: 4px
}

.video-outer-container .video-inner-container .transcript-link-container .audio-description-link {
    display: none
}

.video-outer-container .video-inner-container .video-js {
    height: 100%;
    width: 100%;
}

.video-outer-container .video-inner-container .video-js.vjs-fullscreen {
    max-width: none
}

.video-outer-container .video-inner-container .video-js button.vjs-big-play-button {
    display: none
}

.video-outer-container .video-inner-container .video-js .vjs-dock-text {
    display: none
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar {
    height: 40px;
    font-size: 15px;
    background-color: #2b2b2b;
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-control:hover:before {
    text-shadow: none
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
    background-color: #1e1e1e;
    border: solid 1px #717171;
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:focus,.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 1px dashed #e5e5e5;
    -webkit-box-shadow: none
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-progress-control .vjs-load-progress {
    background-color: #1e1e1e
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-play-control {
    color: #e5e5e5;
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-play-control:active,.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-play-control:focus {
    outline: 1px dashed #e5e5e5;
    outline-offset: -1px
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-play-control:active,.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-play-control:hover {
    color: #0b6efd
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-mute-control {
    color: #e5e5e5;
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-mute-control:active,.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-mute-control:focus {
    outline: 1px dashed #e5e5e5;
    outline-offset: -1px
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-mute-control:active,.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-mute-control:hover {
    color: #0b6efd
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-expand {
    color: #e5e5e5;
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-expand:active,.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-expand:focus {
    outline: 1px dashed #e5e5e5;
    outline-offset: -1px
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-expand:active,.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-expand:hover {
    color: #0b6efd
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-close-caption {
    color: #e5e5e5;
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-close-caption:active,.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-close-caption:focus {
    outline: 1px dashed #e5e5e5;
    outline-offset: -1px
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-close-caption:active,.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-close-caption:hover {
    color: #0b6efd
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-volume-control {
    width: 8em;
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-volume-control .vjs-slider-bar {
    width: 10em;
    height: 8px;
    padding: 1px;
    border-radius: 8px;
    border: 1px solid #747474;
    background-color: #2b2b2b;
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-volume-control .vjs-slider-bar:active,.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-volume-control .vjs-slider-bar:focus {
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 1px dashed #e6e6e6;
    outline-offset: -1px
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-volume-control .vjs-slider-bar .vjs-volume-level {
    position: relative;
    height: 4px;
    border-radius: 4px;
    outline: 1px solid transparent
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-duration-display {
    color: #e6e6e6
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-current-time-display {
    color: #e6e6e6
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-time-control {
    color: #e6e6e6
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-current-time {
    padding: 0
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .vjs-duration {
    padding: 0
}

@media only screen and (min-width: 75em) {
    .video-outer-container .video-inner-container .video-js .vjs-control-bar {
        height:50px;
        font-size: 16.5px
    }
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-close-caption,.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-expand {
    padding-right: 10px;
    padding-left: 10px
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-close-caption:before {
    font-size: 25px;
}

@media only screen and (min-width: 75em) {
    .video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-close-caption:before {
        font-size:30px
    }
}

.video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-expand {
    font-size: 20px;
}

@media only screen and (min-width: 75em) {
    .video-outer-container .video-inner-container .video-js .vjs-control-bar .icon-brightcove-expand {
        font-size:23px
    }
}

.video-outer-container .video-inner-container .transcript-link-container {
    display: block !important;
    text-align: right;
    padding-top: 15px;
}

.video-outer-container .video-inner-container .transcript-link-container a {
    color: #6cc7ff;
    font-size: 14px;
    text-decoration: underline
}

.video-outer-container .video-inner-container .transcript-link-container .audio-description {
    padding-top: 4px
}

.video-transcript__wrapper:before {
    display: block;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    padding-bottom: 2em
}

.video-transcript__wrapper.top-padding {
    padding-top: 3.375em
}

.video-transcript__inner {
    margin-left: 28px;
    padding-left: 3.125em
}

.video-transcript__inner h1 {
    color: #414042;
    font-size: 1.25em;
    font-family: "Open Sans";
    font-weight: 300;
    margin-top: 3.5em;
    margin-bottom: 1.75em
}

.video-transcript__inner h2 {
    font-size: .875em;
    font-family: "Open Sans";
    font-weight: 600;
    color: #414042;
    margin-bottom: .875em
}

.video-transcript__inner p {
    font-size: .9em;
    font-family: "Open Sans";
    font-weight: 400;
    color: #414042;
}

.video-transcript__inner p br {
    display: none
}

@media only screen and (min-width: 48em) {
    .video-transcript__inner {
        width:83.33%
    }
}

.zip-gate__wrapper {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 5003;
    overflow-y: auto;
    overflow-x: hidden;
}

.zip-gate__wrapper.show {
    display: block
}

.zip-gate__wrapper.hide {
    display: none
}

.zip-gate__interstitial,.zip-gate__confirmation,.zip-gate__outofFootPrint,.zip-gate__noCookie {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.zip-gate__interstitial--inner,.zip-gate__confirmation--inner,.zip-gate__outofFootPrint--inner,.zip-gate__noCookie--inner {
    padding: 0 .5em
}

.zip-gate__interstitial--close,.zip-gate__confirmation--close,.zip-gate__outofFootPrint--close,.zip-gate__noCookie--close {
    margin: 0 auto 1.25em auto;
    text-align: right;
}

.zip-gate__interstitial--close a,.zip-gate__confirmation--close a,.zip-gate__outofFootPrint--close a,.zip-gate__noCookie--close a {
    color: #fff;
    text-decoration: none;
    font-size: 1.25em;
}

.zip-gate__interstitial--close a:focus,.zip-gate__confirmation--close a:focus,.zip-gate__outofFootPrint--close a:focus,.zip-gate__noCookie--close a:focus {
    outline: 1px dotted #fff
}

.zip-gate__interstitial--header,.zip-gate__confirmation--header,.zip-gate__outofFootPrint--header,.zip-gate__noCookie--header {
    margin: 0 0 1.5em 0;
}

.zip-gate__interstitial--header h2,.zip-gate__confirmation--header h2,.zip-gate__outofFootPrint--header h2,.zip-gate__noCookie--header h2 {
    text-align: center;
    color: #fff;
    font-size: 2.25em;
    font-family: Open Sans;
    font-weight: 300;
    line-height: 1.22em
}

.zip-gate__interstitial--desc,.zip-gate__confirmation--desc,.zip-gate__outofFootPrint--desc,.zip-gate__noCookie--desc {
    margin: 0 0 1.75em 0;
}

.zip-gate__interstitial--desc p,.zip-gate__confirmation--desc p,.zip-gate__outofFootPrint--desc p,.zip-gate__noCookie--desc p {
    text-align: center;
    color: #fff;
    font-size: 1em;
    line-height: 1.5em
}

.zip-gate__interstitial--zipFields,.zip-gate__confirmation--zipFields,.zip-gate__outofFootPrint--zipFields,.zip-gate__noCookie--zipFields {
    max-width: 24.313em;
    margin-left: auto;
    margin-right: auto
}

.zip-gate__interstitial--label,.zip-gate__confirmation--label,.zip-gate__outofFootPrint--label,.zip-gate__noCookie--label {
    margin: 0 0 .25em 0;
}

.zip-gate__interstitial--label p,.zip-gate__confirmation--label p,.zip-gate__outofFootPrint--label p,.zip-gate__noCookie--label p {
    color: #fff;
    font-size: .875em;
    font-weight: 400;
    margin: 0
}

.zip-gate__interstitial--error-message,.zip-gate__confirmation--error-message,.zip-gate__outofFootPrint--error-message,.zip-gate__noCookie--error-message {
    display: none;
    margin: 0 0 .25em 0;
    position: relative;
}

.zip-gate__interstitial--error-message__img,.zip-gate__confirmation--error-message__img,.zip-gate__outofFootPrint--error-message__img,.zip-gate__noCookie--error-message__img {
    position: absolute;
    top: 2px;
    height: 1em;
    margin: 0 .5em 0 0
}

.zip-gate__interstitial--error-message p,.zip-gate__confirmation--error-message p,.zip-gate__outofFootPrint--error-message p,.zip-gate__noCookie--error-message p {
    color: #fff;
    display: inline-block;
    font-size: .875em;
    margin: 0
}

.zip-gate__interstitial--error-message:focus,.zip-gate__confirmation--error-message:focus,.zip-gate__outofFootPrint--error-message:focus,.zip-gate__noCookie--error-message:focus {
    outline: 1px dotted #fff
}

.zip-gate__interstitial--serviceError-message,.zip-gate__confirmation--serviceError-message,.zip-gate__outofFootPrint--serviceError-message,.zip-gate__noCookie--serviceError-message {
    display: none;
    margin: 0 0 .25em 0;
    position: relative;
}

.zip-gate__interstitial--serviceError-message__img,.zip-gate__confirmation--serviceError-message__img,.zip-gate__outofFootPrint--serviceError-message__img,.zip-gate__noCookie--serviceError-message__img {
    position: absolute;
    top: 2px;
    height: 1em;
    margin: 0 .5em 0 0
}

.zip-gate__interstitial--serviceError-message p,.zip-gate__confirmation--serviceError-message p,.zip-gate__outofFootPrint--serviceError-message p,.zip-gate__noCookie--serviceError-message p {
    color: #fff;
    display: inline-block;
    font-size: .875em;
    margin: 0;
    padding-left: 1.72em
}

.zip-gate__interstitial--serviceError-message:focus,.zip-gate__confirmation--serviceError-message:focus,.zip-gate__outofFootPrint--serviceError-message:focus,.zip-gate__noCookie--serviceError-message:focus {
    outline: 1px dotted #fff
}

.zip-gate__interstitial--zipArea,.zip-gate__confirmation--zipArea,.zip-gate__outofFootPrint--zipArea,.zip-gate__noCookie--zipArea {
    margin: 0 0 .75em;
}

.zip-gate__interstitial--zipArea-field,.zip-gate__confirmation--zipArea-field,.zip-gate__outofFootPrint--zipArea-field,.zip-gate__noCookie--zipArea-field {
    width: 100%;
    font-size: 1em;
    font-weight: 400;
    padding: .625em 0 .625em .875em;
    height: 2.5em;
    border: 1px solid #959595;
}

.zip-gate__interstitial--zipArea-field.errorBorder,.zip-gate__confirmation--zipArea-field.errorBorder,.zip-gate__outofFootPrint--zipArea-field.errorBorder,.zip-gate__noCookie--zipArea-field.errorBorder {
    border: 2px solid #bf2155
}

.zip-gate__interstitial--cta,.zip-gate__confirmation--cta,.zip-gate__outofFootPrint--cta,.zip-gate__noCookie--cta {
    padding: .625em 0;
    margin: 0 0 1.875em 0;
    text-decoration: none;
    width: 49%;
    min-width: 4em;
}

.zip-gate__interstitial--cta p,.zip-gate__confirmation--cta p,.zip-gate__outofFootPrint--cta p,.zip-gate__noCookie--cta p {
    margin: 0
}

.zip-gate__interstitial--cta:focus,.zip-gate__confirmation--cta:focus,.zip-gate__outofFootPrint--cta:focus,.zip-gate__noCookie--cta:focus {
    outline: 1px dotted #fff
}

.zip-gate__interstitial--link-container a,.zip-gate__confirmation--link-container a,.zip-gate__outofFootPrint--link-container a,.zip-gate__noCookie--link-container a {
    color: #6cc7ff;
    text-decoration: none;
}

.zip-gate__interstitial--link-container a:focus,.zip-gate__confirmation--link-container a:focus,.zip-gate__outofFootPrint--link-container a:focus,.zip-gate__noCookie--link-container a:focus {
    outline: 1px dotted #fff
}

.zip-gate__interstitial--link-container a.regular-link .zip-gate__interstitial--link-desc,.zip-gate__confirmation--link-container a.regular-link .zip-gate__interstitial--link-desc,.zip-gate__outofFootPrint--link-container a.regular-link .zip-gate__interstitial--link-desc,.zip-gate__noCookie--link-container a.regular-link .zip-gate__interstitial--link-desc,.zip-gate__interstitial--link-container a.regular-link .zip-gate__outofFootPrint--link-desc,.zip-gate__confirmation--link-container a.regular-link .zip-gate__outofFootPrint--link-desc,.zip-gate__outofFootPrint--link-container a.regular-link .zip-gate__outofFootPrint--link-desc,.zip-gate__noCookie--link-container a.regular-link .zip-gate__outofFootPrint--link-desc,.zip-gate__interstitial--link-container a.regular-link .zip-gate__confirmation--link-desc,.zip-gate__confirmation--link-container a.regular-link .zip-gate__confirmation--link-desc,.zip-gate__outofFootPrint--link-container a.regular-link .zip-gate__confirmation--link-desc,.zip-gate__noCookie--link-container a.regular-link .zip-gate__confirmation--link-desc,.zip-gate__interstitial--link-container a.regular-link .zip-gate__noCookie--link-desc,.zip-gate__confirmation--link-container a.regular-link .zip-gate__noCookie--link-desc,.zip-gate__outofFootPrint--link-container a.regular-link .zip-gate__noCookie--link-desc,.zip-gate__noCookie--link-container a.regular-link .zip-gate__noCookie--link-desc {
    text-decoration: underline
}

.zip-gate__interstitial--link-container span,.zip-gate__confirmation--link-container span,.zip-gate__outofFootPrint--link-container span,.zip-gate__noCookie--link-container span {
    font-size: .625em
}

.zip-gate__interstitial--link-desc,.zip-gate__confirmation--link-desc,.zip-gate__outofFootPrint--link-desc,.zip-gate__noCookie--link-desc {
    display: inline-block;
    font-size: 1em;
    line-height: 1.5em
}

.zip-gate__confirmation--zipFields {
    max-width: 24.313em;
    margin-left: auto;
    margin-right: auto;
}

.zip-gate__confirmation--zipFields p {
    font-size: .875em
}

.zip-gate__noCookie--label P {
    color: rgba(255,255,255,0.5)
}

.zip-gate__noCookie--zipArea input {
    background-color: rgba(255,255,255,0.5)
}

.zip-gate__outofFootPrint--inner {
    text-align: center
}

.zip-gate__outofFootPrint--header {
    display: inline-block;
}

.zip-gate__outofFootPrint--header h2 {
    margin-bottom: 0
}

.zip-gate__outofFootPrint--desc p {
    margin-bottom: 0
}

.zip-gate__outofFootPrint--link-container {
    display: inline-block
}

.zip-gate__interstitial--link-container,.zip-gate__confirmation--link-container,.zip-gate__noCookie--link-container {
    text-align: center
}

@media only screen and (min-width: 30em) {
    .zip-gate__interstitial--close a,.zip-gate__confirmation--close a,.zip-gate__outofFootPrint--close a,.zip-gate__noCookie--close a {
        font-size:1.563em
    }

    .zip-gate__interstitial--link-container a,.zip-gate__confirmation--link-container a,.zip-gate__outofFootPrint--link-container a,.zip-gate__noCookie--link-container a {
        margin: 0 2em 0 0
    }

    .zip-gate__interstitial--link-container span,.zip-gate__confirmation--link-container span,.zip-gate__outofFootPrint--link-container span,.zip-gate__noCookie--link-container span {
        font-size: .66em
    }

    .zip-gate__interstitial--link-desc,.zip-gate__confirmation--link-desc,.zip-gate__outofFootPrint--link-desc,.zip-gate__noCookie--link-desc {
        font-size: 1.125em
    }

    .zip-gate__confirmation--zipFields {
        max-width: 24.313em;
        margin-left: auto;
        margin-right: auto;
    }

    .zip-gate__confirmation--zipFields p {
        font-size: 1em
    }

    .zip-gate__confirmation--cta {
        width: 11.75em;
    }

    .zip-gate__confirmation--cta.cta--secondary {
        margin: 0 .5em 0 0
    }

    .zip-gate__interstitial a,.zip-gate__confirmation a {
        margin-right: 0
    }
}

@media screen and (max-device-width: 320px) and (orientation:portrait) {
    .zip-gate__interstitial,.zip-gate__confirmation,.zip-gate__outofFootPrint,.zip-gate__noCookie {
        top:65%;
        position: relative
    }
}

@media screen and (max-device-width: 640px) and (orientation:landscape) {
    .zip-gate__interstitial,.zip-gate__confirmation {
        top:85%;
        position: relative
    }
}

@media screen and (min-device-width: 640px) and (max-device-width:736px) and (orientation:landscape) {
    .zip-gate__interstitial,.zip-gate__confirmation {
        top:75%;
        position: relative
    }
}

@media only screen and (min-width: 48em) {
    .zip-gate__interstitial--inner,.zip-gate__confirmation--inner,.zip-gate__outofFootPrint--inner,.zip-gate__noCookie--inner {
        width:83.3%;
        margin-left: auto;
        margin-right: auto
    }

    .zip-gate__interstitial--header p,.zip-gate__confirmation--header p,.zip-gate__outofFootPrint--header p,.zip-gate__noCookie--header p {
        font-size: 2.5em;
        font-family: Open Sans;
        font-weight: 300;
        line-height: 1.2em
    }

    .zip-gate__interstitial--desc p,.zip-gate__confirmation--desc p,.zip-gate__outofFootPrint--desc p,.zip-gate__noCookie--desc p {
        text-align: center;
        color: #fff;
        font-size: 1.25em;
        line-height: 1.5em;
        font-weight: 300
    }
}

@media only screen and (min-width: 75em) {
    .zip-gate__interstitial--inner,.zip-gate__confirmation--inner,.zip-gate__outofFootPrint--inner,.zip-gate__noCookie--inner {
        width:66.67%
    }

    .zip-gate__interstitial--header,.zip-gate__confirmation--header,.zip-gate__outofFootPrint--header,.zip-gate__noCookie--header {
        margin: 0 0 1.5em 0;
    }

    .zip-gate__interstitial--header h2,.zip-gate__confirmation--header h2,.zip-gate__outofFootPrint--header h2,.zip-gate__noCookie--header h2 {
        text-align: center;
        color: #fff;
        font-size: 2.75em;
        font-family: Open Sans;
        font-weight: 300;
        line-height: 1.19em
    }

    .zip-gate__interstitial--desc p,.zip-gate__confirmation--desc p,.zip-gate__outofFootPrint--desc p,.zip-gate__noCookie--desc p {
        line-height: 1.4em
    }

    .zip-gate__interstitial--cta,.zip-gate__confirmation--cta,.zip-gate__outofFootPrint--cta,.zip-gate__noCookie--cta {
        margin: 0 0 2.5em 0
    }
}

.zip-gate__update {
    padding: 2em .5em;
}

.zip-gate__update.divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    position: relative;
    max-width: 75em;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    margin: 0 auto;
    margin-bottom: 2em
}

.zip-gate__update--inner {
    padding: 0 8px
}

.zip-gate__update--header.center {
    text-align: center
}

.zip-gate__update--header h2 {
    font-size: 1.625em;
    line-height: 1.308em;
    margin-bottom: .667em;
    font-weight: 300;
}

.zip-gate__update--header h2 span {
    font-weight: 400
}

.zip-gate__update--desc.center {
    text-align: center
}

.zip-gate__update--desc p {
    font-size: .875em;
    line-height: 1.571em;
    font-weight: 400;
    margin-bottom: 1.333em
}

.zip-gate__update--validation {
    margin-bottom: 1.75em;
    max-width: 26em;
    margin-left: auto;
    margin-right: auto
}

.zip-gate__update--error-message {
    display: none;
    margin-bottom: .25em;
    position: relative;
}

.zip-gate__update--error-message img {
    position: absolute;
    left: 0;
    top: 2px;
    margin-right: .25em;
    height: 1em
}

.zip-gate__update--error-message p {
    display: inline-block;
    font-size: .875em;
    line-height: 1.429;
    margin: 0;
    color: #bf2155
}

.zip-gate__update--error-message.serviceErrorMessage {
    display: none;
    margin-bottom: .25em;
    position: relative;
    padding-left: 1.25em;
}

.zip-gate__update--error-message.serviceErrorMessage img {
    position: absolute;
    left: 0;
    top: 2px;
    margin-right: .25em;
    height: 1em
}

.zip-gate__update--error-message.serviceErrorMessage p {
    display: inline-block;
    font-size: .875em;
    line-height: 1.429;
    margin: 0;
    color: #bf2155
}

.zip-gate__update--error-message:focus {
    outline: 1px dotted #000
}

.zip-gate__update--input {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    height: 40px;
}

.zip-gate__update--input.errorBorder {
    border: 2px solid #bf2155;
}

.zip-gate__update--input.errorBorder input {
    height: 36px
}

.zip-gate__update--input input {
    border: none;
    font-size: 1.125em;
    color: #717171;
    width: -webkit-calc(100% - 6em);
    width: calc(100% - 6em);
    height: 38px;
    padding: .313em 0 .313em 1em;
    border-radius: 5px
}

.zip-gate__update--input__cta-container {
    position: absolute;
    display: inline-block;
    float: right;
    top: 50%;
    right: 0;
    margin-right: 3px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.zip-gate__update--input--cta {
    min-width: 0;
    width: 6.875em;
    font-size: 1em;
    line-height: 1;
    padding: 0 2em 0 0;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.zip-gate__update--input--cta:not(.cta) {
    font-weight: 600
}

.zip-gate__update--input--cta.cta {
    font-size: .875em;
    line-height: 1;
    padding: .63em 0
}

.zip-gate__update--link {
    text-align: center;
}

.zip-gate__update--link a {
    text-decoration: none;
}

.zip-gate__update--link a.regular-link p {
    text-decoration: underline
}

.zip-gate__update--link p {
    font-size: .875em;
    line-height: 1.333;
    font-weight: 400;
    margin: 0;
    display: inline-block
}

.zip-gate__update--link-icon {
    font-size: .5em;
    margin-left: .6em;
    position: relative;
    bottom: 1px
}

@media only screen and (min-width: 30em) {
    .zip-gate__update--input {
        height:45px;
    }

    .zip-gate__update--input.errorBorder input {
        height: 41px
    }

    .zip-gate__update--input input {
        width: -webkit-calc(100% - 8em);
        width: calc(100% - 8em);
        height: 43px
    }

    .zip-gate__update--input--cta.cta {
        font-size: 1em
    }
}

@media only screen and (min-width: 48em) {
    .zip-gate__update {
        padding-top:2.5em;
        padding-bottom: 2.5em;
    }

    .zip-gate__update--inner {
        width: 83.3%;
        margin-left: auto;
        margin-right: auto
    }

    .zip-gate__update--header h2 {
        font-size: 2.25em;
        line-height: 1.222em
    }

    .zip-gate__update--desc p {
        font-size: 1.125em;
        line-height: 1.444em;
        font-weight: 300
    }

    .zip-gate__update--link p {
        font-size: 1em;
        line-height: 1.3em
    }

    .zip-gate__update--link-icon {
        font-size: .6em
    }

    .zip-gate__update--input--cta.cta {
        font-size: 1em;
        padding: .63em 0
    }
}

@media only screen and (min-width: 75em) {
    .zip-gate__update {
        padding-top:2.5em;
        padding-bottom: 2.5em;
    }

    .zip-gate__update--inner {
        width: 83.33%;
        margin-left: auto;
        margin-right: auto
    }

    .zip-gate__update--header h2 {
        font-size: 2.5em;
        line-height: 1.2em;
        margin-bottom: .6em
    }

    .zip-gate__update--desc p {
        font-size: 1.25em;
        line-height: 1.4em;
        margin-bottom: 1.2em
    }

    .zip-gate__update--link p {
        font-size: 1.1255em
    }

    .zip-gate__update--link-icon {
        font-size: .6em
    }
}

.zip-gate-gil__wrapper {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 5003;
    overflow-y: auto;
    overflow-x: hidden;
}

.zip-gate-gil__wrapper.show {
    display: block
}

.zip-gate-gil__wrapper.hide {
    display: none
}

.zip-gate-gil__interstitial,.zip-gate-gil__confirmation,.zip-gate-gil__outofFootPrint,.zip-gate-gil__noCookie {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.zip-gate-gil__interstitial--inner,.zip-gate-gil__confirmation--inner,.zip-gate-gil__outofFootPrint--inner,.zip-gate-gil__noCookie--inner {
    padding: 0 .5em
}

.zip-gate-gil__interstitial--close,.zip-gate-gil__confirmation--close,.zip-gate-gil__outofFootPrint--close,.zip-gate-gil__noCookie--close {
    margin: 0 auto 1.25em auto;
    text-align: right;
}

.zip-gate-gil__interstitial--close a,.zip-gate-gil__confirmation--close a,.zip-gate-gil__outofFootPrint--close a,.zip-gate-gil__noCookie--close a {
    color: #fff;
    text-decoration: none;
    font-size: 1.25em;
}

.zip-gate-gil__interstitial--close a:focus,.zip-gate-gil__confirmation--close a:focus,.zip-gate-gil__outofFootPrint--close a:focus,.zip-gate-gil__noCookie--close a:focus {
    outline: 1px dotted #fff
}

.zip-gate-gil__interstitial--header,.zip-gate-gil__confirmation--header,.zip-gate-gil__outofFootPrint--header,.zip-gate-gil__noCookie--header {
    margin: 0 0 1.5em 0;
}

.zip-gate-gil__interstitial--header h2,.zip-gate-gil__confirmation--header h2,.zip-gate-gil__outofFootPrint--header h2,.zip-gate-gil__noCookie--header h2 {
    text-align: center;
    color: #fff;
    font-size: 2.25em;
    font-family: Open Sans;
    font-weight: 300;
    line-height: 1.22em
}

.zip-gate-gil__interstitial--desc,.zip-gate-gil__confirmation--desc,.zip-gate-gil__outofFootPrint--desc,.zip-gate-gil__noCookie--desc {
    margin: 0 0 1.75em 0;
}

.zip-gate-gil__interstitial--desc p,.zip-gate-gil__confirmation--desc p,.zip-gate-gil__outofFootPrint--desc p,.zip-gate-gil__noCookie--desc p {
    text-align: center;
    color: #fff;
    font-size: 1em;
    line-height: 1.5em
}

.zip-gate-gil__interstitial--zipFields,.zip-gate-gil__confirmation--zipFields,.zip-gate-gil__outofFootPrint--zipFields,.zip-gate-gil__noCookie--zipFields {
    max-width: 24.313em;
    margin-left: auto;
    margin-right: auto
}

.zip-gate-gil__interstitial--label,.zip-gate-gil__confirmation--label,.zip-gate-gil__outofFootPrint--label,.zip-gate-gil__noCookie--label {
    margin: 0 0 .25em 0;
}

.zip-gate-gil__interstitial--label p,.zip-gate-gil__confirmation--label p,.zip-gate-gil__outofFootPrint--label p,.zip-gate-gil__noCookie--label p {
    color: #fff;
    font-size: .875em;
    font-weight: 400;
    margin: 0
}

.zip-gate-gil__interstitial--error-message,.zip-gate-gil__confirmation--error-message,.zip-gate-gil__outofFootPrint--error-message,.zip-gate-gil__noCookie--error-message {
    display: none;
    margin: 0 0 .25em 0;
    position: relative;
}

.zip-gate-gil__interstitial--error-message__iconWrap,.zip-gate-gil__confirmation--error-message__iconWrap,.zip-gate-gil__outofFootPrint--error-message__iconWrap,.zip-gate-gil__noCookie--error-message__iconWrap {
    float: left;
    margin-right: .5em;
    margin-top: .125em;
    height: 1em;
    width: 1em;
    border-radius: 50%;
    background: #bf2155;
    color: #fff
}

.zip-gate-gil__interstitial--error-message__img,.zip-gate-gil__confirmation--error-message__img,.zip-gate-gil__outofFootPrint--error-message__img,.zip-gate-gil__noCookie--error-message__img {
    position: absolute;
    top: 2px;
    height: 1em;
    margin: 0 .5em 0 0
}

.zip-gate-gil__interstitial--error-message p,.zip-gate-gil__confirmation--error-message p,.zip-gate-gil__outofFootPrint--error-message p,.zip-gate-gil__noCookie--error-message p {
    color: #fff;
    display: inline-block;
    font-size: .875em;
    margin: 0
}

.zip-gate-gil__interstitial--error-message:focus,.zip-gate-gil__confirmation--error-message:focus,.zip-gate-gil__outofFootPrint--error-message:focus,.zip-gate-gil__noCookie--error-message:focus {
    outline: 1px dotted #fff
}

.zip-gate-gil__interstitial--serviceError-message,.zip-gate-gil__confirmation--serviceError-message,.zip-gate-gil__outofFootPrint--serviceError-message,.zip-gate-gil__noCookie--serviceError-message {
    display: none;
    margin: 0 0 .25em 0;
    position: relative;
}

.zip-gate-gil__interstitial--serviceError-message__img,.zip-gate-gil__confirmation--serviceError-message__img,.zip-gate-gil__outofFootPrint--serviceError-message__img,.zip-gate-gil__noCookie--serviceError-message__img {
    position: absolute;
    top: 2px;
    height: 1em;
    margin: 0 .5em 0 0
}

.zip-gate-gil__interstitial--serviceError-message p,.zip-gate-gil__confirmation--serviceError-message p,.zip-gate-gil__outofFootPrint--serviceError-message p,.zip-gate-gil__noCookie--serviceError-message p {
    color: #fff;
    display: inline-block;
    font-size: .875em;
    margin: 0;
    padding-left: 1.72em
}

.zip-gate-gil__interstitial--serviceError-message:focus,.zip-gate-gil__confirmation--serviceError-message:focus,.zip-gate-gil__outofFootPrint--serviceError-message:focus,.zip-gate-gil__noCookie--serviceError-message:focus {
    outline: 1px dotted #fff
}

.zip-gate-gil__interstitial--zipArea,.zip-gate-gil__confirmation--zipArea,.zip-gate-gil__outofFootPrint--zipArea,.zip-gate-gil__noCookie--zipArea {
    margin: 0 0 .75em;
}

.zip-gate-gil__interstitial--zipArea-field,.zip-gate-gil__confirmation--zipArea-field,.zip-gate-gil__outofFootPrint--zipArea-field,.zip-gate-gil__noCookie--zipArea-field {
    width: 100%;
    font-size: 1em;
    font-weight: 400;
    padding: .625em 0 .625em .875em;
    height: 2.5em;
    border: 1px solid #959595;
}

.zip-gate-gil__interstitial--zipArea-field.errorBorder,.zip-gate-gil__confirmation--zipArea-field.errorBorder,.zip-gate-gil__outofFootPrint--zipArea-field.errorBorder,.zip-gate-gil__noCookie--zipArea-field.errorBorder {
    border: 2px solid #bf2155
}

.zip-gate-gil__interstitial--cta,.zip-gate-gil__confirmation--cta,.zip-gate-gil__outofFootPrint--cta,.zip-gate-gil__noCookie--cta {
    padding: .625em 0;
    margin: 0 0 1.875em 0;
    text-decoration: none;
    width: 49%;
    min-width: 4em;
}

.zip-gate-gil__interstitial--cta__gil,.zip-gate-gil__confirmation--cta__gil,.zip-gate-gil__outofFootPrint--cta__gil,.zip-gate-gil__noCookie--cta__gil {
    display: block;
    padding: .625em 0;
    margin: auto;
    text-decoration: none;
    width: 50%;
    min-width: 4em;
}

.zip-gate-gil__interstitial--cta__gil p,.zip-gate-gil__confirmation--cta__gil p,.zip-gate-gil__outofFootPrint--cta__gil p,.zip-gate-gil__noCookie--cta__gil p {
    margin: 0
}

.zip-gate-gil__interstitial--cta__gil:focus,.zip-gate-gil__confirmation--cta__gil:focus,.zip-gate-gil__outofFootPrint--cta__gil:focus,.zip-gate-gil__noCookie--cta__gil:focus {
    outline: 1px dotted #fff
}

.zip-gate-gil__interstitial--link-container a,.zip-gate-gil__confirmation--link-container a,.zip-gate-gil__outofFootPrint--link-container a,.zip-gate-gil__noCookie--link-container a {
    color: #6cc7ff;
    text-decoration: none;
}

.zip-gate-gil__interstitial--link-container a:focus,.zip-gate-gil__confirmation--link-container a:focus,.zip-gate-gil__outofFootPrint--link-container a:focus,.zip-gate-gil__noCookie--link-container a:focus {
    outline: 1px dotted #fff
}

.zip-gate-gil__interstitial--link-container a.regular-link .zip-gate-gil__interstitial--link-desc,.zip-gate-gil__confirmation--link-container a.regular-link .zip-gate-gil__interstitial--link-desc,.zip-gate-gil__outofFootPrint--link-container a.regular-link .zip-gate-gil__interstitial--link-desc,.zip-gate-gil__noCookie--link-container a.regular-link .zip-gate-gil__interstitial--link-desc,.zip-gate-gil__interstitial--link-container a.regular-link .zip-gate-gil__outofFootPrint--link-desc,.zip-gate-gil__confirmation--link-container a.regular-link .zip-gate-gil__outofFootPrint--link-desc,.zip-gate-gil__outofFootPrint--link-container a.regular-link .zip-gate-gil__outofFootPrint--link-desc,.zip-gate-gil__noCookie--link-container a.regular-link .zip-gate-gil__outofFootPrint--link-desc,.zip-gate-gil__interstitial--link-container a.regular-link .zip-gate-gil__confirmation--link-desc,.zip-gate-gil__confirmation--link-container a.regular-link .zip-gate-gil__confirmation--link-desc,.zip-gate-gil__outofFootPrint--link-container a.regular-link .zip-gate-gil__confirmation--link-desc,.zip-gate-gil__noCookie--link-container a.regular-link .zip-gate-gil__confirmation--link-desc,.zip-gate-gil__interstitial--link-container a.regular-link .zip-gate-gil__noCookie--link-desc,.zip-gate-gil__confirmation--link-container a.regular-link .zip-gate-gil__noCookie--link-desc,.zip-gate-gil__outofFootPrint--link-container a.regular-link .zip-gate-gil__noCookie--link-desc,.zip-gate-gil__noCookie--link-container a.regular-link .zip-gate-gil__noCookie--link-desc {
    text-decoration: underline
}

.zip-gate-gil__interstitial--link-container span,.zip-gate-gil__confirmation--link-container span,.zip-gate-gil__outofFootPrint--link-container span,.zip-gate-gil__noCookie--link-container span {
    font-size: .625em
}

.zip-gate-gil__interstitial--link-desc,.zip-gate-gil__confirmation--link-desc,.zip-gate-gil__outofFootPrint--link-desc,.zip-gate-gil__noCookie--link-desc {
    display: inline-block;
    font-size: 1em;
    line-height: 1.5em
}

.zip-gate-gil__confirmation--zipFields {
    max-width: 24.313em;
    margin-left: auto;
    margin-right: auto;
}

.zip-gate-gil__confirmation--zipFields p {
    font-size: .875em
}

.zip-gate-gil__noCookie--label P {
    color: rgba(255,255,255,0.5)
}

.zip-gate-gil__noCookie--zipArea input {
    background-color: rgba(255,255,255,0.5)
}

.zip-gate-gil__outofFootPrint--inner {
    text-align: center
}

.zip-gate-gil__outofFootPrint--header {
    display: inline-block;
}

.zip-gate-gil__outofFootPrint--header h2 {
    margin-bottom: 0
}

.zip-gate-gil__outofFootPrint--desc p {
    margin-bottom: 0
}

.zip-gate-gil__outofFootPrint--link-container {
    display: inline-block
}

.zip-gate-gil__interstitial--link-container,.zip-gate-gil__confirmation--link-container,.zip-gate-gil__noCookie--link-container {
    text-align: center
}

@media only screen and (min-width: 30em) {
    .zip-gate-gil__interstitial--close a,.zip-gate-gil__confirmation--close a,.zip-gate-gil__outofFootPrint--close a,.zip-gate-gil__noCookie--close a {
        font-size:1.563em
    }

    .zip-gate-gil__interstitial--link-container a,.zip-gate-gil__confirmation--link-container a,.zip-gate-gil__outofFootPrint--link-container a,.zip-gate-gil__noCookie--link-container a {
        margin: 0 2em 0 0
    }

    .zip-gate-gil__interstitial--link-container span,.zip-gate-gil__confirmation--link-container span,.zip-gate-gil__outofFootPrint--link-container span,.zip-gate-gil__noCookie--link-container span {
        font-size: .66em
    }

    .zip-gate-gil__interstitial--link-desc,.zip-gate-gil__confirmation--link-desc,.zip-gate-gil__outofFootPrint--link-desc,.zip-gate-gil__noCookie--link-desc {
        font-size: 1.125em
    }

    .zip-gate-gil__confirmation--zipFields {
        max-width: 24.313em;
        margin-left: auto;
        margin-right: auto;
    }

    .zip-gate-gil__confirmation--zipFields p {
        font-size: 1em
    }

    .zip-gate-gil__confirmation--cta {
        width: 11.75em;
    }

    .zip-gate-gil__confirmation--cta.cta--secondary {
        margin: 0 .5em 0 0
    }
}

@media screen and (max-device-width: 320px) and (orientation:portrait) {
    .zip-gate-gil__interstitial,.zip-gate-gil__confirmation,.zip-gate-gil__outofFootPrint,.zip-gate-gil__noCookie {
        top:65%;
        position: relative
    }
}

@media screen and (max-device-width: 640px) and (orientation:landscape) {
    .zip-gate-gil__interstitial,.zip-gate-gil__confirmation {
        top:85%;
        position: relative
    }
}

@media screen and (min-device-width: 640px) and (max-device-width:736px) and (orientation:landscape) {
    .zip-gate-gil__interstitial,.zip-gate-gil__confirmation {
        top:75%;
        position: relative
    }
}

@media only screen and (min-width: 48em) {
    .zip-gate-gil__interstitial--inner,.zip-gate-gil__confirmation--inner,.zip-gate-gil__outofFootPrint--inner,.zip-gate-gil__noCookie--inner {
        width:83.3%;
        margin-left: auto;
        margin-right: auto
    }

    .zip-gate-gil__interstitial--header p,.zip-gate-gil__confirmation--header p,.zip-gate-gil__outofFootPrint--header p,.zip-gate-gil__noCookie--header p {
        font-size: 2.5em;
        font-family: Open Sans;
        font-weight: 300;
        line-height: 1.2em
    }

    .zip-gate-gil__interstitial--desc p,.zip-gate-gil__confirmation--desc p,.zip-gate-gil__outofFootPrint--desc p,.zip-gate-gil__noCookie--desc p {
        text-align: center;
        color: #fff;
        font-size: 1.25em;
        line-height: 1.5em;
        font-weight: 300
    }
}

@media only screen and (min-width: 75em) {
    .zip-gate-gil__interstitial--inner,.zip-gate-gil__confirmation--inner,.zip-gate-gil__outofFootPrint--inner,.zip-gate-gil__noCookie--inner {
        width:66.67%
    }

    .zip-gate-gil__interstitial--header,.zip-gate-gil__confirmation--header,.zip-gate-gil__outofFootPrint--header,.zip-gate-gil__noCookie--header {
        margin: 0 0 1.5em 0;
    }

    .zip-gate-gil__interstitial--header h2,.zip-gate-gil__confirmation--header h2,.zip-gate-gil__outofFootPrint--header h2,.zip-gate-gil__noCookie--header h2 {
        text-align: center;
        color: #fff;
        font-size: 2.75em;
        font-family: Open Sans;
        font-weight: 300;
        line-height: 1.19em
    }

    .zip-gate-gil__interstitial--desc p,.zip-gate-gil__confirmation--desc p,.zip-gate-gil__outofFootPrint--desc p,.zip-gate-gil__noCookie--desc p {
        line-height: 1.4em
    }

    .zip-gate-gil__interstitial--cta,.zip-gate-gil__confirmation--cta,.zip-gate-gil__outofFootPrint--cta,.zip-gate-gil__noCookie--cta {
        margin: 0 0 2.5em 0
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.tooltip {
    position: absolute;
    display: inline-block;
    width: 300px;
    font-size: .875rem;
}

.tooltip img {
    position: relative
}

.tooltip .tooltipLinkText {
    color: #fff;
    text-decoration: none;
}

.tooltip .tooltipLinkText:focus p,.tooltip .tooltipLinkText:active p {
    outline: thin dotted #000
}

.tooltip.top,.tooltip.right,.tooltip.bottom,.tooltip.left {
    z-index: 100;
    padding: 12px 36px 12px 16px;
    background: #e7e4de;
    border: 1px solid #dbd5ca;
    border-radius: .25em;
    max-width: 100vw;
    color: #414042;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.28);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.28);
}

.tooltip.top .tooltip-arrow,.tooltip.right .tooltip-arrow,.tooltip.bottom .tooltip-arrow,.tooltip.left .tooltip-arrow {
    background: #e7e4de;
    border: 1px solid #dbd5ca;
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.tooltip.top .tooltip-arrow {
    bottom: -.5em;
    left: 50%;
    margin-left: -.46em;
    border-top: 0 none transparent;
    border-left: 0 none transparent
}

.tooltip.right .tooltip-arrow {
    left: -.25em;
    top: 50%;
    margin-top: -.46em;
    border-top: 0 none transparent;
    border-right: 0 none transparent
}

.tooltip.bottom {
    margin-top: .5em !important;
}

.tooltip.bottom .tooltip-arrow {
    top: -.5em;
    left: 50%;
    margin-left: -.46em;
    border-right: 0 none transparent;
    border-bottom: 0 none transparent
}

.tooltip.left .tooltip-arrow {
    right: -.5em;
    top: 50%;
    margin-top: -.46em;
    border-bottom: 0 none transparent;
    border-left: 0 none transparent
}

.tooltip-inner {
    width: 100%;
    margin-top: 0 !important
}

.tooltip-arrow {
    position: absolute;
    height: .929em;
    width: .929em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.tooltip:focus {
    outline: thin dotted
}

.inverted .tooltip.top,.inverted .tooltip.right,.inverted .tooltip.bottom,.inverted .tooltip.left {
    background: #414042;
    border-color: #414042;
    color: #fff;
}

.inverted .tooltip.top .tooltip-arrow,.inverted .tooltip.right .tooltip-arrow,.inverted .tooltip.bottom .tooltip-arrow,.inverted .tooltip.left .tooltip-arrow {
    background: #414042;
    border-color: #414042
}

.inverted .tooltip.top .tooltip-arrow {
    border-top-color: transparent;
    border-left-color: transparent
}

.inverted .tooltip.right .tooltip-arrow {
    border-top-color: transparent;
    border-right-color: transparent
}

.inverted .tooltip.bottom .tooltip-arrow {
    border-right-color: transparent;
    border-bottom-color: transparent
}

.inverted .tooltip.left .tooltip-arrow {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.active-tooltip + .tooltip.top .close-wrapper,.active-tooltip + .tooltip.right .close-wrapper,.active-tooltip + .tooltip.bottom .close-wrapper,.active-tooltip + .tooltip.left .close-wrapper,.tooltip.fade.top.in .close-wrapper,.tooltip.fade.right.in .close-wrapper,.tooltip.fade.bottom.in .close-wrapper,.tooltip.fade.left.in .close-wrapper {
    color: #414042;
    cursor: pointer;
    height: 1rem;
    line-height: 1rem;
    width: 1rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    margin: 0 !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.active-tooltip + .tooltip.top .close-wrapper .close::before,.active-tooltip + .tooltip.right .close-wrapper .close::before,.active-tooltip + .tooltip.bottom .close-wrapper .close::before,.active-tooltip + .tooltip.left .close-wrapper .close::before,.tooltip.fade.top.in .close-wrapper .close::before,.tooltip.fade.right.in .close-wrapper .close::before,.tooltip.fade.bottom.in .close-wrapper .close::before,.tooltip.fade.left.in .close-wrapper .close::before {
    content: "";
    font-family: "icomoon";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1rem;
    text-transform: none;
    position: relative;
    display: inline-block
}

h1 .tooltip-wrapper a,h1 .tooltip-wrapper a + div,h2 .tooltip-wrapper a,h2 .tooltip-wrapper a + div,h3 .tooltip-wrapper a,h3 .tooltip-wrapper a + div,h4 .tooltip-wrapper a,h4 .tooltip-wrapper a + div,h5 .tooltip-wrapper a,h5 .tooltip-wrapper a + div,h6 .tooltip-wrapper a,h6 .tooltip-wrapper a + div,p .tooltip-wrapper a,p .tooltip-wrapper a + div {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400
}

.tooltip-wrapper a {
    color: #959595;
    text-decoration: none;
}

.tooltip-wrapper a .icon-Tooltip-info {
    text-decoration: none !important
}

.tooltip-wrapper a .icon-Tooltip-info::before {
    top: 4px;
    margin: 0 -4px 0 0;
    position: relative;
    font-size: 1.5rem;
    color: #959595
}

.tooltip-wrapper a .icon-Tooltip-info:hover::before {
    color: #666 !important
}

.tooltip-wrapper a img,.tooltip-wrapper a image {
    margin-top: 4px
}

.scrollAnimation-wrapper {
    position: fixed;
    bottom: 0;
    display: block;
    width: 100%;
    height: 7.25em;
    z-index: 6000;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.7)), color-stop(20%, rgba(255,255,255,0.6)), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,0) 100%);
}

.scrollAnimation-wrapper.show {
    display: block
}

.scrollAnimation-wrapper.hide {
    display: none
}

.scrollAnimation-wrapper .icon-wrapper {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: inline-block;
    height: 40px;
    width: 50px;
    margin-bottom: 15px;
    color: #0092ff;
    -webkit-animation: animationScroll 1s 2 forwards;
    animation: animationScroll 1s 2 forwards;
}

.scrollAnimation-wrapper .icon-wrapper .icon-down-expansion:before {
    font-size: 3em
}

@-webkit-keyframes animationScroll {
    from {
        top: 30px
    }

    to {
        top: 70px;
        opacity: 0
    }
}

@-webkit-keyframes animationScroll {
    from {
        top: 30px;
        opacity: 1
    }

    to {
        top: 70px;
        opacity: 0
    }
}

@keyframes animationScroll {
    from {
        top: 30px;
        opacity: 1
    }

    to {
        top: 70px;
        opacity: 0
    }
}

.sticky-footer {
    background: #fff;
    height: 0;
    width: 100%;
    padding: 0 8px;
    z-index: 5004;
    text-align: center;
}

.sticky-footer.sticky {
    bottom: 0;
    position: fixed;
    -webkit-box-shadow: 0 3px 6px 3px rgba(0,0,0,0.4);
    box-shadow: 0 3px 6px 3px rgba(0,0,0,0.4)
}

.sticky-footer:not(.sticky) {
    max-width: 75em;
}

.sticky-footer:not(.sticky).divider:before {
    display: block;
    border-top: 1px solid #ccc;
    content: '';
    max-width: 75em;
    margin: 0 auto;
    padding-bottom: 14px
}

.sticky-footer:not(.sticky)--container-inner {
    padding: 0 0 10px 0
}

.sticky-footer--container {
    height: 100%
}

.sticky-footer--container-inner {
    position: relative;
    padding: 10px 0;
    height: 100%
}

.sticky-footer--select_menu-dropdown {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #0b6efd;
    cursor: pointer;
    width: 52.8%;
    max-width: 296px;
    text-align: left;
    vertical-align: bottom;
}

.sticky-footer--select_menu-dropdown:focus {
    outline: #000 dotted 1px
}

.sticky-footer--select_menu-dropdown select {
    -webkit-appearance: none;
    border: none;
    background: url("img/blue_icon_dropdown.html") no-repeat right;
    background-size: 12px
}

.sticky-footer--select_menu-dropdown__clickable {
    width: 100%;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    padding-right: 14px;
    background: #fff;
    border: none;
    color: #0b6efd;
    text-align: left;
    white-space: normal;
    display: block;
    font-weight: 600
}

.sticky-footer--select_menu-dropdown .button_text p,.sticky-footer--select_menu-dropdown .button_text h2,.sticky-footer--select_menu-dropdown .button_text h3,.sticky-footer--select_menu-dropdown .button_text h4 {
    margin-bottom: 5px
}

.sticky-footer--select_menu-dropdown .icon-down-expansion {
    position: absolute;
    right: 0;
    bottom: 0;
}

.sticky-footer--select_menu-dropdown .icon-down-expansion:before {
    color: #0092ff;
    font-size: 12px;
    line-height: 18px
}

.sticky-footer--select_menu-dropdown__content {
    background: #fff;
    position: absolute;
    cursor: pointer;
    margin-top: 5px;
    -webkit-box-shadow: 0 3px 6px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 6px 3px rgba(0,0,0,0.2);
    width: 100%;
    z-index: 5003;
}

.sticky-footer--select_menu-dropdown__content.hide {
    display: none
}

.sticky-footer--select_menu-dropdown__content:focus {
    outline: #000 dotted 1px
}

.sticky-footer--select_menu-dropdown__content li a {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #717171;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

.sticky-footer--select_menu-dropdown__content li a:focus {
    border-left: 5px solid #f3f0e9
}

.sticky-footer--select_menu-dropdown__content li a.active {
    font-weight: 600
}

.sticky-footer--select_menu-dropdown__content li a:hover {
    background-color: #f3f0e9
}

.sticky-footer--select_menu-dropdown__content li a:active {
    background-color: #0092ff;
    color: #fff
}

.sticky-footer--select_menu-dropdown__content li a.active {
    border-left: 5px solid #0092ff
}

.sticky-footer--select_menu-dropdown__content li a.inactive {
    border-left: 5px solid #fff;
}

.sticky-footer--select_menu-dropdown__content li a.inactive:hover {
    border-left: 5px solid #f3f0e9
}

.sticky-footer--select_menu-dropdown__content li a.inactive:active {
    border-left: 5px solid #0092ff
}

.sticky-footer--select_menu-dropdown__content li a.inactive:focus {
    border-left: 5px solid #f3f0e9
}

.sticky-footer--select_menu-dropdown.selected {
    border-bottom: 1px solid #717171;
}

.sticky-footer--select_menu-dropdown.selected .sticky-footer--select_menu-dropdown__clickable {
    color: #717171
}

.sticky-footer--select_menu-dropdown.selected .icon-down-expansion:before {
    color: #717171
}

.sticky-footer--tile__cta {
    display: inline-block;
    padding: 0 16px;
}

.sticky-footer--tile__cta a {
    text-decoration: none;
    font-size: 12px;
}

.sticky-footer--tile__cta a.btn {
    padding: .75em 10px;
    min-width: 6.375em
}

.sticky-footer--tile__cta-single {
    width: 100%;
}

.sticky-footer--tile__cta-single .cta--large {
    width: auto
}

.sticky-footer--close {
    position: absolute;
    right: 0;
    top: 24px;
    -webkit-transform: translateY(-24%);
    -ms-transform: translateY(-24%);
    transform: translateY(-24%);
}

.sticky-footer--close button {
    text-decoration: none;
    color: #717171;
    background: none;
    border: none;
}

.sticky-footer--close button.icon-close:before {
    font-size: 12px;
    font-weight: 600
}

@media only screen and (min-width: 30em) {
    .sticky-footer--select_menu-dropdown__clickable {
        font-size:12px;
        line-height: 20px
    }

    .sticky-footer--select_menu-dropdown .icon-down-expansion:before {
        font-size: 12px;
        line-height: 20px
    }

    .sticky-footer--select_menu-dropdown__content li a {
        font-size: 12px;
        line-height: 20px;
        padding: 11px
    }

    .sticky-footer--tile__cta {
        padding-right: 0;
    }

    .sticky-footer--tile__cta a {
        font-size: 12px;
    }

    .sticky-footer--tile__cta a.btn {
        min-width: 9.375em
    }

    .sticky-footer--close {
        margin-right: 10px
    }
}

@media only screen and (min-width: 35.5em) {
    .sticky-footer--container-inner {
        text-align:center
    }

    .sticky-footer--select_menu-dropdown {
        vertical-align: middle;
    }

    .sticky-footer--select_menu-dropdown__clickable {
        font-size: 16px
    }

    .sticky-footer--select_menu-dropdown .icon-down-expansion:before {
        font-size: 12px
    }

    .sticky-footer--select_menu-dropdown__content li a {
        font-size: 16px;
        line-height: 24px
    }

    .sticky-footer--tile__cta a {
        font-size: 16px
    }
}

.sticky-category-navigation {
    z-index: 9001;
    font-size: 14px;
    line-height: 20px;
    padding-right: .625em;
    padding-left: .625em;
}

.sticky-category-navigation--container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 52px 0 0 0;
    border-top: 1px solid #ededed;
    width: 100%
}

.sticky-category-navigation--previous__link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
}

.sticky-category-navigation--previous__link a.cta {
    max-width: 19em;
    padding-left: 23px;
    text-align: left;
    width: 100%;
    float: left
}

.sticky-category-navigation--next__link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
}

.sticky-category-navigation--next__link a.cta {
    max-width: 19em;
    padding-right: 23px;
    text-align: right;
    float: right;
    width: 100%
}

.sticky-category-navigation .cta {
    min-width: 0;
}

.sticky-category-navigation .cta span.icon-right-progress {
    font-size: 1em;
    right: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sticky-category-navigation .cta span.icon-left-progress {
    font-size: 1em;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 75em) {
    .sticky-category-navigation {
        font-size:18px;
        line-height: 24px
    }
}

.product-finder__wrapper {
    margin-bottom: 160px;
    padding-top: 20px
}

.product-finder__tile--container {
    margin: 0 auto
}

.product-finder__progress-bar {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    height: 240px;
}

.product-finder__progress-bar progress {
    position: relative;
    -webkit-transform: rotate(90deg) translateY(-50%);
    -ms-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    top: 50%;
    height: 5px;
    width: 240px;
    vertical-align: top;
    border: none;
    background-color: #ccc;
    color: #0b6efd
}

.product-finder__progress-bar progress::-webkit-progress-bar {
    background-color: #ccc
}

.product-finder__progress-bar progress::-webkit-progress-value {
    background-color: #0b6efd
}

.product-finder__progress-bar progress::-moz-progress-bar {
    background-color: #0b6efd
}

.product-finder__questionnaire {
    width: 80%
}

.product-finder__result--tile {
    margin: 0 auto 50px auto
}

.product-finder__questionnaire,.product-finder__result--tile {
    width: 80%;
}

.product-finder__questionnaire.hide,.product-finder__result--tile.hide {
    display: none
}

.product-finder__questionnaire.show,.product-finder__result--tile.show {
    display: inline-block
}

.product-finder__questionnaire__inner--main-heading h2,.product-finder__result--tile__inner--main-heading h2,.product-finder__questionnaire__inner--main-heading h3,.product-finder__result--tile__inner--main-heading h3,.product-finder__questionnaire__inner--main-heading h4,.product-finder__result--tile__inner--main-heading h4,.product-finder__questionnaire__inner--main-heading h5,.product-finder__result--tile__inner--main-heading h5,.product-finder__questionnaire__inner--main-heading p,.product-finder__result--tile__inner--main-heading p {
    font-size: 22px;
    line-height: 28px;
    color: #75787b;
    font-weight: 700;
    margin: 0
}

.product-finder__questionnaire__inner--sub-heading,.product-finder__result--tile__inner--sub-heading {
    margin: 0 0 30px 0;
}

.product-finder__questionnaire__inner--sub-heading h2,.product-finder__result--tile__inner--sub-heading h2,.product-finder__questionnaire__inner--sub-heading h3,.product-finder__result--tile__inner--sub-heading h3,.product-finder__questionnaire__inner--sub-heading h4,.product-finder__result--tile__inner--sub-heading h4,.product-finder__questionnaire__inner--sub-heading h5,.product-finder__result--tile__inner--sub-heading h5,.product-finder__questionnaire__inner--sub-heading p,.product-finder__result--tile__inner--sub-heading p {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    margin: 0
}

.product-finder__questionnaire__inner--copy,.product-finder__result--tile__inner--copy {
    margin: 0 0 45px 0;
}

.product-finder__questionnaire__inner--copy h2,.product-finder__result--tile__inner--copy h2,.product-finder__questionnaire__inner--copy h3,.product-finder__result--tile__inner--copy h3,.product-finder__questionnaire__inner--copy h4,.product-finder__result--tile__inner--copy h4,.product-finder__questionnaire__inner--copy h5,.product-finder__result--tile__inner--copy h5,.product-finder__questionnaire__inner--copy p,.product-finder__result--tile__inner--copy p {
    font-size: 12px;
    line-height: 18px;
    margin: 0
}

.product-finder__questionnaire__inner--cta,.product-finder__result--tile__inner--cta {
    margin: 0 0 20px 0;
}

.product-finder__questionnaire__inner--cta a,.product-finder__result--tile__inner--cta a {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    text-decoration: none
}

.product-finder__questionnaire__inner--edit-link a,.product-finder__result--tile__inner--edit-link a {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    display: block
}

.product-finder__questionnaire-question-section,.product-finder__result--tile-question-section {
    margin-bottom: 20px;
}

.product-finder__questionnaire-question-section h2,.product-finder__result--tile-question-section h2,.product-finder__questionnaire-question-section h3,.product-finder__result--tile-question-section h3,.product-finder__questionnaire-question-section h4,.product-finder__result--tile-question-section h4,.product-finder__questionnaire-question-section h5,.product-finder__result--tile-question-section h5,.product-finder__questionnaire-question-section p,.product-finder__result--tile-question-section p {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    margin: 0
}

.product-finder__questionnaire-question-section.question-answered:last-child,.product-finder__result--tile-question-section.question-answered:last-child,.product-finder__questionnaire-question-section.temp-selection:last-child,.product-finder__result--tile-question-section.temp-selection:last-child,.product-finder__questionnaire-question-section.answered:last-child,.product-finder__result--tile-question-section.answered:last-child {
    margin-bottom: 45px
}

.product-finder__questionnaire-question-section.question-answered h2,.product-finder__result--tile-question-section.question-answered h2,.product-finder__questionnaire-question-section.temp-selection h2,.product-finder__result--tile-question-section.temp-selection h2,.product-finder__questionnaire-question-section.answered h2,.product-finder__result--tile-question-section.answered h2,.product-finder__questionnaire-question-section.question-answered h3,.product-finder__result--tile-question-section.question-answered h3,.product-finder__questionnaire-question-section.temp-selection h3,.product-finder__result--tile-question-section.temp-selection h3,.product-finder__questionnaire-question-section.answered h3,.product-finder__result--tile-question-section.answered h3,.product-finder__questionnaire-question-section.question-answered h4,.product-finder__result--tile-question-section.question-answered h4,.product-finder__questionnaire-question-section.temp-selection h4,.product-finder__result--tile-question-section.temp-selection h4,.product-finder__questionnaire-question-section.answered h4,.product-finder__result--tile-question-section.answered h4,.product-finder__questionnaire-question-section.question-answered h5,.product-finder__result--tile-question-section.question-answered h5,.product-finder__questionnaire-question-section.temp-selection h5,.product-finder__result--tile-question-section.temp-selection h5,.product-finder__questionnaire-question-section.answered h5,.product-finder__result--tile-question-section.answered h5,.product-finder__questionnaire-question-section.question-answered p,.product-finder__result--tile-question-section.question-answered p,.product-finder__questionnaire-question-section.temp-selection p,.product-finder__result--tile-question-section.temp-selection p,.product-finder__questionnaire-question-section.answered p,.product-finder__result--tile-question-section.answered p,.product-finder__questionnaire-question-section.question-answered a,.product-finder__result--tile-question-section.question-answered a,.product-finder__questionnaire-question-section.temp-selection a,.product-finder__result--tile-question-section.temp-selection a,.product-finder__questionnaire-question-section.answered a,.product-finder__result--tile-question-section.answered a {
    font-size: 16px;
    line-height: 22px;
    display: inline;
    font-weight: 400
}

.product-finder__questionnaire-question-section.question-answered a,.product-finder__result--tile-question-section.question-answered a,.product-finder__questionnaire-question-section.temp-selection a,.product-finder__result--tile-question-section.temp-selection a,.product-finder__questionnaire-question-section.answered a,.product-finder__result--tile-question-section.answered a {
    font-weight: 600;
    display: inline
}

.product-finder__questionnaire-question .go-to-result,.product-finder__result--tile-question .go-to-result {
    font-size: 16px;
    line-height: 22px;
    margin: 40px 0 0 0;
    text-decoration: none;
}

.product-finder__questionnaire-question .go-to-result.show,.product-finder__result--tile-question .go-to-result.show {
    display: block
}

.product-finder__questionnaire-question .go-to-result.hide,.product-finder__result--tile-question .go-to-result.hide {
    display: none
}

.product-finder__questionnaire-question.active,.product-finder__result--tile-question.active {
    margin-bottom: 30px;
}

.product-finder__questionnaire-question.active:not(:first-child),.product-finder__result--tile-question.active:not(:first-child) {
    padding-top: 10px
}

.product-finder__questionnaire-question.active:last-child,.product-finder__result--tile-question.active:last-child {
    margin-bottom: 0
}

.product-finder__questionnaire-answers-section.hide,.product-finder__result--tile-answers-section.hide {
    display: none
}

.product-finder__questionnaire-answers-section.show,.product-finder__result--tile-answers-section.show {
    display: block
}

.product-finder__questionnaire-answers-section__answers-answer,.product-finder__result--tile-answers-section__answers-answer {
    position: relative;
}

.product-finder__questionnaire-answers-section__answers-answer:not(:last-child),.product-finder__result--tile-answers-section__answers-answer:not(:last-child) {
    margin-bottom: 10px
}

.product-finder__questionnaire-answers-section__answers-answer button,.product-finder__result--tile-answers-section__answers-answer button {
    font-size: 12px;
    line-height: 18px;
    border: 2px solid #e5e5e5;
    padding: 12px;
    display: block;
    color: #000;
    border-radius: 3px;
    width: 100%;
    background: none;
    text-align: left;
    font-weight: 400;
}

.product-finder__questionnaire-answers-section__answers-answer button:active,.product-finder__result--tile-answers-section__answers-answer button:active,.product-finder__questionnaire-answers-section__answers-answer button:focus,.product-finder__result--tile-answers-section__answers-answer button:focus {
    outline: 1px dotted #000
}

.product-finder__questionnaire-answers-section__answers-answer button.selected-answer,.product-finder__result--tile-answers-section__answers-answer button.selected-answer {
    background: #0b6efd;
    color: #fff;
}

.product-finder__questionnaire-answers-section__answers-answer button.selected-answer:hover,.product-finder__result--tile-answers-section__answers-answer button.selected-answer:hover {
    background: #0a4386;
    color: #fff
}

.product-finder__questionnaire-answers-section__answers-answer button.selected-answer:focus,.product-finder__result--tile-answers-section__answers-answer button.selected-answer:focus,.product-finder__questionnaire-answers-section__answers-answer button.selected-answer:active,.product-finder__result--tile-answers-section__answers-answer button.selected-answer:active {
    background: #0092ff;
    color: #fff
}

.product-finder__result--section {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
}

.product-finder__result--section.hide {
    display: none
}

.product-finder__result--section.show {
    display: block
}

.product-finder__result--section .static-background-color {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #f7f7f7;
    top: 60px;
    left: 0
}

.product-finder__result--section .result__carousel--slides-slide__inner {
    -webkit-box-shadow: 2px 0 10px 0 rgba(0,0,0,0.28);
    box-shadow: 2px 0 10px 0 rgba(0,0,0,0.28);
    padding: 40px 30px 50px 30px;
    margin-bottom: 20px;
    min-height: 370px;
    background: #fff;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.product-finder__result--section .result__carousel--slides-slide__inner--result-card h2,.product-finder__result--section .result__carousel--slides-slide__inner--result-card h3,.product-finder__result--section .result__carousel--slides-slide__inner--result-card h4,.product-finder__result--section .result__carousel--slides-slide__inner--result-card h5,.product-finder__result--section .result__carousel--slides-slide__inner--result-card p {
    margin: 0
}

.product-finder__result--section .result__carousel--slides-slide__inner--result-card .result-card__title {
    font-weight: 700;
}

.product-finder__result--section .result__carousel--slides-slide__inner--result-card .result-card__title--copy {
    margin-bottom: 30px
}

.product-finder__result--section .result__carousel--slides-slide__inner--result-card .result-card__products {
    margin-top: 30px;
}

.product-finder__result--section .result__carousel--slides-slide__inner--result-card .result-card__products--category {
    margin-bottom: 30px;
}

.product-finder__result--section .result__carousel--slides-slide__inner--result-card .result-card__products--category:last-child {
    margin-bottom: 0
}

.product-finder__result--section .result__carousel--slides-slide__inner--result-card .result-card__products--category-title {
    font-weight: 500
}

.product-finder__result--section .result__carousel--slides-slide__inner--result-card .result-card__products--category-value h2,.product-finder__result--section .result__carousel--slides-slide__inner--result-card .result-card__products--category-value h3,.product-finder__result--section .result__carousel--slides-slide__inner--result-card .result-card__products--category-value h4,.product-finder__result--section .result__carousel--slides-slide__inner--result-card .result-card__products--category-value h5,.product-finder__result--section .result__carousel--slides-slide__inner--result-card .result-card__products--category-value p {
    font-weight: 700
}

.product-finder__result--section .result__carousel--slides-slide__inner.blue-background {
    background: #0b6efd;
    color: #fff
}

.product-finder__result--section .result__carousel--slides-slide__button--container {
    text-align: center;
}

.product-finder__result--section .result__carousel--slides-slide__button--container-btn {
    text-decoration: none
}

.product-finder__result--section .result__carousel--custom-arrow {
    bottom: 0;
    display: inline-block;
    position: absolute;
    text-decoration: none;
    z-index: 105;
}

.product-finder__result--section .result__carousel--custom-arrow__prev {
    left: 0;
}

.product-finder__result--section .result__carousel--custom-arrow__prev button {
    position: relative;
    display: inline-block;
    background: none;
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    color: #126bc5;
}

.product-finder__result--section .result__carousel--custom-arrow__prev button:hover {
    color: #0a4386
}

.product-finder__result--section .result__carousel--custom-arrow__prev button:active,.product-finder__result--section .result__carousel--custom-arrow__prev button:focus {
    color: #0092ff
}

.product-finder__result--section .result__carousel--custom-arrow__prev button::before {
    content: '\e624';
    font-size: 12px;
    line-height: 18px;
    font-family: 'icomoon'
}

.product-finder__result--section .result__carousel--custom-arrow__next {
    right: 0;
}

.product-finder__result--section .result__carousel--custom-arrow__next button {
    position: relative;
    display: inline-block;
    background: none;
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    color: #126bc5;
}

.product-finder__result--section .result__carousel--custom-arrow__next button:hover {
    color: #0a4386
}

.product-finder__result--section .result__carousel--custom-arrow__next button:active,.product-finder__result--section .result__carousel--custom-arrow__next button:focus {
    color: #0092ff
}

.product-finder__result--section .result__carousel--custom-arrow__next button::after {
    content: '\e62f';
    font-size: 12px;
    line-height: 18px;
    font-family: 'icomoon'
}

.product-finder__result--section .result__carousel .slick-dots {
    margin-top: 30px;
}

.product-finder__result--section .result__carousel .slick-dots li {
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .product-finder__progress-bar {
        width:15%;
    }

    .product-finder__progress-bar progress {
        float: right;
        left: 85px
    }
}

@media (min-width: 480px) and (max-width:991px) {
    .product-finder__wrapper .result__carousel--slides-slide__inner {
        display:inline-block;
        width: 300px;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 48em) {
    .product-finder__questionnaire {
        width:60%;
    }

    .product-finder__questionnaire-question-section h2,.product-finder__questionnaire-question-section h3,.product-finder__questionnaire-question-section h4,.product-finder__questionnaire-question-section h5,.product-finder__questionnaire-question-section p {
        font-size: 32px;
        line-height: 38px
    }

    .product-finder__questionnaire-question .go-to-result {
        margin: 45px 0 0 0
    }

    .product-finder__questionnaire-question.active {
        margin-bottom: 45px;
    }

    .product-finder__questionnaire-question.active:not(:first-child) {
        padding-top: 25px
    }

    .product-finder__questionnaire-question.active:last-child {
        margin-bottom: 0
    }

    .product-finder__questionnaire-answers-section__answers-answer button {
        font-size: 18px;
        line-height: 24px;
        padding: 16px 20px
    }

    .product-finder__result--tile {
        margin: 0 auto 60px auto;
        width: 60%;
    }

    .product-finder__result--tile__inner--main-heading h2,.product-finder__result--tile__inner--main-heading h3,.product-finder__result--tile__inner--main-heading h4,.product-finder__result--tile__inner--main-heading h5,.product-finder__result--tile__inner--main-heading p {
        font-size: 32px;
        line-height: 38px
    }

    .product-finder__result--tile__inner--sub-heading h2,.product-finder__result--tile__inner--sub-heading h3,.product-finder__result--tile__inner--sub-heading h4,.product-finder__result--tile__inner--sub-heading h5,.product-finder__result--tile__inner--sub-heading p {
        font-size: 32px;
        line-height: 38px
    }

    .product-finder__result--tile__inner--copy h2,.product-finder__result--tile__inner--copy h3,.product-finder__result--tile__inner--copy h4,.product-finder__result--tile__inner--copy h5,.product-finder__result--tile__inner--copy p {
        font-size: 18px;
        line-height: 24px
    }
}

@media only screen and (min-width: 62em) {
    .product-finder__tile--container {
        width:80%
    }

    .product-finder__result--section .result__carousel--slides {
        width: 940px;
        margin-right: auto;
        margin-left: auto;
    }

    .product-finder__result--section .result__carousel--slides-slide {
        width: 300px;
        margin-right: 20px;
    }

    .product-finder__result--section .result__carousel--slides-slide:first-child {
        margin-left: 5px
    }

    .product-finder__result--section .result__carousel--slides-slide:last-child {
        margin-right: 0
    }

    .product-finder__result--section .result__carousel--slides-slide__inner {
        margin-bottom: 30px
    }

    .product-finder__result--section .result__carousel--custom-arrow {
        display: none
    }
}

@charset "UTF-8"; .slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 99
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.lt-ie9 .slick-initialized .slick-slide {
    margin: 1px
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-prev,.slick-next {
    position: absolute;
    display: none;
    height: 50px;
    width: 50px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    z-index: 103;
    margin-top: -25px;
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:focus,.slick-next:focus {
    outline: thin dotted #000
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,.slick-next:before {
    font-family: "icomoon";
    font-size: 50px;
    line-height: 1;
    color: #717171;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev:hover:before,.slick-next:hover:before {
    color: #0092ff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.slick-prev {
    left: 18px
}

.slick-prev:before {
    content: "\e624"
}

.slick-next {
    right: 18px
}

.slick-next:before {
    content: "\e62f"
}

.slick-dots {
    list-style: none;
    display: block;
    text-align: center;
    margin: 16px 0 0 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 102
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 8px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 10px;
    width: 10px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    border: 1px solid #999;
    border-radius: 11px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 10px;
    height: 10px;
    font-size: 6px;
    line-height: 22px;
    text-align: center;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li button:focus {
    outline: thin dotted #000
}

.slick-dots li.slick-active button:before {
    background-color: #0b6efd;
    border: 1px solid #0b6efd;
    outline: solid 1px transparent
}