@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
    
*,
*:after,
*:before {
    box-sizing: inherit
}

html {
    box-sizing: border-box;
    font-size: 62.5%
}

body {
    color: #273653;
    font-family: "Open Sans", "San Francisco", "-apple-system", "HelveticaNeue", helvetica, roboto, droid serif, arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    margin: 0
}

html,
body {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased
}

blockquote {
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 1.5rem
}

blockquote *:last-child {
    margin-bottom: 0
}

.button,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn),
input[type='button'],
input[type='reset'],
input[type='submit'] {
    background-color: #46b6ff;
    background-position: 0 0;
    background-size: 100%;
    border-radius: .4rem;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
    height: 4.8rem;
    letter-spacing: 0.05rem;
    line-height: 4.8rem;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    transition: background .3s;
    white-space: nowrap;
    -webkit-font-smoothing: auto;
    -webkit-appearance: initial
}

.button:focus,
.button:hover,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn):focus,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn):hover,
input[type='button']:focus,
input[type='button']:hover,
input[type='reset']:focus,
input[type='reset']:hover,
input[type='submit']:focus,
input[type='submit']:hover {
    background-position: 100% 0;
    background-size: 200%;
    background-color: #00a5eb;
    box-shadow: 0.1rem 0.3rem 0.5rem rgba(0, 0, 0, 0.1);
    color: white;
    outline: 0
}

.button[disabled],
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn)[disabled],
input[type='button'][disabled],
input[type='reset'][disabled],
input[type='submit'][disabled] {
    cursor: default;
    opacity: 0.5
}

.button[disabled]:focus,
.button[disabled]:hover,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn)[disabled]:focus,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn)[disabled]:hover,
input[type='button'][disabled]:focus,
input[type='button'][disabled]:hover,
input[type='reset'][disabled]:focus,
input[type='reset'][disabled]:hover,
input[type='submit'][disabled]:focus,
input[type='submit'][disabled]:hover {
    background-color: #46b6ff;
    border-color: #46b6ff
}

.button.tertiary,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn).tertiary,
input[type='button'].tertiary,
input[type='reset'].tertiary,
input[type='submit'].tertiary {
    background: #FFA53B;
    background-color: #FFA53B;
    border: 0.1rem solid #FFA53B
}

.button.button-outline,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn).button-outline,
input[type='button'].button-outline,
input[type='reset'].button-outline,
input[type='submit'].button-outline {
    background: transparent;
    border: 0.1rem solid #46b6ff;
    color: #46b6ff
}

.button.button-outline:focus,
.button.button-outline:hover,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn).button-outline:focus,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn).button-outline:hover,
input[type='button'].button-outline:focus,
input[type='button'].button-outline:hover,
input[type='reset'].button-outline:focus,
input[type='reset'].button-outline:hover,
input[type='submit'].button-outline:focus,
input[type='submit'].button-outline:hover {
    background: transparent;
    border-color: #00a5eb;
    color: #00a5eb
}

.button.button-outline[disabled]:focus,
.button.button-outline[disabled]:hover,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn).button-outline[disabled]:focus,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn).button-outline[disabled]:hover,
input[type='button'].button-outline[disabled]:focus,
input[type='button'].button-outline[disabled]:hover,
input[type='reset'].button-outline[disabled]:focus,
input[type='reset'].button-outline[disabled]:hover,
input[type='submit'].button-outline[disabled]:focus,
input[type='submit'].button-outline[disabled]:hover {
    border-color: inherit;
    color: #46b6ff
}

.button.button-clear,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn).button-clear,
input[type='button'].button-clear,
input[type='reset'].button-clear,
input[type='submit'].button-clear {
    background: transparent;
    border-color: transparent;
    color: #46b6ff
}

.button.button-clear:focus,
.button.button-clear:hover,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn).button-clear:focus,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn).button-clear:hover,
input[type='button'].button-clear:focus,
input[type='button'].button-clear:hover,
input[type='reset'].button-clear:focus,
input[type='reset'].button-clear:hover,
input[type='submit'].button-clear:focus,
input[type='submit'].button-clear:hover {
    background-color: transparent;
    border-color: transparent;
    color: #18A0F8
}

.button.button-clear[disabled]:focus,
.button.button-clear[disabled]:hover,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn).button-clear[disabled]:focus,
button:not(.mapboxgl-ctrl-icon):not(.mapboxgl-ctrl-zoom-out):not(.mapboxgl-ctrl-zoom-in):not(.mapboxgl-popup-close-button):not(.pika-button):not(.pika-prev):not(.pika-next):not(.agent-intro-complete-btn).button-clear[disabled]:hover,
input[type='button'].button-clear[disabled]:focus,
input[type='button'].button-clear[disabled]:hover,
input[type='reset'].button-clear[disabled]:focus,
input[type='reset'].button-clear[disabled]:hover,
input[type='submit'].button-clear[disabled]:focus,
input[type='submit'].button-clear[disabled]:hover {
    color: #46b6ff
}

code {
    background: #f5f6f9;
    border-radius: 0.4rem;
    font-size: 86%;
    margin: 0 0.2rem;
    padding: 0.2rem 0.5rem;
    white-space: nowrap
}

pre {
    background: #f5f6f9;
    border-left: 0.3rem solid #46b6ff;
    overflow-y: hidden
}

pre>code {
    border-radius: 0;
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre
}

hr {
    border: 0;
    border-top: 0.1rem solid #ddd;
    margin: 3.0rem 0
}

input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
input[type='color'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='datetime'],
input[type='datetime-local'],
input:not([type]),
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 0rem;
    box-shadow: none;
    box-sizing: inherit;
    font-size: 1.6rem;
    height: 4rem;
    padding: 0.6rem 1rem;
    width: 100%
}

input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
input[type='color']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input:not([type]):focus,
textarea:focus {
    border-color: #46b6ff;
    outline: 0
}

input[type='email']::placeholder,
input[type='number']::placeholder,
input[type='password']::placeholder,
input[type='search']::placeholder,
input[type='tel']::placeholder,
input[type='text']::placeholder,
input[type='url']::placeholder,
input[type='color']::placeholder,
input[type='date']::placeholder,
input[type='month']::placeholder,
input[type='week']::placeholder,
input[type='datetime']::placeholder,
input[type='datetime-local']::placeholder,
input:not([type])::placeholder,
textarea::placeholder {
    color: #c5c8cd
}

input[type='email']::-ms-input-placeholder,
input[type='number']::-ms-input-placeholder,
input[type='password']::-ms-input-placeholder,
input[type='search']::-ms-input-placeholder,
input[type='tel']::-ms-input-placeholder,
input[type='text']::-ms-input-placeholder,
input[type='url']::-ms-input-placeholder,
input[type='color']::-ms-input-placeholder,
input[type='date']::-ms-input-placeholder,
input[type='month']::-ms-input-placeholder,
input[type='week']::-ms-input-placeholder,
input[type='datetime']::-ms-input-placeholder,
input[type='datetime-local']::-ms-input-placeholder,
input:not([type])::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #c5c8cd
}

input[type='email']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='color']:-ms-input-placeholder,
input[type='date']:-ms-input-placeholder,
input[type='month']:-ms-input-placeholder,
input[type='week']:-ms-input-placeholder,
input[type='datetime']:-ms-input-placeholder,
input[type='datetime-local']:-ms-input-placeholder,
input:not([type]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #c5c8cd
}

select {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 0rem;
    box-shadow: none;
    box-sizing: inherit;
    font-size: 1.6rem;
    height: 4rem;
    padding: 0.6rem 1rem;
    width: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;
    padding-right: 3rem;
    border-radius: 0rem
}

select:focus {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%239b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
}

textarea {
    min-height: 6.5rem
}

label,
legend {
    font-family: "Open Sans", "San Francisco", "-apple-system", "HelveticaNeue", helvetica, roboto, droid serif, arial, sans-serif;
    color: #8e929c;
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .05rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase
}

fieldset {
    border-width: 0;
    padding: 0
}

input[type='checkbox'],
input[type='radio'] {
    display: inline
}

.label-inline {
    display: inline-block;
    font-weight: normal;
    margin-left: 0.5rem
}

.grid-container-fluid,
.grid-container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem
}

.row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row--double-col {
    margin-right: -1rem;
    margin-left: -1rem
}

.row.reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

.col.reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

.col-xs.no-pad,
.col-xs-1.no-pad,
.col-xs-2.no-pad,
.col-xs-3.no-pad,
.col-xs-4.no-pad,
.col-xs-5.no-pad,
.col-xs-6.no-pad,
.col-xs-7.no-pad,
.col-xs-8.no-pad,
.col-xs-9.no-pad,
.col-xs-10.no-pad,
.col-xs-11.no-pad,
.col-xs-12.no-pad {
    padding: 0
}

.col-xs.no-pad-left,
.col-xs-1.no-pad-left,
.col-xs-2.no-pad-left,
.col-xs-3.no-pad-left,
.col-xs-4.no-pad-left,
.col-xs-5.no-pad-left,
.col-xs-6.no-pad-left,
.col-xs-7.no-pad-left,
.col-xs-8.no-pad-left,
.col-xs-9.no-pad-left,
.col-xs-10.no-pad-left,
.col-xs-11.no-pad-left,
.col-xs-12.no-pad-left {
    padding-left: 0
}

.col-xs.no-pad-right,
.col-xs-1.no-pad-right,
.col-xs-2.no-pad-right,
.col-xs-3.no-pad-right,
.col-xs-4.no-pad-right,
.col-xs-5.no-pad-right,
.col-xs-6.no-pad-right,
.col-xs-7.no-pad-right,
.col-xs-8.no-pad-right,
.col-xs-9.no-pad-right,
.col-xs-10.no-pad-right,
.col-xs-11.no-pad-right,
.col-xs-12.no-pad-right {
    padding-right: 0
}

.col-xs {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.col-xs-offset-1 {
    margin-left: 8.333%
}

.col-xs-offset-2 {
    margin-left: 16.667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.333%
}

.col-xs-offset-5 {
    margin-left: 41.667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.333%
}

.col-xs-offset-8 {
    margin-left: 66.667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.333%
}

.col-xs-offset-11 {
    margin-left: 91.667%
}

.start-xs {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start
}

.center-xs {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center
}

.end-xs {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end
}

.top-xs {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start
}

.middle-xs {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.bottom-xs {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.between-xs {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.first-xs {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1
}

.last-xs {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1
}

@media only screen and (min-width: 48em) {
    .grid-container {
        width: 46rem
    }

    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .col-sm {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-sm-offset-1 {
        margin-left: 8.333%
    }

    .col-sm-offset-2 {
        margin-left: 16.667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.333%
    }

    .col-sm-offset-5 {
        margin-left: 41.667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.333%
    }

    .col-sm-offset-8 {
        margin-left: 66.667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.333%
    }

    .col-sm-offset-11 {
        margin-left: 91.667%
    }

    .start-sm {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-sm {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-sm {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-sm {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .middle-sm {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .bottom-sm {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-sm {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .first-sm {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .last-sm {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
}

@media only screen and (min-width: 62em) {
    .grid-container {
        width: 61rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .col-md {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-md-offset-1 {
        margin-left: 8.333%
    }

    .col-md-offset-2 {
        margin-left: 16.667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.333%
    }

    .col-md-offset-5 {
        margin-left: 41.667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.333%
    }

    .col-md-offset-8 {
        margin-left: 66.667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.333%
    }

    .col-md-offset-11 {
        margin-left: 91.667%
    }

    .start-md {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-md {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-md {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-md {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .middle-md {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .bottom-md {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-md {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .first-md {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .last-md {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
}

@media only screen and (min-width: 75em) {
    .grid-container {
        width: 71rem
    }

    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .col-lg {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-lg-offset-1 {
        margin-left: 8.333%
    }

    .col-lg-offset-2 {
        margin-left: 16.667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.333%
    }

    .col-lg-offset-5 {
        margin-left: 41.667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.333%
    }

    .col-lg-offset-8 {
        margin-left: 66.667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.333%
    }

    .col-lg-offset-11 {
        margin-left: 91.667%
    }

    .start-lg {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-lg {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-lg {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-lg {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .middle-lg {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .bottom-lg {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-lg {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .first-lg {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .last-lg {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
}

.no-pad {
    padding: 0
}

a {
    color: #46b6ff;
    cursor: pointer;
    text-decoration: none
}

a svg {
    fill: #46b6ff
}

a:focus,
a:hover {
    color: #18A0F8
}

a:focus svg,
a:hover svg {
    fill: #18A0F8
}

dl,
ol,
ul {
    list-style: none;
    margin-top: 0;
    padding-left: 0
}

dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
    margin: 0 0 1.5rem 0
}

ol {
    list-style: decimal inside
}

ul {
    list-style: none
}

.button,
button,
dd,
dt,
li {
    margin-bottom: 1rem
}

fieldset,
input,
select,
textarea {
    margin-bottom: 1.5rem
}

blockquote,
dl,
figure,
form,
ol,
pre,
table,
ul {
    margin-bottom: 2rem
}

p {
    margin-bottom: 1rem
}

table {
    border-spacing: 0;
    width: 100%
}

td,
th {
    border-bottom: 0.1rem solid #ddd;
    padding: 1.2rem 1.5rem;
    text-align: left
}

td:first-child,
th:first-child {
    padding-left: 0
}

td:last-child,
th:last-child {
    padding-right: 0
}

td.center,
th.center {
    text-align: center
}

@media screen and (max-width: 40rem) {
    table.pivot {
        border-spacing: 0;
        display: flex;
        width: 100%
    }

    table.pivot thead {
        border-right: solid 0.1rem #ddd
    }

    table.pivot thead td,
    table.pivot thead th {
        padding-left: 0
    }

    table.pivot thead td:first-child,
    table.pivot thead th:first-child {
        padding-left: 0
    }

    table.pivot thead td:last-child,
    table.pivot thead th:last-child {
        padding-right: 1.2rem
    }

    table.pivot tbody {
        display: flex;
        overflow-x: auto;
        white-space: nowrap
    }

    table.pivot tbody tr {
        border-right: solid 0.1rem #ddd
    }

    table.pivot tbody tr:last-child {
        border-right: none
    }

    table.pivot td,
    table.pivot th {
        display: block
    }

    table.pivot td:first-child,
    table.pivot th:first-child {
        padding-left: 1.2rem
    }

    table.pivot td:last-child,
    table.pivot th:last-child {
        padding-right: 1.2rem
    }
}

b,
strong {
    font-weight: bold
}

p {
    margin-top: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    letter-spacing: 0rem;
    margin-bottom: 1rem;
    margin-top: 0
}

h1 {
    font-size: 3.6rem;
    line-height: 1.2
}

h2 {
    font-size: 3rem;
    line-height: 1.25
}

h3 {
    font-size: 2rem;
    line-height: 1.3
}

h4 {
    font-size: 1.8rem;
    letter-spacing: -0.05rem;
    line-height: 1.35
}

h5 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.05rem;
    line-height: 1.5
}

h6 {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.4
}

sup {
    font-size: .8rem;
    vertical-align: text-top
}

img {
    max-width: 100%
}

.clearfix:after {
    clear: both;
    content: " ";
    display: table
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.centered {
    text-align: center
}

.formatted-whitespace {
    white-space: pre-line
}



            @keyframes fadein {
                from {
                    opacity: 0
                }
        
                to {
                    opacity: 1
                }
            }
        
            @keyframes slide-in-from-right {
                0% {
                    transform: translateX(100%);
                    opacity: 0
                }
        
                50% {
                    transform: translateX(0%);
                    opacity: 0.2
                }
        
                100% {
                    transform: translateX(0%);
                    opacity: 1
                }
            }
        
            @keyframes slide-out-to-right {
                0% {
                    transform: translateX(0%);
                    opacity: 1
                }
        
                70% {
                    transform: translateX(0%);
                    opacity: 0.5
                }
        
                100% {
                    transform: translateX(100%);
                    opacity: 0
                }
            }
        
            @keyframes slide-popover-carat {
                0% {
                    transform: translateX(-120%)
                }
        
                100% {
                    transform: translateX(0%)
                }
            }
        
            @keyframes slide-out-popover-carat {
                100% {
                    transform: translateX(-500%)
                }
        
                0% {
                    transform: translateX(0%)
                }
            }
        
            @keyframes slide-down {
                0% {
                    opacity: 0;
                    visibility: hidden;
                    transform: translateY(-10px)
                }
        
                100% {
                    opacity: 1;
                    visibility: visible;
                    transform: translateY(0px)
                }
            }
        
            @keyframes fade-slide-up {
                0% {
                    transform: translateY(20px) scale(0.95);
                    opacity: 0
                }
        
                100% {
                    transform: translateY(0) scale(1);
                    opacity: 1
                }
            }
        
            @keyframes fade-slide-down {
                0% {
                    transform: translateY(0);
                    opacity: 1
                }
        
                70% {
                    transform: translateY(0);
                    opacity: .2
                }
        
                100% {
                    transform: translateY(100%);
                    opacity: 0
                }
            }
        
            .page-header-component {
                position: absolute;
                display: flex;
                justify-content: space-between;
                left: 0;
                right: 0;
                top: 0;
                max-width: 114rem;
                height: 7.1rem;
                margin: 0 auto;
                transition: all .3s;
                z-index: 10
            }
        
            @media (min-width: 767px) {
                .page-header-component {
                    width: calc(100% - 80px);
                    padding: 2rem 3.6rem
                }
            }
        
            .page-header-component.fill-space {
                position: relative
            }
        
            .page-header-component.mobile-menu-open {
                height: 100%;
                z-index: 100 !important;
            }
        
            .page-header-component .menu {
                position: absolute;
                width: 100%;
                height: 100vh;
                left: 0;
                padding-left: 0.3rem;
                pointer-events: none
            }
        
            @media (min-width: 767px) {
                .page-header-component .menu {
                    position: relative;
                    width: auto;
                    height: auto
                }
            }
        
            .page-header-component .menu .header-menu-component {
                pointer-events: initial;
                height: 0
            }
        
            .page-header-component .menu-logo {
                flex: 1;
                padding-top: 2rem
            }
        
            @media (min-width: 767px) {
                .page-header-component .menu-logo {
                    padding-top: 0
                }
            }
        
            .page-header-component .logo {
                object-fit: contain;
                width: 14rem;
                margin: 0 auto;
                cursor: pointer
            }
        
            @media (min-width: 767px) {
                .page-header-component .logo {
                    width: initial;
                    margin: 0
                }
            }
        
            .page-header-component a.header-logo-component {
                height: 3rem;
                display: block;
                padding-top: 0.3rem
            }
        
            @media (min-width: 767px) {
                .page-header-component.dark-nav a.header-logo-component {
                    padding-top: 0
                }
            }
        
            @media (min-width: 767px) {
                .page-header-component {
                    padding: 2rem 0
                }
            }
        
            @keyframes fade-in-right {
                0% {
                    transform: translateX(0);
                    opacity: 0
                }
        
                100% {
                    transform: translateX(100%);
                    opacity: 1
                }
            }
        
            @keyframes fade-out-left {
                0% {
                    transform: translateX(100%);
                    opacity: 1
                }
        
                100% {
                    transform: translateX(0);
                    opacity: 0
                }
            }
        
            body.fixed {
                position: fixed
            }
        
            .header-menu-component .link-blue,
            .header-menu-component .nav-menu .sub-menu .anchor-link.auth-link {
                color: #46b6ff;
                text-transform: none
            }
        
            .header-menu-component .or {
                margin: 0 0.6rem
            }
        
            @media (min-width: 767px) {
                .header-menu-component .link-blue:first-of-type {
                    color: inherit
                }
        
                .header-menu-component .link-blue:last-of-type,
                .header-menu-component .or {
                    display: none
                }
            }
        
            .header-menu-component.light-nav .top-link>.anchor-link {
                color: white;
                text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5)
            }
        
            .header-menu-component.light-nav .top-link,
            .header-menu-component.light-nav .chevron-icon-component,
            .header-menu-component.light-nav .arrow-right-icon {
                color: white
            }
        
            .header-menu-component.light-nav .hamburger-icon-line {
                background: white
            }
        
            .header-menu-component .top-link:hover .chevron-icon-component,
            .header-menu-component .top-link:hover .arrow-right-icon {
                opacity: 0.7
            }
        
            .header-menu-component .hamburger-icon-wrap {
                display: inline-block;
                vertical-align: middle;
                width: 3rem;
                margin: 2rem 0px 2rem 2rem;
                padding: 0px 4.6rem 0px 1.6rem;
                transform: scale(0.9);
                cursor: pointer
            }
        
            @media (min-width: 767px) {
                .header-menu-component .hamburger-icon-wrap {
                    display: none
                }
            }
        
            .header-menu-component .hamburger-icon-line {
                background-color: #273653;
                display: block;
                width: 3rem;
                height: 0.3rem;
                margin: 0.7rem auto;
                transition-duration: .2s, .2s;
                transition-property: width, transform, -webkit-transform;
                transition-timing-function: ease-out, ease-out
            }
        
            .header-menu-component .anchor-link {
                color: currentColor;
                display: block;
                font-size: 2rem;
                padding: 1.2rem 3rem;
                text-transform: lowercase;
                white-space: nowrap
            }
        
            .header-menu-component .anchor-link:hover {
                color: currentColor
            }
        
            .header-menu-component .anchor-link::first-letter {
                text-transform: capitalize
            }
        
            .header-menu-component .nav-menu {
                list-style-type: none;
                padding: 0;
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                vertical-align: middle;
                background-color: white
            }
        
            @media (min-width: 767px) {
                .header-menu-component .nav-menu {
                    left: 0;
                    height: auto;
                    background-color: transparent
                }
            }
        
            .header-menu-component .nav-menu .client-menu .sub-menu {
                left: 0
            }
        
            .header-menu-component .nav-menu .sub-menu {
                margin: 0;
                left: -50%
            }
        
            .header-menu-component .nav-menu .sub-menu .anchor-link {
                color: #273653;
                text-transform: none
            }
        
            .header-menu-component .nav-menu .sub-menu .anchor-link:hover {
                color: #18A0F8
            }
        
            .header-menu-component .nav-menu .sub-menu .profile {
                display: flex;
                margin: 0.6rem 3rem
            }
        
            .header-menu-component .nav-menu .sub-menu .profile .profile-photo {
                flex: 0 0 5rem;
                background: #EEF1F7;
                border-radius: 5rem;
                width: 5rem;
                height: 5rem;
                margin-right: 1rem;
                overflow: hidden;
                vertical-align: middle
            }
        
            .header-menu-component .nav-menu .sub-menu .profile .profile-name {
                font-weight: 600
            }
        
            .header-menu-component .nav-menu .sub-menu .profile .profile-link {
                font-size: 1.4rem
            }
        
            .header-menu-component .nav-menu .top-link {
                margin-bottom: 0;
                vertical-align: middle;
                position: relative;
                color: #273653;
                overflow: hidden
            }
        
            .header-menu-component .nav-menu .top-link:hover {
                overflow: visible
            }
        
            .header-menu-component .nav-menu .top-link:hover .anchor-link {
                opacity: 0.7;
                text-shadow: none
            }
        
            .header-menu-component .nav-menu .top-link:hover .sub-menu {
                display: block;
                opacity: 1;
                transform: translateY(0)
            }
        
            .header-menu-component .nav-menu .top-link:hover .sub-menu .anchor-link {
                opacity: 1
            }
        
            .header-menu-component .nav-menu .text-menu-header {
                display: none
            }
        
            @media (min-width: 767px) {
                .header-menu-component .nav-menu.client-signed-in {
                    top: -1rem
                }
            }
        
            .header-menu-component .nav-menu .about-links .auth-link {
                display: inline-block
            }
        
            @media (min-width: 767px) {
                .header-menu-component .nav-menu .about-links .auth-link {
                    display: none
                }
            }
        
            .header-menu-component .sign-out-link {
                cursor: pointer
            }
        
            .client-menu .client-name {
                display: none
            }
        
            .client-menu .profile-wrapper {
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                text-transform: none
            }
        
            @media (min-width: 767px) {
                .client-menu .client-name {
                    display: block
                }
            }
        
            .client-menu .icon-wrapper {
                width: 4rem;
                height: 4rem;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #46b6ff
            }
        
            .client-menu .icon-wrapper svg {
                width: 1.4rem;
                height: 1.6rem;
                fill: white
            }
        
            .client-menu .client-name {
                margin-left: 1rem;
                color: #273653;
                font-size: 1.6rem
            }
        
            .client-menu.client-menu-mobile {
                position: absolute;
                top: 0;
                right: 0
            }
        
            @media (min-width: 767px) {
                .client-menu.client-menu-mobile {
                    display: none
                }
            }
        
            .client-menu .auth-link {
                display: none
            }
        
            @media (min-width: 767px) {
                .client-menu .auth-link {
                    display: inline-block
                }
            }
        
            .light-nav .client-name {
                color: white
            }
        
            .mobile-menu-open.page-header-component .nav-menu .sub-menu .profile {
                margin-left: 0
            }
        
            .mobile-menu-open.page-header-component .nav-menu .anchor-link {
                text-shadow: none
            }
        
            .mobile-menu-open.page-header-component .hamburger-icon-wrap {
                transform: rotate(45deg)
            }
        
            .mobile-menu-open.page-header-component .hamburger-icon-line {
                background-color: #273653
            }
        
            .mobile-menu-open.page-header-component .hamburger-icon-line:nth-child(1) {
                transform: translateY(10px)
            }
        
            .mobile-menu-open.page-header-component .hamburger-icon-line:nth-child(2) {
                width: 0
            }
        
            .mobile-menu-open.page-header-component .hamburger-icon-line:nth-child(3) {
                transform: translateY(-10px) rotate(90deg)
            }
        
            @media (max-width: 767px) {
                .mobile-menu-open.page-header-component .light-nav .top-link>.anchor-link {
                    color: #273653;
                    border-color: #273653
                }
        
                .mobile-menu-open.page-header-component .top-link>.anchor-link {
                    text-shadow: none
                }
            }
        
            @media (max-width: 767px) {
                .page-header-component a.header-logo-component {
                    display: flex
                }
        
                .page-header-component {
                    min-height: 7rem;
                    height: auto
                }
        
                .header-menu-component {
                    margin-bottom: 2rem
                }
        
                .header-menu-component .nav-menu {
                    height: 100%;
                    padding: 8rem 3.9rem;
                    display: flex;
                    flex-direction: column
                }
        
                .header-menu-component .nav-menu .sign-in-link,
                .header-menu-component .nav-menu .client-menu {
                    order: 1
                }
        
                .header-menu-component .nav-menu .about-links {
                    order: 2
                }
        
                .header-menu-component .anchor-link {
                    padding-left: 0
                }
        
                .client-menu .menu-header {
                    padding-right: 0
                }
        
                .client-menu .profile-wrapper {
                    padding-top: 0.6rem;
                    padding-bottom: 2rem;
                    border-bottom: solid 1px #dbdfe6
                }
        
                .client-menu .client-name {
                    display: block;
                    color: #273653;
                    font-size: 1.6rem;
                    font-weight: bold;
                    text-shadow: none
                }
        
                .client-menu.client-menu-mobile .menu-header {
                    padding-right: 3rem
                }
        
                .client-menu.client-menu-mobile .profile-wrapper {
                    border-bottom: none
                }
        
                .client-menu.client-menu-mobile .profile-wrapper .client-name {
                    display: none
                }
            }
        
            @media (min-width: 767px) {
                .header-menu-component .nav-menu {
                    display: inline-block !important;
                    position: relative;
                    width: auto;
                    margin: 0
                }
        
                .header-menu-component .nav-menu .sub-menu {
                    opacity: 0;
                    position: absolute;
                    background: white;
                    transition: all .3s;
                    transform: translateY(10px);
                    padding: 1rem 0;
                    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
                    border-radius: 0.4rem
                }
        
                .header-menu-component .nav-menu .top-link {
                    display: inline-block
                }
        
                .header-menu-component .nav-menu .anchor-link {
                    font-size: 1.6rem;
                    padding: 0.6rem 3rem
                }
        
                .header-menu-component .nav-menu .anchor-link:hover {
                    background: none
                }
        
                .header-menu-component .nav-menu .text-menu-header {
                    display: block
                }
            }
        
            @media (max-width: 767px) {
                .mobile-menu-open .nav-menu {
                    -webkit-animation: slide-in 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 normal forwards;
                    -moz-animation: slide-in 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 normal forwards;
                    animation: slide-in 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 normal forwards
                }
        
                .mobile-menu-closed .nav-menu {
                    -webkit-animation: slide-out 0.15s linear 0s 1 normal forwards;
                    -moz-animation: slide-out 0.15s linear 0s 1 normal forwards;
                    animation: slide-out 0.15s linear 0s 1 normal forwards
                }
            }
        
            @keyframes slide-in {
                0% {
                    left: -100%
                }
        
                100% {
                    left: 0
                }
            }
        
            @keyframes slide-out {
                0% {
                    left: 0
                }
        
                100% {
                    left: -100%
                }
            }
        
            .page-footer-component {
                background: white;
                color: #8e929c;
                font-size: 1.4rem;
                min-height: 10rem;
                padding: 7rem 2rem 4.5rem;
                width: 100%
            }
        
            @media (max-width: 767px) {
                .page-footer-component {
                    padding: 7rem 0 4.5rem
                }
            }
        
            .page-footer-component h4 {
                color: #273653;
                font-size: 1.6rem;
                line-height: 1.44;
                margin-bottom: 2rem;
                max-width: 23rem
            }
        
            @media (max-width: 767px) {
                .page-footer-component h4 {
                    font-size: 1.9rem;
                    margin-bottom: 2.7rem;
                    max-width: initial
                }
            }
        
            .page-footer-component li {
                list-style-type: none;
                margin-bottom: 1.2rem
            }
        
            .page-footer-component a {
                color: #273653;
                font-size: 1.9rem;
                line-height: 1.44;
                margin-bottom: 1.2rem
            }
        
            @media (min-width: 767px) {
                .page-footer-component a {
                    font-size: 1.4rem
                }
            }
        
            .page-footer-component a:hover {
                text-decoration: underline
            }
        
            .page-footer-component hr {
                border-color: rgba(0, 0, 0, 0.1)
            }
        
            @media (max-width: 767px) {
                .page-footer-component hr {
                    margin: 0 0 4rem
                }
            }
        
            @media (max-width: 767px) {
                .page-footer-component .top-cities-footer h4 {
                    max-width: 25rem
                }
            }
        
            .page-footer-component .dynamic-cities-footer ul,
            .page-footer-component .top-cities-footer ul,
            .page-footer-component .company-footer ul,
            .page-footer-component .sellers-footer ul,
            .page-footer-component .buyers-footer ul,
            .page-footer-component .agents-footer ul {
                margin-left: -10px;
                margin-right: -10px
            }
        
            @media (max-width: 767px) {
        
                .page-footer-component .dynamic-cities-footer ul,
                .page-footer-component .top-cities-footer ul,
                .page-footer-component .company-footer ul,
                .page-footer-component .sellers-footer ul,
                .page-footer-component .buyers-footer ul,
                .page-footer-component .agents-footer ul {
                    margin-bottom: 4.4rem
                }
            }
        
            .page-footer-component .dynamic-cities-footer li,
            .page-footer-component .top-cities-footer li,
            .page-footer-component .company-footer li,
            .page-footer-component .sellers-footer li,
            .page-footer-component .buyers-footer li,
            .page-footer-component .agents-footer li {
                display: inline-block;
                margin: 0 0 1.2rem !important;
                padding-left: 10px;
                padding-right: 10px;
                vertical-align: top;
                width: 100%
            }
        
            @media (min-width: 767px) {
        
                .page-footer-component .dynamic-cities-footer li,
                .page-footer-component .top-cities-footer li,
                .page-footer-component .company-footer li,
                .page-footer-component .sellers-footer li,
                .page-footer-component .buyers-footer li,
                .page-footer-component .agents-footer li {
                    width: 100%
                }
            }
        
            .page-footer-component .row-list ul {
                display: flex;
                flex-wrap: wrap;
                margin-bottom: 3.8rem
            }
        
            .page-footer-component .row-list ul li {
                flex-basis: 50%;
                width: 50%
            }
        
            @media (min-width: 767px) {
                .page-footer-component .row-list ul li {
                    flex-basis: 25%;
                    width: 25%
                }
            }
        
            .page-footer-component .grid-container {
                padding: 0;
                max-width: 114rem;
                width: 100%;
                margin: auto
            }
        
            .page-footer-component .row {
                margin: 0 -1rem
            }
        
            @media (max-width: 767px) {
                .page-footer-component .bbb {
                    text-align: center
                }
            }
        
            .page-footer-component .equal-housing-icon-component {
                width: 3.2rem;
                display: inline-block;
                fill: #273653;
                vertical-align: middle;
                margin-right: 2.8rem
            }
        
            @media (max-width: 767px) {
                .page-footer-component .equal-housing-icon-component {
                    margin-right: 3.3rem;
                    width: 4.3rem
                }
            }
        
            .page-footer-component .bbb-icon-component {
                width: 8rem;
                fill: #273653;
                display: inline-block;
                vertical-align: middle;
                margin-right: 2.8rem
            }
        
            @media (max-width: 767px) {
                .page-footer-component .bbb-icon-component {
                    margin-right: 0;
                    width: 10.7rem
                }
            }
        
            .page-footer-component .bbb-desc {
                display: inline-block;
                vertical-align: middle;
                font-size: 1.4rem;
                margin-right: 2rem;
                max-width: 40rem
            }
        
            @media (max-width: 767px) {
                .page-footer-component .bbb-desc {
                    display: block;
                    font-size: 1.9rem;
                    margin: 3.2rem auto 6.3rem
                }
            }
        
            .page-footer-component #social-media {
                margin-bottom: 0
            }
        
            @media (min-width: 767px) {
                .page-footer-component #social-media {
                    float: right;
                    text-align: right
                }
            }
        
            .page-footer-component #social-media li {
                display: inline-block;
                margin-bottom: 0;
                margin-left: 0.8rem
            }
        
            .page-footer-component #social-media li a {
                align-items: center;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                width: 3.2rem;
                height: 3.2rem;
                transition: background-color .2s ease
            }
        
            .page-footer-component #social-media li a:hover {
                background-color: rgba(0, 0, 0, 0.1)
            }
        
            @media (max-width: 767px) {
                .page-footer-component #social-media li a {
                    width: 4.8rem;
                    height: 4.8rem
                }
            }
        
            .page-footer-component #social-media li svg {
                color: #273653;
                fill: #273653;
                width: 2.4rem
            }
        
            @media (max-width: 767px) {
                .page-footer-component #social-media li svg {
                    width: 3.2rem
                }
            }
        
            .page-footer-component #social-media li svg#youtube {
                width: 2rem
            }
        
            @media (max-width: 767px) {
                .page-footer-component #social-media li svg#youtube {
                    width: 2.5rem
                }
            }
        
            .page-footer-component #social-media li svg#rss {
                width: 2rem
            }
        
            @media (max-width: 767px) {
                .page-footer-component #social-media li svg#rss {
                    width: 2.5rem
                }
            }
        
            .page-footer-component .last-details {
                font-size: 1.4rem;
                margin: 6.4rem 0 0;
                text-align: center
            }
        
            @media (max-width: 767px) {
                .page-footer-component .last-details {
                    font-size: 1.9rem;
                    margin: 4.9rem 0 0
                }
            }
        
            .page-footer-component .last-details li {
                margin-bottom: 0;
                display: inline-block
            }
        
            @media (max-width: 767px) {
                .page-footer-component .last-details li {
                    margin-bottom: 1.6rem
                }
            }
        
            .page-footer-component .last-details .tos {
                display: inline-block;
                margin: 0 0 0 1.7rem
            }
        
            @media (max-width: 767px) {
                .page-footer-component .last-details .tos {
                    margin: 0
                }
            }
        
            .page-footer-component .last-details .tos ul {
                margin-bottom: 0
            }
        
            .page-footer-component .last-details .tos li {
                border-right: 0.1rem solid #8e929c;
                display: inline-block;
                margin: 0;
                padding: 0 1rem
            }
        
            .page-footer-component .last-details .tos li:last-child {
                border-right: none
            }
        
            .page-footer-component .last-details .tos li a {
                color: #8e929c
            }
        
            .page-footer-component .last-details .tos li a:hover {
                text-decoration: underline
            }
        
            .page-footer-component .accessibility-note {
                font-size: 1.2rem;
                margin: 2.4rem 8rem 0px 8rem;
                padding: 0 10rem 0 10rem;
                text-align: center
            }
        
            .page-footer-component .accessibility-note a {
                font-size: 1.2rem
            }
        
            @media (max-width: 767px) {
                .page-footer-component .accessibility-note {
                    font-size: 1rem;
                    margin: 1.2rem 0px 0px 0px;
                    padding: 0 1rem 0 1rem
                }
            }
        
            .page-footer-component .accessibility-note li {
                font-size: 1.2rem;
                margin-bottom: 0;
                display: inline-block
            }
        
            @media (max-width: 767px) {
                .page-footer-component .accessibility-note li {
                    margin-bottom: 0.8rem
                }
            }
        
            .page-footer-component .dbo-license {
                text-align: center
            }
        
            .page-footer-component .accordion .accordion-top {
                padding: 3.2rem 3.5rem 3.5rem 0
            }
        
            .page-footer-component .accordion .accordion-top .chevron-icon-component {
                fill: #c5c8cd;
                width: 1.6rem
            }
        
            @media (min-width: 767px) {
                .page-footer-component .accordion {
                    border: 0
                }
        
                .page-footer-component .accordion .chevron-icon-component {
                    display: none
                }
        
                .page-footer-component .accordion .accordion-details,
                .page-footer-component .accordion .accordion-top {
                    cursor: initial;
                    padding: 0
                }
            }
        
            .select-box-component {
                position: relative
            }
        
            .select-box-component ul {
                position: absolute;
                z-index: 2;
                background: white;
                padding: 0;
                box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
                width: 100%;
                margin-top: -1.4rem
            }
        
            .select-box-component li {
                border-bottom: 0.1rem solid #f3f3f3;
                margin: 0;
                padding: 0.7rem 1.5rem;
                cursor: pointer;
                font-size: 1.3rem
            }
        
            .select-box-component li:last-of-type {
                border-bottom: none
            }
        
            .select-box-component li:hover,
            .select-box-component li.active {
                background: #f3f3f3
            }
        
            .select-box-component .-input-controls {
                position: absolute;
                top: 0;
                right: 0.2rem;
                height: 4rem
            }
        
            .select-box-component .-clear-selection-zone {
                cursor: pointer;
                display: table-cell;
                position: relative;
                text-align: center;
                vertical-align: middle;
                width: 2.5rem;
                height: 4rem;
                padding-right: 0.5rem;
                color: #8e929c
            }
        
            .select-box-component .-clear-selection-zone:hover {
                color: #273653
            }
        
            .select-box-component .-activate-dropdown-zone {
                cursor: pointer;
                display: table-cell;
                position: relative;
                text-align: center;
                vertical-align: middle;
                width: 2.5rem;
                height: 4rem;
                padding-right: 0.5rem
            }
        
            .select-box-component .-activate-dropdown-control {
                border-color: #8e929c transparent transparent;
                border-style: solid;
                border-width: 0.5rem 0.5rem 0.25rem;
                display: inline-block;
                height: 0;
                width: 0;
                position: relative
            }
        
            .loading-spinner-component {
                text-align: center
            }
        
            @keyframes spin {
                0% {
                    transform: rotate(0deg)
                }
        
                100% {
                    transform: rotate(360deg)
                }
            }
        
            .loading-spinner-component .loader-icon {
                display: block;
                margin: auto;
                animation: spin 1s infinite linear;
                fill: #8e929c
            }
        
            .loading-spinner-component .loading-msg {
                color: #8e929c;
                font-size: 1rem;
                letter-spacing: 0.05rem;
                text-transform: uppercase
            }
        
            @keyframes svg-animation {
                0% {
                    transform: rotateZ(0deg)
                }
        
                100% {
                    transform: rotateZ(360deg)
                }
            }
        
            .loading-spinner-component .chasing-icon {
                animation: 2s linear infinite svg-animation;
                display: block;
                margin: auto;
                width: 4rem
            }
        
            .loading-spinner-component circle {
                animation: 1.7s ease-in-out infinite both circle-animation;
                display: block;
                fill: transparent;
                stroke: #46b6ff;
                stroke-linecap: round;
                stroke-dasharray: 283;
                stroke-dashoffset: 265;
                stroke-width: 0.8rem;
                transform-origin: 50% 50%
            }
        
            @keyframes circle-animation {
        
                0%,
                25% {
                    stroke-dashoffset: 265;
                    transform: rotate(0)
                }
        
                50%,
                75% {
                    stroke-dashoffset: 75;
                    transform: rotate(45deg)
                }
        
                100% {
                    stroke-dashoffset: 265;
                    transform: rotate(360deg)
                }
            }
        
            .cta-real-address-component {
                position: relative
            }
        
            .cta-real-address-component .error-messages {
                max-height: 0;
                overflow: hidden;
                color: #C13131;
                text-align: center;
                transition: all .3s
            }
        
            @media (max-width: 500px) {
                .cta-real-address-component .error-messages {
                    width: 100%
                }
            }
        
            .cta-real-address-component .error-messages span {
                display: block
            }
        
            .cta-real-address-component .button svg {
                fill: #fff;
                display: inline-block;
                vertical-align: middle;
                margin-right: 0.8rem;
                margin-bottom: 0.5rem
            }
        
            .cta-real-address-component .button .loading-msg {
                display: inline-block;
                vertical-align: middle;
                line-height: 1;
                font-size: 1.4rem;
                margin-left: 0.5rem;
                margin-bottom: 0.3rem;
                color: #fff
            }
        
            .cta-real-address-component.error .error-messages {
                background: rgba(255, 255, 255, 0.9);
                border-top: none;
                border: 1px solid #ddd;
                font-size: 1.4rem;
                margin-bottom: 10px;
                max-height: 100px;
                padding: .8em 1em;
                text-align: left
            }
        
            .mapbox-place-autocomplete,
            .generic-autocomplete {
                text-align: left;
                position: relative
            }
        
            .mapbox-place-autocomplete ul,
            .generic-autocomplete ul {
                background: white;
                border: 0.1rem solid #ddd;
                box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
                padding: 0;
                position: absolute;
                width: 100%;
                z-index: 2
            }
        
            .mapbox-place-autocomplete li,
            .generic-autocomplete li {
                border-bottom: 0.1rem solid #f3f3f3;
                color: #666;
                cursor: pointer;
                font-size: 1.4rem;
                margin: 0;
                padding: 0.7rem 1rem;
                list-style: none
            }
        
            .mapbox-place-autocomplete li:last-of-type,
            .generic-autocomplete li:last-of-type {
                border-bottom: none
            }
        
            .mapbox-place-autocomplete li:hover,
            .mapbox-place-autocomplete li.active,
            .generic-autocomplete li:hover,
            .generic-autocomplete li.active {
                background: #f3f3f3
            }
        
            .shared-mortgage-form .mapbox-place-autocomplete ul {
                margin-top: 0px
            }
        
            .cta-wrap {
                max-width: 70rem;
                margin: 3rem 0 2rem;
                position: relative;
                z-index: 1;
                text-align: left
            }
        
            .cta-wrap>.error {
                display: none;
                position: absolute;
                background-color: white;
                color: #C13131;
                padding: 1.5rem;
                font-size: 1.4rem;
                width: 100%;
                z-index: -1;
                font-style: italic
            }
        
            .cta-wrap>.error.active {
                display: block
            }
        
            .cta-wrap input, .cta-wrap select {
                background: white;
                height: 5rem;
                margin: 0;
                box-shadow: 0 13px 26px rgba(0, 0, 0, 0.12);
                padding-left: 2rem;
                padding-right: 17rem;
                font-size: 1.8rem;
                border: none;
                border-radius: 0.8rem;
                text-overflow: ellipsis
            }
        
            @media (max-width: 430px) {
                .cta-wrap input {
                    padding-right: 14rem
                }
            }
        
            .cta-wrap .button {
                /* position: absolute;
                right: 0.8rem;
                top: 0.8rem;
                margin: 0; */
                height: 4.8rem;
                line-height: 4.8rem;
                border-radius: 0.6rem;
                width: 22.8rem;
                padding: 0
            }
        
            @media (max-width: 430px) {
                .cta-wrap .button {
                    padding: 0 1rem
                }
            }
        
            .cta-wrap .mb_ac {
                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12)
            }
        
            .section {
                padding: 5rem 0;
                position: relative;
                text-align: left
            }
        
            @media (min-width: 767px) {
                .section {
                    padding: 7rem 0
                }
            }
        
            .section .content {
                box-sizing: border-box;
                margin: 0px auto;
                max-width: 114rem;
                padding: 0;
                width: calc(100% - 80px);
                z-index: 2
            }
        
            .section .secondary-link {
                margin-left: 3rem
            }
        
            @media (max-width: 767px) {
                .section#carousel .content {
                    width: calc(100% - 30px)
                }
        
                .section#carousel .content h2 {
                    margin-left: 2rem;
                    margin-right: 2rem
                }
            }
        
            main.simple-sale-page h2 {
                margin-bottom: 3rem
            }
        
            @media (max-width: 767px) {
                main.simple-sale-page h2 {
                    margin-bottom: 4rem
                }
            }
        
            .text-center {
                text-align: center
            }
        
            .text-left {
                text-align: left
            }
        
            .text-right {
                text-align: right
            }
        
            .grey-bg {
                background-color: #f5f6f9
            }
        
            .blue-gradient {
                background: #273653
            }
        
            h2 {
                margin-bottom: 2rem
            }
        
            .white-text {
                color: white
            }
        
            .light-text {
                color: #8e929c;
                line-height: 1.75
            }
        
            .no-line-break {
                display: inline-block;
                word-break: keep-all
            }
        
            .quote {
                color: #ddd;
                font-family: 'georgia, serif';
                font-size: 9rem;
                font-style: normal;
                line-height: .8;
                text-align: right;
                max-height: 5rem
            }
        
            select {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none
            }
        
            select::-ms-expand {
                display: none
            }
        
            @media (max-width: 767px) {
                .page-header-component {
                    padding: 0;
                    min-height: 5.25rem
                }
        
                .page-header-component .logo,
                .page-header-component .mobile-logo {
                    width: 13.5rem;
                    height: 3.25rem
                }
        
                .page-header-component a.header-logo-component {
                    padding-top: 0.225rem
                }
        
                .page-header-component .menu-logo {
                    padding-top: 1.5rem
                }
        
                .header-menu-component .call-us-link {
                    margin-right: 2rem
                }
        
                .header-menu-component .call-us-link .anchor-link {
                    padding: 0.2rem 1.5rem;
                    font-size: 1.2rem
                }
        
                .header-menu-component .hamburger-icon-wrap {
                    width: 2.3rem;
                    padding-left: 0;
                    margin: 1.6rem 0px 2rem 2.6rem
                }
        
                .header-menu-component .hamburger-icon-line {
                    width: 2.25rem;
                    height: 0.2rem;
                    margin: 0.5rem auto
                }
        
                .header-menu-component .anchor-link {
                    font-size: 1.5rem;
                    padding: 1rem 2rem
                }
        
                .header-menu-component .call-us-link-mobile {
                    margin: 1.475rem 1.8rem !important
                }
        
                .header-menu-component .call-us-link-mobile .phone-icon {
                    width: 1.2rem !important
                }
        
                .header-menu-component .call-us-link-mobile .anchor-link-mobile {
                    font-size: 1.2rem !important;
                    padding: 0.225rem 1.5rem !important;
                    vertical-align: middle !important
                }
        
                .header-menu-component .nav-menu {
                    padding: 6rem 2.9rem
                }
        
                .header-menu-component .nav-menu .anchor-link {
                    padding: 0.9rem 2.2rem 0.9rem 0
                }
        
                .header-menu-component .nav-menu .client-menu-header {
                    padding: 0.75rem 1.5rem 0.75rem 0
                }
        
                .header-menu-component .nav-menu .client-menu-header .client-name {
                    font-size: 1.2rem
                }
        
                .mobile-menu-open.page-header-component .hamburger-icon-wrap {
                    padding: 0 3.5rem 0 1.2rem;
                    margin: 1.5rem 0 1.5rem 1.5rem
                }
        
                .mobile-menu-open.page-header-component .hamburger-icon-line:nth-child(1) {
                    transform: translateY(7px)
                }
        
                .mobile-menu-open.page-header-component .hamburger-icon-line:nth-child(2) {
                    width: 0
                }
        
                .mobile-menu-open.page-header-component .hamburger-icon-line:nth-child(3) {
                    transform: translateY(-7px) rotate(90deg)
                }
        
                .client-menu .client-menu-header {
                    padding-right: 2.25rem
                }
        
                .client-menu .profile-wrapper {
                    padding: 0.5rem 0 1.5rem
                }
        
                .client-menu .profile-wrapper .icon-wrapper {
                    height: 3rem;
                    width: 3rem
                }
        
                .client-menu .profile-wrapper .icon-wrapper .user-icon {
                    height: 1.2rem;
                    width: 1.05rem
                }
            }
        
            @media (max-width: 767px) {
                .page-footer-component {
                    padding: 5.3rem 2.4rem 3.4rem
                }
        
                .page-footer-component .grid-container {
                    padding: 0;
                    width: calc(100% - 32px)
                }
        
                .page-footer-component h4,
                .page-footer-component a {
                    font-size: 1.4rem;
                    margin-bottom: 1.9rem
                }
        
                .page-footer-component .row-list ul {
                    margin-bottom: 2.8rem
                }
        
                .page-footer-component .top-cities-footer h4 {
                    max-width: 17.5rem
                }
        
                .page-footer-component .company-footer ul,
                .page-footer-component .sellers-footer ul,
                .page-footer-component .buyers-footer ul,
                .page-footer-component .agents-footer ul {
                    margin-bottom: 3rem
                }
        
                .page-footer-component .equal-housing-icon-component {
                    margin-right: 2.5rem;
                    width: 3.2rem
                }
        
                .page-footer-component .bbb-icon-component {
                    width: 8rem
                }
        
                .page-footer-component .equal-housing-icon-component {
                    width: 3.15rem;
                    margin-right: 1.875rem
                }
        
                .page-footer-component .bbb-desc {
                    font-size: 1.4rem;
                    margin: 2.6rem auto 4.7rem
                }
        
                .page-footer-component hr {
                    margin-bottom: 2.9rem
                }
        
                .page-footer-component #social-media li {
                    margin-left: 1.2rem
                }
        
                .page-footer-component #social-media li a {
                    height: 3.2rem;
                    margin-bottom: 0;
                    width: 3.2rem
                }
        
                .page-footer-component #social-media li svg {
                    width: 2.4rem
                }
        
                .page-footer-component #social-media li svg#rss {
                    width: 2rem
                }
        
                .page-footer-component #social-media li svg#youtube {
                    width: 2rem
                }
        
                .page-footer-component .last-details {
                    font-size: 1.4rem;
                    margin: 4.9rem 0 0
                }
        
                .page-footer-component .last-details li {
                    margin-bottom: 2.6rem
                }
        
                .page-footer-component .accordion .accordion-top {
                    padding: 2.4rem 2.6rem 2.6rem 0
                }
        
                .page-footer-component .accordion .accordion-top .chevron-icon-component {
                    width: 1.2rem
                }
            }
        
            .search_homes.freeze {
                overflow: hidden
            }
        
            .search_homes .page-header-component {
                z-index: 3
            }
        
            .search_homes .pop-up-visible {
                z-index: 1
            }
        
            @media (max-width: 767px) {
                .search_homes .xs-first {
                    order: -1
                }
            }
        
            .search_homes .section .content {
                z-index: 4
            }
        
            @media (max-width: 767px) {
                .search_homes .section .content {
                    width: calc(100% - 40px);
                    font-size: 1.4rem
                }
            }
        
            @media (max-width: 767px) {
                .search_homes h2 {
                    font-size: 2.4rem
                }
            }
        
            .search_homes img {
                vertical-align: top
            }
        
            .search_homes .row {
                margin: 0 -1rem
            }
        
            .search_homes .link {
                color: #46B6FF
            }
        
            .search_homes .link:hover {
                color: #0A87D8
            }
        
            span.last-words {
                content: "\A";
                white-space: pre
            }
        
            #hero {
                min-height: 62.2rem;
                position: relative;
                padding: 7rem 0px;
                color: white
            }
        
            @media (max-width: 767px) {
                #hero {
                    min-height: 59rem
                }
            }
        
            #hero picture {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: -1
            }
        
            #hero picture img {
                width: 100%;
                max-width: none;
                height: inherit;
                object-fit: cover
            }
        
            #hero .content {
                padding: 6rem 0px;
                padding-top: 4rem
            }
        
            @media (max-width: 767px) {
                #hero .content {
                    padding-top: 5rem
                }
            }
        
            #hero .content .inner {
                max-width: 60rem
            }
        
            #hero h4 {
                font-weight: normal;
                margin-bottom: 1.9rem
            }
        
            #hero h1 {
                max-width: 90rem;
                line-height: 1.33;
                margin-bottom: 1.8rem;
                text-shadow: none
            }
        
            #hero p {
                text-shadow: 0 0 1rem #000000;
                margin-bottom: 2rem
            }
        
            #hero .popup p {
                text-shadow: none
            }
        
            #hero .button {
                font-weight: 700
            }
        
            #hero .filters {
                padding-top: 1.6rem
            }
        
            #hero .filters .dropdown-filters-wrapper-background {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                height: 100vh;
                background: rgba(0, 0, 0, 0.4);
                z-index: 9999;
                overflow: hidden;
                overflow-y: auto
            }
        
            #hero .filters .dropdown-filters-wrapper {
                position: absolute;
                width: 424px;
                z-index: 1;
                padding: 24px 24px 30px;
                margin-top: 16px;
                border-radius: 7px;
                box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                background-color: white
            }
        
            @media (min-width: 767px) {
                #hero .filters .dropdown-filters-wrapper {
                    animation: slide-down 0.5s
                }
            }
        
            @media (max-width: 767px) {
                #hero .filters .dropdown-filters-wrapper {
                    left: 0;
                    right: 0;
                    width: auto;
                    padding: 56px 23px;
                    position: fixed;
                    bottom: 0;
                    transform: translateY(100%);
                    transition: transform 0.5s
                }
            }
        
            #hero .filters .dropdown-filters-wrapper .close {
                display: none
            }
        
            @media (max-width: 767px) {
                #hero .filters .dropdown-filters-wrapper .close {
                    width: 1.8rem;
                    height: 1.8rem;
                    display: block;
                    color: #273653;
                    position: absolute;
                    top: 2.4rem;
                    right: 2.4rem
                }
            }
        
            #hero .filters .dropdown-filters-wrapper #property-type-wrap {
                padding-top: 6px;
                margin-bottom: 30px
            }
        
            #hero .filters .dropdown-filters-wrapper .button {
                height: 4.8rem;
                line-height: 4.8rem;
                margin-bottom: 3.1rem;
                border-radius: 0.6rem
            }
        
            #hero .filters .dropdown-filters-wrapper .button.only-mobile {
                display: none
            }
        
            @media (max-width: 767px) {
                #hero .filters .dropdown-filters-wrapper .button.only-mobile {
                    display: block
                }
            }
        
            #hero .filters .dropdown-filters-wrapper .reset-filters {
                font-size: 1.6rem;
                color: #273653;
                font-weight: 700;
                text-align: center;
                cursor: pointer
            }
        
            #hero .filters .dropdown-filters-wrapper.appear {
                transform: translateY(0)
            }
        
            #hero .filter-opener {
                border-radius: 1.8rem;
                background-color: white;
                padding: 0.2rem 1.2rem;
                letter-spacing: 0;
                line-height: 2.8rem;
                text-align: center;
                display: inline-block;
                vertical-align: middle;
                color: #273653;
                font-size: 1.4rem;
                position: relative
            }
        
            #hero .filter-opener:after {
                content: "";
                display: block;
                background: black;
                opacity: 0;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                border-radius: 1.8rem;
                transition: opacity 0.15s
            }
        
            #hero .filter-opener:hover:after {
                opacity: 20%
            }
        
            @media (max-width: 767px) {
                #hero .filter-opener {
                    border: 0.1rem solid #dbdfe6
                }
            }
        
            #hero .select-box-component li {
                color: #273653
            }
        
            @media (max-width: 767px) {
                .section-intro {
                    padding-bottom: 4rem;
                    padding-top: 4rem
                }
            }
        
            .section-intro .content {
                max-width: 61rem;
                margin: 0 auto
            }
        
            .section-intro .heading {
                text-align: center;
                margin-bottom: 4rem;
                font-size: 2rem;
                line-height: 1.6
            }
        
            @media (max-width: 767px) {
                .section-intro .heading {
                    text-align: start;
                    margin-bottom: 1.7rem
                }
            }
        
            @media (max-width: 767px) {
                .section-intro .heading h2 {
                    font-size: 2.4rem;
                    margin-bottom: 1.1rem
                }
            }
        
            @media (max-width: 767px) {
                .section-intro .heading p {
                    font-size: 1.6rem
                }
            }
        
            .section-intro .desc p {
                margin-bottom: 3rem
            }
        
            .section-intro .foot {
                text-align: center;
                padding-top: 2rem
            }
        
            @media (max-width: 767px) {
                .section-intro .foot {
                    text-align: start;
                    padding-top: 0
                }
            }
        
            .tips-and-tricks {
                padding: 6rem 0;
                background: #f5f6f9
            }
        
            @media (max-width: 767px) {
                .tips-and-tricks {
                    padding: 3.8rem 0
                }
            }
        
            .tips-and-tricks .heading {
                max-width: 80rem;
                padding: 0 1.5rem;
                margin: 0 auto;
                text-align: center;
                font-size: 1.6rem;
                margin-bottom: 4.5rem;
                line-height: 1.75
            }
        
            @media (max-width: 767px) {
                .tips-and-tricks .heading {
                    text-align: start;
                    font-size: 1.4rem;
                    padding: 0 0.5rem;
                    margin-bottom: 2.5rem
                }
            }
        
            .tips-and-tricks .heading h2 {
                font-size: 3rem;
                margin-bottom: 2.7rem
            }
        
            @media (max-width: 767px) {
                .tips-and-tricks .heading h2 {
                    font-size: 2.4rem;
                    margin-bottom: 0.9rem
                }
            }
        
            .tips-and-tricks .heading p {
                color: #273653
            }
        
            .tips-and-tricks .heading p .link-on-mobile {
                display: none
            }
        
            @media (max-width: 767px) {
                .tips-and-tricks .heading p .link-on-mobile {
                    display: initial
                }
            }
        
            @media (max-width: 767px) {
                .tips-and-tricks .heading .link-on-desktop {
                    display: none
                }
            }
        
            @media (max-width: 767px) {
                .tips-and-tricks .articles {
                    padding: 0 1.4rem
                }
            }
        
            .tips-and-tricks .thumb {
                font-size: 1.6rem;
                line-height: 1.75;
                display: block;
                color: #273653
            }
        
            @media (max-width: 767px) {
                .tips-and-tricks .thumb {
                    margin-bottom: 3rem
                }
            }
        
            .tips-and-tricks .thumb:hover h3 {
                color: #18A0F8
            }
        
            .tips-and-tricks .thumb .img-hold {
                width: 100%;
                padding-top: 56.25%;
                margin-bottom: 3rem;
                background-position: center center;
                background-size: 100% auto
            }
        
            .tips-and-tricks .thumb h3 {
                font-size: 2rem;
                margin: 0 0 1.1rem;
                color: #273653
            }
        
            .tips-and-tricks .thumb p {
                color: #273653
            }
        
            .tips-and-tricks .read-more {
                margin: auto;
                margin-bottom: 1.4rem;
                margin-top: 2.4rem
            }
        
            @media (max-width: 767px) {
                .tips-and-tricks .read-more {
                    margin: 0 0 0 1.4rem
                }
            }
        
            .tips-and-tricks .read-more .link {
                font-size: 1.6rem
            }
        
            #hero {
                padding: 6.7rem 0 6.2rem;
                background-size: cover;
                background-position: center center
            }
        
            #hero .gradient-overlay {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-image: linear-gradient(to bottom, rgba(39, 54, 83, 0.4), rgba(39, 54, 83, 0) 100%), linear-gradient(to right, rgba(39, 54, 83, 0.2), rgba(39, 54, 83, 0) 60%)
            }
        
            @media (min-width: 767px) {
                #hero .gradient-overlay {
                    background-image: linear-gradient(to bottom, rgba(39, 54, 83, 0.3), rgba(39, 54, 83, 0) 30%), linear-gradient(to right, rgba(39, 54, 83, 0.5), rgba(39, 54, 83, 0) 100%)
                }
            }
        
            #hero .content {
                position: relative
            }
        
            @media (max-width: 767px) {
                #hero {
                    padding: 4rem 0
                }
            }
        
            #hero .container {
                max-width: 75rem
            }
            #hero .thankyou-container, .thankyou-container h1 {
                max-width: unset !important;
            }
            .thankyou-container h1 {
                text-align: center;
            }
            .thankyou-container {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 50%;
            }
            #hero .thankyou-container h1 {
                width:100%;
                position: absolute;
                top: 50%;
                left:50%;
                transform: translateX(-50%);
            }
            #hero h1,
            #hero h2 {
                margin: 0 0 1.1rem;
                font-size: 3.3rem;
            }
        
            @media (max-width: 767px) {
        
                #hero h1,
                #hero h2 {
                    font-size: 2.6rem;
                    margin: 0 0 1rem;
                    text-shadow: none
                }
            }
        
            #hero .description {
                color: #fff;
                font-size: 1.6rem;
                line-height: 2.4rem;
                text-shadow: 0 0 1rem #273653;
                margin-top: 1.5rem
            }
        
            @media (max-width: 767px) {
                #hero .description {
                    font-size: 1.4rem;
                    line-height: 2.2rem
                }
            }
        
            @media (max-width: 767px) {
                #hero .inline-form.filter-as-quiz-cta .mapbox-place-autocomplete input#search-cta {
                    height: 4.9rem;
                    line-height: 4.9rem;
                    font-size: 1.4rem
                }
            }
        
            @media (max-width: 767px) {
                #hero .inline-form.filter-as-quiz-cta .button {
                    width: 100%;
                    top: 6rem;
                    left: 0;
                    height: 4.8rem;
                    line-height: 4.8rem;
                    font-size: 1.6rem
                }
            }
        
            @media (max-width: 767px) {
                #hero .dropdown-filter-cta {
                    height: 21rem;
                    background-color: white;
                    padding: 2.4rem 1.6rem 1.6rem;
                    border-radius: 0.8rem
                }
            }
        
            @media (max-width: 767px) {
                #hero .dropdown-filter-cta .inline-form .mapbox-place-autocomplete input#search-cta {
                    font-size: 1.4rem;
                    height: 4.8rem;
                    line-height: 4.8rem
                }
            }
        
            @media (max-width: 767px) {
                #hero .dropdown-filter-cta .inline-form .button {
                    left: 0;
                    top: 12.1rem;
                    width: 100%;
                    height: 4.8rem;
                    line-height: 4.8rem;
                    font-size: 1.6rem
                }
            }
        
            #hero .inline-form {
                max-width: 60rem;
                display: flex;
                text-align: left;
                position: relative
            }
        
            #hero .inline-form .mapbox-place-autocomplete input#search-cta {
                margin: 0;
                border-radius: 0.8rem
            }
        
            #hero .inline-form .mapbox-place-autocomplete input#search-cta:focus {
                outline: none
            }
        
            #hero .inline-form .mapbox-place-autocomplete input#search-cta.focus-visible {
                border: 0.1rem solid #ddd
            }
        
            @media (max-width: 767px) {
                #hero .inline-form {
                    display: block;
                    text-align: center
                }
            }
        
            #hero .inline-form .input-group {
                width: 100%
            }
        
            #hero .inline-form .button {
                width: 16.1rem;
                text-align: center;
                border-radius: 0.6rem;
                height: 4.4rem;
                line-height: 4.4rem;
                position: absolute;
                right: 0.9rem;
                top: 0.8rem;
                font-weight: 700
            }
        
            @media (max-width: 767px) {
                #hero .inline-form .button {
                    height: 3.2rem;
                    line-height: 3.2rem;
                    font-size: 1.2rem;
                    top: 0.6rem;
                    width: 11.8rem
                }
            }
        
            #hero .inline-form .cta-real-address-component {
                width: 100%
            }
        
            #hero .inline-form .mapbox-place-autocomplete {
                width: 100%;
                flex: 1
            }
        
            #hero .inline-form .mapbox-place-autocomplete input {
                border-radius: 0.4rem;
                font-size: 1.6rem;
                font-weight: 400;
                padding: 0.6rem 2rem;
                height: 6rem
            }
        
            @media (max-width: 767px) {
                #hero .inline-form .mapbox-place-autocomplete input {
                    font-size: 1.2rem;
                    height: 4.4rem
                }
            }
        
            .calc-hub-cta {
                padding: 7.1rem 0;
                text-align: center
            }
        
            @media (max-width: 767px) {
                .calc-hub-cta {
                    padding: 3rem 0 1rem;
                    text-align: left
                }
            }
        
            .calc-hub-cta .heading {
                margin: 0 auto 4rem;
                max-width: 810px
            }
        
            .calc-hub-cta .heading h2 {
                letter-spacing: -0.1rem;
                margin-bottom: 2.5rem
            }
        
            @media (max-width: 767px) {
                .calc-hub-cta .heading h2 {
                    font-size: 2.4rem;
                    margin-bottom: 1.8rem
                }
            }
        
            @media (max-width: 767px) {
                .calc-hub-cta .heading p {
                    font-size: 1.4rem
                }
            }
        
            .calc-hub-cta .row {
                margin: 0 -2rem
            }
        
            @media (max-width: 767px) {
                .calc-hub-cta .row {
                    margin: 0
                }
            }
        
            .calc-hub-cta .row .col-sm-6 {
                padding: 0 2rem
            }
        
            @media (max-width: 767px) {
                .calc-hub-cta .row .col-sm-6 {
                    padding: 0
                }
            }
        
            .calc-hub-cta .option-block {
                border-radius: 0.4rem;
                background: white;
                padding: 3rem 4rem 2.5rem;
                margin: 0 0 1.5rem;
                box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.25)
            }
        
            @media (max-width: 767px) {
                .calc-hub-cta .option-block {
                    padding: 2rem 1.6rem 0.6rem;
                    margin: 0 0 2rem
                }
            }
        
            .calc-hub-cta .option-block h3 {
                margin: 0 0 2rem;
                font-size: 2.4rem;
                line-height: 1.33
            }
        
            @media (max-width: 767px) {
                .calc-hub-cta .option-block h3 {
                    font-size: 2rem;
                    margin-bottom: 1rem
                }
            }
        
            .calc-hub-cta .option-block p {
                margin-bottom: 2rem
            }
        
            @media (max-width: 767px) {
                .calc-hub-cta .option-block p {
                    font-size: 1.4rem
                }
            }
        
            .calc-hub-cta .option-block .button {
                min-width: 20rem
            }
        
            @media (max-width: 767px) {
                .calc-hub-cta .option-block .button {
                    width: 100%
                }
            }
        
            section.lets-talk {
                display: flex;
                padding: 4rem 0
            }
        
            @media (max-width: 767px) {
                section.lets-talk {
                    display: block
                }
            }
        
            section.lets-talk .hc-image {
                background-image: url(//d1xt9s86fx9r45.cloudfront.net/assets/hl-production/assets/v4/find_agent/home-consultant-dbfeb7db3a81bcb3deeeff82fe1b13e99e66e55357468858464dd538196138ef.jpg);
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                height: 35.2rem;
                max-width: 55.2rem;
                margin-right: 5rem;
                width: 50%
            }
        
            @media (max-width: 767px) {
                section.lets-talk .hc-image {
                    width: 100%;
                    height: auto;
                    padding-top: 50%;
                    margin-bottom: 30px
                }
            }
        
            section.lets-talk .lets-talk {
                width: 50%;
                order: -1;
                padding: 0 50px
            }
        
            section.lets-talk .lets-talk p {
                margin-bottom: 1.6rem
            }
        
            @media (max-width: 767px) {
                section.lets-talk .lets-talk {
                    width: 100%
                }
            }
        
            section.lets-talk .lets-talk .content-wrap {
                max-width: 52.2rem;
                margin-left: auto
            }
        
            section.lets-talk .lets-talk .button {
                color: white;
                border-color: white;
                transition: all 0.1s ease-in-out
            }
        
            section.lets-talk .lets-talk .button:hover {
                background-color: white;
                color: #4f668b;
                border-color: white
            }
        
            .cta-ribbon {
                padding: 7.8rem 0;
                background: #273653;
                color: white;
                text-align: center
            }
        
            @media (max-width: 767px) {
                .cta-ribbon {
                    padding: 4rem 0
                }
            }
        
            .cta-ribbon h2 {
                margin-bottom: 4rem;
                font-weight: 500
            }
        
            .cta-ribbon .button {
                margin: 0 auto
            }
        
            .popular-searches {
                background: #F5F6F9
            }
        
            .popular-searches h3,
            .popular-searches p {
                color: #273653
            }
        
            .popular-searches h2 {
                text-align: center;
                margin-bottom: 4.8rem
            }
        
            @media (max-width: 767px) {
                .popular-searches h2 {
                    text-align: start;
                    margin-bottom: 3.3rem
                }
            }
        
            .popular-searches .thumb {
                display: block
            }
        
            @media (max-width: 767px) {
                .popular-searches .thumb {
                    margin-bottom: 30px
                }
            }
        
            .popular-searches .thumb:hover h3 {
                color: #18A0F8
            }
        
            @media (max-width: 767px) {
                .popular-searches .row {
                    margin: 0
                }
            }
        
            .popular-searches .img {
                border-radius: 8px;
                overflow: hidden;
                margin-bottom: 10px
            }
        
            .popular-searches h3 {
                font-size: 1.6rem;
                letter-spacing: 0;
                margin-bottom: 0.5rem
            }
        
            .gradient-overlay {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-image: linear-gradient(to bottom, rgba(39, 54, 83, 0.5), rgba(39, 54, 83, 0) 30%), linear-gradient(to right, rgba(39, 54, 83, 0.5), rgba(39, 54, 83, 0.3) 40%, rgba(39, 54, 83, 0) 60%)
            }
        
            @media (min-width: 767px) {
                .gradient-overlay {
                    background-image: linear-gradient(to bottom, rgba(39, 54, 83, 0.5), rgba(39, 54, 83, 0) 30%), linear-gradient(to right, rgba(39, 54, 83, 0.5), rgba(39, 54, 83, 0) 100%)
                }
            }
        
            .filters-present {
                background-color: #46b6ff !important;
                color: white !important;
                font-weight: bold
            }
        
            #filter-as-quiz.quiz-body {
                position: fixed;
                background-color: white;
                top: 0;
                left: 0;
                right: 0;
                z-index: 100;
                height: 100vh;
                overflow-x: hidden;
                overflow-y: scroll
            }
        
            #filter-as-quiz.quiz-body::-webkit-scrollbar {
                display: none
            }
        
            #filter-as-quiz.quiz-body p,
            #filter-as-quiz.quiz-body a {
                text-shadow: initial
            }
        
            #filter-as-quiz.quiz-body .progress-bar {
                width: 100vw;
                height: 0.8rem
            }
        
            @media (max-width: 767px) {
                #filter-as-quiz.quiz-body .progress-bar {
                    height: 0.4rem
                }
            }
        
            #filter-as-quiz.quiz-body .progress-bar .progress {
                height: 100%;
                background-color: #46b6ff;
                width: 0%;
                transition: all .3s ease-in
            }
        
            #filter-as-quiz.quiz-body .progress-bar .progress.progress-50 {
                width: 50%
            }
        
            #filter-as-quiz.quiz-body .progress-bar .progress.progress-100 {
                width: 100%
            }
        
            #filter-as-quiz.quiz-body .page-header-component {
                margin-left: 15.2rem;
                padding-top: 2.8rem
            }
        
            @media (max-width: 767px) {
                #filter-as-quiz.quiz-body .page-header-component {
                    margin: auto;
                    padding-top: 2rem
                }
        
                #filter-as-quiz.quiz-body .page-header-component .menu-logo {
                    padding-top: 0
                }
        
                #filter-as-quiz.quiz-body .page-header-component .menu-logo img {
                    width: 12rem
                }
            }
        
            #filter-as-quiz.quiz-body .content {
                margin: auto;
                margin-top: 13.1rem;
                margin-bottom: 5.6rem;
                width: 65.6rem;
                color: #273653;
                padding-top: 0;
                padding-bottom: 0
            }
        
            @media (max-width: 767px) {
                #filter-as-quiz.quiz-body .content {
                    width: 32.7rem;
                    margin-top: 10.8rem;
                    margin-bottom: 2.2rem
                }
            }
        
            #filter-as-quiz.quiz-body .content .title {
                text-align: center
            }
        
            @media (max-width: 767px) {
                #filter-as-quiz.quiz-body .content .title {
                    text-align: left
                }
            }
        
            #filter-as-quiz.quiz-body .content .title h1 {
                font-size: 3rem;
                line-height: 3rem;
                margin: 0
            }
        
            @media (max-width: 767px) {
                #filter-as-quiz.quiz-body .content .title h1 {
                    font-size: 2.4rem
                }
            }
        
            #filter-as-quiz.quiz-body .content .title p {
                font-size: 1.4rem;
                margin: auto;
                margin-top: 2.1rem;
                width: 41.3rem
            }
        
            @media (max-width: 767px) {
                #filter-as-quiz.quiz-body .content .title p {
                    width: 32.7rem
                }
            }
        
            #filter-as-quiz.quiz-body .content .filters-wrap {
                margin: auto;
                margin-top: 3.2rem;
                width: 37.6rem;
                display: flex;
                justify-content: center
            }
        
            @media (max-width: 767px) {
                #filter-as-quiz.quiz-body .content .filters-wrap {
                    width: 32.7rem
                }
            }
        
            #filter-as-quiz.quiz-body .content .filters-wrap h2 {
                margin: 0
            }
        
            @media (max-width: 767px) {
                #filter-as-quiz.quiz-body .content .action-btns {
                    margin-top: 2rem
                }
            }
        
            #filter-as-quiz.quiz-body .content .action-btns .button {
                margin: auto;
                margin-bottom: 1.6rem;
                display: block;
                width: 38.4rem;
                line-height: 4.8rem;
                height: 4.8rem;
                text-align: center;
                border-radius: 0.6rem
            }
        
            @media (max-width: 767px) {
                #filter-as-quiz.quiz-body .content .action-btns .button {
                    width: 32.7rem
                }
            }
        
            #filter-as-quiz.quiz-body .content .action-btns .button.cancel-button {
                background: white;
                border: 1px solid #46b6ff;
                color: #46b6ff
            }
        
            #filter-as-quiz.quiz-body .content .terms-wrap {
                margin: 4.2rem 0 4.7rem
            }
        
            #filter-as-quiz.quiz-body .content .terms-wrap p,
            #filter-as-quiz.quiz-body .content .terms-wrap a {
                color: #8e929c;
                font-size: 1.2rem;
                line-height: 1.9rem;
                text-align: left;
                width: 65.6rem
            }
        
            @media (max-width: 767px) {
        
                #filter-as-quiz.quiz-body .content .terms-wrap p,
                #filter-as-quiz.quiz-body .content .terms-wrap a {
                    width: 100%
                }
            }
        
            @media (max-width: 767px) {
                #filter-as-quiz.quiz-body .content .terms-wrap {
                    margin-bottom: 0
                }
            }
        
            .form-wrap {
                width: 100%
            }
        
            .form-wrap .input-hold {
                margin-bottom: 2.9rem
            }
        
            @media (max-width: 767px) {
                .form-wrap .input-hold {
                    margin-bottom: 1rem
                }
            }
        
            .form-wrap .input-hold label {
                font-size: 1.6rem;
                color: #273653;
                display: block;
                margin-bottom: 0.65rem;
                font-weight: 700;
                text-transform: none
            }
        
            @media (max-width: 767px) {
                .form-wrap .input-hold label {
                    font-size: 1.4rem;
                    margin-bottom: 0.5rem
                }
            }
        
            .form-wrap .input-hold.left-aligned {
                display: inline-block;
                width: 50%;
                padding-right: 0.35rem
            }
        
            .form-wrap .input-hold.right-aligned {
                display: inline-block;
                width: 50%;
                padding-left: 0.35rem
            }
        
            .form-wrap .input-hold .select-box-component {
                width: 100%;
                display: inline-block
            }
        
            .form-wrap .input-hold .select-box-component.default-changed input {
                color: #273653
            }
        
            .form-wrap .input-hold .select-box-component ul {
                max-height: 15rem;
                overflow-y: scroll;
                margin-top: 0
            }
        
            .form-wrap .input-hold .select-box-component#min-price {
                padding-right: 0.35rem;
                width: 50%
            }
        
            .form-wrap .input-hold .select-box-component#max-price {
                padding-left: 0.35rem;
                width: 50%
            }
        
            .form-wrap .input-hold .select-box-component .-input-controls {
                width: 100%;
                height: 100%
            }
        
            @media (max-width: 767px) {
                .form-wrap .input-hold .select-box-component .-input-controls {
                    top: 0
                }
            }
        
            .form-wrap .input-hold .select-box-component .-input-controls span.-clear-selection-zone {
                display: none
            }
        
            .form-wrap .input-hold .select-box-component .-input-controls span.-activate-dropdown-zone {
                position: absolute;
                height: 100%;
                width: 100%;
                padding: 1rem 1.3rem;
                text-align: right
            }
        
            .form-wrap .input-hold .select-box-component .-input-controls span.-activate-dropdown-zone span.-activate-dropdown-control {
                border-color: black transparent transparent
            }
        
            .form-wrap .input-hold input[type='email'],
            .form-wrap .input-hold input[type='number'],
            .form-wrap .input-hold input[type='password'],
            .form-wrap .input-hold input[type='search'],
            .form-wrap .input-hold input[type='tel'],
            .form-wrap .input-hold input[type='text'],
            .form-wrap .input-hold input[type='url'],
            .form-wrap .input-hold input[type='color'],
            .form-wrap .input-hold input[type='date'],
            .form-wrap .input-hold input[type='month'],
            .form-wrap .input-hold input[type='week'],
            .form-wrap .input-hold input[type='datetime'],
            .form-wrap .input-hold input[type='datetime-local'],
            .form-wrap .input-hold .select-box-component input,
            .form-wrap .input-hold textarea {
                width: 100%;
                font-size: 1.4rem;
                margin-left: 1.65rem;
                color: #8e929c;
                height: 4.9rem;
                border-radius: 0.6rem;
                margin: 0
            }
        
            @media (max-width: 767px) {
        
                .form-wrap .input-hold input[type='email'],
                .form-wrap .input-hold input[type='number'],
                .form-wrap .input-hold input[type='password'],
                .form-wrap .input-hold input[type='search'],
                .form-wrap .input-hold input[type='tel'],
                .form-wrap .input-hold input[type='text'],
                .form-wrap .input-hold input[type='url'],
                .form-wrap .input-hold input[type='color'],
                .form-wrap .input-hold input[type='date'],
                .form-wrap .input-hold input[type='month'],
                .form-wrap .input-hold input[type='week'],
                .form-wrap .input-hold input[type='datetime'],
                .form-wrap .input-hold input[type='datetime-local'],
                .form-wrap .input-hold .select-box-component input,
                .form-wrap .input-hold textarea {
                    height: 4rem;
                    line-height: 4rem
                }
            }
        
            .form-wrap .input-hold input[type='email']::placeholder,
            .form-wrap .input-hold input[type='number']::placeholder,
            .form-wrap .input-hold input[type='password']::placeholder,
            .form-wrap .input-hold input[type='search']::placeholder,
            .form-wrap .input-hold input[type='tel']::placeholder,
            .form-wrap .input-hold input[type='text']::placeholder,
            .form-wrap .input-hold input[type='url']::placeholder,
            .form-wrap .input-hold input[type='color']::placeholder,
            .form-wrap .input-hold input[type='date']::placeholder,
            .form-wrap .input-hold input[type='month']::placeholder,
            .form-wrap .input-hold input[type='week']::placeholder,
            .form-wrap .input-hold input[type='datetime']::placeholder,
            .form-wrap .input-hold input[type='datetime-local']::placeholder,
            .form-wrap .input-hold .select-box-component input::placeholder,
            .form-wrap .input-hold textarea::placeholder {
                color: #8e929c
            }
        
            .form-wrap .input-hold.form-error input[type='email'],
            .form-wrap .input-hold.form-error input[type='number'],
            .form-wrap .input-hold.form-error input[type='password'],
            .form-wrap .input-hold.form-error input[type='search'],
            .form-wrap .input-hold.form-error input[type='tel'],
            .form-wrap .input-hold.form-error input[type='text'],
            .form-wrap .input-hold.form-error input[type='url'],
            .form-wrap .input-hold.form-error input[type='color'],
            .form-wrap .input-hold.form-error input[type='date'],
            .form-wrap .input-hold.form-error input[type='month'],
            .form-wrap .input-hold.form-error input[type='week'],
            .form-wrap .input-hold.form-error input[type='datetime'],
            .form-wrap .input-hold.form-error input[type='datetime-local'],
            .form-wrap .input-hold.form-error .select-box-component input,
            .form-wrap .input-hold.form-error textarea {
                border-color: #f7382d;
                color: #f7382d
            }
        
            .form-wrap .input-hold .text-error {
                font-size: 1.2rem;
                color: #f7382d;
                display: block;
                padding: 0.3rem 0
            }
        
            .form-wrap .input-hold#property-type-wrap label {
                margin-bottom: 1.9rem
            }
        
            @media (max-width: 767px) {
                .form-wrap .input-hold#property-type-wrap label {
                    margin-bottom: 1.3rem
                }
            }
        
            .form-wrap .input-hold#property-type-wrap .radio-list {
                list-style: none;
                margin: 0;
                padding: 0
            }
        
            .form-wrap .input-hold#property-type-wrap .radio-list li {
                position: relative;
                padding-left: 4rem;
                margin-bottom: 2rem
            }
        
            @media (max-width: 767px) {
                .form-wrap .input-hold#property-type-wrap .radio-list li {
                    margin-bottom: 1.5rem
                }
            }
        
            .form-wrap .input-hold#property-type-wrap .radio-list li label {
                text-transform: none;
                margin: 0;
                padding: 0;
                font-weight: 400;
                font-size: 1.6rem;
                line-height: 1.2;
                color: #273653
            }
        
            @media (max-width: 767px) {
                .form-wrap .input-hold#property-type-wrap .radio-list li label {
                    font-size: 1.4rem
                }
            }
        
            .form-wrap .input-hold#property-type-wrap .radio-list input[type="radio"] {
                display: none
            }
        
            .form-wrap .input-hold#property-type-wrap .radio-list input[type="radio"]:checked+.fake-checkbox {
                border: 0.2rem solid #46b6ff
            }
        
            .form-wrap .input-hold#property-type-wrap .radio-list input[type="radio"]:checked+.fake-checkbox:after {
                display: block
            }
        
            .form-wrap .input-hold#property-type-wrap .radio-list .fake-checkbox {
                display: block;
                width: 2rem;
                height: 2rem;
                border: 0.1rem solid #dbdfe6;
                border-radius: 50%;
                position: absolute;
                top: -0.1rem;
                left: 0
            }
        
            .form-wrap .input-hold#property-type-wrap .radio-list .fake-checkbox:after {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 1rem;
                height: 1rem;
                background: #46b6ff;
                border-radius: 50%;
                display: none
            }
        
            .filters input {
                pointer-events: none
            }
        
            .interstitial-wrap,
            .coming-soon-wrap {
                max-width: 38.5rem;
                margin: auto;
                margin-top: 3.6rem
            }
        
            @media (max-width: 767px) {
        
                .interstitial-wrap,
                .coming-soon-wrap {
                    max-width: 32.7rem
                }
            }
        
            .interstitial-wrap .input-hold,
            .coming-soon-wrap .input-hold {
                margin-bottom: 2.3rem
            }
        
            .interstitial-wrap .input-hold label,
            .coming-soon-wrap .input-hold label {
                font-size: 1.6rem;
                line-height: 1.6rem;
                font-weight: initial;
                margin-bottom: 0.45rem
            }
        
            @media (max-width: 767px) {
        
                .interstitial-wrap .input-hold label,
                .coming-soon-wrap .input-hold label {
                    font-size: 1.4rem;
                    line-height: 1.4rem
                }
            }
        
            .interstitial-wrap .action-btns,
            .coming-soon-wrap .action-btns {
                margin-top: 3.1rem
            }
        
            .interstitial-wrap .action-btns .disabled,
            .coming-soon-wrap .action-btns .disabled {
                opacity: 0.3
            }
        
            .interstitial-wrap .action-btns .disabled:hover,
            .coming-soon-wrap .action-btns .disabled:hover {
                cursor: wait
            }
        
            .interstitial-wrap .action-btns .skip-interstitial-button,
            .coming-soon-wrap .action-btns .skip-interstitial-button {
                border: none;
                color: #273653;
                background: white
            }
        
            .terms-wrap {
                width: 62.5rem;
                margin: auto;
                margin-top: 5.6rem;
                margin-bottom: 13rem;
                text-align: center
            }
        
            @media (max-width: 767px) {
                .terms-wrap {
                    width: 32.7rem;
                    text-align: left
                }
            }
        
            .terms-wrap p,
            .terms-wrap a {
                font-size: 1.4rem;
                line-height: 2.2rem;
                color: #273653
            }
        
            .terms-wrap a {
                text-decoration: underline
            }
        
            @media (max-width: 767px) {
                .terms-wrap.desktop {
                    display: none
                }
            }
        
            .terms-wrap.mobile {
                margin-top: 1.35rem;
                margin-bottom: 3.8rem
            }
        
            .terms-wrap.mobile p,
            .terms-wrap.mobile a {
                margin: 0;
                font-size: 1.2rem;
                line-height: 2rem
            }
        
            @media (min-width: 767px) {
                .terms-wrap.mobile {
                    display: none
                }
            }
        
            #hero .popup-wrapper,
            .popup-wrapper {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                height: 100vh;
                background: rgba(0, 0, 0, 0.4);
                z-index: 9999;
                overflow: hidden;
                overflow-y: auto
            }
        
            #hero .popup-wrapper .v-align,
            .popup-wrapper .v-align {
                display: table;
                width: 100%;
                height: 100%;
                table-layout: fixed;
                padding: 3rem
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .v-align,
                .popup-wrapper .v-align {
                    padding: 2rem 1.5rem
                }
            }
        
            #hero .popup-wrapper .popup-content,
            .popup-wrapper .popup-content {
                display: table-cell;
                vertical-align: middle
            }
        
            #hero .popup-wrapper .btns,
            .popup-wrapper .btns {
                display: flex;
                flex-wrap: wrap;
                margin: 0 -0.8rem;
                padding-top: 0.8rem
            }
        
            #hero .popup-wrapper .btns li,
            .popup-wrapper .btns li {
                padding: 0 0.8rem;
                margin: 0 0 1.6rem;
                width: 50%
            }
        
            @media (max-width: 992px) {
        
                #hero .popup-wrapper .btns li,
                .popup-wrapper .btns li {
                    width: 100%
                }
            }
        
            #hero .popup-wrapper .btns li .button,
            .popup-wrapper .btns li .button {
                display: block;
                width: 100%;
                margin: 0
            }
        
            #hero .popup-wrapper .button,
            .popup-wrapper .button {
                min-width: 16.8rem;
                text-align: center;
                margin: 0;
                padding: 0 1.5rem
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .button,
                .popup-wrapper .button {
                    display: block;
                    width: 100%
                }
            }
        
            #hero .popup-wrapper .button-o,
            .popup-wrapper .button-o {
                background: none;
                border: 0.2rem solid #46b6ff;
                color: #46b6ff
            }
        
            #hero .popup-wrapper .form-wrap,
            .popup-wrapper .form-wrap {
                max-width: 36.8rem
            }
        
            #hero .popup-wrapper .form-wrap.coming-soon-wrap,
            .popup-wrapper .form-wrap.coming-soon-wrap {
                margin-left: 0;
                margin-top: 2.2rem
            }
        
            #hero .popup-wrapper .form-wrap.coming-soon-wrap .skip-interstitial-button,
            .popup-wrapper .form-wrap.coming-soon-wrap .skip-interstitial-button {
                display: none
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .form-wrap,
                .popup-wrapper .form-wrap {
                    max-width: none
                }
            }
        
            #hero .popup-wrapper .input-hold,
            .popup-wrapper .input-hold {
                margin-bottom: 1.7rem
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .input-hold,
                .popup-wrapper .input-hold {
                    margin-bottom: 1.8rem
                }
            }
        
            #hero .popup-wrapper .input-hold label,
            .popup-wrapper .input-hold label {
                font-size: 1.4rem;
                color: #273653;
                display: block;
                margin-bottom: 0.8rem;
                font-weight: 400;
                text-transform: none
            }
        
            #hero .popup-wrapper .input-hold input[type='email'],
            #hero .popup-wrapper .input-hold input[type='number'],
            #hero .popup-wrapper .input-hold input[type='password'],
            #hero .popup-wrapper .input-hold input[type='search'],
            #hero .popup-wrapper .input-hold input[type='tel'],
            #hero .popup-wrapper .input-hold input[type='text'],
            #hero .popup-wrapper .input-hold input[type='url'],
            #hero .popup-wrapper .input-hold input[type='color'],
            #hero .popup-wrapper .input-hold input[type='date'],
            #hero .popup-wrapper .input-hold input[type='month'],
            #hero .popup-wrapper .input-hold input[type='week'],
            #hero .popup-wrapper .input-hold input[type='datetime'],
            #hero .popup-wrapper .input-hold input[type='datetime-local'],
            #hero .popup-wrapper .input-hold textarea,
            .popup-wrapper .input-hold input[type='email'],
            .popup-wrapper .input-hold input[type='number'],
            .popup-wrapper .input-hold input[type='password'],
            .popup-wrapper .input-hold input[type='search'],
            .popup-wrapper .input-hold input[type='tel'],
            .popup-wrapper .input-hold input[type='text'],
            .popup-wrapper .input-hold input[type='url'],
            .popup-wrapper .input-hold input[type='color'],
            .popup-wrapper .input-hold input[type='date'],
            .popup-wrapper .input-hold input[type='month'],
            .popup-wrapper .input-hold input[type='week'],
            .popup-wrapper .input-hold input[type='datetime'],
            .popup-wrapper .input-hold input[type='datetime-local'],
            .popup-wrapper .input-hold textarea {
                width: 100%;
                padding: 1rem 1.6rem;
                font-size: 1.4rem;
                color: black;
                border-radius: 0.4rem;
                margin: 0;
                height: 4.8rem
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .input-hold input[type='email'],
                #hero .popup-wrapper .input-hold input[type='number'],
                #hero .popup-wrapper .input-hold input[type='password'],
                #hero .popup-wrapper .input-hold input[type='search'],
                #hero .popup-wrapper .input-hold input[type='tel'],
                #hero .popup-wrapper .input-hold input[type='text'],
                #hero .popup-wrapper .input-hold input[type='url'],
                #hero .popup-wrapper .input-hold input[type='color'],
                #hero .popup-wrapper .input-hold input[type='date'],
                #hero .popup-wrapper .input-hold input[type='month'],
                #hero .popup-wrapper .input-hold input[type='week'],
                #hero .popup-wrapper .input-hold input[type='datetime'],
                #hero .popup-wrapper .input-hold input[type='datetime-local'],
                #hero .popup-wrapper .input-hold textarea,
                .popup-wrapper .input-hold input[type='email'],
                .popup-wrapper .input-hold input[type='number'],
                .popup-wrapper .input-hold input[type='password'],
                .popup-wrapper .input-hold input[type='search'],
                .popup-wrapper .input-hold input[type='tel'],
                .popup-wrapper .input-hold input[type='text'],
                .popup-wrapper .input-hold input[type='url'],
                .popup-wrapper .input-hold input[type='color'],
                .popup-wrapper .input-hold input[type='date'],
                .popup-wrapper .input-hold input[type='month'],
                .popup-wrapper .input-hold input[type='week'],
                .popup-wrapper .input-hold input[type='datetime'],
                .popup-wrapper .input-hold input[type='datetime-local'],
                .popup-wrapper .input-hold textarea {
                    border-radius: 0.6rem
                }
            }
        
            #hero .popup-wrapper .input-hold.form-error input[type='email'],
            #hero .popup-wrapper .input-hold.form-error input[type='number'],
            #hero .popup-wrapper .input-hold.form-error input[type='password'],
            #hero .popup-wrapper .input-hold.form-error input[type='search'],
            #hero .popup-wrapper .input-hold.form-error input[type='tel'],
            #hero .popup-wrapper .input-hold.form-error input[type='text'],
            #hero .popup-wrapper .input-hold.form-error input[type='url'],
            #hero .popup-wrapper .input-hold.form-error input[type='color'],
            #hero .popup-wrapper .input-hold.form-error input[type='date'],
            #hero .popup-wrapper .input-hold.form-error input[type='month'],
            #hero .popup-wrapper .input-hold.form-error input[type='week'],
            #hero .popup-wrapper .input-hold.form-error input[type='datetime'],
            #hero .popup-wrapper .input-hold.form-error input[type='datetime-local'],
            #hero .popup-wrapper .input-hold.form-error textarea,
            .popup-wrapper .input-hold.form-error input[type='email'],
            .popup-wrapper .input-hold.form-error input[type='number'],
            .popup-wrapper .input-hold.form-error input[type='password'],
            .popup-wrapper .input-hold.form-error input[type='search'],
            .popup-wrapper .input-hold.form-error input[type='tel'],
            .popup-wrapper .input-hold.form-error input[type='text'],
            .popup-wrapper .input-hold.form-error input[type='url'],
            .popup-wrapper .input-hold.form-error input[type='color'],
            .popup-wrapper .input-hold.form-error input[type='date'],
            .popup-wrapper .input-hold.form-error input[type='month'],
            .popup-wrapper .input-hold.form-error input[type='week'],
            .popup-wrapper .input-hold.form-error input[type='datetime'],
            .popup-wrapper .input-hold.form-error input[type='datetime-local'],
            .popup-wrapper .input-hold.form-error textarea {
                border-color: #f7382d;
                color: #f7382d
            }
        
            #hero .popup-wrapper .input-hold .text-error,
            .popup-wrapper .input-hold .text-error {
                font-size: 1.2rem;
                color: #f7382d;
                display: block;
                padding: 0.3rem 0
            }
        
            #hero .popup-wrapper .popup,
            .popup-wrapper .popup {
                position: relative;
                border-radius: 0.8rem;
                overflow: hidden;
                max-width: 71.2rem;
                margin: 0 auto;
                background: white;
                color: #273653
            }
        
            #hero .popup-wrapper .popup .close,
            .popup-wrapper .popup .close {
                width: 1.8rem;
                height: 1.8rem;
                display: block;
                color: #273653;
                position: absolute;
                top: 2rem;
                right: 2rem
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .popup .close,
                .popup-wrapper .popup .close {
                    top: 2.5rem;
                    right: 2.5rem
                }
            }
        
            #hero .popup-wrapper .popup p,
            .popup-wrapper .popup p {
                text-shadow: none
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper,
            .popup-wrapper .intersitial-ux-flow-1-wrapper {
                padding: 6.4rem 2.3rem 3.5rem;
                font-size: 1.6rem;
                max-width: 71.2rem;
                margin: 0 auto
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .close,
            .popup-wrapper .intersitial-ux-flow-1-wrapper .close {
                width: 1.8rem;
                height: 1.8rem;
                display: block;
                color: #273653;
                position: absolute;
                top: 2.5rem;
                right: 2.5rem
            }
        
            @media (min-width: 767px) {
        
                #hero .popup-wrapper .intersitial-ux-flow-1-wrapper,
                .popup-wrapper .intersitial-ux-flow-1-wrapper {
                    position: relative
                }
        
                #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .form-wrap,
                .popup-wrapper .intersitial-ux-flow-1-wrapper .form-wrap {
                    margin-bottom: 13rem
                }
        
                #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns,
                .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns {
                    position: absolute;
                    right: 2.4rem;
                    bottom: 17rem
                }
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .intersitial-ux-flow-1-wrapper,
                .popup-wrapper .intersitial-ux-flow-1-wrapper {
                    padding: 4.8rem 1.6rem 3.2rem
                }
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .interstitial-wrap,
            .popup-wrapper .intersitial-ux-flow-1-wrapper .interstitial-wrap {
                margin: 0;
                width: auto
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .interstitial-wrap .form-wrap,
            .popup-wrapper .intersitial-ux-flow-1-wrapper .interstitial-wrap .form-wrap {
                max-width: 37.6rem
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .interstitial-wrap .form-wrap,
                .popup-wrapper .intersitial-ux-flow-1-wrapper .interstitial-wrap .form-wrap {
                    max-width: none
                }
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .terms-wrap,
            .popup-wrapper .intersitial-ux-flow-1-wrapper .terms-wrap {
                width: auto;
                margin: 0;
                text-align: left
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .terms-wrap p,
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .terms-wrap a,
            .popup-wrapper .intersitial-ux-flow-1-wrapper .terms-wrap p,
            .popup-wrapper .intersitial-ux-flow-1-wrapper .terms-wrap a {
                color: #8e929c;
                font-size: 1.2rem;
                line-height: 1.9rem;
                max-width: none;
                margin-bottom: 0
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .title,
            .popup-wrapper .intersitial-ux-flow-1-wrapper .title {
                margin-bottom: 2rem
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper h1,
            .popup-wrapper .intersitial-ux-flow-1-wrapper h1 {
                font-size: 2.4rem;
                letter-spacing: -0.06rem;
                margin-bottom: 1.4rem
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .intersitial-ux-flow-1-wrapper h1,
                .popup-wrapper .intersitial-ux-flow-1-wrapper h1 {
                    font-size: 2rem;
                    letter-spacing: -0.05rem
                }
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper p,
            .popup-wrapper .intersitial-ux-flow-1-wrapper p {
                margin-bottom: 1.5rem;
                max-width: 50rem
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .intersitial-ux-flow-1-wrapper p,
                .popup-wrapper .intersitial-ux-flow-1-wrapper p {
                    font-size: 1.4rem;
                    max-width: 28.5rem
                }
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns,
            .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns {
                display: flex;
                justify-content: flex-end;
                flex-wrap: wrap;
                margin-top: 4rem
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns,
                .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns {
                    margin: 3.2rem 0 4.1rem
                }
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns .button,
            .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns .button {
                line-height: 4.8rem;
                height: 4.8rem;
                border-radius: 0.6rem
            }
        
            #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns .skip-interstitial-button,
            .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns .skip-interstitial-button {
                order: -1;
                margin-right: 10px
            }
        
            @media (max-width: 767px) {
        
                #hero .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns .skip-interstitial-button,
                .popup-wrapper .intersitial-ux-flow-1-wrapper .action-btns .skip-interstitial-button {
                    order: 2;
                    margin-right: 0
                }
            }


/* custom css begins  */
.cta-wrap select:focus {
    outline: none;
}
.hero-cta-2 label {
    color: white;
    font-weight: 500;
    font-size: 14px;
}
.hero-cta-2 .mb_ac {
    z-index: 3;
    pointer-events: all !important;
}
.hero-cta-2 .error {
    background: transparent;
}
.hero-cta-2 input {
    padding-right: 2rem;
    pointer-events: all;
}
#hero-cta-2 #alt-number {
    padding-right: 170px !important;
}
.hero-cta-2 input[type="number"] {
    margin-bottom: 15px;
}
.hero-cta-2 .button {
    /* position: relative; */
    /* float: right; */
    /* right: 0; */
    pointer-events: all !important;
    margin-top: 1.5rem;
}
.price-range-label, .property-type-label {
    margin-top: 1.25rem;
}
.price-container, .property-details-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cta-wrap select {
    /* color: #c7cdd5; */
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 1.2rem;
}
.cta-wrap select:invalid {
    color: #c7cdd5;
}
.cta-wrap select option {
    color: black !important
}
.cta-wrap select::after {
    content: "";
    border-color: black transparent transparent;
    border-style: solid;
    border-width: 0.5rem 0.5rem 0.25rem;
    display: inline-block;
    position: relative;
    height: 0;
    width: 0;
}
.cta-wrap .property-details-container select {
    padding-right: 5rem;
    min-width: 200px;
}

@media only screen and (max-width: 900px) {
    .cta-wrap .max-price-select {
        margin-top: 1.25rem;
    }
}
@media only screen and (max-width: 768px) {
    .property-details-container {
        flex-wrap: wrap;
    }
    .bed-type-container select, .bathroom-details-container select {
        margin-top: 1.25rem;
    }
    .cta-wrap .max-price-select {
        margin-top: 0;
    }
    .max-price-container, .min-price-container {
        width: 47%;
        position: relative
    }
    .price-container select {
        padding-right: 2rem;
        width: 100%;
    }
    .cta-wrap input, .cta-wrap select {
        height: 4.5rem;
    }
    .bed-type-container, .bathroom-details-container {
        /* display: inline-block; */
        width: 49%;
    }
    .bed-type-container select, .bathroom-details-container select {
        padding-right: 1rem !important;
        min-width: 170px !important;
    }
    .property-type-container {
        width: 100%;
    }
}

/* select option {
    border-bottom: 0.1rem solid #f3f3f3;
    margin: 0;
    padding: 0.7rem 1.5rem;
    cursor: pointer;
    font-size: 1.3rem;
} */

/* google maps css */
#pano {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    filter: brightness(0.5);
    transition: all 0.5s ease-in;
}

body.no-map #pano {
    opacity: 0 !important;
}