
.divider {
    margin: 0.5rem 0 1.5rem 0;
    border-bottom: 1px solid #8991A8;
    font-size: 1rem;
    text-align: center;
    line-height: 0;
    color: #606678;
}

.divider-content {
    padding: 0 1rem;
    background: #f5f7fa;
}

.onboarding-help {
    margin-bottom: 1rem;
    padding: 0;
    background: inherit;
    font-size: 1.125rem;
}

.onboarding-help .focus {
    color: var(--link-font);
    font-weight: bold;
}

.onboarding-form {
    margin: 0 auto;
    max-width: 44rem;
}

.market-study-info {
    margin: 0 auto;
    max-width: 44rem;
    text-align: justify;
    font-size: 16px;
}

.onboarding-form {
    margin: 0 auto;
    max-width: 45rem;
}

.package {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: .25rem;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 0.5rem #e5e5e5;
    margin-bottom: 1rem;
}

.package > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.package .checklist,
.package .pluslist {
    padding: 0 2rem;
    margin: 0;
}

.package .checklist li,
.package .pluslist li {
    margin-bottom: 0.5rem;
}

.package .pluslist {
    color: var(--link-font);
}

.package .package-footer {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 1rem;
}

.package .package-footer form {
    text-align: center;
}

.package button[type=submit] {
    margin: 1rem auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 18rem;
}

.package-header {
    text-align: center;
    color: #fff;
    background-color: #8991A8;
    padding: 1rem;
    margin-bottom: 1rem;
}


.package-header h3,
.package-header .package-price {
    font-weight: 300;
    font-size: 1.375rem;
    color: inherit;
    margin-bottom: 0;
}

.package-header .package-price {
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .packages {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -0.5rem;
    }

    .package {
        width: 32%;
        margin: 0.5rem;
        display: inline-block;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: top;
    }
}

.progress-indicator {
    overflow: auto;
    padding: 2rem 0;
}

.progress-indicator .progress-step {
    float: left;
    position: relative;
    width: 33%;
    text-align: center;
    color: #606678;
    font-size: .8rem;
}

.progress-indicator .progress-step:before {
    z-index: 1;
    content: '';
    position: relative;
    display: block;
    margin: 0 auto 0.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    background: #e5e5e5;
}

.progress-indicator .progress-step:after {
    content: '';
    position: absolute;
    top: 0.25rem;
    left: -50%;
    width: 100%;
    height: 0.5rem;
    background: #e5e5e5;
}

.progress-indicator .progress-step:first-child:after {
    content: none;
}

@media screen and (max-width: 400px) {
    .progress-indicator .progress-step {
        font-size: 0;
    }
}

@media screen and (max-width: 450px) {
    .onboarding-footer-mobile {
        padding: 1.4rem 1.5rem;
        position: fixed;
        z-index: 99;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #eef0f3;
        box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5);
    }

    .circle-button-options {
        flex-direction: column;
    }
}

.progress-indicator .progress-step--current:before {
    margin: -0.25rem auto 0.25rem auto;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2218%22%20viewBox%3D%220%200%2015%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2%2017c-.5%200-1-.6-1-1V7.7c0-.6.3-1.4.7-1.7l4.8-4.7C7%201%207.5%201%208%201.3L12.5%206c.4.4.7%201.2.7%201.8v8c0%20.6-.4%201-1%201H2z%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center #1594e4;
    background-size: 45%;
    background-position: center center;
    box-shadow: 0 0 0.5rem 0 #1594e4;
}

.progress-indicator .progress-step--current:after {
    z-index: 1;
    width: 95%;
    background: #1594e4;
}

@media screen and (min-width: 768px) {
    .progress-indicator .progress-step--current:after {
        width: 98%;
    }
}

.progress-indicator .progress-step--past {
    color: var(--link-font);
}

.progress-indicator .progress-step--past:before {
    background: #1594e4;
}

.progress-indicator .progress-step--past:after {
    background: #1594e4;
}

.progress-indicator .progress-step--past a {
    text-decoration: none;
    color: var(--link-font);
}

.progress-indicator .progress-step--past a:hover {
    border-bottom: 0;
}

.social-login {
    overflow: auto;
    margin-bottom: 1rem;
}

.social-button {
    display: inline-block;
    margin-bottom: 1rem;
    padding: 1rem 1rem 1rem 3rem;
    width: 100%;
    background: #1594e4;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

@media screen and (min-width: 600px) {
    .social-button {
        float: left;
        width: calc(50% - 0.5rem);
    }

    .social-button:nth-child(odd) {
        margin-right: 1rem;
    }
}

.social-button--facebook {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296.1%22%20height%3D%2296.1%22%20viewBox%3D%220%200%2096.124%2096.123%22%3E%3Cpath%20d%3D%22M72%200H59.7c-14%200-23%209.3-23%2023.7v11H24c-1%200-2%20.7-2%201.8v15.8c0%201%201%202%202%202h12.6v40c0%201%20.8%201.8%202%201.8h16.3c1%200%201.8-.8%201.8-1.8v-40h14.7c1%200%202-.8%202-2V36.6c0-.5-.2-1-.6-1.4-.5-.2-1-.4-1.5-.4H56.8v-9.3c0-4.4%201-6.7%207-6.7H72c1.2%200%202-1%202-2V2c0-1-.8-2-2-2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat 1rem center #3B5A9A;
    background-size: 1.5rem;
}

.social-button--facebook:hover {
    border: none;
    background-color: #2d4475;
    color: #fff;
}

.social-button--twitter {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20612%20612%22%3E%3Cpath%20d%3D%22M612%20116.3c-22.5%2010-46.7%2016.7-72%2019.7%2025.8-15.5%2045.7-40%2055-69.4C571%2081%20544%2091.4%20515.4%2097c-23-24.3-55.5-39.6-91.6-39.6C354.4%2057.4%20298%20113.7%20298%20183c0%209.8%201.2%2019.4%203.4%2028.6C197%20206.3%20104.6%20156.3%2042.6%2080.4c-10.8%2018.5-17%2040-17%2063%200%2043.6%2022.2%2082%2056%20104.6-20.7-.7-40-6.4-57-15.8v1.6c0%2060.8%2043.3%20111.5%20100.7%20123-10.5%203-21.6%204.5-33%204.5-8.2%200-16-.8-23.7-2.4%2016%2050%2062.3%2086%20117.3%2087C143%20480%2088.7%20500%2030%20500c-10.2%200-20.2-.6-30-1.7%2055.6%2035.8%20121.5%2056.6%20192.4%2056.6%20231%200%20357.2-191.3%20357.2-357.2l-.4-16.3c24.7-17.5%2046-39.6%2062.8-64.7z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat 1rem center #22AAE1;
    background-size: 1.5rem;
}

.social-button--twitter:hover {
    border: none;
    background-color: #198ab7;
    color: #fff;
}

.social-button--google {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296.8%22%20height%3D%2296.8%22%20viewBox%3D%220%200%2096.828%2096.827%22%3E%3Cpath%20d%3D%22M62.6%200h-23C29%200%2022%202.3%2015.5%207.6c-5%204.3-8%2010.6-8%2017%200%209.5%207.4%2019.7%2021%2019.7%201.3%200%202.7%200%204-.3l-.2.5c-.5%201.3-1%202.5-1%204.5%200%203.7%201.7%206%203.5%208.3v.2h-.3c-5.6.5-16%201.2-23.6%206-9%205.2-9.7%2013-9.7%2015.3%200%209%208.4%2018%2027%2018%2022%200%2033.3-12%2033.3-23.8%200-8.8-5.2-13-10.6-17.7l-4.6-3.6c-1.4-1.2-3.2-2.7-3.2-5.4s1.8-4.4%203.3-6h.2c5-4%2010.6-8.5%2010.6-18%200-9.8-6-14.8-9-17H56l.3-.2L63%201c0-.2.2-.4%200-.6%200-.3-.2-.4-.4-.4zm-28%2091.5c-13.3%200-22.2-6.2-22.2-15.4%200-6%203.7-10.3%2011-13%205.6-1.8%2013-2%2013-2%201.4%200%202%200%203%20.2C48.7%2067.8%2053%2071.2%2053%2078c0%208.3-7%2013.5-18.4%2013.5zm0-50.7c-11.2%200-16-14.7-16-22.5%200-4%201-7%203-9.4%202-2.6%205.4-4.2%208.7-4.2%2010.3%200%2016%2013.7%2016%2023.2%200%201.5%200%206-3.2%209.2-2%202-5.5%203.6-8.5%203.6zM95%2045.2H82.8v-12c0-.4-.2-.6-.5-.6H77c-.2%200-.4.2-.4.5v12.2h-12c-.4%200-.6.2-.6.5V51c0%20.3.2.5.5.5h12v12.2c0%20.3.3.5.6.5h5.3c.3%200%20.5-.2.5-.5V51.5H95c.3%200%20.5-.2.5-.5v-5.3c0-.3-.2-.5-.5-.5z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat 1rem center #D64132;
    background-size: 1.5rem;
}

.social-button--google:hover {
    border: none;
    background-color: #b23023;
    color: #fff;
}

.section--onboarding .user-summary {
    width: 18rem;
}

* {
    box-sizing: border-box;
}

.flat-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

section,
.section {
    padding: 4rem 2rem 5rem;
}

@media screen and (min-width: 960px) {
    section,
    .section {
        padding: 4rem calc(49.9% - 480px + 2rem) 5rem;
    }
}

section h1,
.section h1,
section h2,
.section h2,
section h3,
.section h3,
section h4,
.section h4,
section h5,
.section h5,
section h6,
.section h6,
section .h1,
.section .h1,
section .h2,
.section .h2,
section .h3,
.section .h3,
section .h4,
.section .h4,
section .h5,
.section .h5,
section .h6,
.section .h6 {
    text-align: center;
}

.section--centered {
    text-align: center;
}

.section--onboarding {
    padding: 2rem 1rem 6rem;
    min-height: calc(90%);
}

@media screen and (min-width: 960px) {
    .section--onboarding {
        padding: 2rem calc(49.9% - 480px + 2rem) 6rem;
    }
}

.section--onboarding .terms {
    padding: 1rem;
    text-align: center;
}

.section--dashboard h1,
.section--dashboard h2,
.section--dashboard h3,
.section--dashboard h4,
.section--dashboard h5,
.section--dashboard h6,
.section--dashboard .h1,
.section--dashboard .h2,
.section--dashboard .h3,
.section--dashboard .h4,
.section--dashboard .h5,
.section--dashboard .h6 {
    text-align: left;
}

.section-dark {
    background-color: #606678;
    color: #fff;
}

.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4,
.section-dark h5,
.section-dark h6,
.section-dark .h1,
.section-dark .h2,
.section-dark .h3,
.section-dark .h4,
.section-dark .h5,
.section-dark .h6 {
    color: inherit;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    display: block;
    font-weight: 300;
    margin: 0;
    padding: 0;
    margin-bottom: 1rem;
}

.address-search {
    margin-bottom: 1rem;
}

.address-search-map {
    margin-bottom: 1rem;
    width: 100%;
    height: 20rem;
}

.address-search-info {
    text-align: center;
}

label, .label {
    font-size: 1rem;
    padding-bottom: 2px;
    padding-left: 1px;
}

input, select, textarea {
    display: block;
    margin: auto;
    width: 100%;
    font-size: 1rem;
    color: #000;
    padding: 0.5rem 0.75rem;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: var(--btn-radius);
    margin-bottom: 1rem;
}


button, .btn {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box;
    border: 0;
    padding: 0.8rem 2rem;
    padding: 0.25rem 2rem;
    display: inline-block;
    text-decoration: none;
    color: #000;
    line-height: 1.6;
    font-size: 1rem;
    font-weight: 500;
    border-radius: var(--btn-radius);
    cursor: pointer;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.btn-left::before, .btn-back::before {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    margin-left: 0em;
    margin-right: 1em;
}

.btn-down::after, .btn-right::after, .btn-back::before, .btn-left::before, .btn-close::before {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    margin-left: 1em;
    margin-bottom: -3px;
    overflow: visible;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23fff' stroke-width='.75'%3E%3Cpath d='M11 7l-3 3-3-3'%3E%3C/path%3E%3Ccircle cx='8' cy='8' r='6.5'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}

.btn-left::before, .btn-back::before {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    margin-left: 0em;
    margin-right: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%234074B9' stroke-width='.75'%3E%3Cpath d='M11 7l-3 3-3-3'%3E%3C/path%3E%3Ccircle cx='8' cy='8' r='6.5'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}

.btn-back {
    background-color: none !important;
}

.btn-right::after {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
}

.panel {
    text-align: center;
    margin: auto;
    max-width: 60rem;
    padding: 2rem 1rem;
}

/* Property type*/
.a11y-sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.radio-group {
    overflow: auto;
    display: -webkit-box;
    display: block;
    /*display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;*/
}

.radio-button {
    float: left;
    width: calc(50% - 0.5rem);
    box-sizing: border-box;
}

@media screen and (max-width: 599px) {
    .radio-button:nth-child(odd) {
        margin-right: 1rem;
    }

    .checkmyvalue.header_image h1 {
        padding-top: 50px !important;
    }
}

@media screen and (min-width: 600px) {
    .radio-button {
        width: calc(33% - 1rem);
    }

    .radio-button:nth-child(3n-1),
    .radio-button:nth-child(3n-2) {
        margin-right: 1rem;
    }
}

.radio-button input[type="radio"] + label {
    display: block;
    margin-bottom: 1rem;
    padding: 8rem 1rem 1rem 1rem;
    background: no-repeat center 2rem #f5f7fa;
    background-size: 4rem;
    border: 1px dashed #8991A8;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
}

.radio-button input[type="radio"] + label.house {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22142%22%20height%3D%22187%22%20viewBox%3D%220%200%20142%20187%22%3E%3Cpath%20d%3D%22M15%2C56.22%2C2.41%2C68.77A5.52%2C5.52%2C0%2C0%2C0%2C1%2C72.18v110.6a2%2C2%2C0%2C0%2C0%2C2%2C2L139%2C185a2%2C2%2C0%2C0%2C0%2C2-2V72.13a5.53%2C5.53%2C0%2C0%2C0-1.41-3.41L72.44%2C1.59a2%2C2%2C0%2C0%2C0-2.83%2C0L41.35%2C29.84V22.75a2%2C2%2C0%2C0%2C0-2-2H17a2%2C2%2C0%2C0%2C0-2%2C2V56A2%2C2%2C0%2C0%2C0%2C15%2C56.22Z%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-width%3D%223%22%2F%3E%3Cpolyline%20points%3D%2282%20186%2082%20112%20124%20112%20124%20186%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%22112%22%20width%3D%2253%22%20height%3D%2237.38%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.radio-button input[type="radio"] + label.apartment {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22170%22%20height%3D%22199%22%20viewBox%3D%220%200%20170%20199%22%3E%3Crect%20x%3D%2264%22%20y%3D%22123%22%20width%3D%2242.28%22%20height%3D%2274%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3Crect%20x%3D%2213.72%22%20y%3D%22123%22%20width%3D%2242.28%22%20height%3D%2237.38%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3Crect%20x%3D%22114.72%22%20y%3D%22123%22%20width%3D%2242.28%22%20height%3D%2237.38%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3Crect%20x%3D%2213.72%22%20y%3D%2273%22%20width%3D%2242.28%22%20height%3D%2237.38%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3Crect%20x%3D%22114.72%22%20y%3D%2273%22%20width%3D%2242.28%22%20height%3D%2237.38%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3Crect%20x%3D%2213.72%22%20y%3D%2223%22%20width%3D%2242.28%22%20height%3D%2237.38%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3Crect%20x%3D%22114.72%22%20y%3D%2223%22%20width%3D%2242.28%22%20height%3D%2237.38%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3Crect%20x%3D%2264.72%22%20y%3D%2223%22%20width%3D%2242.28%22%20height%3D%2237.38%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3Crect%20x%3D%2264.72%22%20y%3D%2273%22%20width%3D%2242.28%22%20height%3D%2237.38%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2211%22%20width%3D%22160%22%20height%3D%22186%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3Cpolygon%20points%3D%226.01%2011%202%207.7%202%202%20168%202%20167.87%207.7%20163.86%2010.79%206.01%2011%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.radio-button input[type="radio"] + label.store {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22142%22%20height%3D%22187%22%20viewBox%3D%220%200%20142%20187%22%3E%3Cpath%20d%3D%22M15%2056.2L2.4%2068.8A5.5%205.5%200%200%200%201%2072.2v110.6a2%202%200%200%200%202%202l136%20.2a2%202%200%200%200%202-2V72a5.5%205.5%200%200%200-1.4-3.3l-67.2-67a2%202%200%200%200-2.8%200l-28.2%2028v-7a2%202%200%200%200-2-2H17a2%202%200%200%200-2%202V56a2%202%200%200%200%200%20.2z%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M122.3%20104a1.4%201.4%200%200%201%201%20.7l8%2017.7H8.7l8-17.8a1.4%201.4%200%200%201%201-.6h104.5m0-2H17.7a3.4%203.4%200%200%200-2.8%201.8l-8.5%2018.8a1.2%201.2%200%200%200%201.2%201.8h124.6a1.2%201.2%200%200%200%201.2-2L125%20104a3.4%203.4%200%200%200-2.7-1.8z%22%20fill%3D%22%234a4a4a%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%20d%3D%22M82%20186v-46.3M124%20139.7V186M78%20135.7V163a2%202%200%200%201-2%202H17a2%202%200%200%201-2-2v-24.2%22%2F%3E%3Cpath%20d%3D%22M34%20124v8a6%206%200%201%201-12%200v-8h12m0-2H22a2%202%200%200%200-2%202v8a8%208%200%200%200%2016%200v-8a2%202%200%200%200-2-2z%22%20fill%3D%22%234a4a4a%22%2F%3E%3Cpath%20d%3D%22M20%20124v8a6%206%200%201%201-12%200v-8h12m0-2H8a2%202%200%200%200-2%202v8a8%208%200%200%200%2016%200v-8a2%202%200%200%200-2-2zM48%20124v8a6%206%200%201%201-12%200v-8h12m0-2H36a2%202%200%200%200-2%202v8a8%208%200%200%200%2016%200v-8a2%202%200%200%200-2-2z%22%20fill%3D%22%234a4a4a%22%2F%3E%3Cpath%20d%3D%22M62%20124v8a6%206%200%201%201-12%200v-8h12m0-2H50a2%202%200%200%200-2%202v8a8%208%200%200%200%2016%200v-8a2%202%200%200%200-2-2z%22%20fill%3D%22%234a4a4a%22%2F%3E%3Cpath%20d%3D%22M76%20124v8a6%206%200%201%201-12%200v-8h12m0-2H64a2%202%200%200%200-2%202v8a8%208%200%200%200%2016%200v-8a2%202%200%200%200-2-2z%22%20fill%3D%22%234a4a4a%22%2F%3E%3Cpath%20d%3D%22M90%20124v8a6%206%200%201%201-12%200v-8h12m0-2H78a2%202%200%200%200-2%202v8a8%208%200%200%200%2016%200v-8a2%202%200%200%200-2-2z%22%20fill%3D%22%234a4a4a%22%2F%3E%3Cpath%20d%3D%22M104%20124v8a6%206%200%201%201-12%200v-8h12m0-2H92a2%202%200%200%200-2%202v8a8%208%200%200%200%2016%200v-8a2%202%200%200%200-2-2z%22%20fill%3D%22%234a4a4a%22%2F%3E%3Cpath%20d%3D%22M118%20124v8a6%206%200%201%201-12%200v-8h12m0-2h-12a2%202%200%200%200-2%202v8a8%208%200%200%200%2016%200v-8a2%202%200%200%200-2-2z%22%20fill%3D%22%234a4a4a%22%2F%3E%3Cpath%20d%3D%22M132%20124v8a6%206%200%201%201-12%200v-8h12m0-2h-12a2%202%200%200%200-2%202v8a8%208%200%200%200%2016%200v-8a2%202%200%200%200-2-2z%22%20fill%3D%22%234a4a4a%22%2F%3E%3Cpath%20d%3D%22M21.5%20122.5L28%20103M35%20122.6l4-18.7M118.5%20122.6l-6.5-19.8M105%20122.6l-4-18.7M51%20103.5l-2%2020M64%20103.5l-1%2020M76%20103.5l1%2020M89%20103.5l2%2020%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E%0A");
}

.radio-button input[type="radio"]:checked + label,
.radio-button input[type="radio"]:checked:hover + label,
.radio-button input[type="radio"]:focus + label {
    background-color: #fff;
    border: 1px solid var(--link-font);
    color: var(--link-font);
}

.radio-button input[type="radio"]:hover + label {
    background-color: #f0f0f0;
}


.input-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 1rem auto;
    max-width: 44rem;
}

.input-slider .slider {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inline-block;
    width: 10rem;
    height: 0.4em;
    box-shadow: none;
    border: none;
    background: #000;
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.input-slider .noUi-connect {
    background: #000;
    box-shadow: none;
    border-radius: 10px;
}

.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.5rem 4rem 0.5rem 0.7rem;
    min-height: auto;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028.3%2028.3%22%3E%3Cstyle%3E.st0%7Bfill%3A%23b4b9c1%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A1%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Ctitle%3EArrow%20down%3C%2Ftitle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%200h28.3v28.3H0z%22%2F%3E%3Cg%3E%3Cg%3E%3Cpath%20id%3D%22Path-5-Copy-2%22%20class%3D%22st1%22%20d%3D%22M8.3%2011.2l6%206%205.7-6%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A") no-repeat right center #fff;
    background-size: auto 100%;
    line-height: 1.15;
    font-size: 1rem;
}

select.disabled {
    opacity: 0.5;
}

.input-slider select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    margin: 0 0 0 1rem;
    width: auto;
}

.input-slider span {
    margin-top: -20px;
    margin-left: 10px;
    margin-right: 10px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px;
}

.input-slider .noUi-handle {
    top: -0.55em;
    left: -0.55em;
    width: 1.5em;
    height: 1.5em;
    border-radius: 1.5em;
    box-shadow: none;
    border: none;
    background: var(--imovendo-yellow);
}


.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    /* Fix 401 */
}

.noUi-base:hover {
    box-shadow: 0 0 9px 1px #fff;
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0;
}

.noUi-handle {
    position: relative;
    z-index: 1;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
}

/*.noUi-horizontal .noUi-handle {*/
/*width: 34px;*/
/*height: 28px;*/
/*left: -17px;*/
/*top: -6px;*/
/*}*/
.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
}

/* Styling;
 */
.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connect {
    transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-handle {
    position: relative;
    z-index: 1;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    /*background: #E8E7E6;*/
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

/* Values;
 *
 */
.noUi-value {
    position: absolute;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

fieldset {
    border: none;
    padding: 0;
    margin: 0 0 2rem 0;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    font-size: 1.375rem;
    padding: 0;
    white-space: normal;
}

.input-number {
    margin-bottom: 2rem;
}

.input-number label {
    display: block;
    margin-bottom: 0.5rem;
}

input[type="number"] {
    display: inline-block;
    margin: 0 0.5rem 0 0;
    max-width: 9rem;
    min-height: auto;
    color: #8991A8;
    font-size: 1rem;
}

.input-number-unit {
    display: inline-block;
}

@media screen and (min-width: 960px) {
    .input-number {
        float: left;
        margin-right: 10%;
        width: 40%;
    }
}

.user-summary {
    margin: auto;
    margin-bottom: 4rem;
}

.avatar {
    width: 2.5rem;
    height: auto;
    border-radius: 50%;
    background-color: #8991A8;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.avatar img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2.5rem;
}

.user-summary .avatar {
    display: inline-flex;
    float: left;
    height: 4.5rem;
    width: 4.5rem;
    margin-right: 0.5rem;
}

.user-summary .user-summary-name {
    margin: 0.5rem 0 0 0;
    font-size: 1rem;
}

.user-summary .user-summary-email {
    margin: 0;
    color: #8991A8;
}

p {
    margin: 0 0 10px;
}

form#socialauth {
    max-width: 44em;
    margin: 0 auto;
}

.social-login .social-button {
    border: none;
    padding: 0.5rem 1rem 0.5rem 1rem;
    font-size: 0.95em;
}

.price-slider h1, .price-slider h2, .price-slider h3 {
    color: #FFF;
}

.howmuchsave {
    border-radius: 2px;
    overflow: hidden;
}

.howmuchsave .price, .howmuchsave .commission {
    padding: 10px 20px 10px 10px;
    border-radius: 10px;
    margin: 10px 0px 20px;
    min-height: 185px
}

.howmuchsave .commission {
    margin-bottom: 0;
}

.result .packages {
    display: flex;
    flex-direction: row !important;
    justify-content: space-around;
    padding-bottom: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

.howmuchsave .result {
    border-radius: 10px;
    overflow: hidden;
}

.howmuchsave .rightsideDiv {
    background: rgba(255, 255, 255, .3);
}

.howmuchsave .rightside {
    width: 30%;
}

.howmuchresult {
    background: #52ac94;
    min-height: 140px;
    padding: 10px !important;
    box-sizing: border-box;
    border-bottom: 2px solid #fff
}

#pk_output {
    font-size: 18px;
}

#pk_output a {
    color: #ffffff;
}

.rightsideDiv > div {
    padding: 15px 0;
}

.rightsideDiv .packages .icon {
    cursor: pointer;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.howmuchsave .leftside {
    width: 60%;
}

.how_much_save_main {
    background-color: #606678;
}

.storyline.price-slider {
    background-color: #606678;
    padding: 2rem 1rem 4rem;
    color: #fff
}

#vatinfo {
    margin-top: 5px
}

#result_pt,
#result_pk,
#sp_output, #pt_output {
    font-weight: 600;
    color: #FFF
}

.howmuchsave .input-slider {
    max-width: initial
}

.howmuchsave .input-slider .noUi-handle {
    top: -1.10em;
    left: -1.10em;
    width: 2.5em;
    height: 2.5em;
    color: #3869b0
}

.howmuchsave .input-slider .icon {
    font-size: 30px;
    color: #606678;
    cursor: pointer;
}

.howmuchsave hr {
    border-color: #606678;
}

#result_save, #fee, #currency {
    font-weight: 400;
    font-size: 30px;
    padding-top: 20px
}

#result_pt,
#result_pk {
    font-size: 30px;
    padding-top: 20px;
}

section.checkmyvalue {
    padding: 40px 10px;
}

.checkmyvalue.content_wrapper {
    background-color: #f5f7fa;
    padding-bottom: 100px;
}

.checkmyvalue .startbutton {
    margin: auto;
    width: calc(100% - 10rem);
    max-width: 26rem;
    padding: 1rem 2rem;
    font-size: 1.3125rem;
    border-radius: var(--btn-radius-medium);
    line-height: 1.3em;
}

.checkmyvalue .startbutton::after {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    margin-left: 1em;
    margin-bottom: -3px;
    overflow: visible;
    width: 1.05em;
    height: 1.05em;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23fff' stroke-width='.75'%3E%3Cpath d='M11 7l-3 3-3-3'%3E%3C/path%3E%3Ccircle cx='8' cy='8' r='7.5'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    transform: rotateZ(-90deg);

}

.checkmyvalue .subline {
    padding: 10px;
    color: #666
}

.checkmyvalue-form {
    max-width: 700px;
    margin: 0 auto;
}

.checkmyvalue-form .btn {
    height: 40px;
    margin-top: 20px;
}

@media (min-width: 560px) {

    .howmuchsave {
        display: flex;
        flex-direction: row !important;
        justify-content: space-around;
    }

    .checkmyvalue .subline {
        padding: 10px 50px;
    }

}

@media (min-width: 300px ) and (max-width: 740px ) {
    .checkmyvalue.header_image h1 {
        font-size: 2.5em;
    }

    .input-slider h2 span {
        margin-left: 2px;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 2px;
    }

    .input-slider span#vatinfo {
        margin-left: 2px !important;
        margin-right: 2px !important;
        margin-top: 0;
        margin-bottom: 0;
    }

    .howmuchsave {
        display: flex;
        flex-direction: column !important;
        justify-content: space-around;
        width: 100%;
        padding: 0%;
        align-items: center !important;
    }

    .storyline.price-slider {
        padding: 2rem 1rem 2rem;
    }

    .howmuchsave .leftside,
    .howmuchsave .rightside,
    .howmuchsave .result {
        width: 100% !important;
    }

    .howmuchsave .price,
    .howmuchsave .commission {
        margin: 10px 0px;
        height: 150px
    }

    .landing .howmuchsave .rightside span {
        font-size: 24px;
        line-height: 28px;
        font-weight: 300
    }

    .landing .howmuchsave .rightside hr {
        display: none
    }

    .landing .howmuchsave .rightside p {
        padding-top: 20px
    }

    .checkmyvalue .subline {
        padding: 10px 20px;
    }

    #checkmyvalue_submit_wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        padding: 20px;
        background: #eef0f3;
    }

    .cookie_disclaimer_active #checkmyvalue_submit_wrapper {
        padding-bottom: 80px;
    }


    .checkmyvalue .startbutton {
        width: 100%;
        line-height: 1.2em;
    }

    section, .section {
        padding: 4rem 1rem 5rem;
    }

    section#photos {
        padding: 4rem 0rem 5rem;
    }

    .landing .howMuchSaveOuterDiv {
        padding: 30px 30px 50px;
    }

    .inapp.landing .howMuchSaveOuterDiv {
        padding-top: 5px;
    }

    .landing .howmuchsave .leftside {
    }
    .landing .howmuchsave h2 {
        margin-bottom: 25px;
    }
    .landing .howmuchsave h3 {
        font-size:23px
    }

    .section .article-group {
        display: flex;
        justify-content: center;
        padding: 0px 0px 0px 50px;
    }
}


#pre_registration ul.pre_reg li {
    margin: 20px 0;
    line-height: 20px;
}


/*.section--onboarding p.signin {
    max-width: 44em;
    margin: 20px auto;
}*/

.login_with_socialauth {
    max-width: 37em;
    margin: 0 auto;
    align-items: center;
}

#pre_registration {
    max-width: 44em;
    margin: 0 auto;
}

.onboarding-icon {
    display: flex;
    justify-content: center;
}

.onboarding-icon img {
    width: 150px;
    height: 150px;
}

.progressbar {
    background-color: #f2f2f2;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 20px;
}

.progress-bar-value {
    background-color: var(--imovendo-yellow);
    color: white;
    padding: 1%;
    text-align: right;
    font-size: 20px;
    border-radius: 4px;
}

.progress-bar-property-type {
    width: 15%;
}

.progress-bar-property-location {
    width: 30%;
}

.progress-bar-property-area {
    width: 50%;
}

.progress-bar-property-rooms {
    width: 65%;
}

.progress-bar-property-sell {
    width: 90%;
}

.circle-button-options {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    align-content: center;
}

.circle-button-options div {
    margin: 10px;
}
