.component {
    padding: 5rem 3rem;
    text-align: center
}

.component + .social-post.component {
    padding-top: 0
}

.content {
    padding-top: 7.3rem
}

@media (min-width: 375px) {
    .content {
        padding-top: 8.2rem
    }
}

@media (min-width: 1024px) {
    .content {
        padding-top: 10.2rem
    }
}

.container {
    margin: 0 auto;
    max-width: 113rem
}

.container--header {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    max-width: 128rem
}

.container--info {
    max-width: 100%
}

@media (min-width: 1600px) {
    .container--info {
        max-width: 113rem
    }
}

.title {
    color: #0f265c;
    font: 3rem 'prelo_slab_semiboldsemibold';
    line-height: 3.4rem
}

@media (min-width: 768px) {
    .title {
        font-size: 3.9rem;
        line-height: 4.7rem
    }
}

@media (min-width: 1600px) {
    .title {
        font-size: 4.5rem;
        line-height: 5.4rem
    }
}

.title--calculator {
    color: #0f265c;
    font: 2.5rem 'prelo_slabbook';
    line-height: 2.5rem;
    text-align: center
}

@media (min-width: 1200px) {
    .title--calculator {
        color: inherit
    }
}

@media (min-width: 1366px) {
    .title--calculator {
        font-size: 4rem;
        line-height: 4rem
    }
}

@media (min-width: 1600px) {
    .title--calculator {
        line-height: 5.4rem;
        font-size: 5.4rem
    }
}

.title--track {
    font-family: 'prelo_slabbold'
}

@media (min-width: 1600px) {
    .title--track {
        line-height: normal;
        font-size: 5.5rem
    }
}

.title--promotions {
    text-align: center
}

.button__link {
    align-items: center;
    background-color: #fd0;
    background-image: url("images/button-part-top.png"), url("images/button-part-bottom.png");
    background-position: left top, left bottom;
    background-repeat: no-repeat;
    border: .1rem solid transparent;
    border-radius: .3rem;
    color: #0f265c;
    display: inline-flex;
    font-size: 1.4rem;
    justify-content: center;
    height: 4rem;
    min-width: 12rem;
    padding: 0 2rem !important
}

.button--no-bgrd .button__link {
    border-color: #fd0;
    background-color: transparent;
    background-image: none
}

.button--primary-menu {
    background-color: #0f265c;
    background-image: none;
    margin-top: 1.5rem
}

@media (min-width: 1366px) {
    .button--primary-menu {
        margin-left: 3rem;
        margin-top: 0
    }
}

.button--primary-menu a {
    color: #fff !important
}

.button--primary-menu a:hover {
    text-shadow: .1rem 0 0 #fff !important
}

.button--color-blue a {
    background-color: #0f265c;
    background-image: none;
    color: #fff
}

.cycle-navigation {
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) {
    .cycle-navigation {
        justify-content: flex-end
    }
}

@media (min-width: 1024px) {
    .cycle-navigation {
        display: none
    }
}

.cycle-nav-button {
    background: #0f265c url("images/arrow.png") center center no-repeat;
    border-radius: 50%;
    cursor: pointer;
    height: 4.3rem;
    transform-origin: center;
    width: 4.3rem
}

.cycle-nav-button--prev {
    transform: rotate(90deg)
}

@media (min-width: 768px) {
    .cycle-nav-button--prev {
        margin-right: 2rem
    }
}

.cycle-nav-button--next {
    transform: rotate(-90deg)
}

.message {
    background: #d9edf7;
    border-radius: .2rem;
    box-shadow: inset 0 .1rem 0 rgba(255, 255, 255, 0.7);
    margin-top: 1rem;
    padding: 1rem
}

.tooltip {
    align-items: center;
    color: #31708f;
    grid-column-gap: 5%;
    grid-template-columns: repeat(2, auto);
    display: grid;
    font-size: 1.4rem;
    padding-top: .5rem
}

.marker-info-image {
    display: block;
    height: 4.1rem;
    margin-right: 1.5rem;
    width: 3rem
}

.page-missing {
    background-color: rgba(240, 240, 240, 0.5);
    padding: 6rem 3rem
}

@media (min-width: 768px) {
    .page-missing {
        align-items: center;
        display: flex;
        justify-content: center;
        height: calc(100vh - var(--header) - var(--footer));
        --header: 8.2rem;
        --footer: 49rem
    }
}

@media (min-width: 1024px) {
    .page-missing {
        --header: 10.2rem;
        --footer: 33.9rem
    }
}

.page-missing__title {
    text-align: center
}

.cta-link {
    align-items: center;
    background-color: #fd0;
    background-image: url("images/button-part-top.png"), url("images/button-part-bottom.png");
    background-position: left top, left bottom;
    background-repeat: no-repeat;
    border: .1rem solid transparent;
    border-radius: .3rem;
    color: #0f265c;
    display: inline-flex;
    font-size: 1.4rem;
    justify-content: center;
    height: 4rem;
    min-width: 12rem;
    padding: 0 2rem !important
}

.cta-link--add-space {
    margin-top: 3rem !important
}

@media (min-width: 1366px) {
    .cta-link--add-space {
        margin-left: 3rem !important;
        margin-top: 0 !important
    }
}

.cta-link--schema-blue {
    background-color: #0f265c;
    background-image: none;
    color: #fff
}

.cta-link--schema-no-bgrd {
    border-color: #fd0;
    background-color: transparent;
    background-image: none
}

.opacity {
    cursor: default;
    opacity: .5
}

@font-face {
    font-family: 'prelosemibold';
    src: url("fonts/Prelo-SemiBold/prelo-semibold-webfont.woff2") format('woff2'), url("fonts/Prelo-SemiBold/prelo-semibold-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'prelo_slab_semiboldsemibold';
    src: url("fonts/Prelo-Slab-SemiBold/preloslab-semibold-webfont.woff2") format('woff2'), url("fonts/Prelo-Slab-SemiBold/preloslab-semibold-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'prelobook';
    src: url("fonts/Prelo-Book/prelo-book-webfont.woff2") format('woff2'), url("fonts/Prelo-Book/prelo-book-webfont.woff") format('woff');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: 'prelolight';
    src: url("fonts/Prelo-Light/prelo-light-webfont.woff2") format('woff2'), url("fonts/Prelo-Light/prelo-light-webfont.woff") format('woff');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: 'prelo_slabbook';
    src: url("fonts/Prelo-Slab-Book/preloslab-book-webfont.woff2") format('woff2'), url("fonts/Prelo-Slab-Book/preloslab-book-webfont.woff") format('woff');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: 'prelomedium';
    src: url("fonts/Prelo-Medium/prelo-medium-webfont.woff2") format('woff2'), url("fonts/Prelo-Medium/prelo-medium-webfont.woff") format('woff');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: 'prelo_slabbold';
    src: url("fonts/Prelo-Slab-Bold/preloslab-bold-webfont.woff2") format('woff2'), url("fonts/Prelo-Slab-Bold/preloslab-bold-webfont.woff") format('woff');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: 'prelobold';
    src: url("fonts/Prelo-Bold/prelo-bold-webfont.woff2") format('woff2'), url("fonts/Prelo-Bold/prelo-bold-webfont.woff") format('woff');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: 'Prelo Slab';
    src: url("fonts/Prelo-Slab-Light/PreloSlab-Light.woff2") format('woff2'), url("fonts/Prelo-Slab-Light/PreloSlab-Light.woff") format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Prelo Slab ExtraBold';
    src: url("fonts/Prelo-Slab-ExtraBold/PreloSlab-ExtraBold.woff2") format('woff2'), url("fonts/Prelo-Slab-ExtraBold/PreloSlab-ExtraBold.woff") format('woff');
    font-weight: 800;
    font-style: normal
}

html, body, header, nav, main, section, footer, div, h1, h2, h3, h4, h5, h6, p, span, ul, ol, li, a, hr, img, iframe, blockquote {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

:root {
    font: 10px 'prelobook';
    overflow-x: hidden;
    scroll-behavior: smooth
}

img {
    display: block;
    height: auto;
    max-width: 100%
}

a {
    outline: 0;
    text-decoration: none
}

a[href^="tel:"] {
    color: #0f265c;
    text-decoration: underline
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

hr {
    background-color: #fd0;
    border: 0;
    height: .3rem;
    margin: 1rem 0 0 0;
    text-align: left;
    width: 7.5rem
}

@media (min-width: 768px) {
    hr {
        margin-top: 2.5rem
    }
}

iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

input, select, button {
    border: 0;
    box-sizing: border-box;
    margin: 0;
    outline: 0;
    padding: 0
}

button {
    cursor: pointer
}

input[type="number"] {
    -moz-appearance: textfield
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.component[data-c4] {
    padding: 0
}

.component--has-content[data-c4] {
    position: relative
}

.component--has-content[data-c4] strong {
    font-family: 'prelo_slabbold'
}

.component--is-primary[data-c4] {
    max-height: 33.3rem;
    overflow: hidden
}

.container--has-content[data-c4] {
    max-width: 100%;
    padding: 5rem 3rem;
    text-align: center
}

@media (min-width: 1024px) {
    .container--has-content[data-c4] {
        height: 100%;
        left: 0;
        position: absolute;
        text-align: left;
        top: 0;
        width: 100%;
        z-index: 1
    }
}

.container--has-content[data-c4] .section[data-c4] {
    margin: 0 auto;
    max-width: 128rem
}

@media (min-width: 1024px) {
    .container--has-content[data-c4] .title[data-c4] {
        max-width: 50rem
    }
}

@media (min-width: 1600px) {
    .container--has-content[data-c4] .title[data-c4] {
        max-width: 60rem
    }
}

@media (min-width: 1024px) {
    .section[data-c4] {
        height: 100%;
        position: relative
    }
}

.title[data-c4] {
    font-family: 'prelo_slabbook'
}

.cta[data-c4] {
    padding-top: 4rem
}

.link[data-c4] {
    color: #0f265c
}

@media (min-width: 1024px) {
    .link[data-c4] {
        color: #fff
    }
}

.paragraph[data-c4] {
    color: #0f265c;
    font: 1.8rem 'prelobold';
    padding-top: 2rem
}

@media (min-width: 1024px) {
    .paragraph[data-c4] {
        color: #fff;
        bottom: 0;
        left: 0;
        padding-top: 0;
        position: absolute
    }
}

.component[data-c12] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 3rem 5rem;
    text-align: center
}

@media (min-width: 768px) {
    .component[data-c12] {
        flex-direction: row
    }
}

.cta-link[data-c12] {
    margin-top: 4rem
}

@media (min-width: 768px) {
    .cta-link[data-c12] {
        margin-left: 4rem;
        margin-top: 0
    }
}

.cta-link--blue-color[data-c12] {
    background-color: #0f265c;
    background-image: none;
    color: #fff
}

.cta-link--nocolor[data-c12] {
    border-color: #fd0;
    background-color: #fff;
    background-image: none
}

.cta-link--1[data-c12] {
    margin-top: 0
}

@media (min-width: 768px) {
    .cta-link--1[data-c12] {
        margin-left: 0
    }
}

.component[data-c3] {
    background-color: rgba(240, 240, 240, 0.5)
}

.component--modal[data-c3] {
    background-color: #fff;
    margin: 0 auto;
    max-width: 120rem;
    position: relative;
    text-align: left
}

.component.bg-white {
    background-color: #fff
}

@media (min-width: 1024px) {
    .column--1[data-c3] {
        width: 49.557522123893804%
    }
}

.column--2[data-c3] {
    text-align: left
}

@media (min-width: 1024px) {
    .column--2[data-c3] {
        width: 46.46017699115044%
    }
}

.column.style-fancy {
    border: 1px solid #e4e4e4;
    padding: 1.6rem
}

.column.style-fancy .carousel-item:first-of-type {
    border: 0
}

.column.style-fancy .headline {
    display: flex;
    display: -webkit-flex;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.column.style-fancy .show {
    margin-right: 3.2rem;
    background-color: #0f265c;
    min-width: 4rem;
    color: #fff;
    display: block;
    min-height: 4rem;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 3px
}

.column.style-fancy .carousel-item--active .show {
    background-color: #fd0;
    color: #0f265c
}

.row[data-c3] {
    padding-top: 5rem
}

@media (min-width: 1024px) {
    .row[data-c3].type-half {
        display: flex;
        justify-content: space-between
    }
}

.row.type-full .column {
    width: 100%
}

.row.type-center .column {
    width: 49.557522123893804%;
    margin: 0 auto
}

.video[data-c3] {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

@media (min-width: 1024px) {
    .video[data-c3] {
        height: auto;
        padding-bottom: 0
    }
}

@media (min-width: 1024px) {
    .video--remodel[data-c3] iframe {
        height: 32rem;
        position: static
    }
}

.carousel--modal[data-c3] {
    padding-top: 3rem
}

.carousel-item {
    border-top: .1rem solid #e4e4e4;
    cursor: pointer;
    padding: 1rem 0
}

@media (min-width: 768px) {
    .carousel-item {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.carousel-item--modal[data-c3] {
    padding-left: 0;
    padding-right: 0
}

.carousel-item--active[data-c3] .copy[data-c3] {
    display: block
}

.carousel-item--active[data-c3] .show[data-c3]:after {
    content: '-'
}

.carousel-item--3[data-c3] {
    border-bottom: .1rem solid #e4e4e4
}

.section--modal[data-c3] {
    padding-left: 3rem;
    text-align: left
}

.section--modal[data-c3] a {
    color: #0f265c !important;
    font: 1.8rem 'prelo_slabbold'
}

.headline[data-c3] {
    align-items: center;
    color: #0f265c;
    display: flex;
    font: 1.8rem 'prelo_slab_semiboldsemibold';
    line-height: 1.8rem;
    justify-content: space-between;
    padding-right: 1rem
}

@media (min-width: 768px) {
    .headline[data-c3] {
        font-size: 2.4rem;
        line-height: normal
    }
}

.headline--modal[data-c3] {
    justify-content: flex-start
}

.show[data-c3] {
    color: #0f265c;
    font: 3.9rem 'prelo_slabbook';
    line-height: 3.9rem
}

.show[data-c3]:after {
    content: '+'
}

.show--modal[data-c3] {
    margin-right: 1.5rem;
    margin-top: -.5rem
}

.copy[data-c3] {
    color: #616161;
    display: none;
    font: 1.6rem 'prelobook';
    line-height: 2.4rem;
    padding: 1rem 0
}

.copy--remodel[data-c3] h2, .copy--remodel[data-c3] h3 {
    color: #0f265c;
    font-family: 'prelo_slabbold';
    padding-top: 2.5rem
}

.copy--remodel[data-c3] h2:first-child, .copy--remodel[data-c3] h3:first-child {
    padding-top: .5rem
}

.copy--remodel[data-c3] h2 {
    font-size: 1.8rem;
    line-height: 2.2rem
}

.copy--remodel[data-c3] h3 {
    font-size: 1.6rem;
    line-height: 2rem
}

.copy--remodel[data-c3] ol, .copy--remodel[data-c3] ul {
    list-style-position: inside;
    padding-left: 2rem;
    padding-top: 1rem
}

.copy--remodel[data-c3] ol ol, .copy--remodel[data-c3] ul ol, .copy--remodel[data-c3] ol ul, .copy--remodel[data-c3] ul ul {
    padding-top: 0
}

.copy--remodel[data-c3] strong, .copy--remodel[data-c3] b {
    font-family: 'prelosemibold'
}

.copy--remodel[data-c3] p {
    padding-top: 1rem
}

.copy--remodel[data-c3] p:first-child {
    padding-top: 0
}

.copy--remodel[data-c3] a {
    color: #616161;
    text-decoration: underline
}

.cta[data-c3] {
    padding-top: 5rem;
    text-align: center
}

.link[data-c3] {
    align-items: center;
    display: inline-flex;
    margin-top: 3rem;
    text-decoration: none !important
}

.icon[data-c3] {
    margin-right: 2rem
}

.image[data-c3] {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 39rem;
    max-width: 56rem;
    width: 100%
}

.tabs[data-c15] {
    display: grid;
    grid-gap: .5rem;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    max-width: 92.5rem
}

@media (min-width: 768px) {
    .tabs[data-c15] {
        grid-template-columns: repeat(4, 1fr)
    }
}

.tab-item[data-c15] {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    max-width: 100%;
    width: 100%
}

@media (min-width: 320px) {
    .tab-item--1[data-c15] {
        background-image: url("images/block-1-blue.jpg")
    }

    .tab-item--1[data-c15]:hover {
        background-image: url("images/block-1-yellow.jpg")
    }
}

@media (min-width: 320px) {
    .tab-item--1[data-c15].tab-item--active[data-c15] {
        background-image: url("images/block-1-yellow.jpg")
    }
}

.tab-item--1[data-c15].tab-item--active[data-c15] img[data-c15] {
    background-image: url("images/block-1-yellow.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    padding-left: 100%;
    width: 100%
}

@media (min-width: 320px) {
    .tab-item--2[data-c15] {
        background-image: url("images/block-2-blue.jpg")
    }

    .tab-item--2[data-c15]:hover {
        background-image: url("images/block-2-yellow.jpg")
    }
}

@media (min-width: 320px) {
    .tab-item--2[data-c15].tab-item--active[data-c15] {
        background-image: url("images/block-2-yellow.jpg")
    }
}

.tab-item--2[data-c15].tab-item--active[data-c15] img[data-c15] {
    background-image: url("images/block-2-yellow.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    padding-left: 100%;
    width: 100%
}

@media (min-width: 320px) {
    .tab-item--3[data-c15] {
        background-image: url("images/block-3-blue.jpg")
    }

    .tab-item--3[data-c15]:hover {
        background-image: url("images/block-3-yellow.jpg")
    }
}

@media (min-width: 320px) {
    .tab-item--3[data-c15].tab-item--active[data-c15] {
        background-image: url("images/block-3-yellow.jpg")
    }
}

.tab-item--3[data-c15].tab-item--active[data-c15] img[data-c15] {
    background-image: url("images/block-3-yellow.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    padding-left: 100%;
    width: 100%
}

@media (min-width: 320px) {
    .tab-item--4[data-c15] {
        background-image: url("images/block-4-blue.jpg")
    }

    .tab-item--4[data-c15]:hover {
        background-image: url("images/block-4-yellow.jpg")
    }
}

@media (min-width: 320px) {
    .tab-item--4[data-c15].tab-item--active[data-c15] {
        background-image: url("images/block-4-yellow.jpg")
    }
}

.tab-item--4[data-c15].tab-item--active[data-c15] img[data-c15] {
    background-image: url("images/block-4-yellow.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    padding-left: 100%;
    width: 100%
}

.component[data-c5] {
    background-color: #f0f0f0
}

.row[data-c5] {
    display: grid;
    grid-row-gap: 2rem;
    padding-top: 5rem
}

@media (min-width: 1024px) {
    .row[data-c5] {
        grid-column-gap: 2rem;
        grid-template-columns: repeat(2, 1fr)
    }
}

.column[data-c5] {
    box-shadow: -1rem .3rem 3.8rem rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    background-color: #f7f7f7;
    text-align: left
}

.headline[data-c5] {
    border-bottom: .1rem solid #e4e4e4;
    color: #0f265c;
    font: 3rem 'prelo_slab_semiboldsemibold';
    padding: 3rem;
    text-align: center
}

.headline[data-c15] {
    color: #0f265c;
    cursor: pointer;
    font-size: 2.1rem;
    padding-right: 3.5rem;
    position: relative
}

@media (min-width: 1024px) {
    .headline[data-c15] {
        padding-right: 2.5rem
    }
}

.section[data-c5] {
    min-height: 17.5rem;
    padding: 2rem 3rem
}

.link[data-c5] {
    border-top: .1rem solid #e4e4e4;
    font-size: 1.4rem;
    padding: 2rem 3rem;
    text-align: center
}

.link--remodel[data-c5] a {
    border-bottom: .2rem solid #fd0;
    color: #0f265c;
    display: inline-block;
    padding-bottom: .5rem
}

.list[data-c5] {
    list-style: none
}

.list-item[data-c5] {
    color: #0f265c;
    font: 1.8rem 'prelobook';
    margin-top: 2rem
}

.list-item--1[data-c5] {
    margin-top: 0
}

.tier[data-c5] {
    cursor: pointer;
    display: flex
}

.bullet[data-c5] {
    background: #fd0 url("images/arrow.png") center center no-repeat;
    background-size: .8rem .8rem;
    border-radius: 100%;
    display: inline-block;
    margin-right: 1rem;
    height: 1.6rem;
    position: relative;
    top: .5rem;
    transition: all .1s ease;
    width: 1.6rem
}

.bullet--active[data-c5] {
    background-color: #e4e4e4;
    transform: rotate(-180deg)
}

.paragraph[data-c5] {
    width: calc(100% - 25px)
}

.copy[data-c5] {
    color: #616161;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-top: 2rem
}

.copy--remodel[data-c5] a {
    color: #616161;
    text-decoration: underline
}

.copy--remodel[data-c5] ul, .copy--remodel[data-c5] ol {
    list-style: inside;
    padding-top: 2rem
}

.copy--remodel[data-c5] ul:first-child, .copy--remodel[data-c5] ol:first-child {
    padding-top: 0
}

.copy--remodel[data-c5] p {
    padding-top: 2rem
}

.copy--remodel[data-c5] p:first-child {
    padding-top: 0
}

.copy[data-c15] {
    color: #616161;
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media (min-width: 768px) {
    .copy[data-c15] {
        padding-left: 4rem;
        padding-right: 10rem;
        padding-top: 2rem
    }
}

.copy--remodel[data-c15] ol, .copy--remodel[data-c15] ul {
    list-style: inside;
    padding-top: 2rem
}

.copy--remodel[data-c15] ol:first-child, .copy--remodel[data-c15] ul:first-child {
    padding-top: 0
}

.copy--remodel[data-c15] a {
    color: #616161;
    text-decoration: underline
}

.copy--remodel[data-c15] p {
    padding-top: 2rem
}

@media (min-width: 768px) {
    .copy--remodel[data-c15] p:first-child {
        padding-top: 0
    }
}

.tabs-content[data-c15] {
    margin: 0 auto;
    max-width: 92.5rem;
    padding-top: 5rem;
    text-align: left
}

.title[data-c15] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 4rem;
    text-align: center
}

@media (min-width: 768px) {
    .title[data-c15] {
        flex-direction: row
    }
}

.icon[data-c15] {
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .icon[data-c15] {
        margin-bottom: 0;
        margin-right: 2rem
    }
}

.section[data-c15] {
    border-top: .1rem solid #e4e4e4;
    padding: 2rem 0;
    text-align: left
}

.bullet[data-c15] {
    background: #fd0 url("images/arrow.png") center center no-repeat;
    border-radius: 100%;
    height: 3.1rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .1s ease;
    width: 3.1rem
}

@media (min-width: 768px) {
    .bullet[data-c15] {
        right: 2rem
    }
}

.bullet--active[data-c15] {
    background-color: #e4e4e4;
    transform: rotate(-180deg)
}

.footer {
    background-color: #0f265c
}

.component[data-c16] {
    padding-bottom: 2rem;
    text-align: left
}

.title[data-c16] {
    color: #fff
}

.row[data-c16] {
    padding-top: 3rem
}

@media (min-width: 768px) {
    .row[data-c16] {
        padding-top: 5rem
    }
}

@media (min-width: 1024px) {
    .row[data-c16] {
        display: flex
    }
}

@media (min-width: 768px) {
    .row--1[data-c16] {
        padding-top: 3.5rem
    }
}

@media (min-width: 768px) {
    .row--3[data-c16] {
        padding-top: 1rem
    }
}

@media (min-width: 1024px) {
    .row--remodel[data-c16] {
        justify-content: space-between
    }
}

@media (min-width: 1024px) {
    .row--has-menu[data-c16] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%
    }
}

.column[data-c16] {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-top: 2rem;
    word-wrap: break-word
}

@media (min-width: 768px) {
    .column[data-c16] {
        justify-content: flex-start
    }
}

@media (min-width: 1024px) {
    .column[data-c16] {
        padding-top: 0
    }
}

.column--1[data-c16] {
    padding-top: 0
}

.column--remodel[data-c16] a {
    color: #fff;
    text-decoration: underline
}

.column--remodel[data-c16] a:hover {
    font-family: inherit;
    text-shadow: .1rem 0 0 #fff
}

.copy[data-c16] {
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    width: 80%
}

@media (min-width: 768px) {
    .copy[data-c16] {
        font-size: 1.8rem;
        padding-left: 3rem
    }
}

.box[data-c16] {
    display: flex;
    flex-flow: row wrap;
    padding-top: 3rem
}

@media (min-width: 1024px) {
    .box[data-c16] {
        justify-content: flex-end;
        padding-top: 0
    }
}

.icon[data-c16] {
    margin-left: 2.5rem
}

.icon--1[data-c16] {
    margin-left: 0
}

.link[data-c16] {
    color: #fff
}

.menu[data-c16] {
    align-items: flex-start;
    border-top: .1rem solid #fff;
    list-style: none;
    padding-top: 3rem
}

@media (min-width: 768px) {
    .menu[data-c16] {
        display: flex;
        flex-direction: row
    }
}

@media (min-width: 1024px) {
    .menu[data-c16] {
        border-top: 0;
        padding-top: 0
    }
}

.menu--remodel[data-c16] .menu-item[data-c16], .menu--remodel[data-c16] .menu-item +

data
(
1
,
.menu--remodel[data-c16] .menu-item data-c16

)
{
    padding-left: 0
}
@media (min-width: 768px) {
    .menu--remodel[data-c16] .menu-item {
        padding-left: 2.5rem;
        padding-top: 0
    }

    .menu--remodel[data-c16] .menu-item--1[data-c16] {
        padding-left: 0
    }
}

.menu-item[data-c16] {
    padding-top: 2rem
}

.menu-item--1[data-c16] {
    padding-top: 0
}

.menu-link[data-c16] {
    color: #fff;
    font-size: 1.4rem
}

.menu-link[data-c16]:hover {
    font-family: inherit;
    text-shadow: .1rem 0 0 #fff
}

.paragraph[data-c16] {
    border-top: .1rem solid #dfe0e2;
    color: #fff;
    font: 1.1rem 'prelobook';
    line-height: 1.5rem;
    padding-top: 1.5rem;
    text-align: center
}

.component[data-c10] {
    padding-bottom: 0
}

.component[data-c10]:last-of-type {
    padding-bottom: 5rem
}

.component[data-c10] + .component[data-c10] {
    padding-top: 0
}

.component--remodel strong {
    font-family: 'prelo_slab_semiboldsemibold'
}

.component--change-layout[data-c10] {
    margin-top: 5rem
}

.component--change-layout[data-c10] .title[data-c10] {
    font: 3.3rem 'prelo_slabbook';
    display: block;
    min-height: 0;
    padding: 2rem 1rem
}

.component--change-layout[data-c10] .title[data-c10] strong {
    font-family: 'Prelo Slab ExtraBold'
}

@media (min-width: 768px) {
    .component--change-layout[data-c10] .row[data-c10] {
        grid-template-columns: repeat(2, 1fr)
    }
}

.component--change-layout[data-c10] .column[data-c10] {
    padding: 0 2.5rem !important
}

@media (min-width: 1024px) {
    .component--change-layout[data-c10] .column[data-c10] {
        padding: 0 4rem !important
    }
}

.component--change-layout[data-c10] .headline[data-c10] {
    font-size: 2.7rem;
    padding-top: 0
}

@media (min-width: 768px) {
    .component--change-layout[data-c10] .section[data-c10] {
        display: flex;
        flex-flow: row wrap
    }
}

@media (min-width: 768px) {
    .component--change-layout[data-c10] .icon[data-c10] {
        margin-right: 3rem;
        height: 10rem;
        margin: 0;
        width: 13rem
    }
}

.component--change-layout[data-c10] .description[data-c10] {
    padding-top: 3rem
}

@media (min-width: 768px) {
    .component--change-layout[data-c10] .description[data-c10] {
        padding-top: 0;
        width: calc(100% - 130px)
    }
}

.copy--remodel[data-c10] h1 {
    font-size: 3.6rem
}

.copy--remodel[data-c10] h2 {
    font-size: 3.3rem
}

.copy--remodel[data-c10] h3 {
    font-size: 3rem
}

.copy--remodel[data-c10] h4 {
    font-size: 2.7rem
}

.copy--remodel[data-c10] h5 {
    font-size: 2.4rem
}

.copy--remodel[data-c10] h1, .copy--remodel[data-c10] h2, .copy--remodel[data-c10] h3, .copy--remodel[data-c10] h4, .copy--remodel[data-c10] h5 {
    color: #0f265c;
    font-family: 'prelo_slabbold'
}

.copy--remodel[data-c10] p {
    color: #616161;
    font: 2.4rem 'prelo_slabbook';
    line-height: 4.3rem;
    padding-top: 2.5rem
}

@media (min-width: 768px) {
    .copy--remodel[data-c10] p {
        padding-top: 5rem
    }
}

.wrapper[data-c10] {
    padding-top: 1rem
}

.wrapper--no-copy[data-c10] {
    padding-top: 0
}

.title[data-c10] {
    align-items: center;
    background-color: #73777a;
    color: #fff;
    display: flex;
    font: 3rem 'Prelo Slab ExtraBold';
    justify-content: center;
    min-height: 140px;
    padding: 1rem
}

@media (min-width: 768px) {
    .title[data-c10] {
        font-size: 4.5rem
    }
}

.title--schema-yellow[data-c10] {
    background-color: #f9cb2d;
    color: #0f265c
}

.title--schema-blue[data-c10] {
    background-color: #17275b;
    color: #fff
}

.row[data-c10] {
    background-color: #f2f3f3;
    display: grid;
    grid-row-gap: 2.5rem;
    padding: 5rem 0
}

@media (min-width: 768px) {
    .row[data-c10] {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 768px) {
    .row--has-two-columns[data-c10] {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 768px) {
    .row--has-two-columns[data-c10] .column[data-c10] {
        padding: 0 15%
    }
}

.column[data-c10] {
    padding: 0 1.3rem
}

@media (min-width: 768px) {
    .column[data-c10] {
        border-left: .3rem solid #f9cb2d
    }
}

@media (min-width: 768px) {
    .column--no-border[data-c10] {
        border-left: 0
    }
}

.icon[data-c10] {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem
}

.headline[data-c10] {
    color: #0f265c;
    font: 2rem 'prelo_slab_semiboldsemibold';
    padding-top: 3rem
}

.section[data-c10] {
    color: #616161;
    font: 1.6rem 'Prelo Slab';
    line-height: 1.9rem;
    padding-top: 3rem;
    text-align: left
}

.header {
    background-color: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
    left: 0;
    padding: 1rem 3rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

@media (min-width: 1024px) {
    .header {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

@media (min-width: 320px) {
    .logo {
        width: 20rem
    }
}

@media (min-width: 375px) {
    .logo {
        width: 26rem
    }
}

.custom-logo-link {
    display: inline-block;
    padding-bottom: 2rem
}

.pinned {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: flex;
    left: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    text-align: center;
    transition: all .3s ease;
    transform: translateY(100%);
    will-change: transform;
    width: 100%
}

@supports (display:grid) {
    .pinned {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: repeat(2, 1fr)
    }
}

.pinned--is-visible {
    transform: translateY(0)
}

@media (min-width: 1366px) {
    .pinned {
        display: none
    }
}

.cta-link--is-blue {
    background-color: #0f265c;
    background-image: none;
    color: #fff;
    margin-right: 1rem
}

@supports (display:grid) {
    .cta-link--is-blue {
        margin-right: 0
    }
}

.cta-link--is-grow {
    font-size: 1.6rem;
    height: 6rem;
    min-width: 48%
}

/*
@supports (display:grid) {
    .cta-link--is-grow {
        min-width: 100%
    }
}
*/

.component[data-c9] + .component {
    padding-top: 0
}

.component--remodel[data-c9] h2, .component--remodel[data-c9] h3, .component--remodel[data-c9] h4, .component--remodel[data-c9] h5 {
    color: #0f265c;
    font-family: 'prelo_slab_semiboldsemibold'
}

.component--remodel[data-c9] h2 {
    font-size: 2.7rem
}

.component--remodel[data-c9] h3 {
    font-size: 2.4rem
}

.component--remodel[data-c9] h4 {
    font-size: 2.1rem
}

.component--remodel[data-c9] h5 {
    font-size: 1.8rem
}

.component[data-c13] {
    display: inline-block;
    padding: 0;
    position: relative;
    width: 100%
}

@media (min-width: 1200px) {
    .component--remodel[data-c13] .container[data-c13] {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        height: 100%;
        left: 50%;
        padding: 3rem 2rem;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 100%;
        z-index: 100
    }
}

@media (min-width: 1366px) {
    .component--remodel[data-c13] .container[data-c13] {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width: 1440px) {
    .component--remodel[data-c13] .container[data-c13] {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

.container[data-c13] {
    max-width: 100%
}

.section[data-c13] {
    position: relative
}

.section[data-c13]:after {
    background-color: rgba(0, 0, 0, 0.3);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width: 1200px) {
    .section[data-c13]:after {
        display: none
    }
}

.link[data-c13] {
    color: #fff;
    bottom: .1rem;
    font-size: 1.8rem;
    padding: 2rem;
    position: absolute;
    text-align: center;
    z-index: 200
}

@media (min-width: 768px) {
    .link[data-c13] {
        bottom: 1.5%;
        font-size: 1.6rem;
        padding: 0;
        right: .5rem
    }
}

@media (min-width: 1200px) {
    .link[data-c13] {
        color: #0f265c;
        font-size: 1.8rem;
        left: 6%;
        text-align: left
    }
}

.link--remodel[data-c13] a {
    color: #fff;
    font-family: 'prelobold';
    text-decoration: underline
}

@media (min-width: 1200px) {
    .link--remodel[data-c13] a {
        color: #0f265c
    }
}

.row[data-c13] {
    padding: 5rem 3rem 0;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width: 1200px) {
    .row[data-c13] {
        display: flex;
        justify-content: flex-end;
        padding: 0
    }
}

.scroll {
    bottom: 5rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1
}

.calculator {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 2rem;
    position: relative;
    width: 100%
}

@media (min-width: 1200px) {
    .calculator {
        box-shadow: .1rem .1rem 3rem rgba(0, 0, 0, 0.3);
        max-width: 34rem;
        padding: 2.5rem 2.5rem 4rem
    }
}

@media (min-width: 1440px) {
    .calculator {
        max-width: 40rem
    }
}

@media (min-width: 1600px) {
    .calculator {
        max-width: 45rem
    }
}

@media (min-width: 1920px) {
    .calculator {
        max-width: 54rem
    }
}

.calculator__warning {
    color: #0f265c;
    font-size: 1.8rem;
    padding-top: 2rem;
    text-align: center;
    width: 100%
}

@media (min-width: 1200px) {
    .calculator__warning {
        bottom: -8%;
        color: inherit;
        left: 0;
        padding-top: 0;
        position: absolute;
        white-space: nowrap
    }
}

.calculator-form {
    margin: 0 auto;
    max-width: 48rem
}

.calculator-form__field {
    padding-top: 2rem
}

.calculator-form__field--button {
    padding-top: 2.5rem;
    text-align: center
}

@media (min-width: 1920px) {
    .calculator-form__field--button {
        padding-top: 5rem
    }
}

.calculator-form__field--button button {
    color: #fff;
    background-color: #0f265c;
    background-image: none;
    font: 3rem 'prelo_slabbook';
    height: 6rem
}

.calculator-form__field-row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.calculator-form__label {
    color: #616161;
    font-size: 2.3rem;
    display: block
}

@media (min-width: 1024px) {
    .calculator-form__label {
        color: inherit
    }
}

.calculator-form__element {
    background-color: #fff;
    border-radius: .8rem;
    border: .1rem solid #d5d5d5;
    color: #616161;
    display: block;
    font: 2.1rem 'prelobook';
    margin-top: .5rem;
    padding: 1rem;
    width: 100%
}

.calculator-form__element::placeholder {
    color: #616161;
    opacity: 1
}

.calculator-form__element--flex {
    align-items: center;
    border-color: transparent;
    display: flex;
    padding-left: 0;
    padding-right: 0
}

.calculator-form__element--flex img {
    margin-right: 1rem
}

.calculator-form__info {
    background: url("images/info-circle-solid.png") left top no-repeat;
    cursor: help;
    display: block;
    height: 1.5rem;
    width: 1.5rem
}

.response {
    color: #616161;
    font-size: 1.6rem
}

.response--modifier p {
    align-items: center;
    color: #0f265c;
    display: flex;
    font-size: 2rem;
    justify-content: space-between
}

@media (min-width: 1200px) {
    .response--modifier p {
    }
}

@media (min-width: 1366px) {
    .response--modifier p {
        font-size: 2.5rem
    }
}

@media (min-width: 1920px) {
    .response--modifier p {
        font-size: 3rem
    }
}

.response--modifier span {
    color: #0f265c;
    font: 2.5rem 'prelo_slabbold'
}

@media (min-width: 1200px) {
    .response--modifier span {
    }
}

@media (min-width: 1920px) {
    .response--modifier span {
        font-size: 3.2rem
    }
}

.response--modifier .result-ammount {
    background-color: #fd0;
    border-radius: .8rem;
    color: #0f265c;
    font: 3.5rem 'prelo_slabbold';
    padding: 1rem 1.5rem
}

@media (min-width: 1366px) {
    .response--modifier .result-ammount {
        font-size: 6rem
    }
}

@media (min-width: 1920px) {
    .response--modifier .result-ammount {
        font-size: 9rem;
        padding: 1.5rem 2rem
    }
}

.response--modifier .response__heading {
    justify-content: center
}

.response--modifier .currency {
    font-size: 3rem;
    font-style: normal
}

@media (min-width: 1920px) {
    .response--modifier .currency {
        font-size: 6rem
    }
}

.response__heading {
    border-bottom: .3rem solid #fd0;
    font-size: 1.9rem;
    padding: 1.5rem 0
}

@media (min-width: 1920px) {
    .response__heading {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.response__body {
    padding-top: .5rem
}

.response__body--1 {
    padding-top: 2rem
}

.response__buttons {
    padding-top: 2rem
}

.response__buttons--modifier .button {
    padding-top: 1rem
}

.response__buttons--modifier .button--1 {
    padding-top: 0
}

@media (min-width: 768px) {
    .response__buttons--modifier .button {
        padding-top: 0
    }
}

@media (min-width: 1440px) {
    .response__buttons--modifier .button {
        margin-right: .5rem
    }

    .response__buttons--modifier .button:last-child {
        margin-right: 0
    }
}

.response__buttons--modifier .button__link {
    color: #0f265c;
    min-width: 100%
}

@media (min-width: 1920px) {
    .response__buttons--modifier .button__link {
        font-size: 3rem;
        height: auto;
        padding-bottom: 2rem !important;
        padding-top: 2rem !important;
        white-space: nowrap
    }
}

.response__buttons--modifier .reset-calculator {
    color: #0f265c
}

@media (min-width: 1024px) {
    .response__buttons--modifier .reset-calculator {
    }
}

@media (min-width: 768px) {
    .response__buttons {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width: 1440px) {
    .response__buttons {
        justify-content: center
    }
}

.exchange {
    align-items: flex-end;
    display: flex;
    flex-flow: row wrap;
    padding-top: 2rem;
    width: 100%
}

.exchange__column {
    text-align: center
}

.exchange__column--first {
    width: 45%
}

.exchange__column--second {
    width: 10%
}

.exchange__column--third {
    width: 45%
}

.exchange__image {
    margin-left: auto;
    margin-right: auto
}

.exchange__copy {
    color: #333;
    font: 2rem 'prelobook';
    padding-top: 1.5rem
}

@media (min-width: 1200px) {
    .exchange__copy {
        color: inherit
    }
}

@media (min-width: 1920px) {
    .exchange__copy {
        font-size: 2.5rem
    }
}

@media (min-width: 1600px) {
    .exchange__copy--equal {
        font-size: 4.5rem
    }
}

@media (min-width: 1920px) {
    .exchange__copy--equal {
        font-size: 5rem
    }
}

@media (min-width: 1600px) {
    .exchange__number {
        font-size: 3.5rem
    }
}

@media (min-width: 1920px) {
    .exchange__number {
        font-size: 4rem
    }
}

.map-container {
    height: 100vh;
    overflow: hidden;
    margin-top: 5rem;
    position: relative
}

@media (min-width: 1024px) {
    .map-container {
        height: 82.5rem
    }
}

.map {
    height: 100%
}

.filters {
    background-color: #fff;
    border: .1rem solid #dfe0e2;
    padding: 2rem 2.5rem
}

@media (min-width: 768px) {
    .filters {
        left: 1rem;
        max-width: 35rem;
        position: absolute;
        top: 1rem;
        width: 100%;
        z-index: 1
    }
}

.search-map__title {
    color: #0f265c;
    font: 2rem 'prelo_slab_semiboldsemibold';
    text-align: center
}

.search-map__title--h3 {
    font-size: 1.6rem
}

.search-map__field {
    padding-top: 2rem
}

.search-map__field--1 {
    padding-top: 0
}

.search-map__field-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 15px
}

.search-map__field-container--row-2 {
    border-bottom: .1rem solid #dfe0e2;
    padding: 2rem 1rem 1rem
}

.search-map__field-container--flex-start {
    justify-content: flex-start
}

.search-map__select {
    background-color: #fff;
    border-radius: .4rem;
    border: .1rem solid #d5d5d5;
    color: #616161;
    cursor: pointer;
    font: 1.4rem 'prelobook';
    padding: .5rem;
    width: 48%
}

.search-map__check {
    cursor: pointer;
    margin-right: .5rem
}

.search-map__icon {
    align-items: center;
    display: flex
}

.search-map__icon--mod img {
    margin: 0 .5rem
}

.search-map__input-autocomplete {
    color: #616161;
    cursor: pointer;
    font: 1.4rem 'prelobook';
    width: 90%
}

.search-map__field-checkbox {
    align-items: center;
    color: #616161;
    display: flex;
    font: 1.4rem 'prelobook';
    padding-right: 3.5rem
}

.search-map__submit {
    background-color: transparent
}

.pac-container {
    width: 300px !important
}

.marker-info-container {
    display: flex;
    justify-content: space-between
}

.marker-info-content--modifier h2 {
    color: #0f265c;
    font: 2rem 'prelo_slab_semiboldsemibold'
}

.marker-info-content--modifier p {
    color: #616161;
    font: 1.6rem 'prelobook';
    padding-top: 1rem
}

.marker-info-image {
    display: none
}

.row[data-c14] {
    background-color: #f7f7f7;
    border-radius: 1rem;
    box-shadow: .1rem .1rem .5rem #d5d5d5;
    display: grid;
    padding: 2rem;
    text-align: left
}

@media (min-width: 768px) {
    .row[data-c14] {
        padding: 5rem 3rem
    }
}

@media (min-width: 1024px) {
    .row[data-c14] {
        grid-column-gap: 2.5rem;
        grid-template-columns: repeat(3, 1fr)
    }
}

.column[data-c14] {
    padding-top: 3rem
}

@media (min-width: 1024px) {
    .column[data-c14] {
        padding-top: 0
    }
}

.column--1[data-c14] {
    padding-top: 0
}

.section[data-c14] {
    align-items: center;
    display: grid;
    grid-template-columns: 6.7rem 1fr
}

@media (min-width: 1024px) {
    .section[data-c14] {
        padding: 0 3rem
    }
}

@media (min-width: 1024px) {
    .section--1[data-c14] {
        padding: 0
    }
}

.headline[data-c14] {
    color: #0f265c;
    font: 2.1rem 'prelo_slab_semiboldsemibold';
    padding-left: 3rem
}

@media (min-width: 1024px) {
    .section-1[data-c14] {
        border-left: .1rem solid #0f265c;
        min-height: 30rem;
        padding-left: 3rem
    }
}

.section-1--1[data-c14] {
    border-left: 0;
    padding-left: 0
}

.section-1--remodel[data-c14] p {
    color: #0f265c;
    font: 1.8rem 'prelo_slabbook';
    line-height: 2.2rem;
    padding-top: 3rem
}

.section-1--remodel[data-c14] strong {
    font-family: 'prelo_slab_semiboldsemibold'
}

.navigation {
    align-items: center;
    background-color: #fff;
    display: none;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999
}

.navigation--modifier ul {
    list-style: none
}

.navigation--modifier li {
    padding: 2rem 0;
    position: relative
}

@media (min-width: 1366px) {
    .navigation--modifier li {
        padding: 0 0 0 3rem
    }

    .navigation--modifier li:first-child {
        padding-left: 0
    }
}

.navigation--modifier a {
    color: #0f265c;
    border-bottom: .3rem solid transparent;
    font-size: 2.4rem;
    transition: all .3s ease
}

.navigation--modifier a.menu--active {
    font-family: inherit;
    text-shadow: .1rem 0 0 #0f265c;
    text-decoration: underline
}

.navigation--modifier a:hover {
    color: #0f265c;
    font-family: inherit;
    text-decoration: underline;
    text-shadow: .1rem 0 0 #0f265c
}

@media (min-width: 1366px) {
    .navigation--modifier a {
        font-size: 1.5rem
    }
}

.navigation--mobile {
    height: 100vh;
    display: flex;
    overflow-y: auto
}

@media (min-width: 568px) {
    .navigation--mobile {
        align-items: flex-start
    }
}

@media (min-width: 768px) {
    .navigation--mobile {
        align-items: center
    }
}

@media (min-width: 812px) {
    .navigation--mobile {
        align-items: flex-start
    }
}

@media (min-width: 1024px) {
    .navigation--mobile {
        align-items: center
    }
}

@media (min-width: 1366px) {
    .navigation {
        display: block;
        height: auto;
        position: static;
        transform: none;
        visibility: visible;
        width: auto
    }
}

.menu {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media (min-width: 1366px) {
    .menu {
        flex-direction: row
    }
}

.bar {
    color: #0f265c;
    cursor: pointer
}

@media (min-width: 1366px) {
    .bar {
        display: none
    }
}

.close {
    color: #0f265c;
    cursor: pointer;
    display: block;
    height: 4rem;
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    width: 4rem
}

@media (min-width: 1366px) {
    .close {
        display: none
    }
}

.registration--modifier a {
    text-decoration: underline
}

@media (min-width: 1366px) {
    .registration {
        border-left: .1rem solid #0f265c;
        margin-left: 3rem
    }
}

.current-menu-item, .current_page_item a {
    font-family: inherit;
    text-decoration: underline;
    text-shadow: .1rem 0 0 #0f265c
}

.box[data-c11] {
    max-height: 33.3rem;
    overflow: hidden
}

.article--remodel[data-c11] h2, .article--remodel[data-c11] h3, .article--remodel[data-c11] h4, .article--remodel[data-c11] h5, .article--remodel[data-c11] h6 {
    color: #0f265c;
    font-family: 'prelo_slab_semiboldsemibold';
    padding-top: 4rem
}

.article--remodel[data-c11] h2:first-child, .article--remodel[data-c11] h3:first-child, .article--remodel[data-c11] h4:first-child, .article--remodel[data-c11] h5:first-child, .article--remodel[data-c11] h6:first-child {
    padding-top: 0
}

.article--remodel[data-c11] h2 {
    color: #616161;
    font-size: 2.7rem;
    line-height: 3.9rem
}

.article--remodel[data-c11] h3 {
    font-size: 2.4rem
}

.article--remodel[data-c11] h4 {
    color: #616161;
    font-size: 2.1rem
}

.article--remodel[data-c11] h5 {
    color: #616161;
    font-size: 1.8rem
}

.article--remodel[data-c11] p, .article--remodel[data-c11] li {
    color: #616161;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-top: 2.5rem
}

.article--remodel[data-c11] p:first-child, .article--remodel[data-c11] li:first-child {
    padding-top: 0
}

.article--remodel[data-c11] a {
    color: #0f265c;
    text-decoration: underline
}

.article--remodel[data-c11] a:hover {
    font-family: 'prelobold'
}

.article--remodel[data-c11] ol, .article--remodel[data-c11] ul {
    list-style: none;
    padding-left: 5rem;
    padding-top: 2.5rem
}

.article--remodel[data-c11] ul li:before {
    background-color: #fd0;
    border-radius: 100%;
    content: '';
    display: inline-block;
    height: .5rem;
    left: -2.5rem;
    position: relative;
    top: -.4rem;
    width: .5rem
}

.article--remodel[data-c11] ol {
    counter-reset: ol
}

.article--remodel[data-c11] ol li {
    counter-increment: ol
}

.article--remodel[data-c11] ol li:before {
    color: #0f265c;
    content: counter(ol) ". ";
    display: inline-block;
    text-indent: -2.5rem
}

.article--remodel[data-c11] blockquote {
    border-left: .3rem solid #fd0;
    margin-left: 3rem;
    margin-top: 2.5rem;
    padding-left: 2rem
}

.article--remodel[data-c11] blockquote p {
    color: #616161;
    font: italic 1.8rem 'prelobold';
    line-height: 2.4rem;
    padding-top: 0
}

.article--remodel[data-c11] strong {
    font-family: 'prelosemibold'
}

.component[data-c7] {
    background-color: #fd0
}

.row[data-c7] {
    margin: 0 auto;
    max-width: 102.4rem;
    padding-top: 5rem;
    text-align: left
}

.slide-item[data-c7] {
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%
}

.section[data-c7] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 39.5rem
}

.headline[data-c7] {
    color: #0f265c;
    font: 3.6rem 'prelo_slabbook';
    line-height: 4.5rem
}

@media (min-width: 768px) {
    .headline[data-c7] {
        max-width: 45%;
        padding-left: 6rem
    }
}

.cta[data-c7] {
    padding-top: 3rem
}

@media (min-width: 768px) {
    .cta[data-c7] {
        padding-left: 6rem
    }
}

.slide-pager[data-c7] {
    padding-top: 4rem;
    text-align: center
}

.slide-pager--remodel[data-c7] span {
    align-items: center;
    border-radius: 100%;
    border: .1rem solid transparent;
    color: #0f265c;
    cursor: pointer;
    display: inline-flex;
    font-size: 0;
    justify-content: center;
    height: 4rem;
    position: relative;
    width: 4rem
}

.slide-pager--remodel[data-c7] span:before {
    background-color: #0f265c;
    border-radius: 100%;
    content: '';
    height: .4rem;
    width: .4rem
}

.slide-pager--remodel[data-c7] span.cycle-pager-active {
    border-color: #0f265c
}

.slide-pager--remodel[data-c7] span.cycle-pager-active:before {
    content: '';
    height: 1.2rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.2rem
}

.component[data-c11] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: left
}

.component--has-many-rows[data-c6] .row[data-c6] {
    padding-top: 5rem
}

@media (min-width: 1024px) {
    .row[data-c6] {
        display: flex
    }
}

.row[data-c11] {
    padding: 5rem 3rem 0
}

.row--no-title[data-c11] {
    padding-top: 0
}

.row--change-layout[data-c6] {
    text-align: left
}

@media (min-width: 768px) {
    .row--change-layout[data-c6] {
        align-items: center;
        display: grid;
        grid-template-columns: 1fr 3fr
    }
}

.row--change-layout[data-c6] .headline[data-c6] {
    text-align: left
}

.row--change-layout[data-c6] .section[data-c6] {
    justify-content: flex-start
}

.row--change-layout[data-c6] .column--2[data-c6] {
    padding: 2.5rem 0 0 2.5rem
}

@media (min-width: 768px) {
    .row--change-layout[data-c6] .column--2[data-c6] {
        padding-top: 0
    }
}

.row--change-layout[data-c6] .column[data-c6] {
    width: auto
}

.row--switch[data-c6] .column--2[data-c6] {
    order: -1
}

.row--remodel[data-c6] strong {
    font-family: 'prelosemibold'
}

.row--remodel[data-c6] p {
    color: #616161;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-top: 2rem
}

.row--remodel[data-c6] p:first-child {
    padding-top: 0
}

.row--remodel[data-c6] a:not(.cta-link) {
    color: #0f265c;
    text-decoration: underline
}

.row--remodel[data-c6] a:not(.cta-link):hover {
    font-family: 'prelobold'
}

@media (min-width: 1024px) {
    .column[data-c6] {
        width: 50%
    }
}

.column--2[data-c6] {
    padding: 5rem 0 0
}

@media (min-width: 1024px) {
    .column--2[data-c6] {
        padding: 0 5rem
    }
}

.title[data-c11] {
    text-align: center
}

.headline[data-c6] {
    color: #0f265c;
    font: 2.4rem 'prelo_slab_semiboldsemibold';
    text-align: center
}

.article[data-c11] {
    padding-top: 3.5rem
}

.icon[data-c6] {
    align-items: center;
    background-color: #fd0;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    height: 7rem;
    margin: 0 auto;
    width: 7rem
}

.copy[data-c6] {
    padding-top: 3rem
}

@media (min-width: 667px) {
    .copy[data-c6] {
        padding-top: 0;
        width: calc(100% - 100px)
    }
}

.list-item[data-c6] {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    padding-top: 3rem;
    text-align: center
}

@media (min-width: 667px) {
    .list-item[data-c6] {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        text-align: left
    }
}

.list-item--1[data-c6] {
    padding-top: 5rem
}

.section[data-c6] {
    display: flex;
    justify-content: center;
    padding-top: 5rem
}

.cta[data-c6] {
    padding-left: 3rem;
    padding-top: 0
}

.cta[data-c6]:first-child {
    padding-left: 0
}

.cta--1[data-c6] {
    padding-left: 0
}

.container[data-c1] {
    max-width: 116.5rem
}

.row[data-c1] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 5rem
}

@media (min-width: 768px) {
    .row[data-c1] {
        flex-direction: row;
        justify-content: flex-start
    }
}

.row-1[data-c1] {
    display: none
}

@media (min-width: 768px) {
    .row-1[data-c1] {
        display: flex
    }
}

.row-2[data-c1] {
    justify-content: space-around
}

@media (min-width: 768px) {
    .row-2[data-c1] {
        justify-content: center
    }
}

.row-3[data-c1] {
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 5rem;
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .row-3[data-c1] {
        display: none
    }
}

.column[data-c1] {
    padding-top: 2.5rem
}

@media (min-width: 768px) {
    .column[data-c1] {
        padding-top: 0
    }
}

.column--remodel[data-c1] img {
    margin-left: auto;
    margin-right: auto
}

.column--1[data-c1] {
    padding-top: 0
}

@media (min-width: 768px) {
    .column--1[data-c1] {
        width: 26.437768240343345%
    }
}

@media (min-width: 768px) {
    .column--2[data-c1] {
        width: 25.064377682403432%
    }
}

@media (min-width: 768px) {
    .column--3[data-c1] {
        width: 27.98283261802575%
    }
}

@media (min-width: 768px) {
    .column--4[data-c1] {
        width: 20.515021459227466%
    }
}

.cta[data-c1] {
    padding-left: 3rem
}

.cta--1[data-c1] {
    padding-left: 0
}

.image[data-c1] {
    margin: 0 auto;
    width: 11rem
}

@media (min-width: 768px) {
    .image[data-c1] {
        width: 5.5rem
    }
}

.image--is-desktop {
    display: none
}

@media (min-width: 768px) {
    .image--is-desktop {
        display: block
    }
}

@media (min-width: 768px) {
    .image--is-mobile {
        display: none
    }
}

.section[data-c1] {
    padding-top: 2.5rem;
    text-align: center
}

.paragraph--remodel[data-c1] p {
    color: #10265c;
    font: 2.1rem 'prelo_slabbook';
    line-height: 2.7rem;
    padding-top: 1.5rem
}

.paragraph--remodel[data-c1] a {
    color: #10265c;
    text-decoration: underline
}

.number[data-c1] {
    color: #0f265c;
    font: 4.5rem 'prelo_slabbold'
}

.number[data-c1]:after {
    background-color: #fd0;
    display: block;
    height: .3rem;
    content: '';
    margin: 1.5rem auto 0;
    width: 13.5rem
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .row[data-c5],
    .tabs[data-c15],
    .row[data-c14],
    .section[data-c14],
    .row[data-c8],
    .row[data-c10],
    .row--change-layout[data-c6] {
        display: flex;
        flex-wrap: wrap;
    }

    .column[data-c5] {
        margin-bottom: 20px;
        width: 49.11%
    }

    .column[data-c14] {
        padding-right: 2rem;
        width: 33.3%;
    }

    .title[data-c10] {
        min-height: 0;
        padding: 50px 0;
    }

    .row--has-two-columns[data-c10] .column[data-c10],
    .component--change-layout[data-c10] .column[data-c10] {
        padding: 0 1.3rem;
        width: 50%;
    }

    .section[data-c7] {
        min-height: 0;
        height: 39.5rem;
    }

    .row[data-c5],
    .tabs[data-c15],
    .section[data-c14],
    .row--change-layout[data-c6] {
        justify-content: space-between;
    }

    .column[data-c5]:nth-child(3),
    .column[data-c5]:nth-child(4) {
        margin-bottom: 0;
    }

    .column[data-c10] {
        width: 33.3%;
    }

    .column[data-c8] {
        width: 24.79%;
    }

    .tab-item[data-c15] {
        width: 24.54%;
    }

    .headline[data-c14] {
        width: calc(100% - 70px);
    }

    .calculator {
        width: 32.83185840707964%
    }

    .page-missing {
        height: calc(100vh - 10.2rem - 33.9rem);
    }

    .row--change-layout[data-c6] .column--1[data-c6] {
        width: 24.77%;
    }

    .row--change-layout[data-c6] .column--2[data-c6] {
        width: 74.77%;
    }

    .custom-logo {
        width: 100%;
    }

    .content {
        display: block;
    }
}

.track-form {
    border: .3rem solid #fd0;
    border-radius: 1rem;
    margin: 0 auto;
    max-width: 55rem;
    padding: 2.5rem;
    text-align: center
}

.track-form__field {
    padding-top: 2.5rem
}

.track-form__field--1 {
    padding-top: 0
}

.track-form__label {
    color: #0f265c;
    display: block;
    font-size: 1.4rem
}

.track-form__input {
    border: .1rem solid #d5d5d5;
    border-radius: .4rem;
    color: #0f265c;
    cursor: pointer;
    display: block;
    font: 2.2rem 'prelobook';
    margin: 2.5rem auto 0;
    max-width: 30rem;
    padding: 1rem;
    text-align: center;
    width: 100%
}

.track-result {
    margin: 0 auto;
    max-width: 60.5rem
}

.track-result--remodel {
    margin-top: 5rem
}

.track-result--modifier tr {
    border-bottom: .1rem solid #616161;
    position: relative
}

.track-result--modifier th {
    padding-bottom: 1rem
}

.track-result--modifier th:first-child {
    text-align: left
}

.track-result--modifier th:last-child {
    text-align: right
}

.track-result--modifier td {
    color: #616161;
    font-size: 1.6rem;
    padding: 1rem 0
}

.track-result--modifier td:last-child {
    text-align: right
}

.track-result__table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.track-result__title {
    color: #0f265c;
    font: 2rem 'prelo_slab_semiboldsemibold'
}

.component[data-c8] {
    margin: 0 auto;
    max-width: 60.5rem;
    padding: 0;
    position: relative
}

.row[data-c8] {
    position: relative
}

@media (min-width: 768px) {
    .row[data-c8] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 15rem));
        justify-content: center
    }
}

.row--has-1[data-c8] .headline[data-c8] {
    font-size: 2.4rem;
    padding-top: .5rem
}

.row--has-1[data-c8] .icon[data-c8] {
    background: #fd0;
    color: #0f265c;
    font-size: 3rem;
    height: 6rem;
    width: 6rem
}

.row--has-1[data-c8] .section[data-c8] {
    font-size: 1.5rem;
    padding-top: .5rem
}

.column[data-c8] {
    padding-top: 2.5rem
}

.column[data-c8]:first-child {
    padding-top: 0
}

.column[data-c8]:last-child .icon[data-c8] {
    color: #fff;
    font-size: 3rem;
    height: 6rem;
    width: 6rem
}

.column[data-c8]:last-child .icon--rechazada[data-c8] {
    background-color: #dfe0e2;
    color: #fd0
}

.column[data-c8]:last-child .icon--anulada[data-c8] {
    background: #dfe0e2;
    color: #0f265c
}

.column[data-c8]:last-child .icon--pagada[data-c8] {
    background: #fd0;
    color: #0f265c
}

.column[data-c8]:last-child .headline[data-c8] {
    font-size: 2.4rem;
    padding-top: .5rem
}

.column[data-c8]:last-child .section[data-c8] {
    font-size: 1.5rem;
    padding-top: .5rem
}

@media (min-width: 768px) {
    .column[data-c8] {
        padding-top: 0
    }
}

.icon[data-c8] {
    align-items: center;
    background-color: #696c89;
    border-radius: 100%;
    color: #fff;
    display: flex;
    font-size: 2rem;
    justify-content: center;
    height: 38px;
    margin: 0 auto;
    width: 38px
}

.icon--anulada[data-c8] {
    background-color: #dfe0e2;
    color: #0f265c
}

.icon--anulada[data-c8]:after {
    font-family: FontAwesome;
    content: '\f00d'
}

.icon--enviada[data-c8] {
    background-color: #0f265c
}

.icon--enviada[data-c8]:after {
    font-family: FontAwesome;
    content: '\f00c'
}

.icon--pagada[data-c8] {
    background-color: #fd0;
    color: #0f265c
}

.icon--pagada[data-c8]:after {
    font-family: FontAwesome;
    content: '\f00c'
}

.icon--rechazada[data-c8] {
    background-color: #dfe0e2;
    color: #fd0
}

.icon--rechazada[data-c8]:after {
    font-family: FontAwesome;
    content: '\f00d'
}

.headline[data-c8] {
    color: #0f265c;
    font-size: 1.5rem;
    padding-top: .5rem
}

.section[data-c8] {
    color: #0f265c;
    font-size: 1rem;
    padding-top: .5rem
}

.error[data-c8] {
    color: #f00;
    font-size: 2rem;
    padding-top: 5rem
}

.track-form__field--buttons-group button {
    margin-top: 2rem;
    width: 100%
}

@media (min-width: 768px) {
    .track-form__field--buttons-group button {
        margin-top: 0;
        width: auto
    }
}

@media (min-width: 768px) {
    .track-form__field--buttons-group {
        align-items: center;
        display: flex;
        justify-content: center
    }
}

#try-again {
    background-image: none;
    background-color: transparent;
    border-color: #fd0;
    margin-top: 2rem
}

@media (min-width: 768px) {
    #try-again {
        margin-left: 2rem;
        margin-top: 0
    }
}

.component[data-c2] {
    margin-top: -5rem
}

@media (min-width: 1024px) {
    .component[data-c2] {
        margin-top: 0
    }
}

.row[data-c2] {
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .row[data-c2] {
        flex-direction: row;
        justify-content: space-between;
        padding-top: 5rem;
        text-align: left
    }
}

.column[data-c2] {
    padding-top: 5rem
}

@media (min-width: 1024px) {
    .column[data-c2] {
        padding-top: 0;
        width: 30.973451327433626%
    }
}

.headline[data-c2] {
    color: #0f265c;
    font: 2.4rem 'prelo_slab_semiboldsemibold';
    line-height: 3rem
}

@media (min-width: 1024px) {
    .headline[data-c2] {
        margin: 0 auto;
        text-align: center;
        width: 90%
    }
}

.video[data-c2] {
    height: 0;
    margin-top: 3rem;
    padding-bottom: 56.25%;
    position: relative
}

.cta[data-c2] {
    padding-top: 4rem
}