/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html
{
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body
{
    margin: 0;
}

main
{
    display: block;
}

h1
{
    font-size: 2em;
    margin: .67em 0;
}

hr
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre
{
    font-family: monospace,monospace;
    font-size: 1em;
}

a
{
    background-color: transparent;
}

abbr[title]
{
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b, strong
{
    font-weight: bolder;
}

code, kbd, samp
{
    font-family: monospace,monospace;
    font-size: 1em;
}

small
{
    font-size: 80%;
}

sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub
{
    bottom: -.25em;
}

sup
{
    top: -.5em;
}

img
{
    border-style: none;
}

button, input, optgroup, select, textarea
{
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button, input
{
    overflow: visible;
}

button, select
{
    text-transform: none;
}

[type=button], [type=reset], [type=submit], button
{
    -webkit-appearance: button;
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner
    {
        border-style: none;
        padding: 0;
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring
    {
        outline: 1px dotted ButtonText;
    }

fieldset
{
    padding: .35em .75em .625em;
}

legend
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress
{
    vertical-align: baseline;
}

textarea
{
    overflow: auto;
}

[type=checkbox], [type=radio]
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
{
    height: auto;
}

[type=search]
{
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type=search]::-webkit-search-decoration
    {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button
{
    -webkit-appearance: button;
    font: inherit;
}

details
{
    display: block;
}

summary
{
    display: list-item;
}

[hidden], template
{
    display: none;
}

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

.row
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
}

    .row, .row.reverse
    {
        -moz-box-orient: horizontal;
    }

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

        .col.reverse, .row.reverse
        {
            -moz-box-direction: reverse;
        }

.col.reverse
{
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    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
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-12
{
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 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-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    text-align: start;
}

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

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

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

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

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

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

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

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

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

@media only screen and (min-width:48em)
{
    .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
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-12
    {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 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-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

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

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

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

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

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

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

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

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

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

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

    .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
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-12
    {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 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-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

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

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

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

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

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

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

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

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

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

@media only screen and (min-width:75em)
{
    .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
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-lg-12
    {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 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-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

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

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

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

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

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

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

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

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

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

.swiper-container
{
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide
{
    float: left;
}

.swiper-container-vertical > .swiper-wrapper
{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
}

.swiper-wrapper
{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform,-o-transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper
{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper-container-multirow > .swiper-wrapper
{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper
{
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide
{
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform,-o-transform;
    transition-property: transform,-webkit-transform;
}

.swiper-slide-invisible-blank
{
    visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide
{
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper
    {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -moz-box-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        -o-transition-property: transform,height;
        -o-transition-property: height,-o-transform;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform,-o-transform;
        transition-property: transform,height,-webkit-transform;
    }

.swiper-container-3d
{
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper
    {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left
    {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
        background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent);
    }

    .swiper-container-3d .swiper-slide-shadow-right
    {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
        background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent);
    }

    .swiper-container-3d .swiper-slide-shadow-top
    {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
        background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent);
    }

    .swiper-container-3d .swiper-slide-shadow-bottom
    {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
        background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent);
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper
{
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper
{
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev
{
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat;
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled
    {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E");
}

.swiper-button-lock
{
    display: none;
}

.swiper-pagination
{
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden
    {
        opacity: 0;
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction
{
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic
{
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet
    {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        -o-transform: scale(.33);
        transform: scale(.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev
    {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        -o-transform: scale(.66);
        transform: scale(.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev
    {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        -o-transform: scale(.33);
        transform: scale(.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next
    {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        -o-transform: scale(.66);
        transform: scale(.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next
    {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        -o-transform: scale(.33);
        transform: scale(.33);
    }

.swiper-pagination-bullet
{
    width: 8px;
    height: 8px;
    display: inline-block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet
{
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet
{
    cursor: pointer;
}

.swiper-pagination-bullet-active
{
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets
{
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet
    {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
        {
            display: inline-block;
            -webkit-transition: top .2s,-webkit-transform .2s;
            transition: top .2s,-webkit-transform .2s;
            -o-transition: .2s transform,.2s top;
            -o-transition: .2s top,.2s -o-transform;
            transition: transform .2s,top .2s;
            transition: transform .2s,top .2s,-webkit-transform .2s,-o-transform .2s;
            transition: transform .2s,top .2s,-webkit-transform .2s;
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
    {
        -webkit-transition: left .2s,-webkit-transform .2s;
        transition: left .2s,-webkit-transform .2s;
        -o-transition: .2s transform,.2s left;
        -o-transition: .2s left,.2s -o-transform;
        transition: transform .2s,left .2s;
        transition: transform .2s,left .2s,-webkit-transform .2s,-o-transform .2s;
        transition: transform .2s,left .2s,-webkit-transform .2s;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: right .2s,-webkit-transform .2s;
    -o-transition: .2s transform,.2s right;
    -o-transition: .2s right,.2s -o-transform;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s,-o-transform .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s;
}

.swiper-pagination-progressbar
{
    background: rgba(0,0,0,.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
    {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar
    {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-white .swiper-pagination-bullet-active
{
    background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white
{
    background: hsla(0,0%,100%,.25);
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill
    {
        background: #fff;
    }

.swiper-pagination-black .swiper-pagination-bullet-active
{
    background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black
{
    background: rgba(0,0,0,.25);
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill
    {
        background: #000;
    }

.swiper-pagination-lock
{
    display: none;
}

.swiper-scrollbar
{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1);
}

.swiper-container-horizontal > .swiper-scrollbar
{
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar
{
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag
{
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag
{
    cursor: move;
}

.swiper-scrollbar-lock
{
    display: none;
}

.swiper-zoom-container
{
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg
    {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.swiper-slide-zoomed
{
    cursor: move;
}

.swiper-lazy-preloader
{
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    -o-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite;
}

    .swiper-lazy-preloader:after
    {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
        background-position: 50%;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
}

@-webkit-keyframes swiper-preloader-spin
{
    to
    {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@-o-keyframes swiper-preloader-spin
{
    to
    {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes swiper-preloader-spin
{
    to
    {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.swiper-container .swiper-notification
{
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide
{
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide
{
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide
    {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}

.swiper-container-cube
{
    overflow: visible;
}

    .swiper-container-cube .swiper-slide
    {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

        .swiper-container-cube .swiper-slide .swiper-slide
        {
            pointer-events: none;
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide
    {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active
    {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev
    {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top
    {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-container-cube .swiper-cube-shadow
    {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0;
    }

.swiper-container-flip
{
    overflow: visible;
}

    .swiper-container-flip .swiper-slide
    {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-flip .swiper-slide .swiper-slide
        {
            pointer-events: none;
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active
    {
        pointer-events: auto;
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top
    {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.swiper-container-coverflow .swiper-wrapper
{
    -ms-perspective: 1200px;
}

.ss-wrapper
{
    overflow: hidden;
    width: 100%;
    z-index: 1;
    float: left;
}

.ss-content, .ss-wrapper
{
    height: 100%;
    position: relative;
}

.ss-content
{
    padding: 0;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .ss-content, .ss-content.rtl
    {
        width: -webkit-calc(100% + 18px);
        width: calc(100% + 18px);
    }

        .ss-content.rtl
        {
            right: auto;
        }

.ss-scroll
{
    position: relative;
    background: rgba(0,0,0,.1);
    width: 9px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    top: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear;
}

.ss-hidden
{
    display: none;
}

.ss-container:active .ss-scroll, .ss-container:hover .ss-scroll
{
    opacity: 1;
}

.ss-grabbed
{
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow
{
    margin-left: -8px;
    position: absolute;
}

    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before
    {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        position: absolute;
        border: 8px solid transparent;
        height: 0;
        width: 1px;
    }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before
        {
            content: "";
            z-index: -1;
            border-width: 8px;
            left: -8px;
            border-bottom-color: #aeaeae;
        }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle
{
    top: 0;
    margin-top: -8px;
}

    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before
    {
        border-top: none;
        border-bottom-color: #f0f0f0;
    }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before
        {
            top: -1px;
            border-bottom-color: #aeaeae;
        }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow
{
    bottom: 0;
    margin-bottom: -8px;
}

    .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before
    {
        border-bottom: none;
        border-top-color: #fff;
    }

        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before
        {
            bottom: -1px;
            border-top-color: #aeaeae;
        }

.react-datepicker, .react-datepicker-wrapper
{
    display: inline-block;
}

.react-datepicker
{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle
{
    left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container
{
    border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box
{
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
}

.react-datepicker__triangle
{
    position: absolute;
    left: 50px;
}

.react-datepicker-popper
{
    z-index: 1;
}

    .react-datepicker-popper[data-placement^=bottom]
    {
        margin-top: 10px;
    }

    .react-datepicker-popper[data-placement^=top]
    {
        margin-bottom: 10px;
    }

    .react-datepicker-popper[data-placement^=right]
    {
        margin-left: 8px;
    }

        .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle
        {
            left: auto;
            right: 42px;
        }

    .react-datepicker-popper[data-placement^=left]
    {
        margin-right: 8px;
    }

        .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle
        {
            left: 42px;
            right: auto;
        }

.react-datepicker__header
{
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    -webkit-border-top-left-radius: .3rem;
    border-top-left-radius: .3rem;
    -webkit-border-top-right-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position: relative;
}

.react-datepicker__header--time
{
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select
{
    display: inline-block;
    margin: 0 2px;
}

.react-datepicker-time__header, .react-datepicker-year-header, .react-datepicker__current-month
{
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem;
}

.react-datepicker-time__header
{
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.react-datepicker__navigation
{
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: .45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
}

.react-datepicker__navigation--previous
{
    left: 10px;
    border-right-color: #ccc;
}

    .react-datepicker__navigation--previous:hover
    {
        border-right-color: #b3b3b3;
    }

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover
{
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--next
{
    right: 10px;
    border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button)
{
    right: 80px;
}

.react-datepicker__navigation--next:hover
{
    border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover
{
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--years
{
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__navigation--years-previous
{
    top: 4px;
    border-top-color: #ccc;
}

    .react-datepicker__navigation--years-previous:hover
    {
        border-top-color: #b3b3b3;
    }

.react-datepicker__navigation--years-upcoming
{
    top: -4px;
    border-bottom-color: #ccc;
}

    .react-datepicker__navigation--years-upcoming:hover
    {
        border-bottom-color: #b3b3b3;
    }

.react-datepicker__month-container
{
    float: left;
}

.react-datepicker__month
{
    margin: .4rem;
    text-align: center;
}

    .react-datepicker__month .react-datepicker__month-text
    {
        display: inline-block;
        width: 4rem;
        margin: 2px;
    }

.react-datepicker__input-time-container
{
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
}

    .react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container
    {
        display: inline-block;
    }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input
        {
            display: inline-block;
            margin-left: 10px;
        }

            .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input
            {
                width: 85px;
            }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button
                {
                    -webkit-appearance: none;
                    margin: 0;
                }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]
                {
                    -moz-appearance: textfield;
                }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter
        {
            margin-left: 5px;
            display: inline-block;
        }

.react-datepicker__time-container
{
    float: right;
    border-left: 1px solid #aeaeae;
    width: 70px;
}

.react-datepicker__time-container--with-today-button
{
    display: inline;
    border: 1px solid #aeaeae;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    position: absolute;
    right: -72px;
    top: 0;
}

.react-datepicker__time-container .react-datepicker__time
{
    position: relative;
    background: #fff;
}

    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box
    {
        width: 70px;
        overflow-x: hidden;
        margin: 0 auto;
        text-align: center;
    }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list
        {
            list-style: none;
            margin: 0;
            height: -webkit-calc(195px + 0.85rem);
            height: calc(195px + 0.85rem);
            overflow-y: scroll;
            padding-right: 0;
            padding-left: 0;
            width: 100%;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item
            {
                height: 30px;
                padding: 5px 10px;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover
                {
                    cursor: pointer;
                    background-color: #f0f0f0;
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected
            {
                background-color: #216ba5;
                color: #fff;
                font-weight: 700;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover
                {
                    background-color: #216ba5;
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled
            {
                color: #ccc;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover
                {
                    cursor: default;
                    background-color: transparent;
                }

.react-datepicker__week-number
{
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem;
}

    .react-datepicker__week-number.react-datepicker__week-number--clickable
    {
        cursor: pointer;
    }

        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover
        {
            -webkit-border-radius: .3rem;
            border-radius: .3rem;
            background-color: #f0f0f0;
        }

.react-datepicker__day-names, .react-datepicker__week
{
    white-space: nowrap;
}

.react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name
{
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem;
}

.react-datepicker__month--in-range, .react-datepicker__month--in-selecting-range, .react-datepicker__month--selected
{
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff;
}

    .react-datepicker__month--in-range:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--selected:hover
    {
        background-color: #1d5d90;
    }

.react-datepicker__month--disabled
{
    color: #ccc;
    pointer-events: none;
}

    .react-datepicker__month--disabled:hover
    {
        cursor: default;
        background-color: transparent;
    }

.react-datepicker__day, .react-datepicker__month-text
{
    cursor: pointer;
}

    .react-datepicker__day:hover, .react-datepicker__month-text:hover
    {
        -webkit-border-radius: .3rem;
        border-radius: .3rem;
        background-color: #f0f0f0;
    }

.react-datepicker__day--today, .react-datepicker__month-text--today
{
    font-weight: 700;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted
{
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff;
}

    .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover
    {
        background-color: #32be3f;
    }

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1
{
    color: #f0f;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2
{
    color: green;
}

.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected, .react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--selected
{
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff;
}

    .react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--selected:hover
    {
        background-color: #1d5d90;
    }

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected
{
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #2a87d0;
    color: #fff;
}

    .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover
    {
        background-color: #1d5d90;
    }

.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range
{
    background-color: rgba(33,107,165,.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range
{
    background-color: #f0f0f0;
    color: #000;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled
{
    cursor: default;
    color: #ccc;
}

    .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover
    {
        background-color: transparent;
    }

.react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__month--selected:hover
{
    background-color: #216ba5;
}

.react-datepicker__month-text:hover
{
    background-color: #f0f0f0;
}

.react-datepicker__input-container
{
    position: relative;
    display: inline-block;
}

.react-datepicker__month-read-view, .react-datepicker__month-year-read-view, .react-datepicker__year-read-view
{
    border: 1px solid transparent;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
}

    .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover, .react-datepicker__year-read-view:hover
    {
        cursor: pointer;
    }

        .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow
        {
            border-top-color: #b3b3b3;
        }

.react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow
{
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: .45rem;
}

.react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown, .react-datepicker__year-dropdown
{
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    border: 1px solid #aeaeae;
}

    .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover, .react-datepicker__year-dropdown:hover
    {
        cursor: pointer;
    }

.react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable, .react-datepicker__year-dropdown--scrollable
{
    height: 150px;
    overflow-y: scroll;
}

.react-datepicker__month-option, .react-datepicker__month-year-option, .react-datepicker__year-option
{
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type, .react-datepicker__year-option:first-of-type
    {
        -webkit-border-top-left-radius: .3rem;
        border-top-left-radius: .3rem;
        -webkit-border-top-right-radius: .3rem;
        border-top-right-radius: .3rem;
    }

    .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type, .react-datepicker__year-option:last-of-type
    {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-border-bottom-left-radius: .3rem;
        border-bottom-left-radius: .3rem;
        -webkit-border-bottom-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }

    .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover, .react-datepicker__year-option:hover
    {
        background-color: #ccc;
    }

        .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming
        {
            border-bottom-color: #b3b3b3;
        }

        .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous
        {
            border-top-color: #b3b3b3;
        }

.react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected, .react-datepicker__year-option--selected
{
    position: absolute;
    left: 15px;
}

.react-datepicker__close-icon
{
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    vertical-align: middle;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 25%;
    right: 7px;
}

    .react-datepicker__close-icon:after
    {
        background-color: #216ba5;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        content: "\D7";
        cursor: pointer;
        font-size: 12px;
        height: 16px;
        width: 16px;
        line-height: 1;
        margin: -8px auto 0;
        padding: 2px;
        position: absolute;
        right: 0;
        text-align: center;
    }

.react-datepicker__today-button
{
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left;
}

.react-datepicker__portal
{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2147483647;
}

    .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name
    {
        width: 3rem;
        line-height: 3rem;
    }

@media (max-height:550px),(max-width:400px)
{
    .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name
    {
        width: 2rem;
        line-height: 2rem;
    }
}

.react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month
{
    font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation
{
    border: .81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous
{
    border-right-color: #ccc;
}

    .react-datepicker__portal .react-datepicker__navigation--previous:hover
    {
        border-right-color: #b3b3b3;
    }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover
{
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next
{
    border-left-color: #ccc;
}

    .react-datepicker__portal .react-datepicker__navigation--next:hover
    {
        border-left-color: #b3b3b3;
    }

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover
{
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow
{
    margin-left: -8px;
    position: absolute;
}

    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before
    {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        position: absolute;
        border: 8px solid transparent;
        height: 0;
        width: 1px;
    }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before
        {
            content: "";
            z-index: -1;
            border-width: 8px;
            left: -8px;
            border-bottom-color: #aeaeae;
        }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle
{
    top: 0;
    margin-top: -8px;
}

    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before
    {
        border-top: none;
        border-bottom-color: #f0f0f0;
    }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before
        {
            top: -1px;
            border-bottom-color: #aeaeae;
        }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow
{
    bottom: 0;
    margin-bottom: -8px;
}

    .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before
    {
        border-bottom: none;
        border-top-color: #fff;
    }

        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before
        {
            bottom: -1px;
            border-top-color: #aeaeae;
        }

.react-datepicker, .react-datepicker-wrapper
{
    display: inline-block;
}

.react-datepicker
{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle
{
    left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container
{
    border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box
{
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
}

.react-datepicker__triangle
{
    position: absolute;
    left: 50px;
}

.react-datepicker-popper
{
    z-index: 1;
}

    .react-datepicker-popper[data-placement^=bottom]
    {
        margin-top: 10px;
    }

    .react-datepicker-popper[data-placement^=top]
    {
        margin-bottom: 10px;
    }

    .react-datepicker-popper[data-placement^=right]
    {
        margin-left: 8px;
    }

        .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle
        {
            left: auto;
            right: 42px;
        }

    .react-datepicker-popper[data-placement^=left]
    {
        margin-right: 8px;
    }

        .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle
        {
            left: 42px;
            right: auto;
        }

.react-datepicker__header
{
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    -webkit-border-top-left-radius: .3rem;
    border-top-left-radius: .3rem;
    -webkit-border-top-right-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position: relative;
}

.react-datepicker__header--time
{
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select
{
    display: inline-block;
    margin: 0 2px;
}

.react-datepicker-time__header, .react-datepicker-year-header, .react-datepicker__current-month
{
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem;
}

.react-datepicker-time__header
{
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.react-datepicker__navigation
{
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: .45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
}

.react-datepicker__navigation--previous
{
    left: 10px;
    border-right-color: #ccc;
}

    .react-datepicker__navigation--previous:hover
    {
        border-right-color: #b3b3b3;
    }

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover
{
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--next
{
    right: 10px;
    border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time
{
    right: 80px;
}

.react-datepicker__navigation--next:hover
{
    border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover
{
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--years
{
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__navigation--years-previous
{
    top: 4px;
    border-top-color: #ccc;
}

    .react-datepicker__navigation--years-previous:hover
    {
        border-top-color: #b3b3b3;
    }

.react-datepicker__navigation--years-upcoming
{
    top: -4px;
    border-bottom-color: #ccc;
}

    .react-datepicker__navigation--years-upcoming:hover
    {
        border-bottom-color: #b3b3b3;
    }

.react-datepicker__month-container
{
    float: left;
}

.react-datepicker__month
{
    margin: .4rem;
    text-align: center;
}

    .react-datepicker__month .react-datepicker__month-text
    {
        display: inline-block;
        width: 4rem;
        margin: 2px;
    }

.react-datepicker__input-time-container
{
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
}

    .react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container
    {
        display: inline-block;
    }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input
        {
            display: inline-block;
            margin-left: 10px;
        }

            .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input
            {
                width: 85px;
            }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button
                {
                    -webkit-appearance: none;
                    margin: 0;
                }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]
                {
                    -moz-appearance: textfield;
                }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter
        {
            margin-left: 5px;
            display: inline-block;
        }

.react-datepicker__time-container
{
    float: right;
    border-left: 1px solid #aeaeae;
    width: 70px;
}

.react-datepicker__time-container--with-today-button
{
    display: inline;
    border: 1px solid #aeaeae;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    position: absolute;
    right: -72px;
    top: 0;
}

.react-datepicker__time-container .react-datepicker__time
{
    position: relative;
    background: #fff;
}

    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box
    {
        width: 70px;
        overflow-x: hidden;
        margin: 0 auto;
        text-align: center;
    }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list
        {
            list-style: none;
            margin: 0;
            height: -webkit-calc(195px + 0.85rem);
            height: calc(195px + 0.85rem);
            overflow-y: scroll;
            padding-right: 0;
            padding-left: 0;
            width: 100%;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item
            {
                height: 30px;
                padding: 5px 10px;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover
                {
                    cursor: pointer;
                    background-color: #f0f0f0;
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected
            {
                background-color: #216ba5;
                color: #fff;
                font-weight: 700;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover
                {
                    background-color: #216ba5;
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled
            {
                color: #ccc;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover
                {
                    cursor: default;
                    background-color: transparent;
                }

.react-datepicker__week-number
{
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem;
}

    .react-datepicker__week-number.react-datepicker__week-number--clickable
    {
        cursor: pointer;
    }

        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover
        {
            -webkit-border-radius: .3rem;
            border-radius: .3rem;
            background-color: #f0f0f0;
        }

.react-datepicker__day-names, .react-datepicker__week
{
    white-space: nowrap;
}

.react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name
{
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem;
}

.react-datepicker__month--in-range, .react-datepicker__month--in-selecting-range, .react-datepicker__month--selected
{
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff;
}

    .react-datepicker__month--in-range:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--selected:hover
    {
        background-color: #1d5d90;
    }

.react-datepicker__month--disabled
{
    color: #ccc;
    pointer-events: none;
}

    .react-datepicker__month--disabled:hover
    {
        cursor: default;
        background-color: transparent;
    }

.react-datepicker__day, .react-datepicker__month-text
{
    cursor: pointer;
}

    .react-datepicker__day:hover, .react-datepicker__month-text:hover
    {
        -webkit-border-radius: .3rem;
        border-radius: .3rem;
        background-color: #f0f0f0;
    }

.react-datepicker__day--today, .react-datepicker__month-text--today
{
    font-weight: 700;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted
{
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff;
}

    .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover
    {
        background-color: #32be3f;
    }

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1
{
    color: #f0f;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2
{
    color: green;
}

.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected, .react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--selected
{
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff;
}

    .react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--selected:hover
    {
        background-color: #1d5d90;
    }

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected
{
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #2a87d0;
    color: #fff;
}

    .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover
    {
        background-color: #1d5d90;
    }

.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range
{
    background-color: rgba(33,107,165,.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range
{
    background-color: #f0f0f0;
    color: #000;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled
{
    cursor: default;
    color: #ccc;
}

    .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover
    {
        background-color: transparent;
    }

.react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__month--selected:hover
{
    background-color: #216ba5;
}

.react-datepicker__month-text:hover
{
    background-color: #f0f0f0;
}

.react-datepicker__input-container
{
    position: relative;
    display: inline-block;
}

.react-datepicker__month-read-view, .react-datepicker__month-year-read-view, .react-datepicker__year-read-view
{
    border: 1px solid transparent;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
}

    .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover, .react-datepicker__year-read-view:hover
    {
        cursor: pointer;
    }

        .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow
        {
            border-top-color: #b3b3b3;
        }

.react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow
{
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: .45rem;
}

.react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown, .react-datepicker__year-dropdown
{
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    border: 1px solid #aeaeae;
}

    .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover, .react-datepicker__year-dropdown:hover
    {
        cursor: pointer;
    }

.react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable, .react-datepicker__year-dropdown--scrollable
{
    height: 150px;
    overflow-y: scroll;
}

.react-datepicker__month-option, .react-datepicker__month-year-option, .react-datepicker__year-option
{
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type, .react-datepicker__year-option:first-of-type
    {
        -webkit-border-top-left-radius: .3rem;
        border-top-left-radius: .3rem;
        -webkit-border-top-right-radius: .3rem;
        border-top-right-radius: .3rem;
    }

    .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type, .react-datepicker__year-option:last-of-type
    {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-border-bottom-left-radius: .3rem;
        border-bottom-left-radius: .3rem;
        -webkit-border-bottom-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }

    .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover, .react-datepicker__year-option:hover
    {
        background-color: #ccc;
    }

        .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming
        {
            border-bottom-color: #b3b3b3;
        }

        .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous
        {
            border-top-color: #b3b3b3;
        }

.react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected, .react-datepicker__year-option--selected
{
    position: absolute;
    left: 15px;
}

.react-datepicker__close-icon
{
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    vertical-align: middle;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 25%;
    right: 7px;
}

    .react-datepicker__close-icon:after
    {
        background-color: #216ba5;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        content: "\D7";
        cursor: pointer;
        font-size: 12px;
        height: 16px;
        width: 16px;
        line-height: 1;
        margin: -8px auto 0;
        padding: 2px;
        position: absolute;
        right: 0;
        text-align: center;
    }

.react-datepicker__today-button
{
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left;
}

.react-datepicker__portal
{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2147483647;
}

    .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name
    {
        width: 3rem;
        line-height: 3rem;
    }

@media (max-height:550px),(max-width:400px)
{
    .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name
    {
        width: 2rem;
        line-height: 2rem;
    }
}

.react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month
{
    font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation
{
    border: .81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous
{
    border-right-color: #ccc;
}

    .react-datepicker__portal .react-datepicker__navigation--previous:hover
    {
        border-right-color: #b3b3b3;
    }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover
{
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next
{
    border-left-color: #ccc;
}

    .react-datepicker__portal .react-datepicker__navigation--next:hover
    {
        border-left-color: #b3b3b3;
    }

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover
{
    border-left-color: #e6e6e6;
    cursor: default;
}

.e-form-header__title, .e-h1, .e-h1--large, .e-h2, .e-h3, .e-h4, .e-h5, .e-p1, .e-p2, .e-p3, .e-p4, .e-p5, .e-p6, .s-recommendation .c-accordion-section__label
{
    margin: 0;
}

.e-form-header__title, .e-h1, .e-h1--large, .e-h2, .e-h3, .e-h4, .e-h5
{
    line-height: 1;
}

.e-h1
{
    font-size: 27px;
}

.e-form-header__title, .e-h1--large
{
    font-size: 38px;
    line-height: 34px;
}

.e-h2
{
    font-size: 26px;
    line-height: 28px;
}

.e-h3
{
    font-size: 24px;
}

.e-h4
{
    font-size: 22px;
    line-height: 24px;
}

.e-p1
{
    font-size: 20px;
    line-height: 26px;
}

.e-p2, .s-recommendation .c-accordion-section__label
{
    font-size: 18px;
    line-height: 22px;
}

    .e-p2.e-p2--title, .s-recommendation .e-p2--title.c-accordion-section__label
    {
        line-height: 20px;
    }

.e-p3
{
    line-height: 22px;
}

.e-p3, .e-p4
{
    font-size: 16px;
}

.e-p4
{
    line-height: 20px;
}

.e-p5
{
    font-size: 14px;
    line-height: 17px;
}

.e-p6
{
    font-size: 12px;
    line-height: 15px;
}

.e-text-center
{
    text-align: center;
}

.e-text-right
{
    text-align: right;
}

.e-text-left
{
    text-align: left;
}

.e-text-regular
{
    font-family: fs_joeyregular;
    font-weight: 400;
    margin: 0;
}

.e-text-bold
{
    font-family: fs_joeybold;
    font-weight: 700;
    margin: 0;
}

.e-form-header__title, .e-text-light
{
    font-family: fs_joeylight;
    font-weight: 300;
    margin: 0;
}

.e-text-medium, .s-faq .c-accordion-section__label, .s-recommendation .c-accordion-section__label
{
    font-family: fs_joeymedium;
    font-weight: 500;
    margin: 0;
}

.br-mobile
{
    display: block;
}

.br-desktop
{
    display: none;
}

@media screen and (min-width:375px)
{
    .e-h1
    {
        font-size: 30px;
        line-height: 32px;
    }

    .e-form-header__title, .e-h1--large
    {
        font-size: 44px;
        line-height: 40px;
    }

    .e-h4
    {
        font-size: 22px;
        line-height: 26px;
    }
}

@media screen and (min-width:768px)
{
    .e-h1
    {
        font-size: 44px;
        line-height: 1;
    }

    .e-form-header__title, .e-h1--large
    {
        font-size: 58px;
        line-height: 54px;
    }

    .e-h2
    {
        font-size: 36px;
        line-height: 38px;
    }

        .e-h2.e-h2--lineal-2
        {
            font-size: 28px;
        }

        .e-h2.e-h2--lineal-4
        {
            font-size: 30px;
            line-height: 32px;
        }

    .e-h3
    {
        font-size: 30px;
    }

    .e-h4
    {
        font-size: 24px;
        line-height: 26px;
    }

    .e-h5
    {
        font-size: 20px;
    }
}

@media screen and (min-width:960px)
{
    .e-p1
    {
        font-size: 22px;
        line-height: 24px;
    }

    .e-p2, .s-recommendation .c-accordion-section__label
    {
        font-size: 20px;
        line-height: 26px;
    }

        .e-p2.e-p2--title, .s-recommendation .e-p2--title.c-accordion-section__label
        {
            line-height: 22px;
        }

    .e-p3
    {
        line-height: 24px;
    }

    .e-p3, .e-p4
    {
        font-size: 18px;
    }

    .e-p4
    {
        line-height: 22px;
    }

    .e-p5
    {
        font-size: 16px;
        line-height: 20px;
    }

    .e-p6
    {
        font-size: 14px;
        line-height: 18px;
    }
}

@media screen and (min-width:1024px)
{
    .br-mobile
    {
        display: none;
    }

    .br-desktop
    {
        display: block;
    }
}

@media screen and (min-width:1200px)
{
    .e-h1
    {
        font-size: 58px;
    }

    .e-form-header__title, .e-h1--large
    {
        font-size: 70px;
        line-height: 64px;
    }

    .e-h2
    {
        font-size: 48px;
        line-height: 48px;
    }

        .e-h2.e-h2--lineal-2
        {
            font-size: 30px;
        }

        .e-h2.e-h2--lineal-4
        {
            font-size: 34px;
            line-height: 36px;
        }

    .e-h3
    {
        font-size: 40px;
    }

    .e-h4
    {
        font-size: 32px;
        line-height: 34px;
    }

        .e-h4.e-h4--lineal-2
        {
            font-size: 26px;
            line-height: 28px;
        }

    .e-h5
    {
        font-size: 26px;
    }

    .e-p1
    {
        font-size: 24px;
        line-height: 30px;
    }

    .e-p2, .s-recommendation .c-accordion-section__label
    {
        font-size: 22px;
        line-height: 25px;
    }

        .e-p2.e-p2--lineal-1-5, .s-recommendation .e-p2--lineal-1-5.c-accordion-section__label
        {
            font-size: 19.5px;
            line-height: 26px;
        }

        .e-p2.e-p2--title, .s-recommendation .e-p2--title.c-accordion-section__label
        {
            line-height: 24px;
        }

    .e-p3
    {
        font-size: 20px;
        line-height: 26px;
    }
}

@media screen and (min-width:1600px)
{
    .e-h1
    {
        font-size: 72px;
    }

    .e-form-header__title, .e-h1--large
    {
        font-size: 84px;
        line-height: 76px;
    }

    .e-h2
    {
        font-size: 60px;
        line-height: 62px;
    }

        .e-h2.e-h2--lineal-2
        {
            font-size: 32px;
        }

        .e-h2.e-h2--lineal-4
        {
            font-size: 38px;
            line-height: 40px;
        }

    .e-h3
    {
        font-size: 52px;
    }

    .e-h4
    {
        font-size: 44px;
        line-height: 46px;
    }

        .e-h4.e-h4--lineal-2
        {
            font-size: 28px;
        }

    .e-h5
    {
        font-size: 36px;
    }

    .e-p1
    {
        font-size: 28px;
        line-height: 34px;
    }

    .e-p2, .s-recommendation .c-accordion-section__label
    {
        font-size: 24px;
        line-height: 28px;
    }

        .e-p2.e-p2--lineal-1-5, .s-recommendation .e-p2--lineal-1-5.c-accordion-section__label
        {
            font-size: 21px;
        }

        .e-p2.e-p2--title, .s-recommendation .e-p2--title.c-accordion-section__label
        {
            line-height: 26px;
        }

    .e-p3
    {
        font-size: 22px;
    }

    .e-p4
    {
        font-size: 20px;
        line-height: 24px;
    }

    .e-p5
    {
        font-size: 18px;
    }

    .e-p6
    {
        font-size: 16px;
    }
}

.e-container
{
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 0 auto;
}

@media screen and (min-width:375px)
{
    .e-container
    {
        max-width: 90%;
    }
}

@media screen and (min-width:960px)
{
    .e-container
    {
        width: 85%;
        max-width: 85%;
    }
}

@media screen and (min-width:1024px)
{
    .e-container
    {
        max-width: 1024px;
    }
}

@media screen and (min-width:1200px)
{
    .e-container.e-container--large
    {
        max-width: 1160px;
        width: 100%;
    }
}

@media screen and (min-width:1366px)
{
    .e-container.e-container--large
    {
        max-width: 1200px;
    }
}

@media screen and (min-width:1600px)
{
    .e-container
    {
        max-width: 1200px;
    }

        .e-container.e-container--large
        {
            max-width: 1350px;
        }
}

@media screen and (min-width:1920px)
{
    .e-container
    {
        max-width: 1400px;
    }

        .e-container.e-container--large
        {
            max-width: 1500px;
        }
}

.e-button
{
    background: #ffe946;
    border: 2px solid transparent;
    color: #0057c2;
    font-size: 18px;
    line-height: 21px;
    padding: 10px 30px;
    cursor: pointer;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    display: inline-block;
    font-family: fs_joeymedium;
    font-weight: 500;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

    .e-button:hover
    {
        background: #fce117;
    }

    .e-button.e-button--icon-left
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .e-button.e-button--icon-left svg
        {
            height: 14px;
            padding-right: 12px;
            fill: #0057c2;
        }

    .e-button.e-button--flat
    {
        background: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        cursor: pointer;
        font-size: 18px;
        padding: 0;
    }

    .e-button.e-button--large
    {
        padding: 15px 40px;
    }

    .e-button.e-button--small
    {
        padding: 7px 10px;
        line-height: 17px;
        font-size: 14px;
    }

    .e-button.e-button--blue-transparent
    {
        color: #0057c2;
        background: transparent;
        border: 2px solid #0057c2;
    }

        .e-button.e-button--blue-transparent:hover
        {
            color: #fff;
            background: #0057c2;
        }

    .e-button.e-button--gray-transparent
    {
        background: transparent;
        border: 2px solid rgba(0,86,198,.12);
    }

        .e-button.e-button--gray-transparent[disabled]
        {
            border: 2px solid #e2e2e2;
            color: #e2e2e2;
            background: transparent;
        }

    .e-button.e-button--white-transparent
    {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }

    .e-button[disabled]
    {
        background: #e2e2e2;
        color: #fff;
        pointer-events: none;
    }

    .e-button.e-button--link
    {
        background: none;
        border-bottom: 1px solid #0057c2;
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 0;
    }

        .e-button.e-button--link:hover
        {
            color: #013a81;
            border-bottom-color: #013a81;
        }

        .e-button.e-button--link[disabled]
        {
            background: none;
            color: #c1c7d5;
            border-bottom: 1px solid #c1c7d5;
        }

    .e-button .icon-loading
    {
        -webkit-animation-name: spin2;
        -o-animation-name: spin2;
        animation-name: spin2;
        -webkit-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
        height: 20px;
        width: 20px;
        margin-right: 8px;
    }

        .e-button .icon-loading svg
        {
            height: 20px;
            width: 20px;
        }

.e-button__submit
{
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

@-webkit-keyframes spin2
{
    0%
    {
        -webkit-transform: rotate(0deg);
    }

    to
    {
        -webkit-transform: rotate(1turn);
    }
}

@-o-keyframes spin2
{
    0%
    {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to
    {
        -o-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes spin2
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to
    {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@media screen and (min-width:768px)
{
    .e-button.e-button--small
    {
        font-size: 18px;
        line-height: 22px;
        padding: 7px 20px;
    }
}

.e-link
{
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    color: #4c5662;
    cursor: pointer;
    line-height: 1.5;
}

    .e-link:after
    {
        content: "";
        position: absolute;
        bottom: 0;
        left: -100%;
        width: 100%;
        height: 2px;
        background: #0057c2;
        -webkit-transition: left .3s;
        -o-transition: left .3s;
        transition: left .3s;
    }

    .e-link:hover
    {
        color: #0057c2;
    }

        .e-link:hover:after
        {
            left: 0;
        }

    .e-link.e-link--white
    {
        color: #fff;
    }

        .e-link.e-link--white:after
        {
            background: #fff;
        }

    .e-link.e-link--text
    {
        vertical-align: bottom;
        font-size: inherit;
        line-height: inherit;
    }

    .e-link.e-link--turquoise
    {
        color: #00aec7;
    }

        .e-link.e-link--turquoise:after
        {
            background: #00aec7;
        }

        .e-link.e-link--turquoise:hover
        {
            color: #00aec7;
        }

.e-left-line
{
    position: relative;
    padding-left: 12px;
}

    .e-left-line:after
    {
        content: "";
        position: absolute;
        left: 0;
        top: 10%;
        width: 2px;
        height: 82%;
        background: #ffe946;
    }

    .e-left-line.e-left-line--turquoise:after
    {
        background: #00aec7;
    }

@media screen and (min-width:768px)
{
    .e-left-line
    {
        padding-left: 25px;
    }

        .e-left-line:after
        {
            width: 4px;
        }
}

.e-input
{
    border: none;
    border-bottom: 1px solid #4c5662;
    font-size: 18px;
    padding: 16px 0;
}

.e-form-group
{
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

    .e-form-group .e-form-group__input, .e-form-group .e-form-group__select
    {
        display: block;
        background: none;
        border-width: 0;
        border-color: transparent;
        width: 100%;
        color: #4c5662;
        -webkit-transition: all .28s ease;
        -o-transition: all .28s ease;
        transition: all .28s ease;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 38px;
        font-size: 22px;
        padding-left: 0;
    }

        .e-form-group .e-form-group__input:disabled, .e-form-group .e-form-group__select:disabled
        {
            color: #c1c7d5;
        }

    .e-form-group .e-form-group__select
    {
        padding: 0;
        outline: none;
        cursor: pointer;
    }

    .e-form-group .e-form-group__input-select
    {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding-right: 18px;
        cursor: pointer;
    }

    .e-form-group .e-form-group__textarea
    {
        margin-top: 17px;
        border-color: #4c5662;
        resize: none;
        color: #4c5662;
    }

.e-form-wrapper
{
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .e-form-wrapper .e-form-wrapper
    {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        padding: 0;
        margin-bottom: 15px;
    }

        .e-form-wrapper .e-form-wrapper .e-form-group
        {
            margin-top: 0;
        }

.e-form-wrapper-select
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.e-form-group-icon
{
    width: 34px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px;
}

.e-form-group-icon, .e-form-group__input-loading-icon
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.e-form-group__input-loading-icon
{
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 8px;
}

.e-form-group__control-label, .e-form-group__date-label
{
    position: absolute;
    top: .25rem;
    pointer-events: none;
    padding-left: .1rem;
    z-index: 1;
    color: #4c5662;
    font-weight: 400;
    -webkit-transition: all .28s ease;
    -o-transition: all .28s ease;
    transition: all .28s ease;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-size: 18px;
}

.e-form-group__dropdown-icon
{
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 12px;
}

    .e-form-group__dropdown-icon.show
    {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .e-form-group__dropdown-icon svg
    {
        height: 12px;
        width: 12px;
    }

.e-form-group__bar
{
    position: relative;
    border-bottom: 1.35px solid #4c5662;
    display: block;
}

.e-form-group__inputfile-label
{
    font-family: fs_joeymedium;
    cursor: pointer;
}

.e-form-group__inputfile
{
    display: none;
}

.e-form-group__dropdown
{
    position: absolute;
    background: #fff;
    z-index: 2;
    top: 41px;
    width: 100%;
    border: none;
    display: none;
}

    .e-form-group__dropdown.show
    {
        display: block;
    }

    .e-form-group__dropdown.top
    {
        top: unset;
        bottom: 50px;
    }

.e-form-group__select-container
{
    width: 100%;
}

    .e-form-group__select-container .e-form-wrapper
    {
        padding: 0;
    }

.e-form-group__dropdown-list
{
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow-y: auto;
}

.e-form-group__dropdown-item
{
    padding: 11px 20px;
    border: 1px solid #dbdee7;
    font-size: 16px;
    cursor: pointer;
    text-align: left;
}

    .e-form-group__dropdown-item.selected
    {
        background: #ffe946;
        color: #0057c2;
    }

    .e-form-group__dropdown-item:hover
    {
        background: #f2f5f9;
        color: #4c5662;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

.e-form-group__bar:before
{
    content: "";
    height: .1rem;
    width: 0;
    left: 50%;
    bottom: -.0625rem;
    position: absolute;
    background: #0057c2;
    -webkit-transition: left .28s ease,width .28s ease;
    -o-transition: left .28s ease,width .28s ease;
    transition: left .28s ease,width .28s ease;
    z-index: 2;
}

.e-form-group__input::-webkit-input-placeholder
{
    color: transparent;
}

.e-form-group__input::-moz-placeholder
{
    color: transparent;
}

.e-form-group__input::-ms-input-placeholder
{
    color: transparent;
}

.e-form-group__input::placeholder
{
    color: transparent;
}

.e-form-group__input:focus::-webkit-input-placeholder
{
    color: #757575;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.e-form-group__input:focus::-moz-placeholder
{
    color: #757575;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.e-form-group__input:focus::-ms-input-placeholder
{
    color: #757575;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.e-form-group__input:focus::placeholder
{
    color: #757575;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.e-form-group__date-label, .e-form-group__input.e-form-group.has-value:valid ~ .e-form-group__control-label, .e-form-group__input.has-value ~ .e-form-group__control-label, .e-form-group__input:focus ~ .e-form-group__control-label, .e-form-group__select:focus ~ .e-form-group__control-label, .e-form-group__select:valid ~ .e-form-group__control-label
{
    font-size: 14px;
    top: -11px;
    left: 0;
}

.e-form-group__input:focus ~ .e-form-group__bar:before, .e-form-group__select:focus ~ .e-form-group__bar:before
{
    width: 100%;
    left: 0;
}

.e-form-group.dirty .e-form-group__input:focus:invalid ~ .e-form-group__control-label
{
    font-size: 14px;
    color: red;
    top: -11px;
    left: 0;
}

.e-form-group.dirty .e-form-group__input:invalid ~ .e-form-group__control-label
{
    color: red;
}

.e-form-group.dirty .e-form-group__input:invalid ~ .e-form-group__bar:before
{
    background: red;
}

.e-form-group.dirty .e-form-group__input:invalid ~ .e-form-group__bar
{
    border-bottom: 1.35px solid red;
}

.e-form-group.invalid .e-form-group__input:focus ~ .e-form-group__control-label
{
    font-size: 14px;
    color: red;
    top: -11px;
    left: 0;
}

.e-form-group.invalid .e-form-group__input ~ .e-form-group__control-label
{
    color: red !important;
}

.e-form-group.invalid .e-form-group__input ~ .e-form-group__bar:before
{
    background: red;
}

.e-form-group.invalid .e-form-group__input ~ .e-form-group__bar
{
    border-bottom: 1.35px solid red;
}

.e-form-group.has-value .e-form-group__input:invalid ~ .e-form-group__control-label, .e-form-group.has-value .e-form-group__input ~ .e-form-group__control-label
{
    top: -11px;
    left: 0;
    font-size: 14px;
}

.e-form-group__input:disabled ~ .e-form-group__control-label, .e-form-group__select:disabled ~ .e-form-group__control-label
{
    color: #c1c7d5 !important;
}

.e-form-group__input:disabled ~ .e-form-group__dropdown-icon
{
    fill: #c1c7d5;
}

.e-form-group__input:disabled ~ .e-form-group__bar, .e-form-group__select:disabled ~ .e-form-group__bar
{
    border-bottom: 1.35px solid #c1c7d5 !important;
}

.e-form-group__error-messages
{
    height: 18px;
}

.e-form-group__error-message
{
    color: red;
    display: none;
}

    .e-form-group__error-message:first-child
    {
        display: block;
    }

.e-form-group__file-element-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 8px;
    border: 1px solid;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    min-height: 40px;
    padding: 8px 20px;
    color: #c1c7d5;
    margin-bottom: 12px;
}

    .e-form-group__file-element-container svg
    {
        height: 12px;
        width: 12px;
        cursor: pointer;
        fill: #c1c7d5;
    }

.e-form-group__file-element
{
    padding: 0 8px;
}

.e-form-group__file-element-icon
{
    height: 12px;
}

.e-form-group__checkbox-container, .e-form-group__radio-container
{
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.e-form-group__checkbox
{
    display: none;
}

.e-form-group__checkbox-element
{
    width: 18px;
    height: 18px;
    border: 1px solid gray;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 8px;
}

    .e-form-group__checkbox-element svg
    {
        width: 15px;
        height: 15px;
        padding-left: 1px;
        fill: #00aec7;
        display: none;
    }

.e-form-group__checkbox:checked ~ .e-form-group__checkbox-element svg
{
    display: block;
}

.e-form-group__checkbox:disabled ~ .e-form-group__checkbox-label
{
    color: #c1c7d5;
}

.e-form-group__checkbox-label
{
    cursor: pointer;
}

.e-form-group__checkbox:disabled ~ .e-form-group__checkbox-element
{
    border: 1px solid #c1c7d5;
}

.e-form-group__radio
{
    height: 18px;
    width: 18px;
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px;
    margin-right: 12px;
}

.e-form-group__radio-element
{
    position: absolute;
    z-index: -1;
    height: 18px;
    width: 18px;
}

.e-form-group__radio-container
{
    width: auto;
    margin-right: 12px;
}

.e-form-group__radio-element:checked ~ .e-form-group__radio .e-form-group__radio-dot
{
    height: 12px;
    width: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #00aec7;
}

.e-form-group--white .e-form-group__input
{
    color: #fff;
}

.e-form-group--white .e-form-group__bar
{
    border-bottom: 1.35px solid #fff;
}

    .e-form-group--white .e-form-group__bar:before
    {
        background: #fff;
    }

.e-form-group--white .e-form-group__control-label, .e-form-group--white .e-form-group__input.e-form-group.has-value:valid ~ .e-form-group__control-label, .e-form-group--white .e-form-group__input.has-value ~ .e-form-group__control-label, .e-form-group--white .e-form-group__input:focus ~ .e-form-group__control-label, .e-form-group--white.has-value .e-form-group__input ~ .e-form-group__control-label
{
    color: #fff;
}

@media screen and (min-width:1360px)
{
    .e-form-group .e-form-group__input, .e-form-group .e-form-group__select
    {
        height: 38px;
    }
}

@media screen and (max-width:767px)
{
    .e-show-tablet, .e-show-tablet-desktop
    {
        display: none;
    }
}

@media screen and (min-width:768px)
{
    .e-show-mobile
    {
        display: none;
    }
}

@media screen and (min-width:768px) and (max-width:1199px)
{
    .e-show-mobile-desktop
    {
        display: none;
    }
}

@media screen and (max-width:1199px)
{
    .e-show-desktop
    {
        display: none;
    }
}

@media screen and (min-width:1200px)
{
    .e-show-mobile-tablet, .e-show-tablet
    {
        display: none;
    }
}

.e-form-header
{
    margin-bottom: 40px;
}

.e-form-header__step
{
    color: #6a798b;
    font-size: 18px;
    margin: 0 0 5px;
}

    .e-form-header__step .e-text-medium, .e-form-header__step .s-faq .c-accordion-section__label, .e-form-header__step .s-recommendation .c-accordion-section__label, .s-faq .e-form-header__step .c-accordion-section__label, .s-recommendation .e-form-header__step .c-accordion-section__label
    {
        color: #4c5662;
    }

@media screen and (min-width:768px)
{
    .e-form-header
    {
        position: relative;
        padding-left: 20px;
    }

        .e-form-header:before
        {
            content: "";
            width: 2px;
            height: 56px;
            background: #00aec7;
            position: absolute;
            left: 0;
            top: 8px;
        }

    .e-form-header__step
    {
        margin: 0;
    }

    .e-form-header__title
    {
        font-size: 40px;
        line-height: 1;
        font-family: fs_joeymedium;
        font-weight: 500;
    }

    .e-form-header__subtitle
    {
        margin-top: 5px;
    }
}

@media screen and (min-width:1024px)
{
    .e-form-header
    {
        margin-bottom: 55px;
    }
}

@font-face
{
    font-family: fs_joeyregular;
    src: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/fs_joey-webfont.f7867824.woff2) format("woff2"),url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/fs_joey-webfont.f3ea237b.woff) format("woff");
    font-style: normal;
}

@font-face
{
    font-family: fs_joeybold;
    src: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/fs_joey-bold.bbb1a8f1.woff2) format("woff2"),url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/fs_joey-bold.762f388e.woff) format("woff");
    font-style: normal;
}

@font-face
{
    font-family: fs_joeylight;
    src: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/fs_joey-light.88c10af9.woff2) format("woff2"),url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/fs_joey-light.bba1c904.woff) format("woff");
}

@font-face
{
    font-family: fs_joeymedium;
    src: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/fs_joey-medium.64cd8f35.woff2) format("woff2"),url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/fs_joey-medium.55ce4f57.woff) format("woff");
    font-style: normal;
}
/*! nouislider - 12.1.0 - 10/25/2018 */

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

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

.noUi-base, .noUi-connects
{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-connects
{
    overflow: hidden;
    z-index: 0;
}

.noUi-connect, .noUi-origin
{
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin
{
    left: auto;
    right: 0;
}

.noUi-vertical .noUi-origin
{
    width: 0;
}

.noUi-horizontal .noUi-origin
{
    height: 0;
}

.noUi-handle
{
    position: absolute;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin
{
    -webkit-transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s,-o-transform .3s;
}

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

.noUi-horizontal
{
    height: 18px;
}

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

.noUi-vertical
{
    width: 18px;
}

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

html:not([dir=rtl]) .noUi-horizontal .noUi-handle
{
    right: -17px;
    left: auto;
}

.noUi-target
{
    background: #fafafa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    -webkit-box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;
}

.noUi-connects
{
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.noUi-connect
{
    background: #3fb8af;
}

.noUi-draggable
{
    cursor: ew-resize;
}

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

.noUi-handle
{
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    -webkit-box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;
}

.noUi-active
{
    -webkit-box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;
}

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

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

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

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

[disabled] .noUi-connect
{
    background: #b8b8b8;
}

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

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

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

.noUi-value
{
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

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

.noUi-marker
{
    position: absolute;
    background: #ccc;
}

.noUi-marker-large, .noUi-marker-sub
{
    background: #aaa;
}

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

.noUi-value-horizontal
{
    -webkit-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    -o-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
}

.noUi-rtl .noUi-value-horizontal
{
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    -o-transform: translate(50%,50%);
    transform: translate(50%,50%);
}

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

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

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

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

.noUi-value-vertical
{
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical
{
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

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

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

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

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

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

.noUi-vertical .noUi-tooltip
{
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 120%;
}

*
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a
{
    text-decoration: none;
}

body, html
{
    font-family: fs_joeyregular;
    color: #4c5662;
}

.container
{
    margin-left: auto;
    margin-right: auto;
    padding: 0 1em;
}

.row
{
    margin-right: -15px;
    margin-left: -15px;
}

li
{
    list-style: none;
}

a
{
    color: inherit;
}

.grecaptcha-badge
{
    visibility: collapse !important;
}

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

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

.button
{
    display: block;
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 100%;
    border: 2px solid transparent;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    font-family: fs_joeymedium;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    z-index: 2;
    font-size: 18px;
}

    .button .icon
    {
        width: 12px;
    }

    .button .icon-loading
    {
        position: absolute;
        top: 50%;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 19px;
        width: 28px;
        height: 28px;
        font-size: 0;
    }

        .button .icon-loading svg
        {
            -webkit-animation: buttonLoader 1s linear infinite;
            -o-animation: buttonLoader 1s linear infinite;
            animation: buttonLoader 1s linear infinite;
        }

        .button .icon-loading path
        {
            fill: #fff;
        }

    .button svg
    {
        width: 100%;
    }

.button--xl
{
    width: 170px;
    height: 55px;
    padding: 16px 0;
}

.button-private--xl
{
    width: 100%;
    padding: 21px 0;
}

.button--lg
{
    width: 150px;
    height: 45px;
    padding: 11px 0;
}

.button-link--lg
{
    padding: 0;
    font-size: 16px;
    color: #4c5662;
    text-decoration: underline;
}

.button--md
{
    width: 150px;
    height: 45px;
    padding: 15px 0;
}

.button--sm
{
    width: 80px;
    height: 35px;
    padding: 8px 0;
    font-size: 14px;
}

.button-conversational
{
    width: 100%;
    height: 55px;
    line-height: 55px;
}

.button-block--lg
{
    width: 100%;
    height: 55px;
    padding: 16px 0;
}

.button-block
{
    width: 100%;
    height: 55px;
    line-height: 55px;
}

.button--transparent
{
    background-color: #ffe946;
    color: #0057c2;
    border: none;
}

.button--transparentv2
{
    background-color: inherit;
    color: #fff;
    border: 2px solid #fff;
}

    .button--transparentv2:hover
    {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background-color: #fce117;
        color: #0057c2;
        border: 2px solid #ffe946;
    }

.button--transparentv3
{
    background-color: inherit;
    border: 2px solid #0057c2;
    color: #0057c2;
}

.button--gradient
{
    background: #fff;
    opacity: .1;
    color: #fff;
}

.button--yellow
{
    color: white;
    background-color: #0057c2;
}

    .button--yellow:hover
    {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background-color: red;
    }

        .button--yellow:hover .icon-loading
        {
            fill: #ffe946;
        }

    .button--yellow:disabled
    {
        color: #fff;
        background-color: #e2e2e2;
    }

    .button--yellow.disabled
    {
        color: #fff;
        background-color: #dfdfdf;
        pointer-events: none;
    }

    .button--yellow:disabled.sending
    {
        color: #0057c2;
        background-color: #ffef79;
    }

    .button--yellow .icon-loading path
    {
        fill: #0057c2;
    }

.button-border-blue
{
    color: #0057c2;
    background-color: #fff;
    border: 2px solid #0057c2;
}

.button--blue, .button--form
{
    background-color: #0057c2;
    color: #fff;
}

    .button--blue .icon, .button--form .icon
    {
        margin-left: 14px;
    }

    .button--blue:disabled, .button--form:disabled
    {
        background-color: #dfdfdf;
    }

.button__close
{
    width: 40px;
    height: 40px;
    border: 2px solid #0057c2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

    .button__close:after, .button__close:before
    {
        content: "";
        width: 11px;
        height: 2px;
        top: 50%;
        left: 50%;
        background: #0057c2;
        position: absolute;
    }

    .button__close:before
    {
        bottom: -5px;
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        -o-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        transform: translateY(-50%) translateX(-50%) rotate(45deg);
    }

    .button__close:after
    {
        bottom: 5px;
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) translateX(-50%) rotate(135deg);
        -o-transform: translateY(-50%) translateX(-50%) rotate(135deg);
        transform: translateY(-50%) translateX(-50%) rotate(135deg);
    }

.button .icon-loading svg g g path:first-child
{
    -webkit-animation: colorLoader 1s linear infinite;
    -o-animation: colorLoader 1s linear infinite;
    animation: colorLoader 1s linear infinite;
}

.button .icon-loading svg g path:nth-child(12)
{
    -webkit-animation: colorLoader 1s linear 83ms infinite;
    -o-animation: colorLoader 1s linear 83ms infinite;
    animation: colorLoader 1s linear 83ms infinite;
}

.button .icon-loading svg g path:nth-child(10)
{
    -webkit-animation: colorLoader 1s linear .166s infinite;
    -o-animation: colorLoader 1s linear .166s infinite;
    animation: colorLoader 1s linear .166s infinite;
}

.button .icon-loading svg g path:nth-child(8)
{
    -webkit-animation: colorLoader 1s linear .249s infinite;
    -o-animation: colorLoader 1s linear .249s infinite;
    animation: colorLoader 1s linear .249s infinite;
}

.button .icon-loading svg g path:nth-child(6)
{
    -webkit-animation: colorLoader 1s linear .332s infinite;
    -o-animation: colorLoader 1s linear .332s infinite;
    animation: colorLoader 1s linear .332s infinite;
}

.button .icon-loading svg g path:nth-child(4)
{
    -webkit-animation: colorLoader 1s linear .415s infinite;
    -o-animation: colorLoader 1s linear .415s infinite;
    animation: colorLoader 1s linear .415s infinite;
}

.button .icon-loading svg g path:nth-child(2)
{
    -webkit-animation: colorLoader 1s linear .498s infinite;
    -o-animation: colorLoader 1s linear .498s infinite;
    animation: colorLoader 1s linear .498s infinite;
}

.button .icon-loading svg g path:nth-child(11)
{
    -webkit-animation: colorLoader 1s linear .581s infinite;
    -o-animation: colorLoader 1s linear .581s infinite;
    animation: colorLoader 1s linear .581s infinite;
}

.button .icon-loading svg g path:nth-child(9)
{
    -webkit-animation: colorLoader 1s linear .664s infinite;
    -o-animation: colorLoader 1s linear .664s infinite;
    animation: colorLoader 1s linear .664s infinite;
}

.button .icon-loading svg g path:nth-child(7)
{
    -webkit-animation: colorLoader 1s linear .747s infinite;
    -o-animation: colorLoader 1s linear .747s infinite;
    animation: colorLoader 1s linear .747s infinite;
}

.button .icon-loading svg g path:nth-child(5)
{
    -webkit-animation: colorLoader 1s linear .83s infinite;
    -o-animation: colorLoader 1s linear .83s infinite;
    animation: colorLoader 1s linear .83s infinite;
}

.button .icon-loading svg g path:nth-child(3)
{
    -webkit-animation: colorLoader 1s linear .913s infinite;
    -o-animation: colorLoader 1s linear .913s infinite;
    animation: colorLoader 1s linear .913s infinite;
}

@-webkit-keyframes colorLoader
{
    0%
    {
        fill: transparent;
    }

    to
    {
        fill: inherint;
    }
}

@-o-keyframes colorLoader
{
    0%
    {
        fill: transparent;
    }

    to
    {
        fill: inherint;
    }
}

@keyframes colorLoader
{
    0%
    {
        fill: transparent;
    }

    to
    {
        fill: inherint;
    }
}

@media screen and (min-width:768px)
{
    .button--lg
    {
        width: 170px;
        height: 55px;
        padding: 15px 0;
    }

    .button-block--lg
    {
        width: 170px;
    }

    .button--sm
    {
        width: 115px;
        height: 40px;
        padding: 8px 0;
        font-size: 18px;
    }

    .button--transparent
    {
        background-color: inherit;
        color: #fff;
        border: 2px solid #fff;
    }

        .button--transparent:hover
        {
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            background-color: #fce117;
            color: #0057c2;
            border: 2px solid #ffe946;
        }
}

@media screen and (min-width:1024px)
{
    .button-private--xl
    {
        width: 290px;
        padding: 23px 0;
    }

    .button-block
    {
        height: 65px;
    }

    .button-conversational
    {
        width: 290px;
        height: 65px;
        line-height: 65px;
    }

    .button-link--lg
    {
        width: 150px;
        height: 45px;
        padding: 11px 0;
        color: #0057c2;
        background-color: #ffe946;
        font-size: 18px;
        text-decoration: none;
    }

        .button-link--lg:hover
        {
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            background-color: #fce117;
        }

    .button--transparentv3
    {
        background-color: inherit;
        border: 2px solid #0057c2;
        color: #0057c2;
    }

        .button--transparentv3:hover
        {
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            background-color: #0057c2;
            color: #fff;
        }
}

.link
{
    font-size: 18px;
    font-family: fs_joeymedium;
    font-weight: 500;
    cursor: pointer;
}

.link--black
{
    color: #4c5662;
}

    .link--black:hover
    {
        color: #0057c2;
    }

.link--white
{
    color: #fff;
}

    .link--white:hover
    {
        color: #ffe946;
    }

.link--white--black
{
    color: #4c5662;
}

@media screen and (min-width:768px)
{
    .link
    {
        font-size: 18px;
    }
}

@media screen and (min-width:1024px)
{
    .link--white--black
    {
        color: #fff;
    }

        .link--white--black:hover
        {
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            color: #ffe946;
        }
}

.header-form
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: #0057c2;
    height: 60px;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
}

    .header-form svg
    {
        width: 100%;
    }

.header-form__back
{
    position: absolute;
    top: 50%;
    left: 14px;
    width: 11px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .header-form__back path
    {
        fill: #fff;
    }

.header-form__logo
{
    margin: 0 auto;
    width: 100px;
    font-size: 0;
    cursor: pointer;
}

    .header-form__logo path
    {
        fill: #fff;
    }

.header-form__help
{
    position: absolute;
    top: 50%;
    right: 14px;
    display: none;
    width: 32px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .header-form__help path
    {
        fill: #fff;
    }

.header-navbar
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    height: 60px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-navbar__arrow-mobile
{
    width: 14px;
    height: 8px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #0057c2;
    margin-right: 10px;
}

.header-navbar__wrapper-logo
{
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-navbar__logo
{
    width: 100px;
}

.header-navbar__hamburger-menu-wrapper
{
    position: absolute;
    left: 20px;
    top: 25px;
}

.hamburger-menu__text
{
    font-size: 14px;
    color: #0057c2;
    cursor: pointer;
}

.header-navbar__hamburger-menu
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-navbar .hamburger-menu__items
{
    position: relative;
    width: 25px;
}

.header-navbar .hamburger-menu__burger, .header-navbar .hamburger-menu__burger:after, .header-navbar .hamburger-menu__burger:before
{
    position: absolute;
    background: #0057c2;
    width: 22px;
    height: 3px;
    display: block;
    -webkit-border-radius: 25%;
    border-radius: 25%;
}

.header-navbar .hamburger-menu__burger
{
    top: 50%;
    right: 0;
}

    .header-navbar .hamburger-menu__burger:after
    {
        bottom: 8px;
        content: "";
    }

    .header-navbar .hamburger-menu__burger:before
    {
        bottom: -8px;
        content: "";
    }

@media screen and (min-width:768px)
{
    .header-form
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-form__logo
    {
        margin: 0;
    }

    .header-form .header__text
    {
        color: #fff;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (min-width:1024px)
{
    .header-form .header__text
    {
        font-size: 22px;
    }

    .header-form
    {
        padding: 0 40px;
    }

    .header-form__logo
    {
        width: 128px;
    }

    .hpnd__header
    {
        position: absolute;
        left: 0;
        top: 0;
        height: 60px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .hpnd__header, .hpnd__header .hpnd__header-navbar
        {
            width: 100%;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .hpnd__header .hpnd__header-navbar
            {
                margin: auto 40px;
            }

            .hpnd__header .hpnd-header__navbar-logo
            {
                width: 128px;
            }

            .hpnd__header .hamburger-menu__text
            {
                font-size: 22px;
                color: #4c5662;
            }
}

@media screen and (min-width:1360px)
{
    .header-form
    {
        height: 60px;
    }
}

@media screen and (min-width:1920px)
{
    .header-form
    {
        height: 75px;
    }

    .header-form__logo, .hpnd__header .hpnd-header__navbar-logo
    {
        width: 140px;
    }
}

.header-dashboard-mobile
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 55px;
    background: -webkit-gradient(linear,left top,right top,from(#014989),to(#138fb9));
    background: -webkit-linear-gradient(left,#014989,#138fb9);
    background: -o-linear-gradient(left,#014989 0,#138fb9 100%);
    background: linear-gradient(90deg,#014989 0,#138fb9);
}

    .header-dashboard-mobile.header-dashboard-mobile--just-profile-icon
    {
        background: transparent;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .header-dashboard-mobile.header-dashboard-mobile--just-profile-icon .header-dashboard-mobile__back, .header-dashboard-mobile.header-dashboard-mobile--just-profile-icon .header-dashboard-mobile__logo, .header-dashboard-mobile.header-dashboard-mobile--just-profile-icon .header-dashboard-mobile__menu, .header-dashboard-mobile.header-dashboard-mobile--just-profile-icon .header-dashboard-mobile__title
        {
            display: none;
        }

        .header-dashboard-mobile.header-dashboard-mobile--just-profile-icon .header-dashboard-mobile__profile svg circle
        {
            fill: #0057c2;
        }

        .header-dashboard-mobile.header-dashboard-mobile--just-profile-icon .header-dashboard-mobile__overlay
        {
            top: 0;
            z-index: 9;
        }

        .header-dashboard-mobile.header-dashboard-mobile--just-profile-icon .header-dashboard-mobile__user-info
        {
            display: none;
        }

        .header-dashboard-mobile.header-dashboard-mobile--just-profile-icon .header-dashboard-mobile__list
        {
            display: block;
        }

.header-dashboard-mobile__back
{
    width: 17px;
    font-size: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

    .header-dashboard-mobile__back svg path
    {
        fill: #fff;
    }

.header-dashboard-mobile__title
{
    font-size: 21px;
    color: #fff;
}

.header-dashboard-mobile__menu
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    color: #fff;
}

.header-dashboard-mobile__menu-text
{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 130%;
}

.header-dashboard-mobile__hamburger
{
    width: 20px;
}

    .header-dashboard-mobile__hamburger span
    {
        display: block;
        height: 2px;
        width: 100%;
        margin: 4px 0;
        background-color: #fff;
    }

        .header-dashboard-mobile__hamburger span:first-child, .header-dashboard-mobile__hamburger span:last-child
        {
            margin: 0;
        }

.header-dashboard-mobile__logo
{
    display: block;
    width: 94px;
    font-size: 0;
}

    .header-dashboard-mobile__logo svg
    {
        width: 100%;
    }

.header-dashboard-mobile__shadow
{
    position: absolute;
    top: -60px;
    left: 50%;
    width: 500px;
    height: 1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.header-dashboard-mobile__profile
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .header-dashboard-mobile__profile .hd-profile__photo
    {
        width: 30px;
        font-size: 0;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        overflow: hidden;
    }

        .header-dashboard-mobile__profile .hd-profile__photo svg circle
        {
            stroke: #fff;
            stroke-width: 10px;
            fill: transparent;
        }

    .header-dashboard-mobile__profile .hd-profile__arrow
    {
        display: none;
        width: 15px;
    }

        .header-dashboard-mobile__profile .hd-profile__arrow svg g
        {
            fill: #282828;
        }

    .header-dashboard-mobile__profile .hd-profile__info
    {
        display: none;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 0 16px;
    }

        .header-dashboard-mobile__profile .hd-profile__info span
        {
            display: block;
        }

            .header-dashboard-mobile__profile .hd-profile__info span:first-child
            {
                color: #54595c;
                font-size: 20px;
                line-height: 19px;
            }

            .header-dashboard-mobile__profile .hd-profile__info span:last-child
            {
                color: #797979;
                font-size: 16px;
                line-height: 19px;
            }

    .header-dashboard-mobile__profile svg
    {
        width: 100%;
    }

    .header-dashboard-mobile__profile.hdmp--is-open
    {
        position: relative;
        z-index: 11;
    }

        .header-dashboard-mobile__profile.hdmp--is-open .hd-profile__photo svg circle
        {
            fill: transparent;
        }

.header-dashboard-mobile__overlay
{
    position: fixed;
    left: 0;
    top: 55px;
    bottom: 0;
    width: 100%;
    background-color: rgba(18,18,17,.9);
}

.header-dashboard-mobile__user-info
{
    position: relative;
    padding: 20px;
    background-color: #fff;
}

    .header-dashboard-mobile__user-info .hdmui__close
    {
        margin-right: 0;
        margin-left: auto;
        width: 30px;
        font-size: 0;
        text-align: center;
    }

        .header-dashboard-mobile__user-info .hdmui__close svg
        {
            width: 18px;
        }

            .header-dashboard-mobile__user-info .hdmui__close svg path
            {
                fill: #4c5662;
            }

    .header-dashboard-mobile__user-info .hdmui__info
    {
        border-left: 2px solid #00aec7;
        padding: 4px 0 4px 16px;
    }

        .header-dashboard-mobile__user-info .hdmui__info span
        {
            display: block;
        }

            .header-dashboard-mobile__user-info .hdmui__info span:first-child
            {
                font-size: 25px;
                line-height: 18px;
                color: #4c5662;
            }

            .header-dashboard-mobile__user-info .hdmui__info span:last-child
            {
                font-size: 15px;
                line-height: 18px;
                color: #666;
                margin-top: 3px;
            }

    .header-dashboard-mobile__user-info .hdmui__button
    {
        margin: 12px 0 0 16px;
        padding: 12px 0;
        width: 141px;
        font-size: 16px;
        display: inline-block;
    }

    .header-dashboard-mobile__user-info .hdmui__btn-contactinf
    {
        display: inline-block;
        color: #0057c2;
        font-size: 18px;
        margin: 5px 0 0;
        border-bottom: 1px solid #0057c2;
        cursor: pointer;
    }

.header-dashboard-mobile__list
{
    display: none;
    position: absolute;
    top: 55px;
    right: 20px;
    padding: 20px;
    width: 176px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .header-dashboard-mobile__list .hdml__item
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15px;
        color: #333;
        font-size: 16px;
    }

        .header-dashboard-mobile__list .hdml__item span
        {
            display: block;
        }

        .header-dashboard-mobile__list .hdml__item:last-child
        {
            margin-bottom: 0;
        }

        .header-dashboard-mobile__list .hdml__item span:last-child
        {
            margin-left: 8px;
            width: 5px;
        }

            .header-dashboard-mobile__list .hdml__item span:last-child svg
            {
                width: 100%;
            }

                .header-dashboard-mobile__list .hdml__item span:last-child svg path
                {
                    fill: #333;
                }

.header-dashboard
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 65px;
    width: 100%;
    padding: 0 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.42);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.42);
}

.header-dashboard__logo
{
    width: 128px;
    font-size: 0;
}

    .header-dashboard__logo svg
    {
        width: 100%;
    }

.header-web-old
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .header-web-old img
    {
        margin-right: 8px;
        margin-top: 8px;
        height: 40px;
    }

    .header-web-old span
    {
        line-height: 50px;
    }

    .header-web-old button
    {
        margin: 0 33px 0 10px;
    }

    .header-web-old .-link
    {
        background: none;
        border: none;
        border-bottom: 1px solid #0057c2;
        cursor: pointer;
        color: #0057c2;
        font-size: 18px;
        font-family: fs_joeymedium;
        font-weight: 500;
        padding: 0;
    }

.header-dashboard__action
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-dashboard__hamburger
{
    margin-right: 20px;
    width: 26px;
    cursor: pointer;
}

    .header-dashboard__hamburger span
    {
        display: block;
        height: 2px;
        background-color: #0057c2;
        margin: 8px 0;
    }

        .header-dashboard__hamburger span:first-child, .header-dashboard__hamburger span:last-child
        {
            margin: 0;
        }

.header-dashboard__action-text
{
    font-size: 16px;
    color: #0057c2;
}

.header-dashboard__hr
{
    width: 1px;
    height: 30px;
    background-color: #d6d6d6;
    margin: 0 20px;
}

.header-dashboard__close
{
    cursor: pointer;
    color: #0057c2;
    font-size: 18px;
}

@media screen and (min-width:1024px)
{
    .header-dashboard-mobile
    {
        display: none;
    }

    .header-dashboard
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header-dashboard-mobile__profile .hd-profile__photo
    {
        width: 50px;
    }

    .header-web-old
    {
        margin: 0 0 0 auto;
    }
}

@media screen and (min-width:1920px)
{
    .header-web-old
    {
        margin: 0 0 0 auto;
    }
}

.header-dashboard25
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 60px;
    background: inherit;
    color: #fff;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.header-dashboard25__back
{
    display: none;
}

    .header-dashboard25__back span
    {
        display: block;
        font-size: 0;
        -webkit-transform: scale(-1);
        -ms-transform: scale(-1);
        -o-transform: scale(-1);
        transform: scale(-1);
    }

    .header-dashboard25__back svg
    {
        height: 16px;
    }

        .header-dashboard25__back svg path
        {
            fill: #fff;
        }

.header-dashboard25__logo-mobile
{
    width: 100px;
    font-size: 0;
    display: none;
    margin: 0 auto;
}

    .header-dashboard25__logo-mobile svg
    {
        width: 100%;
    }

    .header-dashboard25__logo-mobile path
    {
        fill: #fff;
    }

.header-dashboard25__logo, .header-dashboard25__logo.logo--normal
{
    display: none;
}

.header-dashboard25__arrow
{
    display: none;
    width: 20px;
}

    .header-dashboard25__arrow g
    {
        fill: #fff;
    }

.header-dashboard25__icon-profile
{
    width: 30px;
    font-size: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 11;
}

    .header-dashboard25__icon-profile svg
    {
        width: 100%;
    }

        .header-dashboard25__icon-profile svg circle
        {
            stroke: #fff;
            stroke-width: 8px;
            fill: transparent;
        }

.header-dashboard25__date
{
    display: none;
}

.header-dashboard25__list
{
    position: absolute;
    top: 55px;
    right: 20px;
    padding: 20px;
    width: 176px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 1;
}

    .header-dashboard25__list .hdml__item
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15px;
        color: #333;
        font-size: 16px;
        cursor: pointer;
    }

        .header-dashboard25__list .hdml__item span
        {
            display: block;
        }

        .header-dashboard25__list .hdml__item:last-child
        {
            margin-bottom: 0;
        }

        .header-dashboard25__list .hdml__item span:last-child
        {
            margin-left: 8px;
            width: 5px;
        }

            .header-dashboard25__list .hdml__item span:last-child svg
            {
                width: 100%;
            }

                .header-dashboard25__list .hdml__item span:last-child svg path
                {
                    fill: #333;
                }

.header-dashboard25__overlay
{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(18,18,17,.9);
}

.header-dashboard25.header-dashboard25--white
{
    display: none;
    background: #fff;
}

@media screen and (min-width:1024px)
{
    .header-dashboard25
    {
        padding: 0 61px;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 65px;
        background: -webkit-gradient(linear,left top,right top,from(#01447f),to(#1288af));
        background: -webkit-linear-gradient(left,#01447f,#1288af);
        background: -o-linear-gradient(left,#01447f 0,#1288af 100%);
        background: linear-gradient(90deg,#01447f 0,#1288af);
    }

    .header-dashboard25__logo
    {
        width: 128px;
        font-size: 0;
        display: block;
        cursor: pointer;
    }

        .header-dashboard25__logo svg
        {
            width: 100%;
        }

    .header-dashboard25__logo-mobile
    {
        display: none;
    }

    .header-dashboard25__icon-profile
    {
        width: 34px;
    }

    .header-dashboard25__menu
    {
        outline: none;
        position: relative;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-dashboard25__name
    {
        font-size: 18px;
    }

    .header-dashboard25__document
    {
        font-size: 14px;
    }

    .header-dashboard25__date
    {
        display: block;
        cursor: pointer;
        margin: auto 16px auto 11px;
    }

    .header-dashboard25__arrow
    {
        display: inline-block;
        cursor: pointer;
    }

    .header-dashboard25__list
    {
        top: 48px;
        right: 0;
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        transition-delay: .1s;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        width: 100%;
    }

    .header-dashboard25__overlay
    {
        display: none;
    }

    .header-dashboard25__arrow
    {
        width: 15px;
    }

    .header-dashboard25.header-dashboard25--white
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-shadow: 0 0 10px #dde6ee;
        box-shadow: 0 0 10px #dde6ee;
        z-index: 100;
    }

        .header-dashboard25.header-dashboard25--white .header-dashboard25__logo
        {
            display: none;
        }

            .header-dashboard25.header-dashboard25--white .header-dashboard25__logo.logo--normal
            {
                display: block;
            }

        .header-dashboard25.header-dashboard25--white .header-dashboard25__icon-profile svg circle
        {
            stroke: #0057c2;
        }

        .header-dashboard25.header-dashboard25--white .header-dashboard25__icon-profile svg path
        {
            fill: #0057c2;
        }

        .header-dashboard25.header-dashboard25--white .header-dashboard25__document, .header-dashboard25.header-dashboard25--white .header-dashboard25__name
        {
            color: #4c5662;
        }

        .header-dashboard25.header-dashboard25--white .header-dashboard25__arrow g
        {
            fill: #4c5662;
        }

        .header-dashboard25.header-dashboard25--white .header-dashboard25__list
        {
            border: 1px solid #c1c7d5;
        }
}

@media screen and (min-width:1366px)
{
    .header-dashboard25__icon-profile
    {
        width: 44px;
    }

    .header-dashboard25__list
    {
        top: 60px;
    }
}

@media screen and (min-width:1920px)
{
    .header-dashboard25__name
    {
        font-size: 20px;
    }

    .header-dashboard25__document
    {
        font-size: 16px;
    }
}

.header-public__navbar
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #fff;
}

.header-public__navbar, .hnp__wrapper-logo
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hnp__wrapper-logo
{
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

    .hnp__wrapper-logo svg
    {
        width: 100px;
    }

.hnp__arrow-mobile
{
    width: 14px;
    height: 8px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #0057c2;
    margin-right: 10px;
}

.hnp__hamburger-menu-wrapper
{
    position: absolute;
    left: 20px;
    top: 25px;
}

.hnp__hamburger-menu
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hnp__hamburger-menu__text
{
    font-size: 14px;
    color: #0057c2;
    cursor: pointer;
}

@media screen and (min-width:768px)
{
    .header-public__navbar
    {
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: transparent;
        padding: 0 20px;
    }

    .hnp__wrapper-logo svg
    {
        width: 128px;
    }

    .hnp__hamburger-menu__text
    {
        font-size: 22px;
    }

    .hnp__hamburger-menu__text-is-white
    {
        color: #fff;
    }

    .hnp__hamburger-menu__text-is-black
    {
        color: #4c5662;
    }
}

@media screen and (min-width:1200px)
{
    .header-public__navbar
    {
        padding: 0 40px;
    }
}

@media screen and (min-width:1920px)
{
    .header-public__navbar
    {
        height: 75px;
    }

    .hnp__wrapper-logo svg
    {
        width: 140px;
    }
}

input
{
    color: #4c5662;
}

    button, input:focus
    {
        outline: none;
    }

.form-row
{
    position: relative;
    padding-left: 38px;
    margin-top: 40px;
}

    .form-row.form-row--select-new
    {
        width: 100%;
        padding-left: 0;
        margin-top: 0;
        padding-top: 10px;
        margin-bottom: 0;
    }

        .form-row.form-row--select-new .form-icon
        {
            display: none;
        }

        .form-row.form-row--select-new .custom-select-arrow
        {
            top: 35%;
        }

        .form-row.form-row--select-new .form-statement--select .form-statement__label
        {
            cursor: pointer;
        }

        .form-row.form-row--select-new .form-statement--select .form-statement__control
        {
            min-height: 42px;
            cursor: pointer;
        }

        .form-row.form-row--select-new .form-statement--select .custom-select-trigger
        {
            font-size: 18px;
        }

        .form-row.form-row--select-new .form-statement--select .custom-options
        {
            max-height: 48px;
            overflow: hidden;
        }

        .form-row.form-row--select-new .form-statement--select.opened .custom-options
        {
            max-height: 192px;
            overflow-y: auto;
        }

    .form-row.form-row--select-white .form-statement--select svg g
    {
        fill: #fff;
    }

    .form-row.form-row--select-white .form-statement--select .form-statement__label
    {
        color: #fff;
    }

    .form-row.form-row--select-white .form-statement--select .form-statement__control
    {
        border-bottom: 2px solid #fff;
    }

    .form-row.form-row--select-white .form-statement--select .custom-select-trigger
    {
        color: #fff;
    }

    .form-row.form-row--select-white .form-statement--select.opened .form-statement__control
    {
        border-bottom: 2px solid #fff;
    }

    .form-row.form-row--select-gray .form-statement--select .form-statement__control, .form-row.form-row--select-gray .form-statement--select.opened .form-statement__control
    {
        border-bottom: 1px solid #4c5662;
    }

.form-icon
{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    font-size: 0;
}

    .form-icon svg g, .form-icon svg path, .form-icon svg rect
    {
        fill: #0057c2;
    }

.form-statement
{
    position: relative;
    display: inline-block;
    width: 100%;
}

    .form-statement.onfocus .form-statement__bottom
    {
        height: 1px !important;
        background: #4c5662 !important;
    }

.form-icon-validation
{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
}

    .form-icon-validation svg
    {
        width: 100%;
        height: 18px;
    }

.form-icon-action
{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .form-icon-action svg
    {
        width: 100%;
    }

        .form-icon-action svg g
        {
            fill: #000;
        }

    .form-icon-action span
    {
        cursor: pointer;
        background: #fff;
        padding: 15px 10px 9px;
        color: #4c5052;
        font-size: 14px;
        font-family: fs_joeymedium;
        text-transform: uppercase;
    }

.form-statement .check__valid
{
    stroke-dashoffset: 500px;
    -webkit-transition: stroke-dashoffset .6s cubic-bezier(.07,-.01,1,.07);
    -o-transition: stroke-dashoffset .6s cubic-bezier(.07,-.01,1,.07);
    transition: stroke-dashoffset .6s cubic-bezier(.07,-.01,1,.07);
    -webkit-animation: checkvalid .35s forwards;
    -o-animation: checkvalid .35s forwards;
    animation: checkvalid .35s forwards;
}

@-webkit-keyframes checkvalid
{
    to
    {
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        stroke-dashoffset: 0;
    }
}

@-o-keyframes checkvalid
{
    to
    {
        -o-transition-delay: .3s;
        transition-delay: .3s;
        stroke-dashoffset: 0;
    }
}

@keyframes checkvalid
{
    to
    {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s;
        stroke-dashoffset: 0;
    }
}

.check-icon
{
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.form-statement-calendar
{
    position: relative;
    padding: 2em 0 0;
    display: inline-block;
    width: 30%;
    margin: 5px 0;
}

.form-error
{
    color: #f3134d;
    font-size: 13px;
    margin: 20px 0 5px;
}

.custom-select
{
    position: relative;
    display: inline-block;
}

.custom-select-arrow
{
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
}

    .custom-select-arrow svg
    {
        width: 100%;
        -webkit-transition: -webkit-transform .35s linear;
        transition: -webkit-transform .35s linear;
        -o-transition: -o-transform .35s linear;
        transition: transform .35s linear;
        transition: transform .35s linear,-webkit-transform .35s linear,-o-transform .35s linear;
    }

        .custom-select-arrow svg g
        {
            fill: #000;
        }

    .custom-select-arrow.open svg
    {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

        .custom-select-arrow.open svg g
        {
            fill: #0353aa;
        }

.custom-options
{
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    margin: 1px 0;
    border: 1px solid #d2d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07);
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-border-radius: 0;
    border-radius: 0;
}

.custom-option, .custom-options
{
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.custom-option
{
    display: block;
    position: relative;
    padding: 11px 20px;
    font-size: 16px;
    border-bottom: 1px solid #d2d2d2;
    cursor: pointer;
}

    .custom-option:last-child
    {
        border-bottom: 0;
    }

    .custom-option.selection
    {
        background: #ffe946;
        color: #0057c2;
    }

    .custom-option:hover
    {
        background-color: #f2f5f9;
    }

.custom-select.opened .custom-options
{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    z-index: 10;
}

select.form-statement__control:focus::-ms-value
{
    background-color: "#fff";
}

.form-statement--select
{
    outline: none;
}

    .form-statement--select .form-statement__label
    {
        font-size: 18px;
        opacity: 1;
        top: 5px;
    }

    .form-statement--select.is-focused .form-statement__label
    {
        opacity: 1;
        top: -10px;
        font-size: 14px;
    }

    .form-statement--select.is-invalid .form-statement__control
    {
        position: relative;
        border-bottom: 2px solid #f3134d !important;
    }

    .form-statement--select.is-focused .form-statement--select.is-valid .form-statement__control, .form-statement--select.is-focused .form-statement__control
    {
        border-bottom: 2px solid #0057c2;
    }

    .form-statement--select:after
    {
        border-color: #0057c2 transparent transparent;
        border-style: solid;
        border-width: 7px 5px 0;
        bottom: 15px;
        height: 0;
        position: absolute;
        right: 5px;
        width: 0;
        z-index: 0;
    }

    .form-statement--select.opened:after
    {
        margin-top: 3px;
        -webkit-transform: rotate(-180deg) translateY(-50%);
        -ms-transform: rotate(-180deg) translateY(-50%);
        -o-transform: rotate(-180deg) translateY(-50%);
        transform: rotate(-180deg) translateY(-50%);
    }

.form-statement__label
{
    position: absolute;
    bottom: 16px;
    padding: 0;
    line-height: 2em;
    -webkit-transition: all .3s cubic-bezier(.4,0,.2,1);
    -o-transition: all .3s cubic-bezier(.4,0,.2,1);
    transition: all .3s cubic-bezier(.4,0,.2,1);
    color: #4c5662;
    line-height: 1;
    left: 0;
    cursor: pointer;
}

.form-statement__bottom
{
    height: 1px;
    width: 100%;
    position: absolute;
    background: #4c5662;
}

.form-statement__control
{
    background: inherit;
    display: block;
    width: 100%;
    padding: 6px 20px 8px 0;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 25px;
    font-size: 18px;
    font-family: fs_joeybold;
    font-weight: 700;
}

    .form-statement__control::-ms-expand
    {
        background-color: transparent;
        border: 0;
    }

    .form-statement__control.is-focused + .form-statement__label + .form-statement__bottom, .form-statement__control.is-valid + .form-statement__label + .form-statement__bottom, .form-statement__control:focus + .form-statement__label + .form-statement__bottom
    {
        height: 2px;
        width: 100%;
        position: absolute;
        background: #0057c2 !important;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-animation: Underline .3s cubic-bezier(.4,0,.2,1);
        -o-animation: Underline .3s cubic-bezier(.4,0,.2,1);
        animation: Underline .3s cubic-bezier(.4,0,.2,1);
        -webkit-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

@-webkit-keyframes Underline
{
    to
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}

@-o-keyframes Underline
{
    to
    {
        -o-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}

@keyframes Underline
{
    to
    {
        -webkit-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}

.form-statement__control.is-invalid + .form-statement__label + .form-statement__bottom
{
    border-bottom: 2px solid #f3134d;
}

.form-statement__control.is-focused + .form-statement__label, .form-statement__control.is-invalid + .form-statement__label, .form-statement__control.is-valid + .form-statement__label, .form-statement__control:focus + .form-statement__label
{
    top: -10px;
    font-size: 14px;
}

.form-select
{
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

textarea
{
    height: auto;
    overflow: auto;
}

.form
{
    margin: 20px auto;
    background: #e9ecef;
    padding: 20px;
}

.form-radio
{
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

    .form-radio input
    {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .form-radio .checkmark
    {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 2px solid #adb5bd;
    }

    .form-radio:hover input ~ .checkmark
    {
        background-color: #fff;
    }

    .form-radio input:checked ~ .checkmark
    {
        border: 2px solid #ffe946;
        background-color: #fff;
    }

        .form-radio input:checked ~ .checkmark:before
        {
            content: "";
        }

    .form-radio .checkmark:after
    {
        content: "";
        position: absolute;
        display: none;
    }

    .form-radio input:checked ~ .checkmark:after
    {
        display: block;
    }

    .form-radio .checkmark:after
    {
        top: 4px;
        left: 4px;
        width: 15px;
        height: 15px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
    }

.form-statement__error
{
    color: #f3134d;
    font-size: 13px;
    position: absolute;
    top: 100%;
    padding-top: 2px;
}

.form--white .form-statement__control
{
    background: transparent;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.form--white .form-statement__label
{
    color: #fff;
}

.form-statement.form-statement-list .form-statement__label
{
    top: -20px;
    font-size: 14px;
}

.form-statement__inputs, .form-statement__inputs .inputs__item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .form-statement__inputs .inputs__item
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
    }

        .form-statement__inputs .inputs__item .inputs__mask[data-type=radio]
        {
            position: relative;
            display: block;
            height: 24px;
            width: 24px;
            border: 2px solid #c1c6d3;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            margin-right: 10px;
        }

            .form-statement__inputs .inputs__item .inputs__mask[data-type=radio] span
            {
                position: absolute;
                left: 50%;
                top: 50%;
                display: none;
                height: 16px;
                width: 16px;
                background-color: #66b1d9;
                -webkit-border-radius: 100%;
                border-radius: 100%;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }

            .form-statement__inputs .inputs__item .inputs__mask[data-type=radio] input:checked ~ span
            {
                display: block;
            }

        .form-statement__inputs .inputs__item .inputs__mask[data-type=checkbox]
        {
            position: relative;
            display: block;
            height: 20px;
            width: 20px;
            border: 2px solid #c1c6d3;
            margin-right: 10px;
        }

            .form-statement__inputs .inputs__item .inputs__mask[data-type=checkbox] span
            {
                position: absolute;
                left: 50%;
                top: 50%;
                display: none;
                height: 15px;
                width: 15px;
                background-color: #66b1d9;
                -webkit-border-radius: 100%;
                border-radius: 100%;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }

            .form-statement__inputs .inputs__item .inputs__mask[data-type=checkbox] input:checked ~ span
            {
                display: block;
            }

        .form-statement__inputs .inputs__item input
        {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            opacity: 0;
        }

@media screen and (min-width:320px)
{
    .form-statement__label
    {
        font-size: 16px;
    }

    .form-icon-action span
    {
        font-size: 13px;
    }
}

@media screen and (min-width:768px)
{
    .form-statement__control
    {
        font-size: 18px;
    }

    .form-row
    {
        padding-left: 42px;
    }

    .form-statement__label
    {
        font-size: 18px;
    }
}

@media screen and (min-width:1024px)
{
    .form-icon
    {
        width: 32px;
    }

    .form-icon-action span
    {
        background: #f6fcff;
    }
}

.footer
{
    background: #fefefe;
}

.u-fs-regular
{
    font-family: fs_joeyregular;
}

.u-fs-bold
{
    font-family: fs_joeybold;
    font-weight: 700;
}

.u-fs-medium
{
    font-family: fs_joeymedium;
    font-weight: 500;
}

.u-fs-ligth
{
    font-family: fs_joeylight;
    font-weight: 300;
}

.u-text-center
{
    display: inline-block;
    text-align: center;
}

.u-flex-center, .u-flex-center-colummn
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.u-flex-center-colummn
{
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.u-flex-right
{
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.u-flex-right, .u-space-between
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.u-space-between
{
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.u-space-around, .u-space-around-center
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.u-space-around-center
{
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.u-mobile
{
    display: block;
}

.u-mobile-lineal
{
    display: inline;
}

.u-desktop, .u-desktop-1024, .u-lineal-desktop, .u-mobile-768, .u-none
{
    display: none;
}

.u-relative
{
    position: relative;
}

.u-px-0
{
    padding-left: 0;
    padding-right: 0;
}

.u-mx-0
{
    margin-left: 0;
    margin-right: 0;
}

.u-my-0
{
    margin-top: 0;
    margin-bottom: 0;
}

.u-w100
{
    width: 100%;
}

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

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

.u-col-xs-6, .u-col-xs-12
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-flex: 0;
    position: relative;
}

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

.u-col-xs-4
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    position: relative;
}

.u-row
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.u-container
{
    margin-right: auto;
    margin-left: auto;
}

.u-font-primary
{
    color: #0057c2;
}

.u-animated
{
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.u-fadeIn
{
    -webkit-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}

@-o-keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}

@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}

.u-fadeInUp
{
    -webkit-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    to
    {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.u-fadeInDown
{
    -webkit-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    to
    {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.u-fadeInLeft
{
    -webkit-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    to
    {
        opacity: 1;
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

.u-fadeInRight
{
    -webkit-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    to
    {
        opacity: 1;
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeOutUp
{
    -webkit-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUp
{
    0%
    {
        opacity: 1;
    }

    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

@-o-keyframes fadeOutUp
{
    0%
    {
        opacity: 1;
    }

    to
    {
        opacity: 0;
        transform: translate3d(0,-100%,0);
    }
}

@keyframes fadeOutUp
{
    0%
    {
        opacity: 1;
    }

    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

.u-slideInDown
{
    -webkit-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInDown
{
    0%
    {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-o-keyframes slideInDown
{
    0%
    {
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }

    to
    {
        transform: translateZ(0);
    }
}

@keyframes slideInDown
{
    0%
    {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@media screen and (min-width:768px)
{
    .u-mobile
    {
        display: none;
    }

    .u-desktop
    {
        display: block;
    }

    .u-lineal-desktop
    {
        display: inline;
    }

    .u-mobile-lineal
    {
        display: none;
    }

    .u-mobile-768
    {
        display: block;
    }

    .u-desktop-1024
    {
        display: none;
    }

    .u-col-sm-4
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        position: relative;
    }

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

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

@media screen and (min-width:1024px)
{
    .u-desktop-1024
    {
        display: block;
    }

    .u-mobile-768
    {
        display: none;
    }
}

.conversation-container
{
    display: block;
    width: 100%;
    margin-top: 15px;
}

    .conversation-container.no-margin
    {
        margin-top: 0;
    }

.conversation-bubble
{
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 15px;
}

    .conversation-bubble.bubble--main .bubble__text
    {
        color: #0057c2;
        font-size: 17px;
    }

.bubble__text
{
    color: #4c5662;
    font-size: 16px;
}

.bubble-message
{
    position: relative;
    display: inline-block;
    padding: 16px 28px;
    min-height: 53px;
    min-width: 93px;
    background-color: #fff;
    -webkit-border-top-left-radius: 50px;
    border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    opacity: 0;
    overflow: hidden;
}

    .bubble-message p
    {
        margin: 0;
        font-size: 18px;
        line-height: 1;
    }

    .bubble-message a
    {
        text-decoration: underline;
    }

    .bubble-message .chat
    {
        position: absolute;
        top: 50%;
        left: 28px;
        padding: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        min-height: 21px;
    }

    .bubble-message.bubble-message--full
    {
        width: 100%;
    }

.bubble-message--main
{
    color: #0057c2;
    font-size: 20px;
}

.bubble-message--answer
{
    -webkit-border-top-left-radius: 50px;
    border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: #014dad;
    color: #fff;
}

    .bubble-message--answer .chat__circle:first-child, .bubble-message--answer .chat__circle:nth-child(2), .bubble-message--answer .chat__circle:nth-child(3)
    {
        background-color: #fff;
    }

.bubble-message__emoticon
{
    display: inline-block;
    margin-left: 5px;
    vertical-align: bottom;
    font-size: 0;
}

    .bubble-message__emoticon svg
    {
        width: 100%;
    }

.bubble-message__emoticon
{
    width: 20px;
}

@media screen and (max-width:320px)
{
    .bubble-message p
    {
        font-size: 16px;
        line-height: 1.1;
    }

    .bubble-message
    {
        padding: 16px 24px;
        -webkit-border-top-left-radius: 30px;
        border-top-left-radius: 30px;
        -webkit-border-top-right-radius: 50px;
        border-top-right-radius: 50px;
        -webkit-border-bottom-right-radius: 50px;
        border-bottom-right-radius: 50px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .bubble-message--answer
    {
        -webkit-border-top-left-radius: 50px;
        border-top-left-radius: 50px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-border-bottom-left-radius: 50px;
        border-bottom-left-radius: 50px;
        -webkit-border-bottom-right-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}

@media screen and (min-width:768px)
{
    .bubble-message__content
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .bubble-message
    {
        padding: 22px 28px;
        -webkit-border-top-right-radius: 45px;
        border-top-right-radius: 45px;
    }

    .bubble-message, .bubble-message--answer
    {
        -webkit-border-top-left-radius: 45px;
        border-top-left-radius: 45px;
        -webkit-border-bottom-right-radius: 45px;
        border-bottom-right-radius: 45px;
    }

    .bubble-message--answer
    {
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-border-bottom-left-radius: 45px;
        border-bottom-left-radius: 45px;
    }

    .bubble-message__circle
    {
        background: #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        border: 3px solid #99bad6;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px;
        margin-right: 30px;
    }

        .bubble-message__circle svg
        {
            width: 100%;
        }
}

@media screen and (min-width:1200px)
{
    .bubble-message
    {
        padding: 20px 28px;
    }

        .bubble-message p
        {
            font-size: 18px;
        }

    .bubble-message__emoticon
    {
        position: relative;
        top: 2px;
        width: 20px;
    }
}

@media screen and (min-width:1920px)
{
    .bubble-message
    {
        padding: 22px 28px;
    }

        .bubble-message p
        {
            font-size: 21px;
        }

    .bubble-message__emoticon
    {
        width: 25px;
    }
}

@media screen and (max-width:768px)
{
    .finalize-password-creation__bubble br
    {
        display: none;
    }
}

.chat
{
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
}

.chat__circle
{
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

    .chat__circle:first-child
    {
        background-color: #005fa4;
        -webkit-animation: f .9s linear infinite;
        -o-animation: f .9s linear infinite;
        animation: f .9s linear infinite;
    }

    .chat__circle:nth-child(2)
    {
        background-color: #0089c9;
        -webkit-animation: f .9s .225s linear infinite;
        -o-animation: f .9s .225s linear infinite;
        animation: f .9s .225s linear infinite;
    }

    .chat__circle:nth-child(3)
    {
        background-color: #00b2ec;
        -webkit-animation: f .9s .45s linear infinite;
        -o-animation: f .9s .45s linear infinite;
        animation: f .9s .45s linear infinite;
    }

@-webkit-keyframes f
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%
    {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    50%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    75%
    {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    to
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes f
{
    0%
    {
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    25%
    {
        -o-transform: translateY(5px);
        transform: translateY(5px);
    }

    50%
    {
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    75%
    {
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    to
    {
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes f
{
    0%
    {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    25%
    {
        -webkit-transform: translateY(5px);
        -o-transform: translateY(5px);
        transform: translateY(5px);
    }

    50%
    {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    75%
    {
        -webkit-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    to
    {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.toggle__icon
{
    width: 15px;
}

    .toggle__icon svg
    {
        fill: #fff;
    }

.loader
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 11;
    width: 50px;
}

    .loader svg
    {
        width: 100%;
    }

    .loader path
    {
        fill: #0057c2;
    }

.loader-container
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100vh;
    width: 100%;
    background-color: #fff;
}

    .loader-container.loader-container--blue
    {
        background-color: #0049a3;
    }

        .loader-container.loader-container--blue .loader-spinner__bounce1, .loader-container.loader-container--blue .loader-spinner__bounce2
        {
            background-color: #fff;
        }

.loader svg g g path:first-child
{
    -webkit-animation: loader 1s linear infinite;
    -o-animation: loader 1s linear infinite;
    animation: loader 1s linear infinite;
}

.loader svg g path:nth-child(12)
{
    -webkit-animation: loader 1s linear 83ms infinite;
    -o-animation: loader 1s linear 83ms infinite;
    animation: loader 1s linear 83ms infinite;
}

.loader svg g path:nth-child(10)
{
    -webkit-animation: loader 1s linear .166s infinite;
    -o-animation: loader 1s linear .166s infinite;
    animation: loader 1s linear .166s infinite;
}

.loader svg g path:nth-child(8)
{
    -webkit-animation: loader 1s linear .249s infinite;
    -o-animation: loader 1s linear .249s infinite;
    animation: loader 1s linear .249s infinite;
}

.loader svg g path:nth-child(6)
{
    -webkit-animation: loader 1s linear .332s infinite;
    -o-animation: loader 1s linear .332s infinite;
    animation: loader 1s linear .332s infinite;
}

.loader svg g path:nth-child(4)
{
    -webkit-animation: loader 1s linear .415s infinite;
    -o-animation: loader 1s linear .415s infinite;
    animation: loader 1s linear .415s infinite;
}

.loader svg g path:nth-child(2)
{
    -webkit-animation: loader 1s linear .498s infinite;
    -o-animation: loader 1s linear .498s infinite;
    animation: loader 1s linear .498s infinite;
}

.loader svg g path:nth-child(11)
{
    -webkit-animation: loader 1s linear .581s infinite;
    -o-animation: loader 1s linear .581s infinite;
    animation: loader 1s linear .581s infinite;
}

.loader svg g path:nth-child(9)
{
    -webkit-animation: loader 1s linear .664s infinite;
    -o-animation: loader 1s linear .664s infinite;
    animation: loader 1s linear .664s infinite;
}

.loader svg g path:nth-child(7)
{
    -webkit-animation: loader 1s linear .747s infinite;
    -o-animation: loader 1s linear .747s infinite;
    animation: loader 1s linear .747s infinite;
}

.loader svg g path:nth-child(5)
{
    -webkit-animation: loader 1s linear .83s infinite;
    -o-animation: loader 1s linear .83s infinite;
    animation: loader 1s linear .83s infinite;
}

.loader svg g path:nth-child(3)
{
    -webkit-animation: loader 1s linear .913s infinite;
    -o-animation: loader 1s linear .913s infinite;
    animation: loader 1s linear .913s infinite;
}

@-webkit-keyframes loader
{
    0%
    {
        fill: transparent;
    }

    to
    {
        fill: inherint;
    }
}

@-o-keyframes loader
{
    0%
    {
        fill: transparent;
    }

    to
    {
        fill: inherint;
    }
}

@keyframes loader
{
    0%
    {
        fill: transparent;
    }

    to
    {
        fill: inherint;
    }
}

.loader-spinner
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 11;
}

.loader-spinner__bounce1, .loader-spinner__bounce2
{
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #0057c2;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    -o-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}

.loader-spinner__bounce2
{
    -webkit-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-bounce
{
    0%,to
    {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes sk-bounce
{
    0%,to
    {
        -o-transform: scale(0);
        transform: scale(0);
    }

    50%
    {
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-bounce
{
    0%,to
    {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    50%
    {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.loader-dashboard
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.loader-dashboard__spinner
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    background-color: #0057c2;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1s infinite ease-in-out;
    -o-animation: sk-scaleout 1s infinite ease-in-out;
    animation: sk-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout
{
    0%
    {
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0);
    }

    to
    {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        opacity: 0;
    }
}

@-o-keyframes sk-scaleout
{
    0%
    {
        -o-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0);
    }

    to
    {
        -o-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        opacity: 0;
    }
}

@keyframes sk-scaleout
{
    0%
    {
        -webkit-transform: translate(-50%,-50%) scale(0);
        -o-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0);
    }

    to
    {
        -webkit-transform: translate(-50%,-50%) scale(1);
        -o-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        opacity: 0;
    }
}

@media screen and (min-width:1024px)
{
    .loader-dashboard
    {
        top: 65px;
        left: 258px;
    }
}

@media screen and (min-width:1920px)
{
    .loader-dashboard
    {
        top: 65px;
        left: 302px;
    }
}

.main-loader, .secondary-loader
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    height: 100%;
    width: 100%;
    background-color: #fff;
}

.main-loader__inner
{
    background-color: #f2f5f9;
    -webkit-animation: showBackground .5s linear .5s forwards;
    -o-animation: showBackground .5s linear .5s forwards;
    animation: showBackground .5s linear .5s forwards;
}

.main-loader__inner, .main-loader__inner__white
{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 10px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    -o-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

.main-loader__inner__white
{
    background-color: #fff;
    -webkit-animation: showBackground .5s linear 3.3s forwards;
    -o-animation: showBackground .5s linear 3.3s forwards;
    animation: showBackground .5s linear 3.3s forwards;
}

.main-loader__logo
{
    position: absolute;
    top: 45%;
    left: 50%;
    width: 100px;
    font-size: 0;
    opacity: 0;
    -webkit-transform: translate(-50%,-55%);
    -ms-transform: translate(-50%,-55%);
    -o-transform: translate(-50%,-55%);
    transform: translate(-50%,-55%);
    -webkit-animation: showLogo .3s linear .8s forwards,moveLogo .3s linear 2.8s,hideLoaderElement .2s linear 3.1s forwards;
    -o-animation: showLogo .3s linear .8s forwards,moveLogo .3s linear 2.8s,hideLoaderElement .2s linear 3.1s forwards;
    animation: showLogo .3s linear .8s forwards,moveLogo .3s linear 2.8s,hideLoaderElement .2s linear 3.1s forwards;
}

    .main-loader__logo svg
    {
        width: 100%;
    }

.main-loader__circle
{
    position: absolute;
    left: 50%;
    bottom: 30%;
    width: 30px;
    font-size: 0;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: showCircle .3s linear 1s forwards,hideLoaderElement .2s linear 3.1s forwards;
    -o-animation: showCircle .3s linear 1s forwards,hideLoaderElement .2s linear 3.1s forwards;
    animation: showCircle .3s linear 1s forwards,hideLoaderElement .2s linear 3.1s forwards;
}

    .main-loader__circle svg
    {
        width: 100%;
    }

        .main-loader__circle svg circle:first-child
        {
            stroke-dasharray: 310px;
            stroke-dashoffset: 0px;
            stroke-linecap: round;
            stroke-width: 4.8px;
            stroke: transparent;
            fill: none;
        }

        .main-loader__circle svg circle:last-child
        {
            stroke-dasharray: 310px;
            stroke-dashoffset: 310px;
            stroke-linecap: round;
            stroke-width: 5px;
            stroke: #0057c2;
            fill: none;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            -o-transform-origin: center center;
            transform-origin: center center;
            -webkit-animation: countdownLoader 1.5s linear 1.3s forwards;
            -o-animation: countdownLoader 1.5s linear 1.3s forwards;
            animation: countdownLoader 1.5s linear 1.3s forwards;
        }

.secondary-loader__logo
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    font-size: 0;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation: moveLogo 1.1s linear .1s infinite;
    -o-animation: moveLogo 1.1s linear .1s infinite;
    animation: moveLogo 1.1s linear .1s infinite;
}

    .secondary-loader__logo svg
    {
        width: 100%;
    }

.post-loader
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    height: 100vh;
    width: 100%;
    background-color: #fff;
    -webkit-animation: hideLoaderSura .5s linear .1s forwards;
    -o-animation: hideLoaderSura .5s linear .1s forwards;
    animation: hideLoaderSura .5s linear .1s forwards;
}

@-webkit-keyframes hideLoaderSura
{
    0%
    {
        opacity: 1;
    }

    40%
    {
        opacity: .5;
    }

    70%
    {
        opacity: 0;
    }

    to
    {
        z-index: -10;
        opacity: 0;
        display: none;
    }
}

@-o-keyframes hideLoaderSura
{
    0%
    {
        opacity: 1;
    }

    40%
    {
        opacity: .5;
    }

    70%
    {
        opacity: 0;
    }

    to
    {
        z-index: -10;
        opacity: 0;
        display: none;
    }
}

@keyframes hideLoaderSura
{
    0%
    {
        opacity: 1;
    }

    40%
    {
        opacity: .5;
    }

    70%
    {
        opacity: 0;
    }

    to
    {
        z-index: -10;
        opacity: 0;
        display: none;
    }
}

@-webkit-keyframes showBackground
{
    to
    {
        -webkit-transform: translate(-50%,-50%) scale(500);
        transform: translate(-50%,-50%) scale(500);
    }
}

@-o-keyframes showBackground
{
    to
    {
        -o-transform: translate(-50%,-50%) scale(500);
        transform: translate(-50%,-50%) scale(500);
    }
}

@keyframes showBackground
{
    to
    {
        -webkit-transform: translate(-50%,-50%) scale(500);
        -o-transform: translate(-50%,-50%) scale(500);
        transform: translate(-50%,-50%) scale(500);
    }
}

@-webkit-keyframes hideBackground
{
    0%
    {
        -webkit-transform: translate(-50%,-50%) scale(500);
        transform: translate(-50%,-50%) scale(500);
    }

    50%
    {
        -webkit-transform: translate(-50%,-50%) scale(250);
        transform: translate(-50%,-50%) scale(250);
    }

    to
    {
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0);
    }
}

@-o-keyframes hideBackground
{
    0%
    {
        -o-transform: translate(-50%,-50%) scale(500);
        transform: translate(-50%,-50%) scale(500);
    }

    50%
    {
        -o-transform: translate(-50%,-50%) scale(250);
        transform: translate(-50%,-50%) scale(250);
    }

    to
    {
        -o-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0);
    }
}

@keyframes hideBackground
{
    0%
    {
        -webkit-transform: translate(-50%,-50%) scale(500);
        -o-transform: translate(-50%,-50%) scale(500);
        transform: translate(-50%,-50%) scale(500);
    }

    50%
    {
        -webkit-transform: translate(-50%,-50%) scale(250);
        -o-transform: translate(-50%,-50%) scale(250);
        transform: translate(-50%,-50%) scale(250);
    }

    to
    {
        -webkit-transform: translate(-50%,-50%) scale(0);
        -o-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0);
    }
}

@-webkit-keyframes showLogo
{
    to
    {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
}

@-o-keyframes showLogo
{
    to
    {
        opacity: 1;
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
}

@keyframes showLogo
{
    to
    {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
}

@-webkit-keyframes moveLogo
{
    0%
    {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
    }

    50%
    {
        -webkit-transform: translate(-50%,-50%) scale(1.1);
        transform: translate(-50%,-50%) scale(1.1);
    }

    to
    {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
    }
}

@-o-keyframes moveLogo
{
    0%
    {
        -o-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
    }

    50%
    {
        -o-transform: translate(-50%,-50%) scale(1.1);
        transform: translate(-50%,-50%) scale(1.1);
    }

    to
    {
        -o-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
    }
}

@keyframes moveLogo
{
    0%
    {
        -webkit-transform: translate(-50%,-50%) scale(1);
        -o-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
    }

    50%
    {
        -webkit-transform: translate(-50%,-50%) scale(1.1);
        -o-transform: translate(-50%,-50%) scale(1.1);
        transform: translate(-50%,-50%) scale(1.1);
    }

    to
    {
        -webkit-transform: translate(-50%,-50%) scale(1);
        -o-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
    }
}

@-webkit-keyframes showCircle
{
    to
    {
        opacity: 1;
    }
}

@-o-keyframes showCircle
{
    to
    {
        opacity: 1;
    }
}

@keyframes showCircle
{
    to
    {
        opacity: 1;
    }
}

@-webkit-keyframes countdownLoader
{
    0%
    {
        stroke-dashoffset: 310px;
    }

    to
    {
        stroke-dashoffset: 0px;
    }
}

@-o-keyframes countdownLoader
{
    0%
    {
        stroke-dashoffset: 310px;
    }

    to
    {
        stroke-dashoffset: 0px;
    }
}

@keyframes countdownLoader
{
    0%
    {
        stroke-dashoffset: 310px;
    }

    to
    {
        stroke-dashoffset: 0px;
    }
}

@-webkit-keyframes hideLoaderElement
{
    0%
    {
        opacity: 1;
    }

    50%
    {
        opacity: .5;
    }

    to
    {
        opacity: 0;
    }
}

@-o-keyframes hideLoaderElement
{
    0%
    {
        opacity: 1;
    }

    50%
    {
        opacity: .5;
    }

    to
    {
        opacity: 0;
    }
}

@keyframes hideLoaderElement
{
    0%
    {
        opacity: 1;
    }

    50%
    {
        opacity: .5;
    }

    to
    {
        opacity: 0;
    }
}

@media screen and (min-width:768px)
{
    .main-loader__logo
    {
        width: 200px;
    }

    .main-loader__circle
    {
        width: 40px;
    }

    .secondary-loader__logo
    {
        width: 200px;
    }
}

.shadow-container
{
    position: relative;
    padding: 20px 30px;
    width: 100%;
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.blue-container
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    background-color: #0057c2;
    overflow: hidden;
}

    .blue-container > div
    {
        width: 100%;
    }

    .blue-container .loader-spinner__bounce1, .blue-container .loader-spinner__bounce2
    {
        background-color: #fff;
    }

.blue-container__base
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    font-size: 0;
}

    .blue-container__base picture
    {
        display: block;
        width: 100%;
    }

    .blue-container__base img
    {
        width: 100%;
    }

@media screen and (max-height:568px)
{
    .blue-container > div
    {
        margin: 20px 0;
    }

    .blue-container > .blue-container__base
    {
        margin: 0;
    }
}

@media screen and (max-width:320px)
{
    .shadow-container
    {
        padding: 20px 26px;
    }
}

@media screen and (min-width:768px)
{
    .shadow-container
    {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .shadow-container-desktop
    {
        position: relative;
        width: 100%;
        background-color: #ffffff;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 10px 0 #dde6ee;
        box-shadow: 0 0 10px 0 #dde6ee;
    }

    .container--border
    {
        display: block;
        background: #0b528c;
        border: 15px solid #0b528c;
    }

        .container--border .header-form
        {
            background-color: #0057c2;
            margin-top: 25px;
        }

    .container__wrapper
    {
        background: #0057c2;
        position: absolute;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        border: 2px solid #0057c2;
        z-index: 2;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .container__wrapper-inner
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: -webkit-calc(100vh - 200px);
        height: calc(100vh - 200px);
    }
}

@media screen and (min-width:1024px)
{
    .shadow-container
    {
        padding: 20px 54px;
    }
}

@media screen and (min-width:1200px)
{
    .shadow-container
    {
        padding: 20px 30px;
    }
}

.date-selector
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    width: 100%;
    background-color: #fff;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

    .date-selector .custom-select
    {
        display: block;
        padding: 16px 0;
    }

    .date-selector .custom-options
    {
        max-height: 274px;
        overflow: auto;
    }

    .date-selector .custom-option
    {
        padding: 10px;
    }

.date-selector__day, .date-selector__month, .date-selector__year
{
    outline: none;
}

    .date-selector__day .custom-select-trigger, .date-selector__month .custom-select-trigger, .date-selector__year .custom-select-trigger
    {
        font-size: 16px;
    }

.date-selector__day
{
    width: 25%;
}

    .date-selector__day .custom-select
    {
        padding: 16px 12px 16px 0;
        border-right: 1px solid #000;
    }

    .date-selector__day .custom-select-arrow
    {
        right: 12px;
    }

.date-selector__month
{
    width: 50%;
}

    .date-selector__month .custom-select
    {
        padding: 16px 12px;
        border-right: 1px solid #000;
    }

    .date-selector__month .custom-select-arrow
    {
        right: 12px;
    }

.date-selector__year
{
    width: 25%;
}

    .date-selector__year .custom-select
    {
        padding: 16px 0 16px 12px;
    }

.date-selector--yellow
{
    background-color: #ffe946;
    color: #0057c2;
}

    .date-selector--yellow .custom-options
    {
        background-color: #ffe946;
        border: 1px solid #0057c2;
    }

    .date-selector--yellow .custom-option
    {
        border-bottom: 1px solid #0057c2;
    }

    .date-selector--yellow .custom-select-arrow svg g
    {
        fill: #0057c2;
    }

    .date-selector--yellow .custom-option.selection, .date-selector--yellow .custom-option:hover
    {
        background-color: #ffee7b;
    }

    .date-selector--yellow .date-selector__day .custom-select, .date-selector--yellow .date-selector__month .custom-select
    {
        border-right: 1px solid #0057c2;
    }

@media screen and (min-width:768px)
{
    .date-selector
    {
        font-size: 20px;
    }

        .date-selector .custom-options
        {
            max-height: 253px;
        }

        .date-selector .custom-option
        {
            font-size: 19px;
        }

    .date-selector__day .custom-select-trigger, .date-selector__month .custom-select-trigger, .date-selector__year .custom-select-trigger
    {
        font-size: 20px;
    }

    .date-selector__day .custom-select
    {
        padding: 22px 12px 22px 0;
    }

    .date-selector__month .custom-select
    {
        padding: 22px 12px;
    }

    .date-selector__year .custom-select
    {
        padding: 22px 0 22px 12px;
    }
}

.date-selector-period
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.date-selector-period__arrow
{
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .date-selector-period__arrow svg
    {
        width: 6px;
    }

.date-selector-period__select
{
    background: inherit;
    display: block;
    width: 100%;
    padding: 6px 20px 8px 0;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 25px;
    font-size: 18px;
    border-bottom: 1px solid #666;
}

    .date-selector-period__select.is-focused
    {
        border-bottom: 2px solid #0057c2;
    }

.date-selector-period__label
{
    opacity: 1;
    top: -8px;
    font-size: 14px;
}

.date-selector-period__options
{
    max-height: 274px;
    overflow: auto;
}

.date-selector-period__month
{
    width: 50%;
    outline: none;
}

.date-selector-period__year
{
    width: 43%;
    outline: none;
}

    .date-selector-period__month .custom-select-trigger, .date-selector-period__year .custom-select-trigger
    {
        font-size: 18px;
        font-family: fs_joeybold;
        font-weight: 700;
    }

    .date-selector-period__month .date-selector-period__options, .date-selector-period__year .date-selector-period__options
    {
        font-family: fs_joeybold;
        font-weight: 700;
    }

@media screen and (min-width:1024px)
{
    .date-selector-period__month
    {
        width: auto;
        outline: none;
        min-width: 150px;
    }

    .date-selector-period__year
    {
        width: auto;
        outline: none;
        min-width: 100px;
    }
}

.modal
{
    position: fixed;
    z-index: 100;
    display: block;
    width: 100%;
    min-height: 100vh;
    background-color: rgba(0,0,0,.75);
    top: 0;
    left: 0;
}

.modal__inner
{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
}

@media screen and (min-width:768px)
{
    .modal__inner
    {
        width: 450px;
    }
}

.modal-contact__overlay
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    overflow: hidden;
}

.modal-contact__body
{
    overflow: auto;
    height: 600px;
    position: relative;
}

.modal-contact__close
{
    position: absolute;
    top: 14px;
    right: 19px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0057c2;
    width: 100px;
    z-index: 10;
}

.mcbc__icon
{
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
}

    .mcbc__icon:after, .mcbc__icon:before
    {
        content: "";
        width: 11px;
        height: 2px;
        top: 50%;
        left: 50%;
        background: #0057c2;
        position: absolute;
    }

    .mcbc__icon:before
    {
        bottom: -5px;
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        -o-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        transform: translateY(-50%) translateX(-50%) rotate(45deg);
    }

    .mcbc__icon:after
    {
        bottom: 5px;
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) translateX(-50%) rotate(135deg);
        -o-transform: translateY(-50%) translateX(-50%) rotate(135deg);
        transform: translateY(-50%) translateX(-50%) rotate(135deg);
    }

.mcbc__text
{
    font-size: 15px;
    display: inline-block;
}

.modal-message-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
}

    .modal-message-overlay .modal-message
    {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 50px 20px;
        max-width: 320px;
        width: 80%;
        background-color: #fff;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .modal-message-overlay .modal__cont, .modal-message-overlay .modal__icon, .modal-message-overlay .modal__title
    {
        text-align: center;
    }

    .modal-message-overlay .modal__icon
    {
        display: none;
        margin-bottom: 10px;
        font-size: 0;
    }

        .modal-message-overlay .modal__icon svg
        {
            height: 54px;
        }

            .modal-message-overlay .modal__icon svg path
            {
                fill: #00c4d7;
            }

    .modal-message-overlay .modal__title
    {
        margin-bottom: 14px;
        color: #4c5662;
        font-size: 20px;
        line-height: 22px;
    }

    .modal-message-overlay .modal__cont
    {
        margin-bottom: 13px;
        color: #4c5662;
        font-size: 16px;
        line-height: 20px;
    }

    .modal-message-overlay .modal__button
    {
        padding: 15px 0;
        margin: 0 auto;
        width: 170px;
    }

@media screen and (min-width:768px)
{
    .modal-message-overlay .modal__icon
    {
        display: block;
    }
}

@media screen and (min-width:1024px)
{
    .modal-message-overlay .modal__title
    {
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 26px;
    }

    .modal-message-overlay .modal__cont
    {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 24px;
    }
}

.countdown
{
    position: relative;
    font-size: 0;
}

    .countdown svg
    {
        width: 100%;
    }

.countdown__text
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 1;
}

    .countdown__text span.countdown__seconds
    {
        display: block;
        font-size: 13px;
        line-height: 1;
        text-transform: uppercase;
    }

.countdown svg circle:first-child
{
    stroke-dasharray: 310px;
    stroke-dashoffset: 0px;
    stroke-linecap: round;
    stroke-width: 4.8px;
    stroke: #3692de;
    fill: none;
}

.countdown svg circle:last-child
{
    stroke-dasharray: 310px;
    stroke-dashoffset: 310px;
    stroke-linecap: round;
    stroke-width: 5px;
    stroke: #ecd431;
    fill: none;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

    .countdown svg circle:last-child, .countdown svg circle:last-child.countdown__animation
    {
        -webkit-animation-name: countdown;
        -o-animation-name: countdown;
        animation-name: countdown;
        -webkit-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

.countdown__description
{
    right: 130%;
    width: 100%;
    display: inline-block;
    padding: 13px 0;
    width: 190px;
    color: #14609f;
    font-size: 14px;
    background-color: #bee2ff;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
}

.countdown__description, .countdown__triangle
{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.countdown__triangle
{
    left: 98%;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #bee2ff;
}

@-webkit-keyframes countdown
{
    0%
    {
        stroke-dashoffset: 310px;
    }

    to
    {
        stroke-dashoffset: 0px;
    }
}

@-o-keyframes countdown
{
    0%
    {
        stroke-dashoffset: 310px;
    }

    to
    {
        stroke-dashoffset: 0px;
    }
}

@keyframes countdown
{
    0%
    {
        stroke-dashoffset: 310px;
    }

    to
    {
        stroke-dashoffset: 0px;
    }
}

@media screen and (min-width:768px)
{
    .countdown__text
    {
        font-size: 28px;
    }

        .countdown__text span
        {
            font-size: 18px;
        }

    .countdown__description
    {
        width: 223px;
        font-size: 16px;
    }

    .countdown__triangle
    {
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-left: 14px solid #bee2ff;
    }
}

.range-slider
{
    position: relative;
}

.range-slider__bar
{
    position: relative;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.range-slider__ruler
{
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
}

    .range-slider__ruler span
    {
        position: relative;
        display: block;
        width: 1px;
        height: 3px;
        background-color: rgba(168,192,208,.35);
    }

        .range-slider__ruler span.range-slider--large
        {
            height: 9px;
        }

.range-slider__number
{
    position: absolute;
    top: -webkit-calc(100% + 9px);
    top: calc(100% + 9px);
    left: 50%;
    display: block;
    color: #fff;
    font-size: 13px;
    opacity: .35;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-style: normal;
}

@media screen and (min-width:768px)
{
    .range-slider__ruler span
    {
        width: 1px;
        height: 6px;
    }

        .range-slider__ruler span.range-slider--large
        {
            height: 18px;
        }

    .range-slider__number
    {
        font-size: 20px;
    }
}

.chat-logo
{
    position: relative;
    width: 60px;
    height: 60px;
    display: none;
    background-color: hsla(0,0%,100%,.33);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transition: opacity .15s linear;
    -o-transition: .15s opacity linear;
    transition: opacity .15s linear;
}

    .chat-logo svg
    {
        width: 100%;
    }

.chat-logo__inner
{
    width: 52px;
    height: 52px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.chat-logo__img, .chat-logo__inner
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.chat-logo__img
{
    width: 50%;
    font-size: 0;
}

@media screen and (min-width:768px)
{
    .chat-logo
    {
        display: block;
    }
}

@media screen and (min-width:1200px)
{
    .chat-logo
    {
        width: 50px;
        height: 50px;
    }

    .chat-logo__inner
    {
        width: 42px;
        height: 42px;
    }
}

@media screen and (min-width:1920px)
{
    .chat-logo
    {
        width: 60px;
        height: 60px;
    }

    .chat-logo__inner
    {
        width: 52px;
        height: 52px;
    }
}

.footer-bar
{
    position: fixed;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #e9f3fd;
    z-index: 20;
    padding: 12px 0;
}

.footer-bar, .footer-wrapper
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.footer-bar__text, .footer-wrapper
{
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer-bar__text
{
    margin-left: 20px;
    display: none;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.footer-bar__item
{
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 8px 0;
    text-align: center;
    border-bottom: 2px solid transparent;
}

    .footer-bar__item.item--active
    {
        border-bottom: 3px solid #0057c2;
    }

        .footer-bar__item.item--active .fbi__image svg path
        {
            fill: #0057c2;
        }

        .footer-bar__item.item--active .fbi__text
        {
            color: #0057c2;
        }

        .footer-bar__item.item--active .fbi__image[data-image=f-home] svg path:nth-child(3)
        {
            stroke: #0057c2;
            fill: none;
        }

.fbi__image
{
    font-size: 0;
}

    .fbi__image svg
    {
        height: 24px;
    }

        .fbi__image svg path
        {
            fill: #a0aab3;
        }

    .fbi__image[data-image=f-home] svg path:nth-child(3)
    {
        stroke: #a0aab3;
        fill: none;
    }

.fbi__text
{
    color: #a0aab3;
    font-size: 12px;
    line-height: 19px;
    font-family: fs_joeymedium;
    font-weight: 500;
}

@media screen and (min-width:375px)
{
    .footer-bar__text
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 12px;
    }

    .footer-bar__button-container
    {
        margin-right: 20px;
    }

        .footer-bar__button-container .e-button
        {
            padding: 10px 20px;
        }

    .footer-wrapper
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .footer-wrapper .e-p2, .footer-wrapper .s-recommendation .c-accordion-section__label, .s-recommendation .footer-wrapper .c-accordion-section__label
        {
            line-height: 18px;
        }
}

@media screen and (min-width:768px)
{
    .footer-bar__text
    {
        margin-right: 14px;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (min-width:1024px)
{
    .footer-wrapper
    {
        width: -webkit-calc(100% - 202px);
        width: calc(100% - 202px);
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer-bar__button-container
    {
        padding-left: 2px;
    }

    .footer-bar__text
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (min-width:1200px)
{
    .footer-wrapper
    {
        width: -webkit-calc(100% - 220px);
        width: calc(100% - 220px);
    }
}

@media screen and (min-width:1600px)
{
    .footer-wrapper
    {
        width: -webkit-calc(100% - 250px);
        width: calc(100% - 250px);
    }
}

.db-alert
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
    background-color: #fff;
}

    .db-alert > .db-alert__overflow
    {
        position: relative;
        height: 100vh;
        min-height: 400px;
    }

.db-alert__close
{
    position: absolute;
    top: 26px;
    left: 22px;
    z-index: 2;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0057c2;
    cursor: pointer;
}

    .db-alert__close span
    {
        margin-right: 10px;
        width: 18px;
        font-size: 0;
    }

    .db-alert__close svg
    {
        width: 100%;
    }

        .db-alert__close svg path
        {
            fill: #0057c2;
        }

.db-alert__inner
{
    position: absolute;
    top: 50%;
    padding: 0 20px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.db-alert__logo
{
    margin: 0 auto 51px;
    width: 154px;
    font-size: 0;
}

    .db-alert__logo svg
    {
        width: 100%;
    }

.db-alert__title
{
    margin-bottom: 7px;
    color: #0057c2;
    font-size: 26px;
    line-height: 27px;
    text-align: center;
}

.db-alert__description
{
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
}

.db-alert__img--mobile
{
    width: 370px;
    margin: 0 auto;
}

@media screen and (min-width:1024px)
{
    .db-alert__img--desktop
    {
        width: 100%;
        height: 100vh;
    }

    .db-alert__logo
    {
        display: none;
    }

    .db-alert__title
    {
        font-size: 40px;
    }

        .db-alert__title br
        {
            display: none;
        }

    .db-alert__description
    {
        font-size: 26px;
        margin-bottom: 30px;
    }

        .db-alert__description br
        {
            display: none;
        }

    .db-alert__button
    {
        margin: 0 auto;
    }
}

.db-welcome
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
    background-color: #fff;
}

.db-welcome__logo
{
    top: 50px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 140px;
    font-size: 0;
    cursor: pointer;
}

    .db-welcome__logo svg
    {
        width: 100%;
    }

.db-welcome__wrapper
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
}

.db-welcome__inner
{
    position: absolute;
    padding: 0 20px;
    width: 100%;
    top: 50%;
    margin: 30px auto 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.db-welcome__title
{
    margin-bottom: 7px;
    color: #0057c2;
    font-size: 30px;
    line-height: 27px;
    text-align: center;
}

.db-welcome__description
{
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}

.db-welcome__button
{
    margin: 0 auto;
}

.db-welcome__image
{
    margin: 100px auto 0;
    width: 100%;
}

    .db-welcome__image img
    {
        width: 100%;
    }

.db-welcome__animation-image
{
    -webkit-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.db-welcome__animation-text
{
    -webkit-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@media screen and (min-width:320px)
{
    .db-welcome__image
    {
        margin: 80px auto 0;
        width: 90%;
    }

    .db-welcome__title
    {
        font-size: 26px;
        margin-bottom: 0;
    }

    .db-welcome__description
    {
        margin-bottom: 15px;
    }
}

@media screen and (min-width:540px)
{
    .db-welcome__inner
    {
        margin-top: 120px;
    }
}

@media screen and (min-width:768px)
{
    .db-welcome__title
    {
        font-size: 52px;
        line-height: 40px;
    }

    .db-welcome__description
    {
        font-size: 24px;
    }

    .db-welcome__image
    {
        width: 80%;
        margin: 60px auto 0;
    }

    .db-welcome__inner
    {
        margin-top: 100px;
    }
}

@media screen and (min-width:1024px)
{
    .db-welcome__logo
    {
        left: 60px;
        top: 30px;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .db-welcome__wrapper
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .db-welcome__wrapper-text
    {
        position: absolute;
        right: -380px;
        top: -120px;
    }

    .db-welcome__inner
    {
        margin-top: 0;
        padding: 0 80px;
        top: 38%;
        -webkit-transform: translateY(-38%);
        -ms-transform: translateY(-38%);
        -o-transform: translateY(-38%);
        transform: translateY(-38%);
    }

    .db-welcome__title
    {
        font-size: 48px;
        line-height: 36px;
        text-align: left;
        margin-bottom: 8px;
    }

    .db-welcome__description
    {
        font-size: 20px;
        margin-bottom: 10px;
        text-align: left;
        font-family: fs_joeylight;
        font-weight: 300;
    }

        .db-welcome__description br
        {
            display: none;
        }

    .db-welcome__button
    {
        margin: 0;
    }

    .db-welcome__image
    {
        width: 80%;
        font-size: 0;
        margin: 0;
    }

    .db-welcome__animation-image
    {
        -webkit-animation-name: fadeInRight;
        -o-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .db-welcome__animation-text
    {
        -webkit-animation-name: fadeInLeft;
        -o-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }
}

@media screen and (min-width:1200px)
{
    .db-welcome__title
    {
        font-size: 56px;
        line-height: 44px;
        margin-bottom: 10px;
    }

    .db-welcome__wrapper-text
    {
        right: -450px;
        top: -120px;
    }

    .db-welcome__description
    {
        font-size: 24px;
        margin-bottom: 14px;
    }
}

@media screen and (min-width:1366px)
{
    .db-welcome__inner
    {
        margin-top: 0;
        padding: 0 255px;
    }

    .db-welcome__title
    {
        font-size: 60px;
        line-height: 48px;
        text-align: left;
    }

    .db-welcome__wrapper-text
    {
        right: -500px;
        top: -120px;
    }

    .db-welcome__inner
    {
        padding: 0 155px;
    }
}

@media screen and (min-width:1920px)
{
    .db-welcome__inner
    {
        padding: 0 255px;
    }

    .db-welcome__wrapper-text
    {
        top: -100px;
        right: -600px;
    }

    .db-welcome__description
    {
        margin-bottom: 20px;
        font-size: 30px;
    }

    .db-welcome__title
    {
        font-size: 72px;
        line-height: 56px;
        text-align: left;
        margin-bottom: 10px;
    }
}

@media screen and (max-height:450px)
{
    .db-welcome__logo
    {
        position: relative;
        margin-bottom: 50px;
    }
}

.breadcrumb
{
    display: none;
    height: 63px;
    width: 100%;
    padding: 0 30px;
    border-bottom: 1px solid #e0e8f0;
}

.breadcrumb, .breadcrumb__current
{
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumb__current
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    .breadcrumb__current .bc__icon
    {
        font-size: 0;
        margin-right: 13px;
    }

        .breadcrumb__current .bc__icon svg
        {
            height: 26px;
        }

            .breadcrumb__current .bc__icon svg path
            {
                fill: #0057c2;
            }

    .breadcrumb__current .bc__text span
    {
        display: block;
    }

        .breadcrumb__current .bc__text span:first-child
        {
            font-size: 13px;
        }

        .breadcrumb__current .bc__text span:last-child
        {
            font-size: 20px;
        }

@media screen and (min-width:1024px)
{
    .breadcrumb
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (min-width:1920px)
{
    .breadcrumb__current .bc__text span:first-child
    {
        font-size: 14px;
    }
}

.sidebar
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 202px;
    background: -webkit-gradient(linear,left top,right top,from(#014989),to(#138fb9));
    background: -webkit-linear-gradient(left,#014989,#138fb9);
    background: -o-linear-gradient(left,#014989 0,#138fb9 100%);
    background: linear-gradient(90deg,#014989 0,#138fb9);
    z-index: 9;
}

    .sidebar .ss-scroll
    {
        background: hsla(0,0%,100%,.45);
        width: 7px;
        right: -190px !important;
    }

.sidebar__profile
{
    width: 62px;
    height: 62px;
    padding: 8px;
    margin: 85px auto 13px;
    border: 1px solid hsla(0,0%,100%,.18);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}

    .sidebar__profile svg circle
    {
        fill: hsla(0,0%,100%,.18);
    }

.sidebar__name, .sidebar__username
{
    text-align: center;
    color: #fff;
    padding: 0 10px;
    word-break: break-all;
}

.sidebar__name
{
    font-size: 22px;
}

.sidebar__username
{
    font-size: 15px;
}

.sidebar .ss-content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sidebar__list
{
    padding-bottom: 20px;
}

.sidebar__item
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: fs_joeylight;
    font-weight: 300;
    border-left: 4px solid transparent;
    opacity: .5;
    padding: 12px 20px 12px 45px;
    cursor: pointer;
}

    .sidebar__item.sidebar__item--active
    {
        border-left: 4px solid #ffe946;
        opacity: 1;
        font-family: fs_joeymedium;
        font-weight: 500;
    }

    .sidebar__item:hover
    {
        opacity: 1;
    }

.sidebar__item-icon
{
    position: absolute;
    top: 50%;
    left: 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 15px;
    font-size: 0;
}

    .sidebar__item-icon svg
    {
        height: 21px;
        max-width: 30px;
    }

        .sidebar__item-icon svg path, .sidebar__item-icon svg rect
        {
            fill: #fff;
        }

.sidebar__item-description
{
    color: #fff;
    font-size: 16px;
}

.sidebar__bottom
{
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    padding-bottom: 15px;
    padding-top: 10px;
    background: inherit;
}

.sidebar__bottom-item
{
    margin-bottom: 15px;
    padding-left: 24px;
    display: block;
}

    .sidebar__bottom-item:last-child
    {
        margin-bottom: 0;
        cursor: pointer;
    }

.sidebar__item--important
{
    opacity: 1;
    background: hsla(0,0%,100%,.25);
    height: 68px;
}

.sidebar__dataUpdate
{
    display: inline-block;
    color: #fff;
    text-align: center;
    margin: 8px auto 0;
    border-bottom: 1px solid #fff;
}

    .sidebar__dataUpdate:hover
    {
        color: #fce117;
        border-bottom: 1px solid #fce117;
    }

@media screen and (min-width:1024px)
{
    .sidebar
    {
        display: block;
    }

        .sidebar.is-disabled
        {
            display: none;
        }

    .sidebar__name
    {
        font-size: 16px;
    }

    .sidebar__username
    {
        font-size: 12px;
    }

    .sidebar__item-icon
    {
        left: 18px;
    }

        .sidebar__item-icon svg
        {
            height: 16px;
        }

    .sidebar .ss-container
    {
        padding: 45px 0 5px;
        height: -webkit-calc(100vh - 218px);
        height: calc(100vh - 218px);
    }

    .sidebar__hr
    {
        width: 90%;
        margin: 20px auto;
        height: 1px;
        background: rgba(0,0,0,.08);
    }
}

@media screen and (min-width:1200px)
{
    .sidebar
    {
        width: 220px;
    }

        .sidebar .ss-container
        {
            padding: 45px 0 5px;
            height: -webkit-calc(100vh - 224px);
            height: calc(100vh - 224px);
        }

        .sidebar .ss-scroll
        {
            right: -207px !important;
        }

    .sidebar__item-description
    {
        font-size: 16px;
    }

    .sidebar__name
    {
        font-size: 18px;
    }

    .sidebar__username
    {
        font-size: 15px;
    }

    .sidebar__item-icon svg
    {
        height: 21px;
    }

    .sidebar__item
    {
        padding-left: 58px;
        margin-bottom: 10px;
    }

    .sidebar__bottom
    {
        font-size: 13px;
    }
}

@media screen and (min-width:1600px)
{
    .sidebar
    {
        width: 250px;
    }

        .sidebar .ss-container
        {
            height: -webkit-calc(100vh - 234px);
            height: calc(100vh - 234px);
        }

        .sidebar .ss-scroll
        {
            right: -238px !important;
        }
}

.home__navbar
{
    display: none;
}

.home__navbar-mobile
{
    display: block;
    position: fixed;
    z-index: 2000000;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 10px 20px;
}

    .home__navbar-mobile .home__burger
    {
        top: 50%;
        left: 0;
        background: #0057c2;
        width: 15px;
        height: 2px;
        display: block;
        -webkit-border-radius: 25%;
        border-radius: 25%;
        position: absolute;
    }

        .home__navbar-mobile .home__burger:after, .home__navbar-mobile .home__burger:before
        {
            content: "";
            position: absolute;
            background: #0057c2;
            width: 15px;
            height: 2px;
            display: block;
            -webkit-border-radius: 25%;
            border-radius: 25%;
        }

        .home__navbar-mobile .home__burger:before
        {
            bottom: -5px;
        }

        .home__navbar-mobile .home__burger:after
        {
            bottom: 5px;
        }

.home-navbar__wrapper
{
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-hamburger__menu, .home-navbar__wrapper
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.home-hamburger__menu
{
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.home-hamburger-menu__items
{
    position: relative;
    width: 25px;
}

.home-hamburger-menu__text
{
    font-size: 15px;
    color: #0057c2;
}

.home-navbar__logo
{
    width: 100px;
    z-index: 1000;
    cursor: pointer;
}

.home-navbar-mobile__overlay
{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 150;
    height: 100vh;
    background: #fff;
    width: 100%;
    overflow: auto;
    display: none;
    padding-left: 40px;
    padding-right: 40px;
    opacity: 0;
}

    .home-navbar-mobile__overlay.is-active
    {
        display: block;
        overflow: hidden;
        -webkit-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: .5s;
        -o-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-name: fadeIn;
        -o-animation-name: fadeIn;
        animation-name: fadeIn;
    }

    .home-navbar-mobile__overlay.is-submenu
    {
        background: #f3f5f9;
    }

        .home-navbar-mobile__overlay.is-submenu .home-navbar-mobile__center
        {
            margin-top: 110px;
            display: block;
        }

.home-navbar-mobile__center
{
    height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-navbar-mobile__right
{
    position: absolute;
    top: 15px;
    right: 20px;
}

.home-navbar-mobile__sub-list-title
{
    font-size: 18px;
    color: #0057c2;
    margin-bottom: 20px;
    position: relative;
}

.home-navbar-mobile__sub-item
{
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.home-navbar-mobile__close
{
    width: 40px;
    height: 40px;
    border: 2px solid #0057c2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}

    .home-navbar-mobile__close:after, .home-navbar-mobile__close:before
    {
        content: "";
        width: 11px;
        height: 2px;
        top: 50%;
        left: 50%;
        background: #0057c2;
        position: absolute;
    }

    .home-navbar-mobile__close:before
    {
        bottom: -5px;
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        -o-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        transform: translateY(-50%) translateX(-50%) rotate(45deg);
    }

    .home-navbar-mobile__close:after
    {
        bottom: 5px;
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) translateX(-50%) rotate(135deg);
        -o-transform: translateY(-50%) translateX(-50%) rotate(135deg);
        transform: translateY(-50%) translateX(-50%) rotate(135deg);
    }

.home-navbar-mobile__list
{
    font-size: 20px;
    width: 100%;
    background: #fff;
    display: none;
    opacity: 0;
}

    .home-navbar-mobile__list.is-active
    {
        display: block;
        opacity: 1;
    }

.home-navbar-mobile__sub-list
{
    display: none;
    width: 100%;
    opacity: 0;
}

    .home-navbar-mobile__sub-list.is-active
    {
        display: block;
        opacity: 1;
        -webkit-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: .3s;
        -o-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-name: fadeInDown;
        -o-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    .home-navbar-mobile__sub-list.is-remove
    {
        -webkit-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: fadeOutUp;
        -o-animation-name: fadeOutUp;
        animation-name: fadeOutUp;
    }

.home-navbar-mobile__list-item
{
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 18px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-navbar-mobile__list-item-li
{
    margin-left: 25px;
}

.home-navbar-mobile__hr
{
    width: 21px;
    height: 1px;
    margin-top: 15px;
    background: #c1c7d5;
}

.home-navbar-mobile_button
{
    width: 158px;
    padding: 15px 0;
    margin: 30px auto 0;
}

.home-navbar-mobile__arrow-item
{
    width: 9px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.home-navbar-mobile__arrow-tittle
{
    width: 12px;
    margin-right: 15px;
    padding-top: 5px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

    .home-navbar-mobile__arrow-tittle g
    {
        fill: #0057c2;
    }

@media screen and (min-width:1200px)
{
    .home__navbar-mobile
    {
        display: none;
    }

    .home__navbar
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        top: 0;
        background-color: #fff;
        width: 100%;
        z-index: 1000;
        height: 60px;
        padding: 0 40px;
    }

        .home__navbar .button-navbar
        {
            display: inline-block;
        }

    .home-navbar__logo
    {
        width: 100px;
    }

    .home-navbar--left > a
    {
        display: inline-block;
        margin-left: 30px;
        margin-top: 4px;
        position: relative;
        overflow: hidden;
        color: #4c5662;
    }

        .home-navbar--left > a:hover
        {
            color: #0057c2;
        }

        .home-navbar--left > a:after
        {
            content: "";
            position: absolute;
            bottom: 0;
            left: -100%;
            width: 100%;
            height: 2px;
            background: #0057c2;
            -webkit-transition: left .3s;
            -o-transition: left .3s;
            transition: left .3s;
        }

        .home-navbar--left > a:hover:after
        {
            left: 0;
        }

    .home-navbar--rigth div
    {
        display: inline-block;
        margin-right: 30px;
    }

    .home-navbar--rigth .home-navbar__menu
    {
        display: inline-block;
        margin-right: 25px;
        position: relative;
        margin-bottom: 0;
        margin-top: 0;
        cursor: pointer;
    }

        .home-navbar--rigth .home-navbar__menu .toggle__icon
        {
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            -o-transform-origin: center;
            transform-origin: center;
            -webkit-transition: all .3s linear;
            -o-transition: .3s all linear;
            transition: all .3s linear;
            margin-left: 10px;
        }

            .home-navbar--rigth .home-navbar__menu .toggle__icon svg
            {
                fill: #4c5662;
            }

        .home-navbar--rigth .home-navbar__menu:hover .toggle__icon-main
        {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

        .home-navbar--rigth .home-navbar__menu:hover .home-navbar__list
        {
            display: block;
        }

        .home-navbar--rigth .home-navbar__menu > li
        {
            position: relative;
            padding-left: 12px;
        }

    .home-navbar--rigth .home-navbar__menu-item > span, .home-navbar--rigth .home-navbar__menu-item > svg
    {
        position: relative;
        z-index: 2;
    }

    .home-navbar--rigth .home-navbar__list
    {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        float: left;
        background-color: #fff;
        padding: 10px 20px 0;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .home-navbar--rigth .home-navbar__list-item
    {
        margin-top: 25px;
        margin-bottom: 21px;
        width: 240px;
        position: relative;
    }

        .home-navbar--rigth .home-navbar__list-item .toggle__icon
        {
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transition: all .3s linear;
            -o-transition: .3s all linear;
            transition: all .3s linear;
            -webkit-transform: rotate(270deg) translateY(-50%);
            -ms-transform: rotate(270deg) translateY(-50%);
            -o-transform: rotate(270deg) translateY(-50%);
            transform: rotate(270deg) translateY(-50%);
        }

        .home-navbar--rigth .home-navbar__list-item > a
        {
            -webkit-transition: all .3s linear;
            -o-transition: .3s all linear;
            transition: all .3s linear;
            cursor: pointer;
        }

        .home-navbar--rigth .home-navbar__list-item:hover a
        {
            color: #0057c2;
        }

        .home-navbar--rigth .home-navbar__list-item:hover .toggle__icon path
        {
            fill: #0057c2;
        }

    .home-navbar__container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }
}

@media screen and (min-width:1200px)
{
    .home__navbar
    {
        height: 60px;
    }

    .home-navbar--left
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .home-navbar--left > a
        {
            display: inline-block;
            margin-left: 45px;
        }

    .home-navbar--rigth, .home-navbar__list
    {
        font-size: 16px;
    }

    .home-navbar__logo
    {
        width: 128px;
    }
}

@media screen and (min-width:1920px)
{
    .home__navbar
    {
        height: 75px;
    }

    .home-navbar__logo
    {
        width: 140px;
    }

    .toggle-navbar
    {
        font-size: 18px;
    }

    .home-navbar__list
    {
        margin-top: 5px;
    }

    .home-navbar--rigth .home-navbar__list-item
    {
        margin-top: 40px;
        margin-bottom: 30px;
    }
}

.swiper-slide
{
    width: 65%;
}

.swiper-pagination-bullet
{
    background-color: #4c5662;
    width: 5px;
    height: 5px;
    opacity: .25;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .25s linear;
    -o-transition: .25s all linear;
    transition: all .25s linear;
}

.swiper-pagination-bullet-active
{
    background-color: #0057c2;
    width: 8px;
    height: 8px;
    opacity: 1;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.overlay
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    overflow: auto;
}

.overlay__close
{
    position: absolute;
    top: 14px;
    right: 19px;
    color: #0057c2;
    font-size: 18px;
    width: 40px;
    z-index: 10;
}

.overlay__close, .overlay__content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.overlay__content
{
    width: 100%;
    min-height: 100vh;
    overflow: auto;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .overlay__content > div
    {
        position: relative;
        width: 100%;
    }

@media screen and (max-width:1024px)
{
    .overlay
    {
        background-color: rgba(0,0,0,.75);
    }

    .overlay__content
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .overlay__content > div
        {
            margin: 0;
            padding: 89px 78px 71px;
            width: 800px;
            background-color: #fff;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }
}

.cp-section-main
{
    padding-top: 60px;
}

.cp-sm__image-mobile
{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
}

.cp-sm__base-curve
{
    width: 100%;
    position: absolute;
    bottom: -1px;
    z-index: 1;
}

.cp-sm__base-curve-image
{
    width: 100%;
}

.cp-sm__content
{
    text-align: center;
    padding-bottom: 52px;
    margin-top: 20px;
    z-index: 2;
}

.cp-sm__icon svg
{
    width: 50px;
    fill: #0057c2;
}

.cp-sm__tittle
{
    font-size: 24px;
    margin: 20px auto;
    max-width: 280px;
}

.cp-sm__button
{
    margin: 0 auto;
}

.cp-sm__br
{
    display: none;
}

@media screen and (min-width:768px)
{
    .cp-section-main
    {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }

    .cp-sm__content
    {
        margin-top: 0;
        padding-bottom: 0;
        position: relative;
        width: 100%;
        z-index: 2;
        color: #fff;
    }

    .cp-sm__content--center
    {
        height: -webkit-calc(100vh - 60px);
        height: calc(100vh - 60px);
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .cp-sm__icon svg
    {
        width: 80px;
        fill: #fff;
    }

    .cp-sm__tittle
    {
        max-width: 700px;
        margin: 28px auto;
        font-size: 38px;
    }

    .cp-container-center
    {
        margin-top: -60px;
    }
}

@media screen and (min-width:1200px)
{
    .cp-sm__tittle
    {
        font-size: 48px;
        margin: 23px auto;
    }

    .cp-sm__br
    {
        display: block;
    }
}

@media screen and (min-width:1960px)
{
    .cp-section-main
    {
        padding-top: 75px;
    }

    .cp-sm__content--center
    {
        height: -webkit-calc(100vh - 75px);
        height: calc(100vh - 75px);
    }

    .cp-container-center
    {
        margin-top: -75px;
    }

    .cp-sm__tittle
    {
        margin: 27px auto;
        font-size: 60px;
        max-width: 860px;
    }
}

.cp-section-final
{
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px);
}

.cp-sf__tittle
{
    margin-top: 0;
    color: #0057c2;
    font-size: 30px;
    text-align: center;
}

.cp-sf__button
{
    margin: 19px auto 0;
}

.cp-sf__text-content
{
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    width: 260px;
    margin: 0 auto;
}

.cp-sf__link
{
    margin: 28px auto 0;
    border-bottom: 1px solid #4c5662;
    display: inline-block;
    text-align: center;
}

.cp-sf__content--center
{
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px);
}

@media screen and (min-width:412px)
{
    .cp-section-final
    {
        padding-top: 0;
    }
}

@media screen and (min-width:768px)
{
    .cp-section-final
    {
        height: 100vh;
        padding-top: 0;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }

    .cp-sf__content
    {
        margin-top: 0;
        padding-bottom: 0;
        position: relative;
        width: 100%;
        z-index: 2;
        color: #fff;
    }

    .cp-sf__content--center
    {
        height: 100vh;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .cp-sf__tittle
    {
        color: #fff;
        font-size: 48px;
        margin-bottom: 5px;
    }

    .cp-sf__text-content
    {
        font-size: 24px;
        width: 480px;
        font-family: fs_joeylight;
        font-weight: 300;
        line-height: 34px;
    }

    .cp-sf__link
    {
        color: #fff;
        border-bottom: 1px solid #fff;
    }

        .cp-sf__link:hover
        {
            border-bottom: 1px solid #ffe946;
        }
}

@media screen and (min-width:1440px)
{
    .cp-sf__tittle
    {
        font-size: 60px;
    }

    .cp-sf__text-content
    {
        font-size: 30px;
        width: 600px;
    }

    .cp-sf__button
    {
        margin: 26px auto 0;
    }
}

@media screen and (min-width:1960px)
{
    .cp-sf__content--center
    {
        height: -webkit-calc(100vh - 75px);
        height: calc(100vh - 75px);
    }
}

.irene-chat
{
    position: fixed;
    right: 20px;
    bottom: 0;
    z-index: 2000;
    padding-top: 20px;
    padding-bottom: 20px;
}

.irene-chat__button
{
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    background-color: #ffe946;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: none;
    font-size: 0;
    overflow: hidden;
    -webkit-transition: -webkit-transform .35s linear;
    transition: -webkit-transform .35s linear;
    -o-transition: .35s -o-transform linear;
    transition: transform .35s linear;
    transition: transform .35s linear,-webkit-transform .35s linear,-o-transform .35s linear;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.3);
}

    .irene-chat__button img
    {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 90%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .irene-chat__button svg
    {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

        .irene-chat__button svg g
        {
            fill: #0057c2;
        }

    .irene-chat__button.irene-chat__button--close, .irene-chat__frame
    {
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }

.irene-chat__frame
{
    position: absolute;
    bottom: 0;
    right: -20px;
    background-color: #fff;
    -webkit-transition: -webkit-transform .35s linear;
    transition: -webkit-transform .35s linear;
    -o-transition: .35s -o-transform linear;
    transition: transform .35s linear;
    transition: transform .35s linear,-webkit-transform .35s linear,-o-transform .35s linear;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.3);
}

    .irene-chat__frame iframe
    {
        width: 100%;
    }

    .irene-chat__frame.irene-chat__frame--active
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

.irene-chat__close
{
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 10;
    width: 20px;
    height: 60px;
    font-size: 0;
    cursor: pointer;
}

    .irene-chat__close svg
    {
        position: absolute;
        top: 50%;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .irene-chat__close svg g
        {
            fill: #0057c2;
        }

@media screen and (min-width:1024px)
{
    .irene-chat__button
    {
        width: 100px;
        height: 100px;
    }
}

.scroll-line__mobile-none, .scroll-line__wrapper
{
    display: none;
}

@media screen and (min-width:768px)
{
    .scroll-line__wrapper
    {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .scroll-line__text
    {
        text-align: center;
        font-size: 18px;
        cursor: pointer;
        margin-bottom: 18px;
    }

    .scroll-line__none
    {
        display: none;
    }

    .scroll-line__mobile-none
    {
        display: block;
    }

    .scroll-line__text-scroll-color--white
    {
        color: #fff;
    }

    .scroll-line__text-scroll-color--blue
    {
        color: #0057c2;
    }

    .scroll-line__down
    {
        width: 2px;
        height: 60px;
        margin: 0 auto;
        overflow: hidden;
    }

    .scroll-line
    {
        width: 100%;
        height: 100%;
        display: block;
        background-position: 0 -60px;
        -webkit-background-size: 100% 200%;
        background-size: 100% 200%;
        -webkit-animation: scrolldown 1.6s cubic-bezier(.76,0,.3,1) forwards infinite;
        -o-animation: scrolldown 1.6s cubic-bezier(.76,0,.3,1) forwards infinite;
        animation: scrolldown 1.6s cubic-bezier(.76,0,.3,1) forwards infinite;
    }

    .scroll-color--white
    {
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,hsla(0,0%,100%,0)));
        background-image: -webkit-linear-gradient(top,#fff 50%,hsla(0,0%,100%,0) 0);
        background-image: -o-linear-gradient(top,#fff 50%,hsla(0,0%,100%,0) 50%);
        background-image: linear-gradient(180deg,#fff 50%,hsla(0,0%,100%,0) 0);
    }

    .scroll-color--blue
    {
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#0057c2),color-stop(50%,hsla(0,0%,100%,0)));
        background-image: -webkit-linear-gradient(top,#0057c2 50%,hsla(0,0%,100%,0) 0);
        background-image: -o-linear-gradient(top,#0057c2 50%,hsla(0,0%,100%,0) 50%);
        background-image: linear-gradient(180deg,#0057c2 50%,hsla(0,0%,100%,0) 0);
    }

    @-webkit-keyframes scrolldown
    {
        0%
        {
            background-position: 0 -60px;
        }

        75%
        {
            background-position: 0 0;
        }

        to
        {
            background-position: 0 60px;
        }
    }

    @-o-keyframes scrolldown
    {
        0%
        {
            background-position: 0 -60px;
        }

        75%
        {
            background-position: 0 0;
        }

        to
        {
            background-position: 0 60px;
        }
    }

    @keyframes scrolldown
    {
        0%
        {
            background-position: 0 -60px;
        }

        75%
        {
            background-position: 0 0;
        }

        to
        {
            background-position: 0 60px;
        }
    }
}

@media screen and (min-width:1920px)
{
    .scroll-line__text
    {
        font-size: 22px;
    }

    .scroll-line__down
    {
        height: 75px;
    }
}

.pagination__number
{
    position: fixed;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding-left: 0;
}

    .pagination__number li
    {
        cursor: pointer;
        margin-bottom: 3px;
        padding: 12px 16px 12px 0;
        border-right: 2px solid #fff;
        color: #fff;
        font-size: 18px;
        opacity: .5;
        line-height: 1;
    }

        .pagination__number li:last-child
        {
            margin-bottom: 0;
        }

        .pagination__number li.active
        {
            opacity: 1;
            font-family: fs_joeymedium;
            font-weight: 500;
        }

.pagination__number--none
{
    display: none;
}

.pagination__number--black li
{
    color: #4c5662;
    border-right: 2px solid #c1c7d5;
    opacity: 1;
}

    .pagination__number--black li.active
    {
        color: #0057c2;
        border-right: 2px solid #0057c2;
    }

@media screen and (min-width:768px)
{
    .pagination__number
    {
        padding-left: 40px;
    }

        .pagination__number li
        {
            font-size: 14px;
            padding: 7px 16px 7px 0;
        }
}

@media screen and (min-width:1440px)
{
    .pagination__number li
    {
        font-size: 18px;
    }
}

.modal__overlay
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    overflow: hidden;
}

.modal__body
{
    height: 600px;
    position: relative;
}

.modal__relative
{
    position: unset;
    max-height: 100vh;
    overflow-y: auto;
}

.modal__close
{
    position: absolute;
    top: 14px;
    right: 19px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0057c2;
    font-size: 18px;
    width: 40px;
    z-index: 10;
}

    .modal__close span
    {
        display: block;
        width: 20px;
        margin-right: 10px;
        font-size: 0;
    }

    .modal__close svg
    {
        width: 100%;
    }

        .modal__close svg g
        {
            fill: #0057c2;
        }

.modal__content
{
    overflow: auto;
}

.modal__logo
{
    margin: 20px auto 0;
    width: 100px;
    display: block;
}

@media screen and (min-width:768px)
{
    .modal__overlay
    {
        background-color: rgba(0,0,0,.75);
        overflow: unset;
    }

    .modal__body
    {
        overflow: unset;
        height: auto;
    }

    .modal__content
    {
        width: 100%;
        min-height: 100vh;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-animation-duration: 1.5s;
        -o-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }

        .modal__content > div
        {
            margin: 0;
            padding: 45px 78px;
            width: 750px;
            background-color: #fff;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

    .modal__relative
    {
        position: relative;
    }

    .modal__logo
    {
        display: none;
    }

    .assured-modal__icon
    {
        display: 48px;
    }
}

@media screen and (min-width:1200px)
{
    .modal__content > div
    {
        padding: 45px 10px;
    }
}

@media screen and (min-width:1920px)
{
    .modal__content > div
    {
        padding: 45px 78px;
    }
}

.login
{
    background-color: #f6fcff;
    padding: 15px;
}

.login, .login__inner
{
    min-height: -webkit-calc(100vh - 30px);
    min-height: calc(100vh - 30px);
}

.login__inner
{
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
}

.login__background-blue
{
    background-color: #0057c2;
    -webkit-clip-path: polygon(0 0,100% 0,100% 34%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 34%,0 100%);
    height: 208px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}
.login__background-red
{
    background-color: red;
    -webkit-clip-path: polygon(0 0,100% 0,100% 34%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 34%,0 100%);
    height: 208px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.login__logo
{
    width: 170px;
    margin: 70px auto 35px;
}

    .login__logo svg
    {
        width: 100%;
    }

.login__title
{
    text-align: center;
    color: #0057c2;
    font-size: 32px;
    line-height: 36px;
}

.login__description
{
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    text-align: center;
}

.login__button
{
    margin-top: 25px;
    width: 100%;
    height: 55px;
    padding: 16px 0;
}

.login__arrow--white g
{
    fill: #fff;
}

.login__forgot-passwod
{
    display: block;
    margin-top: 20px;
    color: #0057c2;
    cursor: pointer;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-decoration: underline;
    width: 100%;
}

.login__back
{
    position: absolute;
    top: 26px;
    left: 21px;
    width: 11px;
}

    .login__back svg
    {
        width: 100%;
    }

        .login__back svg g
        {
            fill: #14609f;
        }

.login--is-loading
{
    height: 100vh;
}

.form-icon-password svg
{
    width: 100%;
}

.login__container-left
{
    display: none;
}

.login__Titulo__Pie
    {     
        color: #0057c2;       
        text-align: center;
        font-size: 14px;      
        font-weight: bolder;
        text-align: center;   
         bottom: 20px;          
             position: relative;
        background-color: transparent;    
    }
@media screen and (max-width:320px){
.login__Titulo__Pie
    {     
        color: #0057c2;       
        text-align: center;
        font-size: 16px;
        line-height: 23px;
        font-weight: bolder;
        text-align: center;
        width: 100%;     
        
        bottom: 20px;   
        background-color: transparent;
        z-index: 9999;
    }
}

@media screen and (max-width:768px){
  .login__Titulo__Pie
    {     
        color: #0057c2;       
        text-align: center;
        font-size: 16px;
      
        font-weight: bolder;
        text-align: center;
        width: 100%;     
     
       
        background-color: transparent;
        z-index: 9999;
    }  
}

@media screen and (max-width:1024px){
.login__Titulo__Pie
    {     
        color: #0057c2;       
        text-align: center;
        font-size: 16px;
        line-height: 23px;
        font-weight: bolder;
        text-align: center;
        width: 100%;     
        position: fixed;
        bottom: 20px;   
        background-color: transparent;
        z-index: 9999;
    }
}

@media screen and (max-width:320px)
{
    .login__title
    {
        font-size: 28px;
    }

    .form-icon-password
    {
        width: 20px;
    }

    .login__description
    {
        font-size: 16px;
        line-height: 18px;
    }

    .login__logo
    {
        width: 150px;
    }
}

@media screen and (min-width:768px)
{
    .login__background-blue
    {
        display: none;
    }
     .login__background-red
    {
        display: none;
    }

    .login__logo
    {
        width: 251px;
    }

    .login__title
    {
        font-size: 60px;
        line-height: 60px;
    }

        .login__title.login__title--name
        {
            margin-bottom: 10px;
        }

    .login__description
    {
        font-size: 24px;
        line-height: 29px;
    }

    .login-password__form, .login__form
    {
        width: 505px;
        margin: 0 auto;
    }

    .login__container-left
    {
        min-width: 75%;
        position: relative;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-position: 50%;
        -webkit-background-size: cover;
        background-size: cover;
    }

    /*.login__background
    {
        background-image: url(https://picsum.photos/id/1019/5472/3648);
    }

    .login__background25
    {
        background-image: url(https://picsum.photos/id/1019/5472/3648);
    }

    .login__backgroundAssured
    {
        background-image: url(https://picsum.photos/id/1019/5472/3648);
    }
*/
    .login__backgroundFundChange
    {
        background-image: url(https://picsum.photos/id/1019/5472/3648);
    }
    /*
    .login__backgroundFamilyCalendar
    {
        background-image: url(https://picsum.photos/id/1019/5472/3648);
    }*/
}

@media screen and (min-width:1024px)
{
    .login__back, .login__logo
    {
        display: none;
    }

    .login
    {
        padding: 0;
        height: 100vh;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .login-left__logo
    {
        width: 140px;
        position: absolute;
        top: 16px;
        left: 40px;
        z-index: 10;
    }

    .login-left__circle
    {
        width: 448px;
    }

    .login__container-left
    {
        min-width: 75%;
        position: relative;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-position: 50%;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .login__background
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/main_1920.d651ec68.jpg) !important;
    }

    .login__background25
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/main_1920-25.693a1f99.jpg) !important;
    }

    .login-left__text
    {
        z-index: 10;
        position: relative;
        font-size: 0;
    }

    .login-left__text-center
    {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        color: #fff;
        text-align: center;
        width: 300px;
    }

    .login-left__testimony
    {
        margin: 40px auto 0;
        font-size: 20px;
    }

    .login-left__testimony-author
    {
        font-size: 16px;
        margin: 25px auto 0;
    }

    .login-left__testimony-role
    {
        font-size: 14px;
        margin-top: 4px;
    }

    .login__image-main
    {
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .login__container-right
    {
        min-width: 25%;
    }

    .login__description
    {
        text-align: center;
        font-weight: 300;
        margin-top: 12px;
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 16px;
    }

    .login__inner
    {
        height: 100vh;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .login__title
    {
        font-size: 49px;
        line-height: 36px;
    }

    .login__button
    {
        margin-top: 30px;
        height: 50px;
    }
}

@media screen and (min-width:1200px)
{
    .login__button
    {
        margin-top: 30px;
    }

    .login__form
    {
        width: 320px;
        margin: 0 auto;
    }

        .login__form .form-row-document_number
        {
            margin-top: 56px;
        }

    .login-password__form
    {
        width: 460px;
        margin: 0 auto;
    }

    .login-left__testimony
    {
        margin: 71px auto 0;
        font-size: 25px;
    }

    .login-left__testimony-author
    {
        font-size: 18px;
        margin: 35px auto 0;
    }

    .login__form-container
    {
        width: 320px;
        margin: 0 auto;
    }

    .login__forgot-passwod
    {
        font-size: 18px;
    }
}

@media screen and (min-width:1920px)
{
    .login__forgot-passwod
    {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .login__title
    {
        font-size: 52px;
    }

    .login__container-left
    {
        min-width: 75%;
    }

    .login__container-right
    {
        min-width: 25%;
    }

    .login__form, .login__form-container
    {
        width: 360px;
        margin: 0 auto;
    }
}

.home
{
    background-color: #f2f5f9;
    color: #4c5662;
}

    .home .toggle__icon
    {
        width: 11px;
    }

    .home ul
    {
        padding: 0;
    }

    .home .button, .home .home__error
    {
        font-family: fs_joeymedium;
        font-weight: 500;
    }

    .home .home__error
    {
        position: absolute;
        font-size: 15px;
        bottom: -20px;
        color: #ff585d;
        left: 0;
        width: 100%;
    }

    .home .hoh-overlay__content
    {
        margin-top: 54px;
        min-height: -webkit-calc(100vh - 54px);
        min-height: calc(100vh - 54px);
    }

    .home .hoh-overlay__body .p--legal09
    {
        margin-bottom: 0;
    }

    .home .form-row
    {
        padding-left: 0;
        margin-top: 15px;
    }

    .home .form-statement__control
    {
        font-family: fs_joeymedium;
        font-weight: 500;
    }

    .home .form-with-prefix .form-statement__control
    {
        display: inline-block;
        width: 92%;
    }

    .home .form-statement
    {
        margin-top: 10px;
    }

    .home .home-project-form__input-prefix
    {
        display: inline-block;
        width: 8%;
    }

    .home .home-project-form__tooltip-wrapper
    {
        margin-left: 12px;
        position: absolute;
        top: -12px;
        left: 90px;
        z-index: 10;
    }

    .home .home-project-form__tooltip-wrapper2
    {
        left: 135px;
    }

    .home .home-project-form__tooltip
    {
        border: 1px solid #4c5662;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding: 5px;
        width: 20px;
        height: 20px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        font-size: 16px;
        background: #fff;
        cursor: pointer;
        position: relative;
    }

        .home .home-project-form__tooltip:hover .home-project-form-tooltip__text
        {
            visibility: visible;
            opacity: 1;
        }

    .home .home-project-form-tooltip__text
    {
        visibility: hidden;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
        box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
        color: #4c5662;
        text-align: center;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        position: absolute;
        top: 25%;
        -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        -o-transform: translateY(-25%);
        transform: translateY(-25%);
        z-index: 1000;
        top: -5px;
        left: 125%;
        opacity: 0;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        width: 150px;
        padding: 15px 18px;
        font-size: 14px;
        margin-left: 10px;
        z-index: 10000;
    }

        .home .home-project-form-tooltip__text i
        {
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -10px;
            width: 12px;
            height: 20px;
            overflow: hidden;
        }

            .home .home-project-form-tooltip__text i:after
            {
                content: "";
                position: absolute;
                width: 12px;
                height: 10px;
                left: 0;
                top: 50%;
                -webkit-transform: translate(50%,-50%) rotate(-45deg);
                -ms-transform: translate(50%,-50%) rotate(-45deg);
                -o-transform: translate(50%,-50%) rotate(-45deg);
                transform: translate(50%,-50%) rotate(-45deg);
                background-color: #fff;
                -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
                box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
            }

    .home .home-project-form-tooltip__text2
    {
        width: 180px;
    }

    .home .form-statement__label
    {
        top: -10px;
        font-size: 14px;
    }

.home-product__border--bottom
{
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.home__wrapper
{
    min-width: 320px;
    max-width: 320px;
    margin: 0 auto;
}

.home__wrapper-bubble
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}

.home__header
{
    position: relative;
}

    .home__header .block
    {
        opacity: 0;
        display: none;
        position: relative;
        top: 60px;
    }

        .home__header .block.is-active
        {
            opacity: 1;
            display: block;
        }

    .home__header .home-header__overlay
    {
        background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.42)),to(transparent));
        background: -webkit-linear-gradient(top,rgba(0,0,0,.42),transparent);
        background: -o-linear-gradient(top,rgba(0,0,0,.42) 0,transparent 100%);
        background: linear-gradient(top,rgba(0,0,0,.42),transparent);
        position: absolute;
        z-index: 1;
        height: 100px;
        top: 0;
        left: 0;
        right: 0;
    }

    .home__header .home-header__background-image
    {
        width: 100%;
    }

    .home__header .home-header__post-title, .home__header .home-header__title
    {
        color: #fff;
    }

    .home__header .home-header__title
    {
        font-size: 24px;
        margin-bottom: 15px;
        line-height: 24px;
    }

    .home__header .home-header__post-title
    {
        font-size: 18px;
    }

    .home__header .home-header__wrapper
    {
        position: absolute;
        z-index: 2;
        width: 100%;
        top: 0;
        padding: 100px 0;
    }

    .home__header .home-header__content
    {
        border-left: 4px solid #ffe946;
        padding-left: 20px;
    }

    .home__header .home-header__block-bubble
    {
        position: absolute;
        width: 100%;
        top: 100px;
        z-index: 3;
    }

    .home__header .home-header__bubble
    {
        display: inline-block;
        width: 5px;
        height: 5px;
        background: #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        opacity: .25;
        margin-right: 2px;
        margin-left: 2px;
    }

        .home__header .home-header__bubble.active
        {
            width: 8px;
            height: 8px;
            opacity: 1;
        }

    .home__header .home-header__box
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 320px;
        height: 100px;
        padding-left: 24px;
        padding-right: 30px;
    }

    .home__header .home-header__box-container
    {
        margin: 130px 24px 0;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .home__header .home-header__box--login
    {
        background: -webkit-linear-gradient(150deg,#1fb6cc,#003c71);
        background: -o-linear-gradient(150deg,#1fb6cc 0,#003c71 100%);
        background: linear-gradient(300deg,#1fb6cc,#003c71);
        color: #fff;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-bottom: 17px;
    }

    .home__header .home-header__box--estimator
    {
        background-color: #fff;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        cursor: pointer;
        -webkit-box-shadow: 0 0 10px 0 #dde6ee;
        box-shadow: 0 0 10px 0 #dde6ee;
    }

    .home__header .home-header__box-arrow
    {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        width: 12px;
    }

    .home__header .home-header__box-arrow--white
    {
        fill: #fff;
    }

    .home__header .home-header__box-arrow--gray
    {
        fill: #4c5662;
    }

    .home__header .home-header__box-text
    {
        font-family: fs_joeylight;
        font-weight: 300;
        font-size: 20px;
        line-height: 24px;
    }

    .home__header .home-header__box-icon
    {
        width: 60px;
        margin-right: 10px;
    }

        .home__header .home-header__box-icon .LoginHome__cls-2
        {
            fill: #fff;
        }

        .home__header .home-header__box-icon .Estimator__cls-3
        {
            fill: #4c5662;
            stroke: #4c5662;
        }

        .home__header .home-header__box-icon .Estimator__cls-2
        {
            stroke: #4c5662;
        }

    .home__header .home-header__button
    {
        margin-top: 20px;
        margin-left: 20px;
    }

.home__main
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
    padding-bottom: 70px;
}

    .home__main .home-main__icon
    {
        width: 71px;
    }

    .home__main .home-main__subtitle
    {
        text-align: center;
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 30px;
    }

    .home__main .home-main__box
    {
        text-align: center;
        -webkit-box-shadow: 0 0 10px 0 #dde6ee;
        box-shadow: 0 0 10px 0 #dde6ee;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        height: 338px;
        width: 224px;
        background: #fff;
        padding-left: 25px;
        padding-right: 25px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .home__main .home-main__box-title
    {
        font-size: 20px;
    }

    .home__main .home-main__box-text
    {
        font-size: 20px;
        margin-top: 15px;
    }

    .home__main .swiper-pagination-bullet
    {
        background-color: #4c5662;
        width: 5px;
        height: 5px;
        opacity: .25;
        margin-top: 20px;
    }

    .home__main .swiper-pagination-bullet-active
    {
        background-color: #0057c2;
        width: 8px;
        height: 8px;
        opacity: 1;
        margin-top: 20px;
    }

    .home__main .swiper-container-home-main__Swipper
    {
        padding-left: 25px;
        padding-right: 25px;
    }

.form-row-home-project__input-estimator
{
    padding-left: 0;
}

.home__options
{
    color: #fff;
}

    .home__options picture
    {
        display: block;
    }

    .home__options .home-options__img
    {
        width: 100%;
        display: block;
        height: 276px;
    }

    .home__options .home-options__title
    {
        font-size: 30px;
        margin-bottom: 17px;
        text-align: center;
    }

    .home__options .home-options__text
    {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }

    .home__options .home-options__icon
    {
        width: 100px;
        position: absolute;
        bottom: 50px;
        right: 40px;
    }

    .home__options .home-options__button
    {
        margin: 19px auto;
    }

    .home__options .home-options__absolute
    {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 2;
        -webkit-transition: background .3s linear;
        -o-transition: .3s background linear;
        transition: background .3s linear;
    }

        .home__options .home-options__absolute:hover
        {
            background-color: rgba(0,0,0,.4);
        }

    .home__options .home-options__center
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 50px;
        padding-left: 50px;
    }

.home-retire__title
{
    margin-top: 15px;
    font-size: 30px;
    text-align: center;
    line-height: 36px;
}

.home-button__options
{
    margin: 0 auto;
}

.home-option__icon svg
{
    display: block;
    margin: 0 auto;
    width: 40px;
    fill: #fff;
}

.home-option__icon .Home__cls-1
{
    fill: #fff;
}

.home__retire
{
    color: #fff;
    padding-bottom: 150px;
    padding-top: 112px;
    background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/retire25_mobile.5d0942d2.jpg);
    background-position: 100% 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

    .home__retire .home-retire__icon
    {
        width: 52px;
    }

        .home__retire .home-retire__icon .Home__cls-1
        {
            fill: #fff;
        }

    .home__retire .home-retire__wrapper
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.home__project
{
    overflow: hidden;
    padding-top: 58px;
    padding-bottom: 58px;
    background: #fff;
}

    .home__project .home-project_list
    {
        display: inline-block;
        -webkit-transform: translateX(20%);
        -ms-transform: translateX(20%);
        -o-transform: translateX(20%);
        transform: translateX(20%);
    }

    .home__project .home-project__subtitle
    {
        font-size: 30px;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .home__project .home-project__post-subtitle, .home__project .home-project__subtitle
    {
        text-align: center;
    }

    .home__project .home-project__post-subtitle
    {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .home__project .home-project__note
    {
        text-align: center;
    }

    .home__project .home-project__left, .home__project .home-project__right
    {
        width: 100%;
    }

    .home__project .home-project__note-underlined
    {
        font-family: fs_joeymedium;
        font-weight: 500;
        text-decoration: underline;
        cursor: pointer;
    }

    .home__project .home-project-form__label--block
    {
        display: block;
    }

    .home__project .home-project-form__label--first
    {
        font-size: 14px;
        padding-top: 5px;
    }

    .home__project .home-project__form .item
    {
        display: inline-block;
        position: relative;
        margin-right: 30px;
    }

    .home__project .home-project_list
    {
        margin: 5px auto;
    }

    .home__project .home-project__line-blue
    {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .home__project .home-project__line-yellow
    {
        text-align: center;
    }

    .home__project .home-project-form__input[type=date]::-webkit-clear-button, .home__project .home-project-form__input[type=date]::-webkit-inner-spin-button
    {
        display: none;
    }

    .home__project input[type=date]::-webkit-calendar-picker-indicator
    {
        background-color: transparent;
    }

    .home__project .home-project-form__check
    {
        background-color: #fff;
        border: 1px solid #c1c7d5;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        position: absolute;
        width: 15px;
        height: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
    }

        .home__project .home-project-form__check span
        {
            background: #16b3dc;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            width: 9px;
            height: 9px;
            position: absolute;
            display: none;
            top: 2px;
            left: 2px;
        }

            .home__project .home-project-form__check span.is-check
            {
                display: inline !important;
            }

    .home__project .home-project-form__input--radio
    {
        z-index: 2;
        display: inline-block;
        width: 20px;
        opacity: 0;
        position: relative;
    }

        .home__project .home-project-form__input--radio:checked ~ .home-project-form__check span
        {
            display: block !important;
        }

    .home__project .home-project-form__input
    {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
        font-size: 20px;
        padding: 8px 15px;
        margin-top: 12px;
        width: 317px;
        border: .5px solid #e4e4e4;
    }

        .home__project .home-project-form__input input
        {
            outline: none;
            border: none;
            font-size: 20px;
        }

    .home__project .text__total-pension
    {
        display: block;
        color: #0057c2;
        font-size: 24px;
    }

    .home__project .total-pension
    {
        color: #0057c2;
        font-size: 40px;
    }

    .home__project .text__total-fund
    {
        display: block;
        font-size: 20px;
    }

    .home__project .total-fund
    {
        font-size: 24px;
    }

    .home__project .home-project__right
    {
        position: relative;
    }

    .home__project .home-form__button
    {
        margin: 37px auto;
    }

    .home__project .form-statement__control
    {
        position: relative;
        z-index: 5;
    }

    .home__project .home-project__float-left, .home__project .home-project__float-right
    {
        position: relative;
        margin-bottom: 30px;
    }

.home-section__ahora
{
    position: relative;
    height: 600px;
    color: #fff;
}

.home-section-ahora__title
{
    font-size: 30px;
    text-align: center;
}

.home-section-ahora__button
{
    margin: 0 auto;
}

.home-section-ahora__description
{
    font-size: 20px;
    text-align: center;
    margin: 19px auto;
    width: 60%;
}

.home-section-ahora__wrapper
{
    background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/home-ahora_mobile.24d6175f.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 100% 0;
    -webkit-background-size: cover;
    background-size: cover;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width:320px)
{
    .home__header .home-header__box
    {
        width: 300px;
    }

    .home__wrapper
    {
        min-width: 300px;
        max-width: 300px;
    }

    .home__main .home-main__box
    {
        height: 300px;
        width: 200px;
    }

    .home__project .home-project-form__input
    {
        width: 300px;
    }

    .home .home-project-form-tooltip__text
    {
        width: 120px;
        padding: 10px 5px;
    }

    .home .home-project-form-tooltip__text2
    {
        width: 150px;
    }
}

@media screen and (min-width:412px)
{
    .home__main .swiper-container-home-main__Swipper
    {
        padding-left: 30px;
        padding-right: 15px;
    }
}

@media screen and (min-width:768px)
{
    .home-option__icon svg
    {
        width: 70px;
    }

    .home__wrapper
    {
        min-width: 700px;
        max-width: 700px;
        margin: 0 auto;
    }

    .home .toggle__icon
    {
        width: 11px;
    }

    .home .home-project-form-tooltip__text2
    {
        width: 200px;
    }

    .home__main
    {
        margin-top: 100px;
        padding-bottom: 50px;
        position: relative;
    }

        .home__main .home-main__content
        {
            margin-top: 20px;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .home__main .home-main__subtitle
        {
            font-size: 32px;
            line-height: 36px;
            margin-bottom: 0;
        }

        .home__main .home-main__icon
        {
            width: 60px;
        }

        .home__main .home-main__box
        {
            background: inherit;
            border: none;
            padding: 0;
            height: auto;
            width: auto;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .home__main .home-main__box-text
        {
            margin-top: 15px;
            font-size: 16px;
        }

    .home__header .block
    {
        top: 0;
    }

    .home__header .home-header__button
    {
        margin-top: 20px;
    }

    .home__header .home-header__title
    {
        font-size: 42px;
        line-height: 46px;
    }

    .home__header .home-header__content
    {
        border-left: 6px solid #ffe946;
    }

    .home__header .home-header__box
    {
        width: 327px;
        height: 100px;
        padding-left: 36px;
    }

    .home__header .home-header__box-container
    {
        position: absolute;
        right: 15%;
        bottom: -45px;
    }

    .home__header .home-header__box-container--linear
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .home__header .home-header__box-icon
    {
        width: 31px;
        margin-right: 14px;
    }

    .home__header .home-header__box--login
    {
        margin-right: 14px;
        margin-bottom: 0;
    }

        .home__header .home-header__box--login:hover
        {
            background: -webkit-linear-gradient(150deg,#1b9caf,#003461);
            background: -o-linear-gradient(150deg,#1b9caf 0,#003461 100%);
            background: linear-gradient(300deg,#1b9caf,#003461);
        }

    .home__header .home-header__box--estimator:hover
    {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background: #ffe946;
        color: #0057c2;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .home__header .home-header__box--estimator:hover .Estimator__cls-3
        {
            fill: #0057c2;
            stroke: #0057c2;
        }

        .home__header .home-header__box--estimator:hover .Estimator__cls-2
        {
            stroke: #0057c2;
        }

        .home__header .home-header__box--estimator:hover .home-header__box-arrow--gray
        {
            fill: #0057c2;
        }

    .home__header .home-header__block-bubble
    {
        top: auto;
    }

    .home__header .home-header__bubble
    {
        margin-right: 8px;
        margin-left: 8px;
        width: 11px;
        height: 11px;
    }

        .home__header .home-header__bubble.active
        {
            width: 16px;
            height: 16px;
        }

    .home__header .home-header__wrapper
    {
        top: 40px;
        padding: 80px 0;
    }

    .home__header .home-header__post-title
    {
        font-size: 20px;
    }

    .home__retire
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 100px;
        padding-bottom: 100px;
        background-position: 100% 0;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/retire25.aac6d2b6.jpg);
        background-attachment: fixed;
    }

        .home__retire .home-retire__wrapper
        {
            display: block;
        }

        .home__retire .home-retire__icon
        {
            width: 52px;
        }

    .home__project
    {
        padding: 40px 0;
    }

        .home__project .home-project__float-left, .home__project .home-project__float-right
        {
            margin-bottom: 0;
        }

        .home__project .home-project_list
        {
            display: block;
            -webkit-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            margin-bottom: 0;
        }

        .home__project .home-project__subtitle
        {
            font-size: 30px;
        }

        .home__project .home-project__post-subtitle
        {
            font-size: 18px;
        }

        .home__project .home-project-form__label--radio
        {
            margin-left: 10px;
        }

        .home__project .home-project__float-left, .home__project .home-project__float-right
        {
            width: 240px;
        }

        .home__project .home-project__form
        {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 500px;
            padding: 43px 0 20px;
            margin: 0 auto;
        }

            .home__project .home-project__form .item
            {
                display: inline-block;
                position: relative;
                width: 50%;
                margin: 0;
            }

        .home__project .home-project-form__input
        {
            border: 1px solid #e4e4e4;
            font-size: 16px;
            padding: 10px 20px;
            width: 140px;
        }

            .home__project .home-project-form__input input
            {
                font-size: 16px;
                width: 85%;
            }

        .home__project .home-project-form__input--radio
        {
            font-size: 16px;
            position: relative;
        }

        .home__project .home-project__float-right
        {
            margin-left: 20px;
        }

        .home__project .home-project-form__label--first
        {
            display: block;
        }

        .home__project .home-project-form__check
        {
            width: 20px;
            height: 20px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            .home__project .home-project-form__check span
            {
                width: 14px;
                height: 14px;
                position: absolute;
                display: none;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }

                .home__project .home-project-form__check span.is-check
                {
                    display: inline;
                }

        .home__project .text__total-pension
        {
            font-size: 28px;
        }

        .home__project .total-pension
        {
            font-size: 60px;
        }

        .home__project .text__total-fund
        {
            font-size: 20px;
        }

        .home__project .total-fund
        {
            font-size: 40px;
        }

    .home__options .home-options__title
    {
        font-size: 30px;
    }

    .home__options .home-options__text
    {
        font-size: 18px;
        font-family: fs_joeylight;
        font-weight: 300;
    }

    .home__options .home-options__button
    {
        margin: 20px auto 0;
    }

    .home__options .home__u-relative
    {
        margin: 0 auto;
        overflow: hidden;
        width: 100%;
        height: 240px;
    }

        .home__options .home__u-relative:hover .home-options__image-card .home-options__img
        {
            -webkit-transform: scale(1.08);
            -ms-transform: scale(1.08);
            -o-transform: scale(1.08);
            transform: scale(1.08);
        }

    .home__options .home-options__image-card
    {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }

    .home__options .home-options__img
    {
        width: 100%;
        height: auto;
        -webkit-transition: .4s ease;
        -o-transition: .4s ease;
        transition: .4s ease;
    }
}

@media screen and (min-width:1024px)
{
    .home-project-form__tooltip-wrapper
    {
        left: 100px;
    }

    .home-project-form__tooltip-wrapper2
    {
        left: 130px;
    }

    .home .home-project-form-tooltip__text
    {
        width: 250px;
    }

    .home .form-statement
    {
        margin-top: 0;
    }

    .home__wrapper
    {
        min-width: 920px;
        max-width: 920px;
    }

    .home__options .home-options__text
    {
        font-size: 24px;
    }

    .home__options .home__u-relative
    {
        height: 320px;
    }

    .home__project .home-project__float-left, .home__project .home-project__float-right
    {
        width: 200px;
    }

    .home__project .home-project__post-subtitle, .home__project .home-project__subtitle
    {
        margin-bottom: 20px;
    }

    .home__project .home-project-form__input
    {
        width: 150px;
    }

    .home__project .total-pension
    {
        font-size: 48px;
    }

    .home__project .text__total-fund
    {
        font-size: 18px;
    }

    .home__project .total-fund
    {
        font-size: 36px;
    }

    .home__project .home-project__form
    {
        width: 450px;
        height: 285px;
        padding: 43px 0 24px;
    }

    .home__project .home-project__line-yellow
    {
        border-left: 2px solid #ffe946;
        padding-left: 20px;
        text-align: left;
    }

    .home__project .home-project__line-blue
    {
        text-align: left;
        border-left: 2px solid #0057c2;
        padding-left: 20px;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .home__project .home-project__left
    {
        width: 62%;
    }

    .home__project .home-project__right
    {
        width: 38%;
    }

    .home__project .home-project__right-margin
    {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .home__project .home-project__note
    {
        margin-top: 20px;
    }

    .home__project .text__total-pension
    {
        font-size: 30px;
    }

    .home__project .home-project__left
    {
        width: 52%;
    }

    .home__project .home-project__right
    {
        width: 48%;
    }

    .home__project .home-project__extra
    {
        margin-top: 30px;
    }

    .home-main__hr
    {
        height: 30px;
        width: 1px;
        background: #c1c7d5;
    }

    .home-section-ahora__wrapper
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/home-ahora_1920.b0302b9f.jpg);
        -webkit-align-items: inherit;
        -moz-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        padding-left: 100px;
    }

    .home-section-ahora__title
    {
        font-size: 48px;
        text-align: left;
    }

    .home-section-ahora__description
    {
        font-size: 24px;
        text-align: left;
        width: 100%;
    }

    .home-section-ahora__button
    {
        margin: unset;
    }

    .u-flex-center-desktop
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (min-width:1200px)
{
    .home .button
    {
        font-size: 18px;
    }

    .home__wrapper
    {
        min-width: 1024px;
        max-width: 1024px;
    }

    .home__header .home-header__wrapper
    {
        top: 60px;
        padding: 110px 0;
    }

    .home__header .home-header__title
    {
        font-size: 48px;
        line-height: 48px;
        margin-bottom: 14px;
    }

    .home__header .home__wrapper
    {
        margin: -40px auto;
    }

    .home__header .home-header__post-title
    {
        font-size: 24px;
        line-height: 24px;
    }

    .home__header .home-header__box
    {
        width: 327px;
        height: 100px;
        padding-left: 36px;
    }

    .home__header .home-header__box-text
    {
        font-size: 20px;
    }

    .home__header .home-header__box-arrow
    {
        width: 10px;
    }

    .home__header .home-header__box-container
    {
        right: 25%;
        bottom: -30px;
    }

    .home__header .home-header__block-bubble
    {
        bottom: 100px;
    }

    .home__header .home-header__box-icon
    {
        width: 56px;
    }

    .home__header .home-header__button
    {
        margin-top: 30px;
    }

    .home__main
    {
        margin-top: 200px;
        padding-bottom: 150px;
    }

        .home__main .home-main__box-title
        {
            font-size: 20px;
            line-height: 24px;
        }

        .home__main .home-main__icon
        {
            width: 80px;
        }

        .home__main .home-main__box-text
        {
            font-size: 18px;
        }

        .home__main .home-main__content
        {
            margin-top: 67px;
        }

    .home__retire
    {
        padding-top: 134px;
        padding-bottom: 137px;
    }

    .home__options .home-options__content--right
    {
        left: 40%;
    }

    .home__options .home-options__title
    {
        font-size: 32px;
        margin: 0 auto 10px;
    }

    .home__options .home__u-relative
    {
        height: 418px;
    }

    .home__project
    {
        padding: 70px 0;
    }

        .home__project .home-project__note
        {
            margin-top: 28px;
            font-size: 18px;
            line-height: 24px;
        }

        .home__project .home-project__subtitle
        {
            font-size: 36px;
        }

        .home__project .home-project__post-subtitle
        {
            font-size: 20px;
            margin-top: 17px;
            margin-bottom: 20px;
        }

        .home__project .home-form__button
        {
            margin: 35px 0;
        }

        .home__project .home-project__form
        {
            width: 498px;
            height: 320px;
            padding: 25px 27px 24px 40px;
        }

        .home__project .home-project-form__label--radio
        {
            margin-left: 20px;
        }

        .home__project .home-project-form__input
        {
            margin-top: 8px;
            font-size: 18px;
            width: 200px;
        }

            .home__project .home-project-form__input input
            {
                font-size: 18px;
                width: 85%;
            }

        .home__project .home-project__extra
        {
            margin-top: 35px;
        }

            .home__project .home-project__extra .home-project-form__input
            {
                padding: 7px 20px;
            }

        .home__project .home-project__subtitle
        {
            font-size: 32px;
        }

        .home__project .total-pension
        {
            font-size: 60px;
        }

    .home-section-ahora__wrapper
    {
        padding-left: 170px;
    }
}

@media screen and (min-width:1600px)
{
    .home__wrapper
    {
        min-width: 1200px;
        max-width: 1200px;
    }

    .home__header .home-header__title
    {
        font-size: 70px;
        line-height: 60px;
    }

    .home__header .home-header__wrapper
    {
        padding: 190px 0;
    }

    .home-section-ahora__wrapper
    {
        padding-left: 270px;
    }
}

@media screen and (min-width:1920px)
{
    .home__wrapper
    {
        min-width: 1400px;
        max-width: 1400px;
    }

    .home__header .home-header__button
    {
        margin-left: 54px;
    }

    .home__header .home-header__content
    {
        padding-left: 54px;
    }

    .home__header .home-header__wrapper
    {
        top: 75px;
        padding: 200px 0;
    }

    .home__header .home-header__title
    {
        font-size: 72px;
        line-height: 60px;
        margin-bottom: 17px;
    }

    .home__header .home-header__post-title
    {
        font-size: 30px;
        line-height: 36px;
    }

    .home__header .home-header__box
    {
        width: 360px;
        height: 135px;
        padding-left: 37px;
        padding-right: 36px;
    }

    .home__header .home-header__box-icon
    {
        margin-right: 17px;
    }

    .home__header .home-header__box-text
    {
        font-size: 24px;
    }

    .home__header .home-header__box-arrow
    {
        width: 11px;
    }

    .home__header .home-header__box-container
    {
        right: 30%;
        bottom: -50px;
    }

    .home__header .home-header__block-bubble
    {
        bottom: 160px;
    }

    .home__main
    {
        margin-top: 250px;
        padding-bottom: 175px;
    }

        .home__main .home-main__subtitle
        {
            font-size: 48px;
            line-height: 50px;
        }

        .home__main .home-main__box-title
        {
            font-size: 24px;
        }

        .home__main .home-main__box-text
        {
            font-size: 20px;
        }

        .home__main .home-main__content
        {
            margin-top: 97px;
        }

    .home__retire
    {
        padding-top: 130px;
        padding-bottom: 139px;
        height: 800px;
    }

        .home__retire .home-retire__icon
        {
            width: 62px;
        }

    .home__project
    {
        padding-top: 70px;
        padding-bottom: 70px;
    }

        .home__project .home-project__subtitle
        {
            font-size: 48px;
            margin-bottom: 18px;
        }

        .home__project .home-project__post-subtitle
        {
            font-size: 30px;
            margin-top: 0;
            margin-bottom: 44px;
        }

        .home__project .home-project__form
        {
            padding: 43px 47px 24px 49px;
            width: 700px;
            height: 360px;
            margin-right: 100px;
        }

        .home__project .home-project-form__check
        {
            width: 25px;
            height: 25px;
        }

            .home__project .home-project-form__check span
            {
                width: 16px;
                height: 16px;
                position: absolute;
                display: none;
                top: 52%;
                left: 48%;
                -webkit-transform: translate(-48%,-52%);
                -ms-transform: translate(-48%,-52%);
                -o-transform: translate(-48%,-52%);
                transform: translate(-48%,-52%);
            }

        .home__project .home-project-form__input
        {
            font-size: 30px;
            padding: 8px 20px;
            margin-top: 10px;
            width: 257px;
        }

            .home__project .home-project-form__input input
            {
                font-size: 30px;
            }

                .home__project .home-project-form__input input::-webkit-input-placeholder
                {
                    font-size: 30px;
                }

                .home__project .home-project-form__input input::-moz-placeholder
                {
                    font-size: 30px;
                }

                .home__project .home-project-form__input input::-ms-input-placeholder
                {
                    font-size: 30px;
                }

                .home__project .home-project-form__input input::placeholder
                {
                    font-size: 30px;
                }

            .home__project .home-project-form__input[type=date]:before
            {
                font-size: 20px;
            }

            .home__project .home-project-form__input[type=date]:focus:before
            {
                content: "" !important;
                font-size: 16px;
            }

        .home__project .home-project__float-left, .home__project .home-project__float-right
        {
            width: 257px;
        }

        .home__project .home-form__button
        {
            margin-top: 35px;
        }

        .home__project .text__total-pension
        {
            font-size: 48px;
        }

        .home__project .total-pension
        {
            font-size: 72px;
        }

        .home__project .text__total-fund
        {
            font-size: 30px;
        }

        .home__project .total-fund
        {
            font-size: 48px;
        }

        .home__project .home-project__note
        {
            margin-top: 44px;
        }

        .home__project .home-project__right-margin
        {
            margin-left: 80px;
        }

        .home__project .home-project__float-right
        {
            margin-left: 60px;
        }

    .home__options .home-options__title
    {
        font-size: 48px;
        margin-bottom: 18px;
    }

    .home__options .home-options__text
    {
        font-size: 24px;
    }

    .home__options .home-options__button
    {
        margin-top: 40px;
    }

    .home__options .home__u-relative
    {
        height: 600px;
    }
}

.header-super-home
{
    display: block;
    padding-top: 55px;
}

.header-super-home, .swiper-container-h-s-h-slider
{
    position: relative;
    width: 100%;
}

    .swiper-container-h-s-h-slider img, .swiper-container-h-s-h-slider picture, .swiper-container-h-s-h-slider source
    {
        display: block;
        width: 100%;
    }

.header-super-home__slide
{
    position: relative;
    width: 100%;
}

.header-super-home__pagination
{
    position: absolute;
    top: 15%;
    left: 46px;
    z-index: 2;
}

    .header-super-home__pagination .swiper-pagination-bullet
    {
        width: 8px;
        height: 8px;
        margin: 5px;
        background-color: #fff;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        opacity: .25;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        -webkit-transition: all .25s linear;
        -o-transition: .25s all linear;
        transition: all .25s linear;
        outline: none;
    }

        .header-super-home__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
        {
            opacity: 1;
            -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
            -o-transform: scale(1.5);
            transform: scale(1.5);
        }

.header-super-home__text
{
    width: 85%;
    position: absolute;
    left: 35px;
    right: 30%;
    top: 25%;
    padding-left: 13px;
}

    .header-super-home__text:before
    {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 136px;
        background-color: #ffe946;
        -webkit-border-bottom-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

.header-super-home__description, .header-super-home__title
{
    color: #fff;
}

.header-super-home__title
{
    margin-bottom: 14px;
}

.header-super-home__description
{
    font-size: 18px;
}

.header-super-home__base
{
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
}

    .header-super-home__base img, .header-super-home__base picture, .header-super-home__base source
    {
        display: block;
        width: 100%;
        margin-bottom: -1px;
    }

.header-super-home__button
{
    margin-top: 20px;
}

.box-super-home
{
    display: block;
    width: 100%;
    padding: 50px 0;
}

.box-super-home__inner
{
    display: block;
}

.box-super-home__item
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    padding: 0 30px 0 20px;
    margin: 10px 28px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    color: #4c5662;
    -webkit-transition: all .25s linear;
    -o-transition: .25s all linear;
    transition: all .25s linear;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    overflow: hidden;
}

    .box-super-home__item.box-super-home__item--active
    {
        background: -webkit-linear-gradient(150deg,#1fb6cc,#003c71);
        background: -o-linear-gradient(150deg,#1fb6cc,#003c71);
        background: linear-gradient(300deg,#1fb6cc,#003c71);
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .box-super-home__item.box-super-home__item--active .box-super-home__arrow svg path, .box-super-home__item.box-super-home__item--active .box-super-home__icon svg path
        {
            fill: #fff;
        }

        .box-super-home__item.box-super-home__item--active:hover:after, .box-super-home__item.box-super-home__item:after
        {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            -webkit-transition: background .25s linear;
            -o-transition: .25s background linear;
            transition: background .25s linear;
        }

        .box-super-home__item.box-super-home__item--active:hover:after
        {
            background-color: rgba(0,0,0,.1);
        }

    .box-super-home__item:not(.box-super-home__item--active):hover
    {
        background-color: #ffe946;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #0057c2;
    }

        .box-super-home__item:not(.box-super-home__item--active):hover .box-super-home__arrow svg path, .box-super-home__item:not(.box-super-home__item--active):hover .box-super-home__icon[name=estimator] svg .Estimator__cls-3, .box-super-home__item:not(.box-super-home__item--active):hover .box-super-home__icon[name=estimator] svg path, .box-super-home__item:not(.box-super-home__item--active):hover .box-super-home__icon[name=login] svg path
        {
            fill: #0057c2;
        }

.box-super-home__text
{
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 20px;
}

.box-super-home__arrow, .box-super-home__icon
{
    font-size: 0;
}

.box-super-home__icon
{
    margin-right: 10px;
}

    .box-super-home__icon svg
    {
        height: 50px;
    }

        .box-super-home__icon svg path
        {
            -webkit-transition: all .25s linear;
            -o-transition: .25s all linear;
            transition: all .25s linear;
        }

    .box-super-home__icon[name=estimator] svg .Estimator__cls-3, .box-super-home__icon[name=estimator] svg path, .box-super-home__icon[name=login] svg path
    {
        fill: #4c5662;
    }

.box-super-home__arrow svg
{
    height: 11px;
}

    .box-super-home__arrow svg path
    {
        fill: #4c5662;
        -webkit-transition: all .25s linear;
        -o-transition: .25s all linear;
        transition: all .25s linear;
    }

@media screen and (max-width:374px)
{
    .header-super-home__description.isSmall
    {
        font-size: 16px;
    }
}

@media screen and (max-width:767px)
{
    .header-super-home__title--small
    {
        font-size: 20px;
    }
}

@media screen and (min-width:1024px)
{
    .header-super-home
    {
        padding-top: 60px;
    }

    .header-super-home__text
    {
        top: 15%;
        left: 130px;
        right: auto;
        padding-left: 47px;
    }

        .header-super-home__text:before
        {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 130px;
            background-color: #ffe946;
            -webkit-border-bottom-right-radius: 20px;
            border-bottom-right-radius: 20px;
        }

    .header-super-home__title
    {
        margin-bottom: 10px;
    }

    .header-super-home__description
    {
        font-size: 22px;
        line-height: 28px;
    }

    .header-super-home__button
    {
        margin-top: 20px;
    }

    .header-super-home__pagination
    {
        top: auto;
        bottom: 20%;
        left: 177px;
    }

        .header-super-home__pagination .swiper-pagination-bullet
        {
            width: 9px;
            height: 9px;
            margin: 7px;
        }

    .box-super-home
    {
        position: absolute;
        bottom: -8%;
        left: 0;
        z-index: 2;
        padding: 0;
        width: 100%;
    }

    .box-super-home__inner
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .box-super-home__item
    {
        height: 100px;
        width: 326px;
        margin: 0 7px;
        padding: 0 30px;
    }

    .box-super-home__text
    {
        font-size: 20px;
    }

    .box-super-home__icon svg
    {
        height: 55px;
    }
}

@media screen and (min-width:1300px)
{
    .header-super-home
    {
        padding-top: 0;
    }

    .header-super-home__text
    {
        top: 25%;
        left: 130px;
        right: auto;
        padding-left: 47px;
    }

    .header-super-home__title
    {
        margin-bottom: 13px;
    }

    .header-super-home__description
    {
        font-size: 24px;
        line-height: 30px;
    }

    .header-super-home__button
    {
        margin-top: 20px;
    }

    .box-super-home
    {
        bottom: -6%;
    }

    .box-super-home__text
    {
        font-size: 20px;
    }

    .box-super-home__icon svg
    {
        height: 55px;
    }

    .header-super-home__pagination
    {
        bottom: 18%;
    }
}

@media screen and (min-width:1600px)
{
    .header-super-home__text
    {
        top: 26%;
        left: 280px;
        padding-left: 55px;
    }

        .header-super-home__text:before
        {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 8px;
            height: 172px;
            background-color: #ffe946;
            -webkit-border-bottom-right-radius: 20px;
            border-bottom-right-radius: 20px;
        }

    .header-super-home__title
    {
        margin-bottom: 17px;
    }

    .header-super-home__description
    {
        font-size: 30px;
        line-height: 36px;
    }

    .header-super-home__pagination
    {
        top: auto;
        bottom: 20%;
        left: 335px;
    }

        .header-super-home__pagination .swiper-pagination-bullet
        {
            width: 11px;
            height: 11px;
            margin: 9px;
        }

    .box-super-home__item
    {
        height: 135px;
        width: 360px;
        margin: 0 7px;
        padding: 0 38px;
    }

    .box-super-home__text
    {
        font-size: 24px;
    }

    .box-super-home__icon svg
    {
        height: 60px;
    }
}

.products-super-home
{
    width: 100%;
}

    .products-super-home .products__list
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .products-super-home .products__item
    {
        position: relative;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 500px;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 40px 0;
        overflow: hidden;
        border-bottom: 1.3px solid #f6fcff;
        min-height: 500px;
    }

        .products-super-home .products__item:nth-child(3)
        {
            -webkit-flex: 0 0 100%;
            -moz-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        }

        .products-super-home .products__item:before
        {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            background-color: rgba(0,0,0,.4);
            height: 100%;
            width: 100%;
            opacity: 0;
            -webkit-transition: opacity .25s linear;
            -o-transition: .25s opacity linear;
            transition: opacity .25s linear;
        }

        .products-super-home .products__item:hover .products__image
        {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

        .products-super-home .products__item:hover:before
        {
            opacity: 1;
        }

        .products-super-home .products__item:last-child
        {
            border-bottom: 0;
        }

    .products-super-home .products__image
    {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        height: 100%;
        width: 100%;
        background-position: 50%;
        -webkit-background-size: cover;
        background-size: cover;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        -webkit-transition: all .25s linear;
        -o-transition: .25s all linear;
        transition: all .25s linear;
    }

    .products-super-home .products__icon
    {
        display: block;
        margin: 0 auto;
        height: 50px;
    }

        .products-super-home .products__icon svg
        {
            width: 100%;
            height: 100%;
        }

            .products-super-home .products__icon svg path
            {
                fill: #fff;
            }

    .products-super-home .products__description
    {
        margin: 16px auto;
        width: 70%;
        color: #fff;
        font-size: 30px;
        text-align: center;
        line-height: 30px;
    }

        .products-super-home .products__description br
        {
            display: none;
        }

    .products-super-home .products__description, .products-super-home .products__icon
    {
        position: relative;
        z-index: 2;
    }

    .products-super-home img, .products-super-home picture, .products-super-home source
    {
        display: block;
        width: 100%;
    }

@media screen and (min-width:500px) and (max-width:767px) and (min-height:320px) and (max-height:500px)
{
    .products-super-home .products__item
    {
        height: 400px;
    }
}

@media screen and (min-width:768px)
{
    .products-super-home .products__item
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 500px;
        border-bottom: none;
    }
}

@media screen and (min-width:1024px)
{
    .products-super-home .products__list
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .products-super-home .products__item
    {
        height: 400px;
    }

    .products-super-home .products__description
    {
        font-size: 32px;
        width: 100%;
    }

        .products-super-home .products__description br
        {
            display: block;
        }

    .products-super-home .products__icon
    {
        width: auto;
        height: 56px;
    }
}

@media screen and (min-width:1440px)
{
    .products-super-home .products__item
    {
        height: 600px;
    }
}

.data-verification
{
    background-color: #15619f;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1em;
}

    .data-verification .verification-options
    {
        display: block;
        margin-top: 20px;
        width: 100%;
        background-color: #ffe946;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .data-verification .verification-options__item
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px;
        color: #0057c2;
        border-bottom: 1px solid #0057c2;
    }

    .data-verification .item__info
    {
        font-size: 16px;
    }

        .data-verification .item__info span
        {
            display: block;
        }

            .data-verification .item__info span:first-child
            {
                font-size: 13px;
                font-weight: 100;
            }

            .data-verification .item__info span:last-child
            {
                font-weight: 700;
            }

    .data-verification .item__action span
    {
        display: block;
        height: 40px;
        width: 40px;
        border: 2px solid #0057c2;
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }

    .data-verification .verification-link
    {
        display: block;
        margin-top: 20px;
        color: #fff;
        text-align: center;
        text-decoration: underline;
        font-size: 16px;
    }

.data-verification__inner
{
    width: 100%;
}

.validate-sms
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
    width: 100%;
    background-color: #0057c2;
}

.validata-sms__inner
{
    display: block;
    width: 100%;
}

.validate-sms__logo
{
    display: block;
    margin: 0 auto;
    width: 200px;
}

    .validate-sms__image, .validate-sms__logo img
    {
        display: block;
        width: 100%;
    }

.validate-sms__image
{
    margin: 20px 0;
}

.validate-sms__copy
{
    color: #fff;
    text-align: center;
    font-weight: 100;
    line-height: 1;
}

    .validate-sms__copy span
    {
        display: block;
        margin-bottom: 5px;
        font-size: 16px;
    }

        .validate-sms__copy span.copy--big
        {
            font-size: 19px;
            font-weight: 700;
        }

.validate-sms__form
{
    padding: 0 2em;
}

.validate-sms__button
{
    background-color: #ffe946;
    color: #0057c2;
    font-size: 18px;
}

    .validate-sms__button .icon
    {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }

.validata-sms__link
{
    display: block;
    margin: 12px auto 0;
    color: #fff;
    font-size: 15px;
    text-align: center;
    text-decoration: underline;
}

.greeting
{
    background-color: #0057c2;
    padding-top: 50px;
    padding-right: 20px;
    height: 100vh;
    font-size: 18px;
    color: #4f4848;
}

.greeting__block
{
    margin-bottom: 20px;
    margin-left: 20px;
}

.greeting__firts
{
    color: #0057c2;
}

.greeting__button
{
    -webkit-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 20s;
    -o-animation-delay: 20s;
    animation-delay: 20s;
    -webkit-animation-name: greetingbtn;
    -o-animation-name: greetingbtn;
    animation-name: greetingbtn;
    opacity: 0;
}

@-webkit-keyframes greetingbtn
{
    to
    {
        opacity: 1;
    }
}

@-o-keyframes greetingbtn
{
    to
    {
        opacity: 1;
    }
}

@keyframes greetingbtn
{
    to
    {
        opacity: 1;
    }
}

.form__container
{
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 15px 0 rgba(11,53,90,.19);
    box-shadow: 0 4px 15px 0 rgba(11,53,90,.19);
    height: -webkit-calc(100vh - 96px);
    height: calc(100vh - 96px);
    margin-bottom: 0;
    margin-top: 0;
    z-index: 10;
}

.updateData__tittle
{
    color: #0057c2;
    font-family: fs_joeylight;
    font-size: 34px;
    line-height: 37px;
    margin-bottom: 6px;
    margin-top: 40px;
}

.updateData__description
{
    color: #373b3e;
    font-size: 18px;
    line-height: 24px;
}

.form--login g
{
    fill: #fff;
}

.form-icon-number_cellphone
{
    width: 20px;
}

.form-icon-input_email
{
    width: 28px;
    margin-right: 6px;
}

.updateData__btn
{
    font-size: 18px;
    margin-top: 25px;
}

@media screen and (min-width:320px)
{
    .user-not-found__title
    {
        margin-bottom: 6px;
    }

    .user-not-found__subtitle
    {
        font-size: 18px;
    }

    .user-not-found__logo
    {
        padding-top: 8px;
        width: 149px;
    }

    .user-not-found__disclaimer
    {
        width: 280px;
    }
}

.user-not-found, .user-not-found__wrapper
{
    position: relative;
}

.user-not-found
{
    min-height: 100vh;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background-color: #0057c2;
    padding-bottom: 100px;
}

.user-not-found__header
{
    display: none;
}

.user-not-found__inner
{
    position: relative;
    z-index: 2;
    padding: 0 20px;
    width: 100%;
}

.user-not-found__logo
{
    margin: 0 auto;
    width: 139px;
}

    .user-not-found__logo svg
    {
        width: 100%;
    }

.user-not-found__graphic
{
    margin: 16px auto 0;
    width: 69px;
}

    .user-not-found__graphic svg
    {
        width: 100%;
    }

.user-not-found__subtitle, .user-not-found__title
{
    color: #fff;
    text-align: center;
}

.user-not-found__title
{
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 10px;
}

.user-not-found__subtitle
{
    margin: 12px auto 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

.user-not-found__options
{
    position: absolute;
    bottom: 0;
    background-color: #0044a0;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 24px 0;
    width: 100%;
}

.user-not-found__options1
{
    display: none;
}

.user-not-found__options2
{
    display: block;
}

.user-not-found__disclaimer
{
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: unset;
}

.user-not-found__line
{
    background: hsla(0,0%,100%,.5);
    width: 100%;
    height: 1px;
    margin: 20px auto;
}

@media screen and (min-width:678px)
{
    .user-not-found__wrapper
    {
        padding: 15px;
        background-color: #0049a3;
        min-height: 100vh;
    }

    .user-not-found
    {
        background-color: #0057c2;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        min-height: -webkit-calc(100vh - 30px);
        min-height: calc(100vh - 30px);
        position: relative;
        overflow: hidden;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }

    .user-not-found__header
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        margin-top: 15px;
    }

    .user-not-found__inner
    {
        margin: 20px 0;
    }

    .user-not-found__inner-wrapper
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: -webkit-calc(100vh - 250px);
        height: calc(100vh - 250px);
    }

    .user-not-found__title
    {
        font-size: 72px;
        line-height: 78px;
        text-align: left;
    }

    .user-not-found__graphic
    {
        width: 182px;
    }

    .user-not-found__subtitle
    {
        font-size: 24px;
        line-height: 31px;
        text-align: left;
        margin-bottom: 35px;
        width: unset;
    }

    .user-not-found__options
    {
        position: relative;
        bottom: 0;
        background-color: inherit;
        text-align: left;
        line-height: 18px;
    }

    .user-not-found__options1
    {
        display: block;
    }

    .user-not-found__options2
    {
        display: none;
    }

    .user-not-found__between
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
    }

    .user-not-found__logo
    {
        display: none;
    }
}

@media screen and (min-width:1024px)
{
    .user-not-found__between
    {
        width: 600px;
    }

    .user-not-found__title
    {
        font-size: 52px;
    }

    .user-not-found__subtitle
    {
        font-size: 18px;
        line-height: 24px;
    }

    .user-not-found__title
    {
        line-height: 56px;
    }

    .user-not-found__options
    {
        padding: 25px 0;
    }
}

@media screen and (min-width:1200px)
{
    .user-not-found__inner
    {
        margin: 100px auto;
    }

    .user-not-found__between
    {
        width: 700px;
    }

    .user-not-found__title
    {
        font-size: 60px;
    }

    .user-not-found__graphic
    {
        width: 175px;
    }

    .user-not-found__subtitle
    {
        font-size: 20px;
    }
}

@media screen and (min-width:1920px)
{
    .user-not-found__between
    {
        width: 800px;
    }

    .user-not-found__title
    {
        font-size: 72px;
        line-height: 80px;
    }

    .user-not-found__graphic
    {
        width: 182px;
    }

    .user-not-found__subtitle
    {
        font-size: 24px;
        line-height: 28px;
    }
}

.recover-password
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
    background-color: #0057c2;
    overflow: hidden;
}

    .recover-password .button--yellow
    {
        margin-top: 17px;
    }

.recover-password__back
{
    position: absolute;
    top: 26px;
    left: 21px;
    width: 11px;
}

    .recover-password__back svg
    {
        width: 100%;
    }

        .recover-password__back svg g
        {
            fill: #fff;
        }

.recover-password__inner
{
    position: relative;
    z-index: 2;
    padding: 0 20px;
    width: 100%;
}

.recover-password__bubble
{
    display: block;
    margin-top: 18px;
    width: 100%;
}

    .recover-password__bubble:first-child
    {
        margin-top: 0;
    }

.recover-password__contact
{
    display: none;
    margin-top: 17px;
    width: 100%;
    background-color: #ffe946;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    opacity: 0;
}

    .recover-password__contact .contact__item
    {
        cursor: pointer;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px 20px;
        border-bottom: 1px solid #0057c2;
    }

    .recover-password__contact .contact__value
    {
        width: 86%;
    }

    .recover-password__contact .contact__action
    {
        font-size: 0;
        width: 32px;
    }

    .recover-password__contact .contact__item:last-child
    {
        border-bottom: none;
    }

    .recover-password__contact span
    {
        display: block;
        color: #0057c2;
    }

    .recover-password__contact svg
    {
        width: 100%;
    }

        .recover-password__contact svg g
        {
            fill: #0057c2;
        }

    .recover-password__contact span:first-child
    {
        font-size: 14px;
    }

    .recover-password__contact span:last-child
    {
        font-size: 17px;
        overflow-wrap: break-word;
    }

.recover-password__link
{
    display: none;
    margin-top: 19px;
    text-align: center;
    opacity: 0;
}

    .recover-password__link a
    {
        display: inline-block;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        text-decoration: underline;
    }

.recover-password__error
{
    margin: 12px 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.recover-password__base
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    font-size: 0;
}

    .recover-password__base img
    {
        width: 100%;
    }

.contact__loader
{
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
}

.recover-password__emoticon
{
    position: relative;
    top: 3px;
    left: 3px;
}

    .recover-password__emoticon svg
    {
        width: 18px;
    }

.recover-password__header
{
    display: none;
}

.recover-password .chat-logo
{
    position: absolute;
    bottom: 0;
    right: 105%;
    display: none;
}

.recover-password-error__alert
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.75);
    overflow: auto;
}

.rpe-alert__content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    overflow: auto;
}

    .rpe-alert__content > div
    {
        margin: 0;
        padding: 56px 30px 45px;
        max-width: 340px;
        background-color: #fff;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

.rpe-alert__title
{
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 10px;
}

.rpe-alert__description
{
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}

.rpe-alert__button
{
    margin: 15px auto 0;
}

@media screen and (min-width:320px)
{
    .rpe-alert__content > div
    {
        max-width: 280px;
    }

    .rpe-alert__title
    {
        font-size: 20px;
        line-height: 22px;
    }

    .rpe-alert__description
    {
        font-size: 16px;
        line-height: 20px;
    }
}

@media screen and (min-width:768px)
{
    .recover-password__wrapper
    {
        padding: 15px;
        min-height: 100vh;
        background-color: #0044a0;
    }

    .recover-password
    {
        background-color: #0057c2;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        min-height: -webkit-calc(100vh - 30px);
        min-height: calc(100vh - 30px);
        position: relative;
        overflow: hidden;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .recover-password .header-form
        {
            background-color: #0057c2;
            margin-top: 15px;
        }

        .recover-password .recover-password__header
        {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            display: block;
        }

    .recover-password__inner
    {
        max-width: 480px;
    }

    .recover-password__wrapper-chat
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .recover-password__contact .contact__item
    {
        padding: 18px 29px;
    }

    .recover-password__contact span:first-child
    {
        font-size: 16px;
    }

    .recover-password__contact span:last-child
    {
        font-size: 22px;
    }

    .recover-password__inner
    {
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .recover-password__link a
    {
        font-size: 20px;
    }
}

@media screen and (min-width:1024px)
{
    .rpe-alert__content > div
    {
        max-width: 720px;
    }

    .rpe-alert__title
    {
        font-size: 36px;
        line-height: 38px;
    }

    .rpe-alert__description
    {
        font-size: 20px;
        line-height: 28px;
    }

    .recover-password__inner
    {
        max-width: 580px;
        margin: 100px auto;
    }

    .recover-password__contact-wrapper
    {
        width: 390px;
    }

    .rpe-alert__button
    {
        margin: 17px auto 0;
    }
}

@media screen and (max-height:568px)
{
    .recover-password__inner
    {
        margin: 20px 0;
    }
}

#CreatePassword .header-form__help
{
    display: block;
}

.create-password
{
    min-height: -webkit-calc(100vh - 60px);
    min-height: calc(100vh - 60px);
    background-color: #f6fcff;
    padding: 15px;
}

    .create-password .form-row
    {
        margin-top: 45px;
    }

    .create-password .form-icon-password
    {
        width: 15px;
    }

    .create-password .form-icon-action span
    {
        background: transparent;
    }

    .create-password .form-statement__control.is-invalid + .form-statement__label + .form-statement__bottom
    {
        border-bottom: 2px solid #0057c2;
    }

    .create-password .u-animated
    {
        -webkit-animation-duration: 1.5s;
        -o-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }

    .create-password .shadow-container-desktop
    {
        background-color: #fff;
    }

.create-password__inner
{
    min-height: -webkit-calc(100vh - 94px);
    min-height: calc(100vh - 94px);
    -webkit-box-shadow: 0 0 10px 0 #dde6ee;
    box-shadow: 0 0 10px 0 #dde6ee;
}

.create-password__title
{
    margin-top: 40px;
    margin-bottom: 8px;
    color: #0057c2;
    font-size: 34px;
    line-height: 37px;
    text-align: center;
    font-family: fs_joeymedium;
    font-weight: 500;
}

.create-password__description
{
    text-align: center;
    font-size: 18px;
    line-height: 22px;
}

.create-password__container-validation
{
    margin: 20px 0 17px;
    background-color: inherit;
}

    .create-password__container-validation.create-password--active
    {
        position: relative;
        z-index: 3;
    }

        .create-password__container-validation.create-password--active .create-password__graphic, .create-password__container-validation.create-password--active .create-password__message
        {
            display: block;
        }

.create-password__validation
{
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.cp-validation__item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #c1c7d5;
}

    .cp-validation__item:last-child
    {
        border-bottom: none;
    }

.cp-validation__check
{
    display: block;
    margin: 0 13px;
    -webkit-flex: 0 0 13px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 13px;
    flex: 0 0 13px;
}

    .cp-validation__check svg
    {
        width: 100%;
    }

        .cp-validation__check svg g
        {
            fill: #c1c7d5;
            -webkit-transition: fill .2s ease;
            -o-transition: .2s fill ease;
            transition: fill .2s ease;
        }

    .cp-validation__check.cp-validation__check--active svg g
    {
        fill: #00c34e;
    }

.cp-validation__text
{
    font-size: 16px;
    padding: 10px 20px 10px 10px;
    border-left: 1px solid #c1c7d5;
}

.create-password__bar
{
    margin-top: 10px;
    padding-left: 34px;
    width: 100%;
    position: relative;
}

.cp-bar__text
{
    padding-top: 5px;
    font-size: 13px;
    text-align: right;
}

.cp-validation__text--active
{
    font-family: fs_joeymedium;
    font-weight: 500;
}

.cp-bar__indicator
{
    position: relative;
    height: 7px;
    width: 100%;
    border: 1px solid #ddd;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
}

    .cp-bar__indicator span
    {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 0;
        -webkit-transition: all .3s ease;
        -o-transition: .3s all ease;
        transition: all .3s ease;
    }

.create-password__button
{
    z-index: 0;
}

.create-password__overlay
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,.5);
    display: none;
}

    .create-password__overlay.create-password--active
    {
        display: block;
    }

.create-password__message
{
    background-color: #0057c2;
    position: absolute;
    left: 50%;
    bottom: -webkit-calc(100% + 27px);
    bottom: calc(100% + 27px);
    padding: 46px 13px 21px;
    width: 256px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}

    .create-password__message .button--yellow
    {
        margin: 18px auto 0;
    }

    .create-password__message:after
    {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -15px;
        content: "";
        width: 0;
        height: 0;
        border-top: 12px solid #0057c2;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }

.create-password__close
{
    cursor: pointer;
    position: absolute;
    top: 21px;
    right: 12px;
    width: 14px;
}

    .create-password__close svg g
    {
        fill: #fff;
    }

    .create-password__close svg
    {
        width: 100%;
    }

.create-password__help
{
    text-align: center;
    color: #fff;
}

    .create-password__help:nth-child(2)
    {
        font-size: 24px;
        line-height: 25px;
    }

    .create-password__help:nth-child(3)
    {
        font-size: 16px;
        line-height: 15px;
        font-weight: 300;
        margin-top: 8px;
    }

.create-password__graphic
{
    top: 24px;
    right: -40px;
    width: 70px;
    position: absolute;
    display: none;
}

    .create-password__graphic svg
    {
        width: 100%;
    }

.create-password__wrapper
{
    background: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .create-password__wrapper.is-modal
    {
        border: 6px solid #fff;
    }

@media screen and (max-width:320px)
{
    .cp-validation__text
    {
        font-size: 13px;
    }

    .create-password .form-icon-action span
    {
        display: none;
    }
}

@media screen and (min-width:768px)
{
    #CreatePassword .header-form__help
    {
        display: none;
    }

    .create-password__inner
    {
        width: 555px;
        min-height: 633px;
        padding-right: 85px;
        padding-left: 85px;
    }

    .create-password, .create-password__inner
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .create-password__title
    {
        font-size: 52px;
        margin-top: 0;
    }

    .create-password__description
    {
        font-size: 20px;
        margin-top: 10px;
    }

    .create-password__form .form-icon-password
    {
        width: 20px;
    }

    .cp-bar__text
    {
        font-size: 14px;
    }

    .create-password__validation
    {
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }

    .cp-validation__text
    {
        font-size: 16px;
        padding-left: 14px;
    }

    .create-password__button
    {
        margin-top: 24px;
    }

    .cp-bar__indicator
    {
        height: 10px;
    }

    .create-password__message
    {
        padding: 56px 20px 29px;
        width: 327px;
    }

        .create-password__message:after
        {
            margin-left: -20px;
            border-top: 15px solid #0057c2;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
        }

    .create-password__help:nth-child(2)
    {
        font-size: 32px;
        line-height: 33px;
    }

    .create-password__help:nth-child(3)
    {
        margin-top: 10px;
        font-size: 18px;
        line-height: 24px;
    }

    .create-password__graphic
    {
        position: absolute;
        top: auto;
        bottom: -120px;
        right: -60px;
        width: 110px;
    }
}

@media screen and (min-width:1024px)
{
    .create-password__bar
    {
        padding-left: 44px;
    }
}

@media screen and (min-width:1920px)
{
    .create-password
    {
        min-height: -webkit-calc(100vh - 75px);
        min-height: calc(100vh - 75px);
    }
}

.send-mail
{
    position: relative;
    min-height: 100vh;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0057c2;
}

    .send-mail .form-icon-token
    {
        width: 15px;
    }

        .send-mail .form-icon-token svg path
        {
            fill: #fff;
        }

    .send-mail .form-row
    {
        margin: 34px 0 19px;
    }

    .send-mail .form-statement__control
    {
        background-color: #0057c2;
        color: #fff;
    }

    .send-mail .form-statement__label
    {
        color: #fff;
    }

    .send-mail .form-icon svg g
    {
        fill: #fff;
    }

    .send-mail .form-icon-validation, .send-mail .form-statement__error
    {
        display: none;
    }

    .send-mail .form-statement__bottom
    {
        border-bottom: 2px solid #fff !important;
    }

.send-mail__wrapper
{
    width: 100%;
}

.send-mail__form
{
    margin: 0;
    width: 100%;
    background-color: #0057c2;
}

.send-mail__logo
{
    margin: 0 auto;
    width: 160px;
}

    .send-mail__logo svg
    {
        width: 100%;
    }

    .send-mail__logo path
    {
        fill: #fff;
    }

.send-mail__graphic
{
    margin: 13px auto 28px;
    width: 284px;
}

    .send-mail__graphic img
    {
        width: 100%;
    }

.send-mail__description
{
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
}

.send-mail__description-post
{
    text-align: center;
    overflow-wrap: break-word;
    color: #fff;
    margin: 8px auto 18px;
    font-size: 26px;
}

.send-mail__disclaimer
{
    margin: 0;
    opacity: .4;
}

.send-mail__disclaimer, .send-mail__message
{
    color: #fff;
    text-align: center;
}

    .send-mail__message span
    {
        display: block;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 16px;
        opacity: 1;
    }

.send-mail__loader
{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 10;
}

    .send-mail__loader .loader path
    {
        fill: #fff;
    }

.send-mail__error
{
    margin-top: 8px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    display: block;
}

.send-mail__inner
{
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0 20px;
}

.send-mail__inner--center
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 70px;
}

.send-mail__link
{
    margin-top: 23px;
    text-align: center;
    border-bottom: 1px solid #fff;
    font-size: 14px;
}

    .send-mail__link:hover
    {
        border-bottom: 1px solid #ffe946;
    }

.send-mail__line
{
    margin: 32px 20px 18px;
    border-bottom: 1px solid #fff;
    opacity: .25;
}

@media screen and (min-width:320px)
{
    .send-mail__inner
    {
        padding: 70px 20px;
    }

    .send-mail__logo
    {
        width: 130px;
    }

    .send-mail__graphic
    {
        width: 180px;
        margin: 13px auto 22px;
    }

    .send-mail__description
    {
        font-size: 18px;
    }

    .send-mail__description-post
    {
        font-size: 24px;
        margin: 8px auto 14px;
    }
}

@media screen and (min-width:768px)
{
    .send-mail
    {
        background: #0044a0;
        padding: 15px;
        min-height: 740px;
        height: 100vh;
        z-index: 1;
        display: block;
    }

        .send-mail .form-icon-token
        {
            width: 18px;
        }

        .send-mail .form-statement__control
        {
            background-color: inherit;
        }

        .send-mail .header-form
        {
            background-color: transparent;
            margin-top: 15px;
        }

    .send-mail__wrapper
    {
        width: auto;
        background: #0057c2;
        position: absolute;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        border: 2px solid #0044a0;
        z-index: 2;
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px;
        overflow: hidden;
        height: auto;
    }

    .send-mail__disclaimer
    {
        margin-top: 15px;
    }

    .send-mail__form
    {
        background-color: #0252b7;
        width: 70%;
        margin: 0 auto;
    }

    .send-mail__link
    {
        font-size: 18px;
    }

    .send-mail__inner--center
    {
        padding-bottom: 0;
    }

    .send-mail__inner
    {
        width: 540px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #0252b7;
        border: 1px solid #0c64d2;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        padding: 0 20px 20px;
    }

    .send-mail__description
    {
        font-weight: 300;
        font-size: 18px;
        margin-top: 28px;
        line-height: 30px;
    }

    .send-mail__description-post
    {
        font-size: 18px;
        margin: 5px 0;
    }

    .send-mail__graphic--woman
    {
        width: 225px;
        position: absolute;
        bottom: -20px;
        left: -112px;
        z-index: 10;
    }

    .send-mail__graphic--man
    {
        width: 201px;
        position: absolute;
        bottom: -20px;
        right: -100px;
        z-index: 10;
    }

    .sen-mail__description--post
    {
        font-size: 18px;
        font-weight: 500;
        margin-top: 4px;
    }

    .send-mail__message
    {
        position: relative;
        background: inherit;
        padding: 0;
    }

        .send-mail__message span
        {
            font-size: 18px;
            line-height: 31px;
            opacity: 1;
        }
}

@media screen and (min-width:1024px)
{
    .send-mail__inner
    {
        width: 580px;
        padding: 0 20px 30px;
    }

    .send-mail__description-post
    {
        font-size: 36px;
    }

    .send-mail__description
    {
        line-height: 24px;
        margin-top: 50px;
    }
}

@media screen and (min-width:1200px)
{
    .send-mail .form-row
    {
        margin: 34px 0;
    }

    .send-mail__description
    {
        margin-top: 80px;
        font-size: 24px;
    }

    .send-mail__inner
    {
        width: 740px;
    }

    .send-mail__description-post
    {
        font-size: 42px;
    }

    .send-mail__line
    {
        margin: 40px 20px;
    }
}

@media screen and (min-width:1920px)
{
    .send-mail__inner
    {
        padding: 0 20px 40px;
    }

    .send-mail__inner--center
    {
        height: -webkit-calc(100vh - 180px);
        height: calc(100vh - 180px);
    }
}

@media screen and (max-height:568px) and (min-width:1366px)
{
    .send-mail
    {
        padding: 85px 0;
    }
}

.send-sms
{
    position: relative;
    min-height: 100vh;
    background-color: #0057c2;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .send-sms .form-icon-token svg path
    {
        fill: #fff;
    }

.send-sms__disclaimer
{
    margin: 0;
    color: #fff;
    opacity: .4;
    text-align: center;
    font-size: 14px;
}

.send-sms__wrapper
{
    width: 100%;
}

.send-mail__form
{
    padding: 0 36px;
}

.send-sms__form
{
    margin: 0;
    padding: 0 36px;
    width: 100%;
    background-color: #0057c2;
}

    .send-sms__form .form-icon-token
    {
        width: 15px;
    }

    .send-sms__form .form-row
    {
        margin: 34px 0 19px;
    }

    .send-sms__form .form-statement__control
    {
        background-color: #0057c2;
        color: #fff;
    }

    .send-sms__form .form-statement__label
    {
        color: #fff;
    }

    .send-sms__form .form-icon svg g
    {
        fill: #fff;
    }

    .send-sms__form .form-icon-validation, .send-sms__form .form-statement__error
    {
        display: none;
    }

    .send-sms__form .form-statement__bottom
    {
        border-bottom: 2px solid #fff !important;
    }

.send-sms__form-button
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.send-sms__inner
{
    position: relative;
    z-index: 2;
    padding: 0 20px;
    width: 100%;
}

.send-sms__error
{
    margin-top: 15px;
}

.send-sms__description
{
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
}

.send-sms__description--aswer
{
    margin: 8px auto 18px;
    font-size: 26px;
}

.send-sms__resend
{
    margin-top: 38px;
    text-align: center;
}

    .send-sms__resend .resend__text
    {
        display: block;
        margin-bottom: 5px;
        color: #fff;
        font-size: 16px;
        line-height: 1;
    }

    .send-sms__resend a
    {
        color: #ffe946;
        font-size: 17px;
        text-decoration: underline;
    }

    .send-sms__resend.resend--horizontal
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .send-sms__resend.resend--horizontal .resend__text
        {
            margin-bottom: 0;
        }

    .send-sms__resend .resend__countdown
    {
        margin: 0 0 0 20px;
        width: 70px;
    }

    .send-sms__resend .countdown__description
    {
        display: none;
    }

.send-sms__resend-link
{
    cursor: pointer;
}

.send-sms__icon
{
    display: none;
    margin-bottom: 20px;
    text-align: center;
}

    .send-sms__icon svg
    {
        height: 51px;
    }

        .send-sms__icon svg path
        {
            fill: #fff;
        }

@media screen and (min-width:768px)
{
    .send-sms__icon
    {
        display: block;
    }

    .send-sms__description--aswer
    {
        font-size: 30px;
        line-height: 40px;
    }

    .send-sms
    {
        background: #0044a0;
        padding: 15px;
        min-height: 700px;
        height: 100vh;
        z-index: 1;
        display: block;
    }

        .send-sms .header-form
        {
            background-color: transparent;
            margin-top: 15px;
        }

    .send-sms__inner--center
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .send-sms__wrapper
    {
        width: auto;
        background: #0057c2;
        position: absolute;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        border: 2px solid #0044a0;
        z-index: 2;
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px;
        overflow: hidden;
        height: auto;
    }

    .send-sms__inner
    {
        width: 530px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #0252b7;
        border: 1px solid #0c64d2;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        padding: 0 20px 20px;
    }

    .send-sms__form
    {
        background-color: #0252b7;
    }

        .send-sms__form .form-statement__control
        {
            background: #0252b7;
        }

        .send-sms__form .form-icon-token
        {
            width: 18px;
        }

    .send-sms__description
    {
        font-size: 18px;
        line-height: 30px;
        font-weight: 300;
        margin-top: 28px;
    }

    .send-sms__description--medium
    {
        font-weight: 500;
    }

    .send-sms__disclaimer
    {
        line-height: 18px;
        margin-top: 15px;
    }

    .send-sms__resend .countdown__text
    {
        font-size: 24px;
    }
}

@media screen and (max-width:320px)
{
    .send-sms__form
    {
        padding: 0 14px;
    }

    .send-sms__description
    {
        font-size: 18px;
    }

    .send-mail__form
    {
        padding: 0 14px;
    }
}

@media screen and (min-width:1024px)
{
    .send-sms__description
    {
        line-height: 24px;
        margin-top: 50px;
    }

    .send-sms__description--aswer
    {
        font-size: 36px;
        margin-top: 0;
    }

    .send-sms__form
    {
        padding: 0 80px;
    }
}

@media screen and (min-width:1200px)
{
    .send-sms__form .form-row
    {
        margin: 34px 0;
    }

    .send-sms__description
    {
        margin-top: 80px;
        font-size: 24px;
        line-height: 28px;
    }

    .send-sms__description--aswer
    {
        font-size: 36px;
        margin-top: 10px;
    }

    .send-sms .send-sms__form
    {
        padding: 0 110px;
    }

    .send-sms__inner
    {
        width: 590px;
        padding-bottom: 48px;
    }

    .send-mail__form
    {
        padding: 0 65px;
    }
}

@media screen and (min-width:1920px)
{
    .send-sms__inner
    {
        margin: 100px auto;
    }

    .send-mail__form
    {
        padding: 0 70px;
    }
}

@media screen and (max-height:568px)
{
    .send-sms
    {
        padding: 44px 0;
    }

    .send-sms__inner
    {
        margin: 0;
    }
}

.finalize-password-creation
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    background-color: #0044a0;
    overflow: hidden;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .finalize-password-creation .button
    {
        opacity: 0;
    }

.finalize-password-creation__inner
{
    position: relative;
    z-index: 2;
    padding: 0 20px;
    width: 100%;
}

.finalize-password-creation__bubble
{
    margin-top: 18px;
}

    .finalize-password-creation__bubble:first-child
    {
        margin-top: 0;
    }

.finalize-password-creation__button
{
    margin-top: 20px;
}

.finalize-password-creation__base
{
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
}

    .finalize-password-creation__base img
    {
        width: 100%;
    }

.finalize-password-creation .chat-logo
{
    position: absolute;
    bottom: 0;
    right: 105%;
    display: none;
}

.finalize-password__wrapper
{
    width: 100%;
}

@media screen and (max-height:568px)
{
    .finalize-password-creation__inner
    {
        margin: 20px 0;
    }
}

@media screen and (min-width:768px)
{
    .finalize-password-creation
    {
        display: block;
        background: #0044a0;
        border: 15px solid #0044a0;
    }

        .finalize-password-creation .header-form
        {
            background-color: #0057c2;
            margin-top: 15px;
        }

    .finalize-password-creation__inner
    {
        max-width: 420px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .finalize-password__wrapper
    {
        background: #0057c2;
        position: absolute;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        border: 2px solid #0057c2;
        z-index: 2;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .finalize-password__wrapper-inner
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: -webkit-calc(100vh - 250px);
        height: calc(100vh - 250px);
    }

    .finalize-password-creation__bubble .bubble-message
    {
        -webkit-border-bottom-right-radius: 40px;
        border-bottom-right-radius: 40px;
        -webkit-border-top-right-radius: 40px;
        border-top-right-radius: 40px;
        -webkit-border-top-left-radius: 40px;
        border-top-left-radius: 40px;
    }
}

.padlock-question-message
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    background-color: #0057c2;
    overflow: hidden;
}

    .padlock-question-message .button
    {
        opacity: 0;
    }

    .padlock-question-message .loader
    {
        width: 50px;
    }

        .padlock-question-message .loader path
        {
            fill: #fff;
        }

.padlock-question-message__inner
{
    position: relative;
    z-index: 2;
    padding: 0 20px;
    width: 100%;
}

.padlock-question-message__bubble
{
    display: block;
    margin-top: 18px;
    width: 100%;
}

    .padlock-question-message__bubble:first-child
    {
        margin-top: 0;
    }

.padlock-question-message__link
{
    margin-top: 20px;
}

.padlock-question-message__base
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    font-size: 0;
}

    .padlock-question-message__base img
    {
        width: 100%;
    }

.padlock-question-message__header
{
    position: absolute;
    top: 15px;
    left: 0;
    display: none;
    width: 100%;
}

.padlock-question-message__inner .chat-logo
{
    position: absolute;
    bottom: 0;
    right: 105%;
    display: none;
}

@media screen and (max-height:568px)
{
    .padlock-question-message__inner
    {
        margin: 20px 0;
    }
}

@media screen and (max-width:320px)
{
    .padlock-question-message p
    {
        font-size: 16px;
    }

        .padlock-question-message p br
        {
            display: none;
        }
}

@media screen and (min-width:768px)
{
    .padlock-question-message br
    {
        display: none;
    }

    .padlock-question-message__header
    {
        display: block;
    }

    .padlock-question-message__wrapper
    {
        padding: 15px;
        min-height: 100vh;
        background-color: #0044a0;
    }

    .padlock-question-message
    {
        background-color: #0057c2;
        min-height: -webkit-calc(100vh - 30px);
        min-height: calc(100vh - 30px);
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }

    .padlock-question-message__bubble--one .bubble-message, .padlock-question-message__bubble--two .bubble-message
    {
        -webkit-border-top-left-radius: 50px;
        border-top-left-radius: 50px;
        -webkit-border-top-right-radius: 50px;
        border-top-right-radius: 50px;
        -webkit-border-bottom-right-radius: 50px;
        border-bottom-right-radius: 50px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .padlock-question-message__inner
    {
        width: 480px;
        margin: 100px auto;
    }

    .padlock-question-message__link
    {
        margin: 30px auto 0;
    }
}

@media screen and (min-width:1024px)
{
    .padlock-question-message__bubble--one
    {
        -webkit-border-top-left-radius: 32px;
        border-top-left-radius: 32px;
        -webkit-border-top-right-radius: 32px;
        border-top-right-radius: 32px;
        -webkit-border-bottom-right-radius: 32px;
        border-bottom-right-radius: 32px;
    }
}

@media screen and (min-width:1200px)
{
    .padlock-question-message__inner
    {
        width: 580px;
    }
}

.padlock-question-list
{
    display: block;
    height: 100vh;
    min-height: auto;
    padding-bottom: 84px;
}

    .padlock-question-list .loader
    {
        width: 50px;
    }

        .padlock-question-list .loader path
        {
            fill: #fff;
        }

    .padlock-question-list .padlock-question-list__countdown
    {
        width: 58px;
    }

    .padlock-question-list .padlock-question-list__inner
    {
        width: -webkit-calc(100% + 18px);
        width: calc(100% + 18px);
    }

.padlock-question-list__inner
{
    position: relative;
    padding: 38px 0 140px;
    height: 100vh;
    overflow: auto;
    z-index: 2;
}

    .padlock-question-list__inner > div
    {
        padding-left: 20px;
        padding-right: 38px;
    }

.padlock-question-list__bubble
{
    margin-top: 18px;
    font-size: 0;
}

    .padlock-question-list__bubble:first-child
    {
        margin-top: 0;
    }

.padlock-question-list__date
{
    opacity: 0;
}

.padlock-question-list__item
{
    position: relative;
    margin-top: 18px;
    font-size: 0;
}

    .padlock-question-list__item:last-child
    {
        opacity: 0;
    }

.padlock-question-list__selector
{
    background-color: #ffe946;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #0057c2;
}

    .padlock-question-list__selector .question-selector__item
    {
        padding: 17px 25px 17px 35px;
        font-size: 18px;
        border-bottom: 1px solid #0057c2;
        cursor: pointer;
    }

        .padlock-question-list__selector .question-selector__item.is-disabled
        {
            pointer-events: none;
        }

        .padlock-question-list__selector .question-selector__item::last-child
        {
            border-bottom: none;
        }

    .padlock-question-list__selector .question-selector__item
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .padlock-question-list__selector .question-selector__item span:last-child
        {
            width: 11px;
        }

            .padlock-question-list__selector .question-selector__item span:last-child svg
            {
                width: 100%;
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .padlock-question-list__selector .question-selector__item span:last-child g
            {
                fill: #0057c2;
            }

.padlock-question-list--horizontal .padlock-question-list__selector
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
}

    .padlock-question-list--horizontal .padlock-question-list__selector .question-selector__item
    {
        display: block;
        padding: 12px 0;
        min-width: 78px;
        background-color: #ffe946;
        text-align: center;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        margin-right: 16px;
    }

        .padlock-question-list--horizontal .padlock-question-list__selector .question-selector__item span:last-child
        {
            width: auto;
        }

.padlock-question-list--right
{
    text-align: right;
}

.padlock-question-list__button
{
    padding: 20px 0;
    margin-top: 20px;
    -webkit-transition: opacity .3s linear;
    -o-transition: .3s opacity linear;
    transition: opacity .3s linear;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 0;
}

    .padlock-question-list__button.button--active
    {
        opacity: 1;
    }

.padlock-question-list___message
{
    margin: 0 auto;
    padding: 20px 19px;
    width: 90%;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .padlock-question-list___message .message__title
    {
        margin-top: 15px;
        font-size: 26px;
        text-align: center;
        color: #4f4f4f;
    }

    .padlock-question-list___message .message__description
    {
        margin: 10px 0 12px;
        font-size: 16px;
        text-align: center;
        color: #4f4f4f;
    }

.padlock-question-list__countdown
{
    position: absolute;
    right: 23px;
    bottom: 70px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #1a64a2;
    z-index: 100;
}

.padlock-question-list__header
{
    position: absolute;
    top: 15px;
    left: 0;
    display: none;
    width: 100%;
}

.padlock-question-list .chat-logo
{
    position: absolute;
    bottom: 0;
    right: 105%;
    display: none;
}

@media screen and (max-height:568px)
{
    .padlock-question-list > div
    {
        margin: 0;
    }
}

@media screen and (min-width:768px)
{
    .padlock-question-list__header
    {
        display: block;
    }

    .padlock-question-list__wrapper
    {
        padding: 15px;
        min-height: 100vh;
        background-color: #0044a0;
    }

    .padlock-question-list
    {
        background-color: #0057c2;
        height: auto;
        min-height: -webkit-calc(100vh - 30px);
        min-height: calc(100vh - 30px);
        -webkit-border-radius: 25px;
        border-radius: 25px;
        padding-bottom: 0;
    }

        .padlock-question-list .padlock-question-list__inner
        {
            padding: 120px 0 140px;
            height: -webkit-calc(100vh - 30px);
            height: calc(100vh - 30px);
        }

            .padlock-question-list .padlock-question-list__inner > div
            {
                width: 480px;
                margin: 0 auto;
            }

        .padlock-question-list .padlock-question-list__countdown
        {
            width: 75px;
            right: 65px;
            bottom: 80px;
        }

    .padlock-question-list__button
    {
        margin: 30px auto 0;
        padding: 26px 0;
        width: 370px;
        font-size: 20px;
    }

    .padlock-question-list--horizontal .padlock-question-list__selector .question-selector__item
    {
        padding: 18px 0;
        min-width: 110px;
        background-color: #ffe946;
        text-align: center;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        margin-right: 16px;
        font-size: 22px;
    }

    .padlock-question-list br
    {
        display: none;
    }
}

@media screen and (min-width:1200px)
{
    .padlock-question-list .padlock-question-list__inner > div
    {
        width: 580px;
    }
}

.update-contact-data
{
    background-color: #f6fcff;
    padding: 15px;
    min-height: -webkit-calc(100vh - 64px);
    min-height: calc(100vh - 64px);
}

    .update-contact-data .form-icon-phone
    {
        width: 16px;
    }

    .update-contact-data .form-icon-email
    {
        width: 24px;
    }

.ucd__shadow-container
{
    position: relative;
    background-color: #fff;
    padding: 20px 45px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 #dde6ee;
    box-shadow: 0 0 10px 0 #dde6ee;
}

.update-contact-data__inner
{
    min-height: -webkit-calc(100vh - 94px);
    min-height: calc(100vh - 94px);
}

.update-contact-data__title
{
    font-size: 33px;
    line-height: 36px;
    color: #0057c2;
}

.update-contact-subtitle
{
    font-size: 18px;
    line-height: 23px;
}

.update-contact-data__button
{
    margin-top: 24px;
}

@media screen and (min-width:320px)
{
    .update-contact-data__title
    {
        font-size: 28px;
        text-align: center;
    }

    .update-contact-subtitle
    {
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }

    .ucd__shadow-container
    {
        padding: 20px 32px;
    }
}

@media screen and (min-width:768px)
{
    .update-contat__boxleft
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 30px;
        width: 200px;
        height: 140px;
        border-left: 2px solid #afbac5;
        top: 50%;
    }

        .update-contat__boxleft, .update-contat__boxleft .circle
        {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            position: absolute;
        }

            .update-contat__boxleft .circle
            {
                width: 28px;
                height: 28px;
                border: 2px solid #afbac5;
                background-color: #ebeef2;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .update-contat__boxleft .circle--top
            {
                left: -16px;
                top: -5px;
            }

            .update-contat__boxleft .circle--bottom
            {
                left: -16px;
                bottom: -5px;
            }

            .update-contat__boxleft .circle--bottom--disabled
            {
                border: 2px solid #b6c0ca;
            }

            .update-contat__boxleft .circle-inside
            {
                position: absolute;
                width: 14px;
                height: 14px;
                background: #798996;
                -webkit-border-radius: 50%;
                border-radius: 50%;
            }

            .update-contat__boxleft .circle-inside--disabled
            {
                background: #b6c0ca;
            }

            .update-contat__boxleft .boxleft__text
            {
                color: #798996;
                font-size: 18px;
                margin: 0;
            }

            .update-contat__boxleft .boxleft__text--disabled
            {
                color: #b6c0ca;
            }

    .update-contact-data
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .update-contact-data .form-icon-email
        {
            width: 28px;
        }

        .update-contact-data .form-icon-phone
        {
            width: 20px;
        }

        .update-contact-data .form-row-email
        {
            margin-top: 50px;
        }

    .update-contact-data__title
    {
        margin-top: 0;
        font-size: 52px;
        text-align: center;
    }

    .update-contact-subtitle
    {
        font-size: 20px;
        text-align: center;
        margin-top: 17px;
        line-height: 25px;
    }

    .update-contact-data__inner
    {
        width: 555px;
        min-height: 633px;
        padding-right: 85px;
        padding-left: 85px;
    }

    .update-contact-data__button
    {
        margin-top: 26px;
    }

    .update-contact-data__title
    {
        font-family: fs_joeymedium;
        font-weight: 500;
    }
}

@media screen and (min-width:1200px)
{
    .update-contat__boxleft
    {
        left: 10%;
    }
}

@media screen and (min-width:1024px)
{
    .ucd__shadow-container
    {
        padding: 20px 80px;
    }

    .update-contact-data__inner
    {
        width: 520px;
    }
}

@media screen and (min-width:1360px)
{
    .update-contat__boxleft
    {
        left: 15%;
    }
}

@media screen and (min-width:1700px)
{
    .update-contat__boxleft
    {
        left: 20%;
    }
}

.step-to-update-data__title
{
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 24px;
}

    .step-to-update-data__title br
    {
        display: none;
    }

.step-to-update-data
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    background-color: #0057c2;
    overflow: hidden;
}

.step-to-update-data__inner
{
    position: relative;
    z-index: 2;
    padding: 0 20px;
    width: 100%;
}

.step-to-update-data__container
{
    width: 317px;
    margin: 0 auto;
}

.step-to-update-data__item
{
    border-bottom: 1px solid hsla(0,0%,100%,.28);
}

    .step-to-update-data__item > div
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 19px 15px;
    }

    .step-to-update-data__item:last-child
    {
        border-bottom: 0;
    }

.step-to-update-data__item-wrapper
{
    position: relative;
}

.step-to-update-data__item[data-image=step1]
{
    padding-left: 5px;
}

    .step-to-update-data__item[data-image=step1] svg
    {
        height: 78px;
    }

    .step-to-update-data__item[data-image=step1] .step-to-update-data___number
    {
        top: 4px;
        left: 2px;
    }

.step-to-update-data__item[data-image=step2]
{
    padding-left: 5px;
}

    .step-to-update-data__item[data-image=step2] svg
    {
        height: 88px;
    }

    .step-to-update-data__item[data-image=step2] .step-to-update-data___number
    {
        top: 8px;
        left: 0;
    }

.step-to-update-data__item[data-image=step3] .step-to-update-data___number
{
    top: 7px;
    left: 7px;
}

.step-to-update-data__image .image__inner
{
    width: 100px;
    text-align: left;
}

.step-to-update-data__image svg
{
    height: 72px;
}

.step-to-update-data__text
{
    padding-left: 25px;
    font-size: 25px;
    line-height: 23px;
    color: #fff;
}

.step-to-update-data__button
{
    margin: 0 auto;
}

.step-to-update-data___number
{
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid hsla(0,0%,100%,.52);
    width: 27px;
    height: 27px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #0057c2;
    top: 0;
}

.step-to-update-data__base
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    font-size: 0;
}

    .step-to-update-data__base img
    {
        width: 100%;
    }

.step-to-update-data__header
{
    display: none;
}

@media screen and (max-width:320px)
{
    .step-to-update-data__title
    {
        font-size: 18px !important;
    }
}

@media screen and (min-width:320px)
{
    .step-to-update-data
    {
        padding: 0 20px;
    }

    .step-to-update-data__container
    {
        width: 100%;
    }

    .step-to-update-data__text
    {
        font-size: 20px;
    }

    .step-to-update-data__title
    {
        margin-bottom: 18px;
        font-size: 20px;
        line-height: 23px;
    }
}

@media screen and (max-height:568px)
{
    .step-to-update-data__inner
    {
        margin: 20px 0;
    }
}

@media screen and (min-width:1024px)
{
    .step-to-update-data__item[data-image=step1], .step-to-update-data__item[data-image=step2], .step-to-update-data__item[data-image=step3]
    {
        padding-left: 0;
        font-size: 0;
    }

        .step-to-update-data__item[data-image=step1] .image__inner, .step-to-update-data__item[data-image=step2] .image__inner, .step-to-update-data__item[data-image=step3] .image__inner
        {
            text-align: center;
            width: auto;
        }

        .step-to-update-data__item[data-image=step1] svg, .step-to-update-data__item[data-image=step2] svg, .step-to-update-data__item[data-image=step3] svg
        {
            height: 120px;
        }

    .step-to-update-data__title
    {
        margin-bottom: 40px;
        color: #fff;
        text-align: center;
        font-size: 32px;
        line-height: 36px;
    }

        .step-to-update-data__title br
        {
            display: block;
        }

    .step-to-update-data___wrapper
    {
        padding: 15px;
        background-color: #0044a0;
        min-height: 100vh;
    }

    .step-to-update-data
    {
        background-color: #0057c2;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        min-height: -webkit-calc(100vh - 30px);
        min-height: calc(100vh - 30px);
        position: relative;
        overflow: hidden;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .step-to-update-data .header-form
        {
            background-color: #0057c2;
            margin-top: 15px;
        }

    .step-to-update-data__header
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
    }

    .step-to-update-data__item
    {
        border-bottom: 0;
    }

        .step-to-update-data__item > div
        {
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .step-to-update-data__item:last-child
        {
            border-bottom: 0;
        }

            .step-to-update-data__item:last-child .step-to-update-data__item-wrapper
            {
                padding-top: 19px;
            }

    .step-to-update-data__container
    {
        width: 100%;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .step-to-update-data___number
    {
        position: relative;
        width: 39px;
        height: 39px;
        margin: 30px auto 20px;
        top: 0;
        font-size: 20px;
    }

    .step-to-update-data__text
    {
        font-size: 24px;
        line-height: 25px;
        text-align: center;
        padding-left: 0;
    }

    .step-to-update-data__text-post
    {
        font-size: 16px;
        text-align: center;
        color: #fff;
        margin-top: 8px;
        font-weight: 300;
    }

    .step-to-update-data__button
    {
        margin-top: 40px;
    }
}

@media screen and (min-width:1200px)
{
    .step-to-update-data__inner
    {
        margin: 100px auto;
    }

    .step-to-update-data__text
    {
        font-size: 30px;
        line-height: 30px;
    }

    .step-to-update-data__text-post
    {
        font-size: 20px;
        margin-top: 10px;
    }
}

.wrong-answer
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
    background-color: #0057c2;
    overflow: hidden;
}

.wrong-answer__logo
{
    margin: 0 auto;
    width: 183px;
}

    .wrong-answer__logo svg
    {
        width: 100%;
    }

.wrong-answer__graphic
{
    margin: 45px auto 46px;
    width: 227px;
}

    .wrong-answer__graphic svg
    {
        width: 100%;
    }

.wrong-answer__title
{
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    padding: 0 20px;
}

.wrong-answer__subtitle
{
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
}

.wrong-answer__message
{
    display: block;
    margin: 16px auto 0;
    padding: 14px 0;
    width: 190px;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 16px;
}

.wrong-anwer__link
{
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
}

    .wrong-anwer__link a
    {
        text-decoration: underline;
    }

.wrong-answer__header
{
    display: none;
}

.wrong-answer__inner
{
    position: relative;
    z-index: 2;
    padding: 0 20px;
    width: 100%;
}

.wrong-answe__option
{
    display: block;
    text-align: center;
    color: #fff;
    margin-bottom: 13px;
    margin-top: 3px;
}

@media screen and (min-width:768px)
{
    .wrong-answer__wrapper
    {
        padding: 15px;
        min-height: 100vh;
        background-color: #0044a0;
    }

    .wrong-answer
    {
        background-color: #0057c2;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        min-height: -webkit-calc(100vh - 30px);
        min-height: calc(100vh - 30px);
        position: relative;
        overflow: hidden;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .wrong-answer .header-form
        {
            background-color: #0057c2;
            margin-top: 15px;
        }

        .wrong-answer .wrong-answer__header
        {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            display: block;
        }
}

html.is-own-public-house
{
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #f2f5f9;
}

    html.is-own-public-house body
    {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

.home-own-house .img-header
{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
}

.home-own-house .block-parent
{
    height: 100vh;
}

.swiper-container-hoh-slider .swiper-slide
{
    width: 60%;
}

.home-own-house__number
{
    position: fixed;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

    .home-own-house__number li
    {
        cursor: pointer;
        margin-bottom: 3px;
        padding: 7px 16px 7px 0;
        border-right: 2px solid #fff;
        color: #fff;
        font-size: 18px;
        opacity: .5;
        line-height: 1;
        -webkit-transition: all .3s linear;
        -o-transition: .3s all linear;
        transition: all .3s linear;
    }

        .home-own-house__number li:last-child
        {
            margin-bottom: 0;
        }

        .home-own-house__number li.active
        {
            opacity: 1;
            font-family: fs_joeymedium;
            font-weight: 500;
        }

.swiper-container-hoh-slider
{
    margin: 50px auto 30px;
}

.home-own-house__number.number--black li
{
    color: #4c5662;
    border-right: 2px solid #4c5662;
    opacity: 1;
}

    .home-own-house__number.number--black li.active
    {
        color: #0057c2;
        border-right: 2px solid #0057c2;
    }

.home-own-house__main-base
{
    position: absolute;
    bottom: -1px;
    z-index: 1;
    width: 100%;
}

    .home-own-house__main-base img
    {
        width: 100%;
    }

.home-own-house__main-content
{
    text-align: center;
    padding-bottom: 52px;
    margin-top: 20px;
    z-index: 2;
}

.home-own-house__pre-title
{
    font-size: 18px;
    margin: 0 auto;
}

.home-own-house__title
{
    font-size: 24px;
    margin: 20px auto;
    max-width: 280px;
}

.home-own-house__button
{
    margin: 0 auto;
}

.home-own-house-main__icon-home
{
    width: 50px;
}

.home-own-house__use-section-quota
{
    text-align: center;
    top: 100px;
    padding: 0;
}

    .home-own-house__use-section-quota h2
    {
        font-family: fs_joeyregular;
        font-weight: 400;
    }

    .home-own-house__use-section-quota .container-arrow__arrow:before
    {
        background-color: #0057c2;
    }

    .home-own-house__use-section-quota .home-own-house__use-section-quota-content--center
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: -webkit-calc(100vh - 60px);
        height: calc(100vh - 60px);
    }

    .home-own-house__use-section-quota .subtitle
    {
        max-width: 300px;
        font-size: 30px;
        line-height: 34px;
        margin: -70px auto 15px;
    }

    .home-own-house__use-section-quota .text
    {
        text-align: center;
        width: 260px;
        font-size: 20px;
        margin: 0 auto 30px;
    }

    .home-own-house__use-section-quota .link-down
    {
        color: #0057c2;
        font-size: 23px;
        position: fixed;
        bottom: 50px;
        display: block;
        text-align: center;
        width: 100%;
        z-index: 10;
    }

    .home-own-house__use-section-quota .hoh__icon-convention
    {
        height: 50px;
    }

        .home-own-house__use-section-quota .hoh__icon-convention svg
        {
            height: 100%;
            width: auto;
        }

.home-own-house__use-section-for
{
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px);
}

    .home-own-house__use-section-for .subtitle
    {
        font-size: 24px;
        margin-bottom: 20px;
        text-align: center;
    }

    .home-own-house__use-section-for .box
    {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-color: #fff;
        padding: 32px 40px 27px;
        margin: auto 22px;
        text-align: center;
        -webkit-box-shadow: 0 0 10px 0 #dde6ee;
        box-shadow: 0 0 10px 0 #dde6ee;
    }

    .home-own-house__use-section-for .box__arrow
    {
        position: absolute;
        width: 10px;
        top: 65%;
        margin-left: 5px;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .home-own-house__use-section-for .text-blue
    {
        color: #0057c2;
    }

    .home-own-house__use-section-for .title-box
    {
        font-size: 20px;
        margin: 0;
    }

        .home-own-house__use-section-for .title-box br
        {
            display: none;
        }

    .home-own-house__use-section-for .text
    {
        margin: 20px auto 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: 300;
    }

    .home-own-house__use-section-for .box-two
    {
        margin-top: 10px;
    }

    .home-own-house__use-section-for .use-section-for__button
    {
        padding: 20px 0;
        width: 250px;
        font-size: 18px;
        margin: 0 auto;
        margin-top: 52px;
    }

    .home-own-house__use-section-for .section-heigth
    {
        height: -webkit-calc(100vh - 70.36px);
        height: calc(100vh - 70.36px);
        overflow: auto;
        padding-top: 19px;
        padding-bottom: 57px;
    }

    .home-own-house__use-section-for .terms
    {
        margin: 15px auto 0;
    }

    .home-own-house__use-section-for .initial-fee-overlay, .home-own-house__use-section-for .mortgage-credit-overlay
    {
        display: none;
    }

        .home-own-house__use-section-for .initial-fee-overlay.is-active, .home-own-house__use-section-for .mortgage-credit-overlay.is-active
        {
            display: block;
        }

    .home-own-house__use-section-for .link-down
    {
        color: #0057c2;
        font-size: 18px;
        position: fixed;
        bottom: 50px;
        display: block;
        text-align: center;
        width: 100%;
    }

    .home-own-house__use-section-for .container-arrow__arrow:before
    {
        background-color: #0057c2;
    }

.home-own-house__steps
{
    text-align: center;
    padding: 0;
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px);
}

    .home-own-house__steps .subtitle
    {
        margin-top: 32px;
        margin-bottom: 30px;
        font-size: 24px;
    }

    .home-own-house__steps .box
    {
        position: relative;
        background: #f9f9f9;
        -webkit-box-shadow: 0 0 10px 0 #dde6ee;
        box-shadow: 0 0 10px 0 #dde6ee;
        margin-bottom: 11px;
        margin-left: 36px;
        margin-right: 22px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        text-align: left;
        padding: 16px 0 16px 28px;
    }

        .home-own-house__steps .box .text
        {
            font-size: 18px;
            line-height: 24px;
        }

    .home-own-house__steps .circle
    {
        height: 27px;
        width: 27px;
        background: #0057c2;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        padding: 8px 10px;
        margin: 0 auto;
        font-size: 12px;
        position: absolute;
        top: 30px;
        left: -13px;
    }

    .home-own-house__steps .box__arrow
    {
        position: absolute;
        height: 11px;
        top: 50%;
        right: 20px;
        -webkit-transform: rotate(0deg) translateY(-50%);
        -ms-transform: rotate(0deg) translateY(-50%);
        -o-transform: rotate(0deg) translateY(-50%);
        transform: rotate(0deg) translateY(-50%);
    }

        .home-own-house__steps .box__arrow path
        {
            fill: #4c5662;
        }

    .home-own-house__steps .title-box
    {
        vertical-align: top;
        color: #0057c2;
        font-size: 20px;
        display: inline-block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .home-own-house__steps .button
    {
        margin: 22px auto 0;
    }

    .home-own-house__steps .arrow-down
    {
        width: 24px;
        fill: #9a9a9a;
        margin-top: 90px;
        margin-bottom: 80px;
    }

    .home-own-house__steps .div__img-box
    {
        display: inline-block;
        width: 64px;
        margin: 0 auto;
    }

    .home-own-house__steps .img-box
    {
        height: 53px;
        margin: 0 auto;
        display: block;
    }

    .home-own-house__steps .link-down
    {
        width: 100%;
        color: #0057c2;
        position: fixed;
        bottom: 50px;
    }

    .home-own-house__steps .container-arrow__arrow:before
    {
        background: #0057c2;
    }

.home-own-house__pre-footer .section-heigth
{
    height: -webkit-calc(100vh - 70.36px);
    height: calc(100vh - 70.36px);
    overflow: auto;
    padding: 140px 0 194px;
}

.home-own-house__pre-footer .sentence
{
    font-size: 36px;
    color: #0057c2;
    text-align: center;
}

.home-own-house__pre-footer .sub-sentence
{
    font-size: 20px;
    width: 260px;
    margin: 10px auto 30px;
    text-align: center;
}

.home-own-house__pre-footer .sentence__button
{
    margin: 22px auto 0;
}

.home-own-house__pre-footer .home-own-house__return
{
    margin-top: 34px;
    text-align: center;
    display: inline-block;
    border-bottom: 1px solid #4c5662;
}

.home-own-house__pre-footer--center
{
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px);
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-own-house__footer-menu, .home-own-house__pre-footer--center
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.home-own-house__footer-menu
{
    padding: 28px 30px;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
}

    .home-own-house__footer-menu .toggle__icon g
    {
        fill: #4c5662;
    }

.home-own-house__footer-section
{
    background: -webkit-gradient(linear,right top,left top,from(#107ca1),to(#014175));
    background: -webkit-linear-gradient(right,#107ca1,#014175);
    background: -o-linear-gradient(right,#107ca1 0,#014175 100%);
    background: linear-gradient(270deg,#107ca1,#014175);
    color: #fff;
    text-align: center;
    padding: 68px 0 45px;
    position: relative;
}

    .home-own-house__footer-section .app__button
    {
        width: 225px;
        padding: 16px 0;
        font-size: 15px;
        margin: 0 auto;
        position: relative;
    }

        .home-own-house__footer-section .app__button:hover .app__icon
        {
            fill: #303136;
        }

    .home-own-house__footer-section .title
    {
        margin-bottom: 10px;
        font-size: 24px;
    }

    .home-own-house__footer-section .title-post
    {
        font-size: 15px;
    }

    .home-own-house__footer-section .app__icon
    {
        width: 16px;
        height: 20px;
        fill: #fff;
    }

        .home-own-house__footer-section .app__icon:hover
        {
            fill: #303136;
        }

    .home-own-house__footer-section .app__icon-apple
    {
        margin: 19px auto 10px;
    }

    .home-own-house__footer-section .logo-white
    {
        margin-top: 70px;
        width: 123px;
    }

    .home-own-house__footer-section .go-up
    {
        position: absolute;
        right: 20px;
        bottom: 40px;
        width: 62px;
        height: 62px;
        margin-top: 18px;
        border: 2px solid #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding: 20px;
    }

        .home-own-house__footer-section .go-up g
        {
            fill: #fff;
        }

    .home-own-house__footer-section .icon__goup
    {
        width: 100%;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        height: 100%;
    }

.block
{
    position: absolute;
    top: 60px;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    display: none;
}

    .block.is-active
    {
        opacity: 1;
        display: block;
    }

        .block.is-active .home-own-house__footer-wrapper.u-fadeIn, .block.is-active .home-own-house__main.u-fadeIn, .block.is-active .home-own-house__use-section-for.u-fadeIn, .block.is-active .home-own-house__use-section-quota.u-fadeIn
        {
            -webkit-animation-duration: .5s;
            -o-animation-duration: .5s;
            animation-duration: .5s;
        }

        .block.is-active .home-own-house__footer-wrapper.u-fadeInDown, .block.is-active .home-own-house__main.u-fadeInDown, .block.is-active .home-own-house__use-section-for.u-fadeInDown, .block.is-active .home-own-house__use-section-quota.u-fadeInDown
        {
            -webkit-animation-duration: .3s;
            -o-animation-duration: .3s;
            animation-duration: .3s;
        }

        .block.is-active .home-own-house__steps.u-fadeIn
        {
            -webkit-animation-duration: .5s;
            -o-animation-duration: .5s;
            animation-duration: .5s;
        }

        .block.is-active .home-own-house__steps.u-fadeInDown
        {
            -webkit-animation-duration: .6s;
            -o-animation-duration: .6s;
            animation-duration: .6s;
        }

.container-arrow
{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}

.container-arrow__arrow
{
    position: relative;
    height: 30px;
}

    .container-arrow__arrow:before
    {
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        -webkit-animation: screen-arrow 3s infinite ease;
        -o-animation: screen-arrow 3s infinite ease;
        animation: screen-arrow 3s infinite ease;
    }

@-webkit-keyframes screen-arrow
{
    0%
    {
        bottom: 20px;
    }

    to
    {
        bottom: -50px;
    }
}

@-o-keyframes screen-arrow
{
    0%
    {
        bottom: 20px;
    }

    to
    {
        bottom: -50px;
    }
}

@keyframes screen-arrow
{
    0%
    {
        bottom: 20px;
    }

    to
    {
        bottom: -50px;
    }
}

.home-own-house__overlay
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    overflow: auto;
}

.hoh-overlay__line
{
    width: 21px;
    height: 1px;
    margin: 0 auto;
    background: #c1c7d5;
    margin: 15px auto;
}

.hoh-overlay__close, .hoh-overlay__close-two
{
    position: absolute;
    top: 14px;
    right: 19px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0057c2;
    font-size: 18px;
    width: 40px;
    z-index: 10;
}

    .hoh-overlay__close-two span, .hoh-overlay__close span
    {
        display: block;
        width: 20px;
        margin-right: 10px;
        font-size: 0;
    }

    .hoh-overlay__close-two svg, .hoh-overlay__close svg
    {
        width: 100%;
    }

        .hoh-overlay__close-two svg g, .hoh-overlay__close svg g
        {
            fill: #0057c2;
        }

.hoh-overlay__convention-icon
{
    height: 30px;
    width: auto;
}

    .hoh-overlay__convention-icon svg
    {
        height: 100%;
        width: auto;
    }

.hoh-overlay__image
{
    position: absolute;
    bottom: 56px;
    right: 36px;
}

    .hoh-overlay__image svg
    {
        height: 110px;
    }

.hoh-overlay__image--step svg
{
    height: 110px;
    margin-bottom: 17px;
}

.hoh-overlay__close-two
{
    display: none;
}

.hoh-overlay__content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    overflow: auto;
}

    .hoh-overlay__content > div
    {
        position: relative;
        width: 100%;
    }

    .hoh-overlay__content[data-id=modal-five] .hoh-overlay__title, .hoh-overlay__content[data-id=modal-four] .hoh-overlay__title, .hoh-overlay__content[data-id=modal-three] .hoh-overlay__title
    {
        font-size: 24px;
        text-align: center;
    }

    .hoh-overlay__content[data-id=modal-five] .hoh-overlay__body, .hoh-overlay__content[data-id=modal-four] .hoh-overlay__body, .hoh-overlay__content[data-id=modal-three] .hoh-overlay__body
    {
        font-size: 18px;
        text-align: center;
    }

    .hoh-overlay__content[data-id=modal-five] > div, .hoh-overlay__content[data-id=modal-four] > div, .hoh-overlay__content[data-id=modal-three] > div
    {
        margin: 0;
    }

.hoh-overlay__content--step
{
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.hoh-overlay__title
{
    margin: auto 30px 17px;
    font-size: 18px;
}

    .hoh-overlay__title span
    {
        color: #0057c2;
    }

.hoh-overlay__body
{
    font-size: 16px;
}

    .hoh-overlay__body p
    {
        margin: 0 30px 15px;
    }

@media screen and (max-width:320px)
{
    .home-own-house__title
    {
        font-size: 22px;
        margin: 15px auto;
    }

    .home-own-house__main-content
    {
        margin-top: 15px;
    }

    .home-own-house__button, .home-own-house__use-section-quota .button--yellow
    {
        margin: 0 auto;
    }

    .home-own-house__use-section-quota .subtitle
    {
        font-size: 26px;
        line-height: 28px;
    }

    .home-own-house__use-section-quota .text
    {
        font-size: 18px;
    }

    .home-own-house__use-section-for .box
    {
        padding: 24px 15px 20px;
    }

    .home-own-house__steps .title-box
    {
        font-size: 16px;
    }

    .home-own-house__steps .box
    {
        padding: 15px 0 15px 15px;
    }

    .container-arrow__arrow
    {
        height: 15px;
    }

    .header-navbar__arrow-mobile
    {
        margin-right: 5px;
    }

    .hoh-overlay__body
    {
        font-size: 14px;
    }
}

@media screen and (max-width:320px) and (max-height:465px)
{
    .home-own-house__main-content
    {
        margin-top: 5px;
    }

    .home-own-house__title
    {
        font-size: 21px;
        margin: 10px auto;
    }

    .home-own-house__use-section-for .subtitle
    {
        margin: 15px auto;
    }

    .home-own-house__steps .subtitle
    {
        margin: 10px auto;
    }

    .home-own-house__steps .box
    {
        padding: 10px 0 10px 20px;
    }

    .home-own-house__use-section-for .box
    {
        padding: 20px 15px 16px;
    }

    .home-own-house__steps .link-down, .home-own-house__use-section-for .link-down, .home-own-house__use-section-quota .link-down
    {
        bottom: 20px;
    }
}

@media screen and (min-width:1024px)
{
    .hoh__header
    {
        height: 60px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .hoh__header, .hoh__navbar
    {
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .hoh__navbar
    {
        margin: auto 40px;
        width: 100%;
    }

    .hoh-navbar__logo
    {
        width: 128px;
        cursor: pointer;
    }

    .hoh-overlay__convention-icon
    {
        height: 26px;
    }

        .hoh-overlay__convention-icon svg
        {
            max-width: 120px;
        }

    .hoh__convention-title
    {
        text-align: center;
        font-size: 24px;
        margin-bottom: 16px;
    }

    .hoh__convention-text
    {
        text-align: center;
        font-size: 18px;
        margin-bottom: 40px;
        line-height: 24px;
    }

    .hoh-overlay__convention-icon
    {
        margin: auto 10px;
    }

    .home-own-house__number li
    {
        font-size: 14px;
    }

    .home-own-house__main
    {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: top;
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/header-desktop.df77c11d.jpg);
        background-repeat: no-repeat;
    }

    .home-own-house__overlay
    {
        background-color: rgba(0,0,0,.75);
    }

    .hoh-overlay__close, .hoh-overlay__title br
    {
        display: none;
    }

    .hoh-overlay__close-two
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        top: 20px;
        right: 20px;
        font-size: 22px;
        cursor: pointer;
        width: 48px;
    }

        .hoh-overlay__close-two span
        {
            width: 19px;
            margin-left: 10px;
            margin-right: 0;
            font-size: 0;
        }

    .hoh-overlay__title
    {
        font-size: 24px;
    }

    .hoh-overlay__body
    {
        font-size: 18px;
        line-height: 24px;
    }

        .hoh-overlay__body p.p--legal
        {
            margin-bottom: 0;
        }

    .hoh-overlay__content
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .hoh-overlay__content > div
        {
            margin: 0;
            padding: 89px 78px 71px;
            width: 800px;
            background-color: #fff;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

    .block
    {
        top: 60px;
        width: 100%;
        overflow: hidden;
        opacity: 0;
        display: none;
    }

        .block.is-active
        {
            opacity: 1;
            display: block;
        }

    .block
    {
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .wrapper-subtitle
    {
        display: none;
    }

    .use-section-for-left-title
    {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 1;
    }

    .home-own-house .img-header
    {
        top: 0;
        position: absolute;
    }

    .home-own-house-main__icon-home
    {
        width: 50px;
    }

        .home-own-house-main__icon-home .Home__cls-1
        {
            fill: #fff;
        }

    .home-own-house .img-header
    {
        height: 100%;
    }

    .home-own-house .hamburger-menu__wrapper
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .home-own-house .hamburger-menu
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .home-own-house .hamburger-menu__items
    {
        position: relative;
        width: 22px;
    }

    .home-own-house .burger, .home-own-house .burger:after, .home-own-house .burger:before
    {
        position: absolute;
        width: 22px;
        height: 3px;
        display: block;
        -webkit-border-radius: 27%;
        border-radius: 27%;
    }

    .home-own-house__footer-wrapper .burger, .home-own-house__footer-wrapper .burger:after, .home-own-house__footer-wrapper .burger:before, .home-own-house__main .burger, .home-own-house__main .burger:after, .home-own-house__main .burger:before
    {
        background-color: #fff;
    }

    .home-own-house__steps .burger, .home-own-house__steps .burger:after, .home-own-house__steps .burger:before, .home-own-house__use-section-for .burger, .home-own-house__use-section-for .burger:after, .home-own-house__use-section-for .burger:before, .home-own-house__use-section-quota .burger, .home-own-house__use-section-quota .burger:after, .home-own-house__use-section-quota .burger:before
    {
        background-color: #9a9a9a;
    }

    .home-own-house .burger
    {
        top: 50%;
        right: 0;
    }

        .home-own-house .burger:after
        {
            bottom: 8px;
            content: "";
        }

        .home-own-house .burger:before
        {
            bottom: -8px;
            content: "";
        }

    .home-own-house .header-navbar
    {
        display: none;
    }

    .home-own-house__main-content, .home-own-house__pre-footer
    {
        position: relative;
        width: 100%;
        z-index: 2;
        color: #fff;
    }

    .home-own-house__main-content
    {
        margin-top: 0;
        padding-bottom: 0;
    }

    .home-own-house__main-content--center, .home-own-house__pre-footer--center, .home-own-house__steps--center, .home-own-house__use-section-quota-content--center
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .home-own-house__steps--contentcenter
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .home-own-house__main-content--center, .home-own-house__pre-footer--center, .home-own-house__steps--center, .home-own-house__use-section-quota-content--center
    {
        height: -webkit-calc(100vh - 89px);
        height: calc(100vh - 89px);
    }

    .home-own-house__pre-title
    {
        font-size: 24px;
        text-align: center;
    }

    .home-own-house__title
    {
        margin: 40px auto 50px;
        font-size: 40px;
        max-width: 560px;
    }

    .home-own-house .hamburger-menu__text
    {
        color: #fff;
        font-size: 22px;
    }

    .home-own-house__steps .hamburger-menu__text, .home-own-house__use-section-quota .hamburger-menu__text
    {
        color: #4c5662;
    }

    .home-own-house .hamburger-menu
    {
        margin-right: 20px;
    }

    .home-own-house__main .hamburger-menu__items
    {
        color: #fff;
        cursor: pointer;
    }

    .home-own-house .step-numbers
    {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(-10%,-50%);
        -ms-transform: translate(-10%,-50%);
        -o-transform: translate(-10%,-50%);
        transform: translate(-10%,-50%);
        z-index: 2;
        font-size: 14px;
        font-family: fs_joeybold;
        font-weight: 700;
    }

        .home-own-house .step-numbers li
        {
            margin-bottom: 5px;
            padding: 8px 20px;
        }

    .home-own-house__main .step-numbers, .home-own-house__pre-footer .step-numbers
    {
        color: #fff;
    }

        .home-own-house__main .step-numbers li, .home-own-house__pre-footer .step-numbers li
        {
            border-right: 2px solid #fff;
        }

            .home-own-house__main .step-numbers li.inactive, .home-own-house__pre-footer .step-numbers li.inactive
            {
                opacity: .5;
                font-family: fs_joeylight;
                font-weight: 300;
            }

    .home-own-house__steps .step-numbers, .home-own-house__use-section-for .step-numbers, .home-own-house__use-section-quota .step-numbers
    {
        color: #0057c2;
    }

        .home-own-house__steps .step-numbers li, .home-own-house__use-section-for .step-numbers li, .home-own-house__use-section-quota .step-numbers li
        {
            border-right: 2px solid #0057c2;
        }

            .home-own-house__steps .step-numbers li.inactive, .home-own-house__use-section-for .step-numbers li.inactive, .home-own-house__use-section-quota .step-numbers li.inactive
            {
                font-family: fs_joeyregular;
                font-weight: 400;
                color: #4c5662;
                border-right: 2px solid #4c5662;
            }

    .home-own-house__use-section-quota
    {
        top: 0;
        padding: 0;
        position: relative;
        height: 100vh;
    }

        .home-own-house__use-section-quota .home-own-house__use-section-quota-content--center
        {
            height: -webkit-calc(100vh - 170px);
            height: calc(100vh - 170px);
        }

        .home-own-house__use-section-quota .button
        {
            margin: 0 auto;
        }

        .home-own-house__use-section-quota .hoh__icon-convention
        {
            height: 29px;
        }

    .use-section-for--left
    {
        width: 40%;
        height: 100vh;
        position: relative;
        float: left;
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/section-img02.f41f2004.jpg);
        background-position: 0 0;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }

        .use-section-for--left img
        {
            width: 100%;
            height: 100%;
        }

    .use-section-for--right
    {
        width: 100%;
        height: 100vh;
        display: inline-block;
        position: relative;
    }

    .use-section-for--center
    {
        height: 100%;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .use-section-for--column
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .home-own-house__use-section-for
    {
        padding: 0;
    }

        .home-own-house__use-section-for header
        {
            position: absolute;
            top: 0;
            z-index: 3;
            width: 100%;
        }

        .home-own-house__use-section-for .hamburger-menu__text
        {
            color: #4c5662;
        }

        .home-own-house__use-section-for .box
        {
            background: #f9f9f9;
            text-align: left;
            margin: auto 40px 20px 50px;
        }

        .home-own-house__use-section-for .box-two .text
        {
            margin-right: 0;
        }

        .home-own-house__use-section-for .box-number
        {
            font-size: 100px;
            color: #999;
        }

        .home-own-house__use-section-for .title-box
        {
            padding-top: 0;
            font-size: 24px;
            text-align: center;
        }

        .home-own-house__use-section-for .text
        {
            font-size: 16px;
            color: #4c5662;
            margin-top: 10px;
            margin-right: 160px;
            font-weight: 400;
        }

        .home-own-house__use-section-for .wrapper-subtitle
        {
            width: 40%;
            position: relative;
        }

        .home-own-house__use-section-for .subtitle
        {
            position: absolute;
            font-size: 42px;
            width: 100%;
            text-align: center;
            margin-top: 0;
        }

        .home-own-house__use-section-for .subtitle-rigth
        {
            font-size: 30px;
            margin: 0 0 30px;
        }

        .home-own-house__use-section-for .wrapper-subtitle
        {
            width: 100%;
            color: #4c5662;
            z-index: 5;
            top: 90px;
        }

        .home-own-house__use-section-for .container-arrow__arrow
        {
            z-index: 50;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .home-own-house__use-section-for .container-arrow__arrow:before
            {
                background-color: #0057c2;
            }

        .home-own-house__use-section-for .section-heigth
        {
            padding: 0;
            overflow: hidden;
            height: 100vh;
        }

        .home-own-house__use-section-for .terms
        {
            margin: 10px 0;
        }

        .home-own-house__use-section-for .box__arrow
        {
            display: none;
        }

    .home-own-house__steps
    {
        padding: 0;
        height: 100vh;
    }

        .home-own-house__steps .box
        {
            width: 250px;
            height: 380px;
            margin-left: 15px;
            margin-right: 15px;
            text-align: center;
        }

            .home-own-house__steps .box .text
            {
                font-size: 14px;
            }

        .home-own-house__steps .div__img-box
        {
            width: auto;
        }

        .home-own-house__steps .link-down
        {
            color: #0057c2;
            font-size: 18px;
            position: absolute;
            display: block;
            text-align: center;
            width: 100%;
        }

        .home-own-house__steps .img-box
        {
            height: 100px;
            display: block;
            margin: 12px auto 10px;
        }

        .home-own-house__steps .title
        {
            font-size: 32px;
            text-align: center;
        }

        .home-own-house__steps .title-box
        {
            font-size: 20px;
            position: relative;
            -webkit-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }

        .home-own-house__steps .circle
        {
            position: relative;
            top: 0;
            left: 0;
        }

    .home-own-house__pre-footer
    {
        margin: 0;
    }

        .home-own-house__pre-footer .sentence
        {
            font-size: 48px;
            color: #fff;
            text-align: center;
        }

        .home-own-house__pre-footer .sub-sentence
        {
            width: 567px;
            font-size: 24px;
            margin: 0;
            color: #fff;
            margin-top: 15px;
        }

        .home-own-house__pre-footer .sentence__button
        {
            margin: 47px auto 0;
        }

        .home-own-house__pre-footer .wrapper-return__button
        {
            position: absolute;
            bottom: 50px;
            width: 100%;
        }

        .home-own-house__pre-footer .return__button
        {
            margin: 0 auto;
            width: 190px;
            color: #fff;
            font-size: 20px;
            border-bottom: 1px solid #fff;
        }

        .home-own-house__pre-footer .home-own-house__return
        {
            border-bottom: 1px solid #fff;
        }

            .home-own-house__pre-footer .home-own-house__return:hover
            {
                border-bottom: 1px solid #ffe946;
            }

    .home-own-house__main .container-arrow__arrow:before
    {
        background-color: #fff;
    }

    .home-own-house__steps .container-arrow__arrow:before
    {
        background-color: #0057c2;
    }

    .home-own-house__steps .link_convention
    {
        font-size: 18px;
        display: inline-block;
        text-align: center;
        border-bottom: 1px solid #4c5662;
        margin: 20px auto;
    }

    .home-own-house__pre-footer
    {
        padding: 0;
    }

    .home-own-house__main-content > header
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }

    .home-own-house__main-content .home-own-house__main-content--center
    {
        height: 100vh;
    }

    .home-own-house__title
    {
        font-size: 38px;
    }

    .home-own-house__use-section-quota-content > header
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .home-own-house__use-section-quota-content > .home-own-house__use-section-quota-content--center
    {
        height: 100vh;
    }

    .home-own-house__steps > header
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .home-own-house__steps > .home-own-house__steps--center, .home-own-house__use-section-for
    {
        height: 100vh;
    }

    .home-own-house__steps--center
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .home-own-house__steps .title
    {
        margin-bottom: 40px;
    }

    .home-own-house__pre-footer > header
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .home-own-house__pre-footer > .home-own-house__pre-footer--center
    {
        height: 100vh;
    }

    .home-own-house__use-section-for .title-box br
    {
        display: block;
    }
}

@media screen and (min-width:1024px)
{
    .home-own-house .hamburger-menu
    {
        margin-right: 20px;
    }

    .home-own-house__title
    {
        max-width: 700px;
        margin: 28px auto 50px;
    }

    .home-own-house__use-section-quota .subtitle
    {
        max-width: 720px;
        font-size: 36px;
        line-height: 40px;
        font-family: fs_joeylight;
        font-weight: 300;
    }

    .home-own-house__use-section-quota .text
    {
        width: 567px;
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }

    .home-own-house__use-section-for .use-section-for--left .step-numbers
    {
        color: #fff;
    }

        .home-own-house__use-section-for .use-section-for--left .step-numbers li
        {
            border-right: 2px solid #fff;
        }

            .home-own-house__use-section-for .use-section-for--left .step-numbers li.inactive
            {
                color: #fff;
                opacity: .5;
                font-family: fs_joeylight;
                font-weight: 300;
            }

    .home-own-house-main__icon-home
    {
        width: 80px;
    }

    .use-section-for--right
    {
        width: 60%;
    }

    .box
    {
        margin: auto 100px 20px;
    }

    .home-own-house__use-section-for .subtitle
    {
        position: absolute;
        font-size: 48px;
        left: 30%;
        top: -webkit-calc(50vh - 150px);
        top: calc(50vh - 150px);
        text-align: left;
        color: #fff;
        z-index: 5;
        width: 280px;
    }

    .home-own-house__use-section-for .wrapper-subtitle
    {
        width: 40%;
    }

    .home-own-house__use-section-for .subtitle-rigth
    {
        left: 50px;
    }

    .home-own-house__use-section-for .terms
    {
        margin: 10px auto;
    }

    .home-own-house__pre-footer
    {
        padding: 0;
    }

        .home-own-house__pre-footer .sub-sentence
        {
            font-family: fs_joeylight;
            font-weight: 300;
        }

    .home-own-house__footer-wrapper
    {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: top;
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/header-desktop.df77c11d.jpg);
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:1200px)
{
    .use-section-for-left-title
    {
        font-size: 38px;
        line-height: 45px;
    }

    .home-own-house .hamburger-menu
    {
        margin-right: 46px;
    }

    .home-own-house__title
    {
        font-size: 48px;
        margin: 28px auto 23px;
    }

    .home-own-house .step-numbers
    {
        font-size: 16px;
    }

    .home-own-house__use-section-quota .subtitle
    {
        max-width: 740px;
        margin: 0 auto 10px;
        font-size: 48px;
        line-height: 50px;
    }

    .home-own-house__use-section-quota .text
    {
        width: 600px;
        font-size: 24px;
        line-height: 30px;
    }

    .home-own-house__use-section-quota .link-down
    {
        font-size: 23px;
    }

    .home-own-house__use-section-for .box
    {
        margin: 0 0 7px;
        padding: 50px 0 41px;
        width: 460px;
    }

        .home-own-house__use-section-for .box:last-child
        {
            margin-bottom: 0;
        }

    .home-own-house__use-section-for .title-box
    {
        font-size: 24px;
    }

    .home-own-house__use-section-for .subtitle-rigth
    {
        font-size: 29px;
        margin-bottom: 22px;
    }

    .home-own-house__use-section-for .terms
    {
        margin: 13px auto 0;
    }

    .home-own-house__use-section-for .box__arrow
    {
        top: 40%;
    }

    .home-own-house__steps .title
    {
        margin-bottom: 23px;
        font-size: 29px;
    }

    .home-own-house__steps .box
    {
        width: 300px;
        height: 380px;
        padding: 20px 30px 40px;
    }

        .home-own-house__steps .box .text
        {
            font-size: 16px;
            line-height: 19px;
        }

    .home-own-house__steps .text
    {
        margin-top: 11px;
    }

    .home-own-house__steps .img-box
    {
        margin: 30px auto 20px;
        height: 100px;
    }

    .home-own-house__steps .circle
    {
        height: 45px;
        padding: 0;
        width: 45px;
        line-height: 45px;
        font-size: 16px;
    }

    .home-own-house__steps .title-box
    {
        font-size: 20px;
    }

    .home-own-house__pre-footer .sentence
    {
        font-size: 48px;
        line-height: 45px;
    }

    .home-own-house__pre-footer .sub-sentence
    {
        margin-top: 20px;
        font-size: 29px;
        line-height: 38px;
    }

    .home-own-house__pre-footer .sentence__button
    {
        margin-top: 24px;
    }

    .home-own-house__pre-footer .home-own-house__return
    {
        margin-top: 25px;
    }
}

@media screen and (min-width:1366px)
{
    .home-own-house__steps .img-box
    {
        height: 100px;
    }

    .home-own-house__steps .box
    {
        height: 420px;
    }
}

@media screen and (min-width:1920px)
{
    .home-own-house__number li
    {
        font-size: 18px;
    }

    .use-section-for--left
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/section-img.c08be367.jpg);
    }

    .hoh__header
    {
        height: 75px;
    }

    .hoh-navbar__logo
    {
        width: 140px;
    }

    .use-section-for-left-title
    {
        font-size: 48px;
        line-height: 57px;
    }

    .home-own-house__steps .title
    {
        margin-bottom: 35px;
        font-size: 36px;
    }

    .home-own-house .hamburger-menu
    {
        margin-right: 56px;
    }

    .home-own-house__title
    {
        margin: 50px auto 27px;
        font-size: 60px;
        max-width: 860px;
    }

    .home-own-house__pre-title
    {
        font-size: 30px;
    }

    .home-own-house .step-numbers
    {
        left: 60px;
        font-size: 18px;
    }

    .home-own-house__pre-footer .home-own-house__return, .home-own-house__pre-footer .sentence__button
    {
        margin-top: 30px;
    }

    .home-own-house__use-section-quota .subtitle
    {
        max-width: 900px;
        font-size: 60px;
        line-height: 60px;
    }

    .home-own-house__use-section-quota .link-down
    {
        font-size: 23px;
        bottom: 60px;
    }

    .home-own-house__use-section-quota .hoh__icon-convention
    {
        height: 31px;
    }

    .home-own-house__use-section-quota .text
    {
        font-size: 32px;
        line-height: 40px;
        font-family: fs_joeylight;
        font-weight: 300;
    }

    .home-own-house__use-section-quota .link_convention
    {
        margin: 80px auto 20px;
    }

    .home-own-house__use-section-for .box
    {
        width: 640px;
        padding: 88px 0 62px;
        margin-bottom: 10px;
        margin-top: 0;
    }

        .home-own-house__use-section-for .box:last-child
        {
            margin-bottom: 0;
        }

    .home-own-house__use-section-for .title-box
    {
        font-size: 31px;
        text-align: center;
    }

    .home-own-house__use-section-for .text
    {
        margin: 20px auto 0;
        font-size: 18px;
        margin-right: 160px;
    }

    .home-own-house__use-section-for .terms
    {
        margin: 15px auto 0;
    }

    .home-own-house__use-section-for .link-down
    {
        bottom: 60px;
    }

    .home-own-house__use-section-for .subtitle-rigth
    {
        font-size: 36px;
        margin-bottom: 27px;
    }

    .home-own-house__use-section-for .box__arrow
    {
        top: 65%;
    }

    .home-own-house__pre-footer .sentence
    {
        font-size: 60px;
    }

    .home-own-house__pre-footer .sub-sentence
    {
        margin-top: 24px;
        width: 690px;
        font-size: 36px;
        line-height: 47px;
    }

    .home-own-house__pre-footer .wrapper-return__button
    {
        bottom: 130px;
    }

    .home-own-house__pre-footer .return__button
    {
        font-size: 24px;
    }

    .home-own-house__steps .box
    {
        width: 400px;
        height: 560px;
        padding: 46px 50px 70px;
    }

        .home-own-house__steps .box .text
        {
            margin-top: 18px;
            font-size: 18px;
            line-height: 24px;
        }

    .home-own-house__steps .title-box
    {
        font-size: 24px;
    }

    .home-own-house__steps .img-box
    {
        height: 175px;
    }

    .home-own-house__steps .circle
    {
        height: 56px;
        width: 56px;
        padding: 0;
        line-height: 56px;
        text-align: center;
        font-size: 20px;
    }

    .home-own-house__steps .link-down
    {
        bottom: 60px;
    }
}

@media screen and (max-height:626px) and (min-width:1366px)
{
    .home-own-house__steps .box
    {
        height: 400px;
    }
}

#db-own-house .header-dashboard-mobile.header-dashboard-mobile--just-profile-icon .header-dashboard-mobile__profile svg circle
{
    fill: transparent;
}

#db-own-house .dashboard__inner
{
    padding-left: 0;
    margin-top: 0;
    height: 100vh;
}

.db-own-house
{
    width: 100%;
    min-height: 100vh;
    background-color: #f6fcff;
    overflow-x: hidden;
}

.db-own-house__estimator
{
    background-color: #0057c2;
    text-align: center;
    color: #fff;
    font-size: 15px;
}

    .db-own-house__estimator > div:first-child > div:first-child
    {
        text-transform: lowercase;
    }

.db-oh-estimator___description
{
    padding: 20px 0;
    background: -webkit-gradient(linear,left top,right top,from(#014989),to(#138fb9));
    background: -webkit-linear-gradient(left,#014989,#138fb9);
    background: -o-linear-gradient(left,#014989 0,#138fb9 100%);
    background: linear-gradient(90deg,#014989 0,#138fb9);
    font-size: 17px;
}

.db-oh-estimator__amount
{
    display: block;
    line-height: 1;
    text-transform: uppercase;
    font-size: 29px;
}

.db-oh-estimator__title
{
    font-size: 18px;
}

.db-oh-estimator__pension
{
    display: block;
    line-height: 1;
    text-transform: uppercase;
    font-size: 21px;
}

.db-oh-estimator___slider-container
{
    padding: 16px 40px 68px;
    font-size: 16px;
    background: -webkit-gradient(linear,left top,right top,from(#01447f),to(#1288af));
    background: -webkit-linear-gradient(left,#01447f,#1288af);
    background: -o-linear-gradient(left,#01447f 0,#1288af 100%);
    background: linear-gradient(90deg,#01447f 0,#1288af);
    border-top: 1px solid hsla(0,0%,100%,.2);
    color: #fff;
}

.db-oh-estimator__slider
{
    margin-top: 18px;
}

.db-oh-e-slider__bar .noUi-target
{
    width: 102%;
    background-color: #6eb5ed;
    border: none;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.db-oh-e-slider__bar .noUi-horizontal
{
    height: 13px;
}

.db-oh-e-slider__bar .noUi-connects
{
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.db-oh-e-slider__bar .noUi-connect
{
    background-color: #ffe946;
}

.db-oh-e-slider__bar .noUi-handle
{
    top: -11px;
    height: 34px;
    width: 34px;
    background-color: hsla(0,0%,100%,.21);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: none;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
}

    .db-oh-e-slider__bar .noUi-handle:before
    {
        content: none;
    }

    .db-oh-e-slider__bar .noUi-handle:after
    {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        height: 18px;
        width: 18px;
        background-color: #fff;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }

.db-own-house__info
{
    padding: 0 10px 50px;
    -webkit-transform: translateY(-26px);
    -ms-transform: translateY(-26px);
    -o-transform: translateY(-26px);
    transform: translateY(-26px);
}

.db-own-house__products
{
    display: block;
    padding: 0 15px 22px;
    width: 100%;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
}

    .db-own-house__products.u-animated
    {
        -webkit-animation-duration: 0s;
        -o-animation-duration: 0s;
        animation-duration: 0s;
    }

.db-oh-p__list
{
    padding: 0 9px;
}

.db-oh-p__item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    padding: 15px 0;
}

    .db-oh-p__item .db-oh-p__icon
    {
        width: 29px;
        font-size: 0;
    }

        .db-oh-p__item .db-oh-p__icon svg g
        {
            fill: #54595c;
        }

    .db-oh-p__item .db-oh-p__text
    {
        color: #54595c;
        font-size: 16px;
        margin: 0 0 0 14px;
    }

        .db-oh-p__item .db-oh-p__text span
        {
            display: block;
        }

    .db-oh-p__item .db-oh-p__amount
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        text-align: right;
        font-size: 18px;
        color: #53585d;
        font-family: fs_joeymedium;
        font-weight: 500;
    }

        .db-oh-p__item .db-oh-p__amount.amount--active
        {
            color: #0057c2;
        }

    .db-oh-p__item svg
    {
        width: 100%;
    }

    .db-oh-p__item.item--no-border
    {
        border: 0;
    }

    .db-oh-p__item.db-oh-p__item--active .db-oh-p__icon svg g, .db-oh-p__item.db-oh-p__item--active .db-oh-p__icon svg g .Face__st0
    {
        fill: #0057c2;
    }

    .db-oh-p__item.db-oh-p__item--active .db-oh-p__text
    {
        color: #0057c2;
    }

.db-oh-p__disclaimer
{
    margin-bottom: 17px;
    margin-top: 15px;
    width: 100%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
}

.db-oh-p__disclaimer2
{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
}

.db-oh-p__disclaimer--link
{
    font-family: fs_joeymedium;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}

.db-oh-estimator__name
{
    text-transform: capitalize;
}

.db-oh-estimator__box--name, .db-oh-estimator__box:first-child, .db-oh-estimator__text--mobile
{
    display: inline;
}

.db-oh-estimator__text--desktop
{
    display: none;
}

.db-oh-estimator__labe2
{
    display: inline;
}

.db-oh-estimator__label, .db-oh-estimator__text--mobile
{
    font-family: fs_joeylight;
    font-weight: 300;
}

.db-oh-p__label
{
    margin: 20px;
    color: #0057c2;
    text-align: center;
    text-decoration: underline;
    display: block;
}

.db-oh-estimator__prefix
{
    font-size: 13px;
    vertical-align: top;
}

.db-oh-estimator__box2
{
    margin-top: 10px;
}

@media screen and (max-width:320px)
{
    .db-oh-estimator___slider-container
    {
        font-size: 15px;
        padding: 16px 40px 62px;
    }

    .db-oh-estimator___description
    {
        padding: 20px 0 14px;
    }

    .db-oh-estimator__pension
    {
        margin-top: 3px;
    }

    .db-oh-p__disclaimer
    {
        padding: 5px;
    }

    .db-oh-estimator__title
    {
        font-size: 16px;
    }

    .db-oh-p__disclaimer
    {
        margin-bottom: 10px;
    }

    .db-oh-estimator__label2
    {
        display: block;
    }

    .db-oh-estimator__box2
    {
        margin-top: 5px;
    }

    .db-oh-estimator___slider-container
    {
        padding: 18px 35px 59px;
    }

    .db-oh-estimator__slider
    {
        margin-top: 24px;
    }

    .db-oh-p__item .db-oh-p__amount
    {
        font-size: 16px;
    }

    .db-use-of-the-pension__inner
    {
        padding: 48px 0 100px;
    }
}

@media screen and (min-width:1024px)
{
    #db-own-house .dashboard__inner
    {
        margin-top: 55px;
        height: -webkit-calc(100vh - 55px);
        height: calc(100vh - 55px);
    }

    .db-own-house__estimator
    {
        position: relative;
    }

        .db-own-house__estimator > div:first-child > div:first-child
        {
            text-transform: none;
        }

    .db-own-house__products
    {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .db-own-house__products.u-animated
        {
            -webkit-animation-duration: .6s;
            -o-animation-duration: .6s;
            animation-duration: .6s;
        }

    .shadow-container
    {
        background-color: #ffffff;
    }

    .db-own-house__estimator
    {
        background: -webkit-gradient(linear,left top,right top,from(#01447f),to(#1288af));
        background: -webkit-linear-gradient(left,#01447f,#1288af);
        background: -o-linear-gradient(left,#01447f 0,#1288af 100%);
        background: linear-gradient(90deg,#01447f 0,#1288af);
    }

    .db-oh-estimator__title
    {
        color: #fff;
        margin-bottom: 25px;
        font-size: 28px;
    }

    .db-own-house
    {
        background-color: #f4f8fc;
        min-height: 100%;
    }

    .db-oh-estimator___description
    {
        position: absolute;
        z-index: 2;
        left: 20px;
        bottom: -25%;
        background: #fff;
        -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
        box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 0;
        color: #54595c;
        text-align: left;
        font-size: 16px;
    }

    .db-oh-estimator__name
    {
        padding: 14px 15px;
        margin-bottom: 10px;
        display: block;
        background-color: #f6f6f6;
        -webkit-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
    }

    .db-oh-estimator__box
    {
        padding: 0 24px;
        position: relative;
    }

        .db-oh-estimator__box:after
        {
            content: "";
            width: 2px;
            height: 80%;
            background: #00aec7;
            position: absolute;
            left: 12px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .db-oh-estimator__box2:after
    {
        background: #ffe946;
    }

    .db-oh-estimator___slider-container
    {
        background: inherit;
        color: #7b8084;
        font-size: 40px;
        color: #0057c2;
        padding-top: 15px;
    }

    .db-oh-estimator__amount, .db-oh-estimator__pension
    {
        display: block;
        font-size: 20px;
        margin-top: 2px;
    }

    .db-oh-estimator__slider .range-slider__number
    {
        color: #fff;
        font-size: 16px;
    }

    .db-oh-estimator__pension
    {
        margin-bottom: 15px;
    }

    .db-oh__hr
    {
        width: 85%;
        height: 1px;
        background-color: #dadbdc;
        margin: 15px auto;
    }

    .db-oh-p__list
    {
        margin: 0 200px;
        padding: 44px 40px 8px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .db-own-house__tip
    {
        padding-bottom: 44px;
        text-align: center;
    }

    .db-oh-p__item
    {
        padding: 0;
        width: 25%;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: none;
    }

    .db-oh-p__button
    {
        margin: 0 auto;
    }

    .db-oh-p__item .db-oh-p__icon
    {
        width: 40px;
        height: 40px;
    }

    .db-oh-p__disclaimer
    {
        font-size: 14px;
        margin-top: 28px;
    }

    .db-oh-p__item .db-oh-p__text
    {
        font-size: 16px;
        text-align: center;
        margin: 10px 0 0;
    }

    .db-oh-p__item .db-oh-p__amount
    {
        font-size: 20px;
        text-align: center;
    }

    .db-own-house__info
    {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .db-oh-estimator__slider
    {
        max-width: 500px;
        margin: 10px auto;
    }

    .db-oh-estimator__text--mobile
    {
        display: none;
    }

    .db-oh-estimator__text--desktop
    {
        display: block;
    }

    .db-oh-p__label
    {
        margin-top: 30px;
        font-size: 18px;
    }

    .db-oh-p__disclaimer--link:hover
    {
        color: #0057c2;
    }

    .db-own-house__hr
    {
        width: 1px;
        background: #c1c7d5;
        height: 42px;
    }

    .db-oh-estimator__label
    {
        font-family: fs_joeyregular;
    }

    .db-oh-estimator__prefix
    {
        vertical-align: super;
    }
}

@media screen and (min-width:1200px)
{
    .db-oh-estimator___slider-container
    {
        padding-top: 35px;
    }

    .db-oh-estimator__title
    {
        font-size: 40px;
    }

    .db-oh-estimator__slider
    {
        max-width: 660px;
    }

    .db-oh-e-slider__bar .noUi-handle
    {
        top: -20px;
        height: 51px;
        width: 51px;
    }

        .db-oh-e-slider__bar .noUi-handle:after
        {
            height: 25px;
            width: 25px;
        }

    .db-oh-estimator__label
    {
        margin-top: 1px;
    }
}

@media screen and (min-width:1366px)
{
    .db-oh-p__item .db-oh-p__icon
    {
        width: 50px;
        height: 50px;
    }

    .db-oh-p__item .db-oh-p__text
    {
        font-size: 20px;
    }

    .db-oh-p__item .db-oh-p__amount
    {
        font-size: 24px;
    }

    .db-oh-p__disclaimer
    {
        font-size: 16px;
    }

    .db-oh-p__list
    {
        padding: 55px 49px 12px;
    }

    .db-own-house__tip
    {
        padding-bottom: 55px;
    }

    .db-own-house__hr
    {
        height: 59px;
    }

    .db-oh-estimator__amount, .db-oh-estimator__pension
    {
        font-size: 24px;
        margin-top: 2px;
    }

    .db-oh-estimator__name
    {
        padding: 14px 80px 14px 20px;
        margin-bottom: 17px;
    }

    .db-oh-estimator__box
    {
        padding: 0 30px;
    }

        .db-oh-estimator__box:after
        {
            left: 15px;
        }
}

@media screen and (min-width:1920px)
{
    .db-oh-p__item .db-oh-p__amount
    {
        font-size: 32px;
    }

    .db-oh-estimator___slider-container
    {
        padding: 65px 0 70px;
    }

    .db-oh-estimator__title
    {
        font-size: 48px;
    }

    .db-oh-estimator___description
    {
        font-size: 20px;
        left: 70px;
    }

    .db-oh-estimator__amount, .db-oh-estimator__pension
    {
        font-size: 32px;
    }

    .db-oh-p__item .db-oh-p__text
    {
        font-size: 24px;
    }

    .db-oh-estimator__slider
    {
        max-width: 980px;
    }

        .db-oh-estimator__slider .range-slider__number
        {
            font-size: 22px;
        }

    html:not([dir=rtl]) .noUi-horizontal .noUi-handle
    {
        right: -25px;
    }

    .db-oh-estimator__pension
    {
        margin-bottom: 20px;
    }

    .db-oh-estimator__box
    {
        padding: 0 40px;
    }

        .db-oh-estimator__box:after
        {
            left: 20px;
        }

    .db-oh-estimator__name
    {
        padding: 14px 80px 14px 20px;
        margin-bottom: 17px;
    }

    .db-oh-p__label
    {
        margin: 42px auto 8px;
    }

    .db-oh-estimator__prefix
    {
        font-size: 16px;
    }

    .db-oh-estimator__asterisk
    {
        font-size: 18px;
        vertical-align: super;
    }
}

#use-of-the-pension .dashboard__inner
{
    padding-left: 0;
    margin-top: 0;
    height: 100vh;
}

#use-of-the-pension .header-dashboard25__icon-profile svg circle
{
    fill: #0057c2;
}

.db-use-of-the-pension
{
    position: relative;
    background-color: #0057c2;
    height: 100vh;
    overflow: hidden;
}

    .db-use-of-the-pension [data-id=question-one], .db-use-of-the-pension [data-id=question-two]
    {
        opacity: 0;
    }

.db-use-of-the-pension__inner
{
    position: relative;
    z-index: 2;
    padding: 27px 0 100px;
    overflow: auto;
    height: 100vh;
    min-height: 100vh;
    width: -webkit-calc(100% + 18px);
    width: calc(100% + 18px);
}

    .db-use-of-the-pension__inner > div
    {
        padding: 0 40px 0 22px;
    }

.db-use-of-the-pension__base
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

    .db-use-of-the-pension__base img, .db-use-of-the-pension__base source
    {
        display: block;
        width: 100%;
        font-size: 0;
    }

.db-use-of-the-pension__bubble
{
    margin-bottom: 15px;
    width: 100%;
    font-size: 0;
}

    .db-use-of-the-pension__bubble.bubble--right
    {
        text-align: right;
    }

.db-use-of-the-pension__item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 18px 24px;
    background-color: #ffe946;
    color: #0057c2;
    font-size: 18px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 13px;
}

    .db-use-of-the-pension__item .db-uotpi__text
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
    }

    .db-use-of-the-pension__item .db-uotpi__icon
    {
        display: block;
        width: 17px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .db-use-of-the-pension__item svg g
    {
        fill: #0057c2;
    }

    .db-use-of-the-pension__item svg
    {
        width: 100%;
    }

    .db-use-of-the-pension__item:last-child
    {
        margin-bottom: 0;
    }

    .db-use-of-the-pension__item:hover
    {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background-color: #fce117;
    }

.db-use-of-the-pension__disclaimer
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    opacity: 0;
}

    .db-use-of-the-pension__disclaimer span:first-child
    {
        width: 28px;
        margin-right: 11px;
        -webkit-flex: 0 0 28px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 28px;
        flex: 0 0 28px;
    }

    .db-use-of-the-pension__disclaimer svg
    {
        width: 100%;
    }

        .db-use-of-the-pension__disclaimer svg g
        {
            fill: #fff;
        }

.db-use-of-the-pension__horizontal
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    .db-use-of-the-pension__horizontal .db-use-of-the-pension__item
    {
        padding: 0;
        margin-bottom: 0;
        margin-right: 11px;
        width: auto;
    }

        .db-use-of-the-pension__horizontal .db-use-of-the-pension__item:last-child
        {
            margin-right: 0;
        }

    .db-use-of-the-pension__horizontal span
    {
        display: block;
        padding: 12px 22px;
    }

.db-use-of-the-pension__button
{
    padding: 20px 0;
    display: none;
    opacity: 0;
}

.db-use-of-the-pension .chat-logo
{
    position: absolute;
    bottom: 0;
    right: 105%;
    display: none;
}

@media screen and (min-width:768px)
{
    #use-of-the-pension .header-dashboard25
    {
        margin-top: 25px;
    }

    #use-of-the-pension .dashboard
    {
        position: relative;
        overflow: hidden;
    }

    #use-of-the-pension .dashboard__inner
    {
        padding: 15px;
        background-color: #0049a3;
    }

    #use-of-the-pension .sidebar
    {
        display: none;
    }

    #use-of-the-pension .header-dashboard
    {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #0057c2;
        display: none;
    }

    #use-of-the-pension .header-dashboard__shadow
    {
        -webkit-box-shadow: 0 80px 103px 60px #0057c2;
        box-shadow: 0 80px 103px 60px #0057c2;
    }

    #use-of-the-pension .dashboard__inner
    {
        position: relative;
        z-index: 1;
    }

    #use-of-the-pension .header-dashboard__profile .hd-profile__info span
    {
        color: #fff;
    }

    #use-of-the-pension .header-dashboard__profile .hd-profile__arrow svg g
    {
        fill: #fff;
    }

    #use-of-the-pension .header-dashboard__profile .hd-profile__photo svg circle
    {
        fill: #0049a3;
    }

    #use-of-the-pension .header-dashboard__logo .header-dashboard--logo
    {
        display: none;
    }

    #use-of-the-pension .header-dashboard__logo .header-dashboard--logo-white
    {
        display: block;
    }

    .db-use-of-the-pension
    {
        position: absolute;
        background-color: #0057c2;
        overflow: hidden;
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px;
        height: auto;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }

    .db-use-of-the-pension__inner
    {
        min-height: 670px;
        height: 100vh;
        padding: 200px 0 110px;
    }

        .db-use-of-the-pension__inner > div
        {
            margin: 0 auto;
            padding: 0;
            width: 360px;
        }

    .db-use-of-the-pension__bubble
    {
        margin-bottom: 24px;
    }

        .db-use-of-the-pension__bubble br
        {
            display: none;
        }

    .db-use-of-the-pension__item
    {
        padding: 17px 24px;
        margin-bottom: 20px;
        width: 100%;
        font-size: 18px;
        cursor: pointer;
    }

        .db-use-of-the-pension__item .db-uotpi__icon
        {
            width: 12px;
        }

    .db-use-of-the-pension__disclaimer
    {
        font-size: 13px;
    }

        .db-use-of-the-pension__disclaimer span:first-child
        {
            width: 24px;
            -webkit-flex: 0 0 24px;
            -moz-box-flex: 0;
            -ms-flex: 0 0 24px;
            flex: 0 0 24px;
        }

    .db-use-of-the-pension__horizontal .db-use-of-the-pension__item
    {
        margin-right: 17px;
    }

    .db-use-of-the-pension__horizontal span
    {
        padding: 17px 22px;
    }

    .db-use-of-the-pension__button
    {
        margin: 0 auto;
        padding: 19px 0;
        width: 280px;
        font-size: 20px;
    }
}

@media screen and (min-width:1024px)
{
    #use-of-the-pension .header-dashboard25
    {
        background: transparent;
    }

    #use-of-the-pension .dashboard__inner
    {
        margin-top: 0;
        height: 100vh;
    }

    #use-of-the-pension .db-use-of-the-pension__inner
    {
        padding: 135px 0 110px;
    }
}

@media screen and (min-width:1200px)
{
    #use-of-the-pension .header-dashboard
    {
        background-color: transparent;
    }

    .db-use-of-the-pension__inner > div
    {
        width: 494px;
    }
}

@media screen and (min-width:1920px)
{
    .db-use-of-the-pension__inner > div
    {
        width: 580px;
    }

    .db-use-of-the-pension__item
    {
        font-size: 22px;
        padding: 25px 24px;
        margin-bottom: 23px;
        width: 480px;
    }

    .db-use-of-the-pension__disclaimer
    {
        font-size: 15px;
    }

        .db-use-of-the-pension__disclaimer span:first-child
        {
            width: 33px;
            -webkit-flex: 0 0 33px;
            -moz-box-flex: 0;
            -ms-flex: 0 0 33px;
            flex: 0 0 33px;
        }

    .db-use-of-the-pension__button
    {
        margin: 0 auto;
        padding: 23px 0;
        width: 360px;
        font-size: 20px;
    }
}

@media screen and (max-height:568px) and (max-width:320px)
{
    .db-use-of-the-pension br
    {
        display: none;
    }

    .db-use-of-the-pension__item
    {
        font-size: 16px;
    }
}

#step-to-start-the-process .dashboard__inner
{
    padding-left: 0;
    height: 100vh;
    margin-top: 0;
}

.db-step-to-start-the-process
{
    padding: 63px 24px 78px;
    background-color: #0057c2;
}

.db-step-to-start-the-process__separator
{
    height: 75px;
    width: 1px;
    margin: 18px auto;
    background-color: #fff;
}

.db-step-to-start-the-process__item > div
{
    margin-left: auto;
    margin-right: auto;
}

.db-step-to-start-the-process__item[data-position="1"] .db-step-to-start-the-process__description
{
    width: 267px;
}

.db-step-to-start-the-process__item[data-position="2"] .db-step-to-start-the-process__description
{
    width: 228px;
}

.db-step-to-start-the-process__item[data-position="3"] .db-step-to-start-the-process__description
{
    width: 267px;
}

.db-step-to-start-the-process__item[data-position="1"] .db-step-to-start-the-process__title
{
    width: 290px;
}

.db-step-to-start-the-process__item[data-position="2"] .db-step-to-start-the-process__title
{
    width: 268px;
}

.db-step-to-start-the-process__position
{
    margin-bottom: 26px;
    width: 47px;
    height: 47px;
    color: #fff;
    line-height: 47px;
    text-align: center;
    border: 1px solid #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 18px;
}

    .db-step-to-start-the-process__position.db-step-to-start-the-process__position--desktop
    {
        display: none;
    }

.db-step-to-start-the-process__image
{
    margin-bottom: 10px;
    width: 202px;
}

    .db-step-to-start-the-process__image svg
    {
        width: 100%;
        height: 180px;
    }

.db-step-to-start-the-process__title
{
    font-size: 24px;
    color: #fff;
    text-align: center;
}

.db-step-to-start-the-process__description
{
    margin-top: 10px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 24px;
}

.db-step-to-start-the-process__button
{
    margin: 35px auto 0;
    padding: 20px 0;
    width: 100%;
}

    .db-step-to-start-the-process__button.u-animated
    {
        -webkit-animation-duration: .5s;
        -o-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-delay: .3s;
        -o-animation-delay: .3s;
        animation-delay: .3s;
    }

@media screen and (min-width:768px)
{
    #step-to-start-the-process .header-dashboard25
    {
        margin-top: 25px;
        background: transparent;
    }

    #step-to-start-the-process .header-dashboard__shadow
    {
        display: none;
    }

    #step-to-start-the-process .dashboard
    {
        position: relative;
        overflow: hidden;
    }

    #step-to-start-the-process .dashboard__inner
    {
        padding: 15px;
        background-color: #0049a3;
        margin-top: 0;
        height: 100vh;
    }

    #step-to-start-the-process .sidebar
    {
        display: none;
    }

    #step-to-start-the-process .header-dashboard
    {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: transparent;
    }

    #step-to-start-the-process .header-dashboard__shadow
    {
        -webkit-box-shadow: 0 80px 103px 60px #0057c2;
        box-shadow: 0 80px 103px 60px #0057c2;
    }

    #step-to-start-the-process .dashboard__inner
    {
        position: relative;
        z-index: 1;
    }

    #step-to-start-the-process .header-dashboard__profile .hd-profile__info span
    {
        color: #fff;
    }

    #step-to-start-the-process .header-dashboard__profile .hd-profile__arrow svg g
    {
        fill: #fff;
    }

    #step-to-start-the-process .header-dashboard__profile .hd-profile__photo svg circle
    {
        fill: #0049a3;
    }

    #step-to-start-the-process .header-dashboard__logo .header-dashboard--logo
    {
        display: none;
    }

    #step-to-start-the-process .header-dashboard__logo .header-dashboard--logo-white
    {
        display: block;
    }

    #step-to-start-the-process .db-step-to-start-the-process
    {
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }

    .db-step-to-start-the-process__separator
    {
        display: none;
        height: 1px;
        width: 75px;
        margin: 0;
        background-color: #fff;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        transform: translateY(-100px);
    }

    .db-step-to-start-the-process
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 103px 0 20px;
        min-height: 100vh;
        height: auto;
        background-color: #0057c2;
    }

    .db-step-to-start-the-process, .db-step-to-start-the-process__container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .db-step-to-start-the-process__container
    {
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .db-step-to-start-the-process__image
    {
        margin-bottom: 0;
    }

    .db-step-to-start-the-process__item
    {
        margin: 15px;
        padding: 0;
        width: 500px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

        .db-step-to-start-the-process__item .db-step-to-start-the-process__description
        {
            font-size: 16px;
        }

        .db-step-to-start-the-process__item[data-position="1"] .db-step-to-start-the-process__description
        {
            width: 269px;
        }

        .db-step-to-start-the-process__item[data-position="2"] .db-step-to-start-the-process__description
        {
            width: 323px;
        }

        .db-step-to-start-the-process__item[data-position="1"] .db-step-to-start-the-process__title
        {
            width: 100%;
        }

        .db-step-to-start-the-process__item[data-position="2"] .db-step-to-start-the-process__title
        {
            width: 298px;
        }

        .db-step-to-start-the-process__item[data-position="3"] .db-step-to-start-the-process__title
        {
            width: 100%;
        }

            .db-step-to-start-the-process__item[data-position="3"] .db-step-to-start-the-process__title br
            {
                display: none;
            }

    .db-step-to-start-the-process__title
    {
        font-size: 21px;
    }

    .db-step-to-start-the-process__image
    {
        width: auto;
        text-align: center;
        font-size: 0;
    }

        .db-step-to-start-the-process__image svg
        {
            width: auto;
            height: 158px;
        }

    .db-step-to-start-the-process__button
    {
        padding: 19px 0;
        width: 280px;
        font-size: 20px;
        margin: 37px auto 0;
    }

    .db-step-to-start-the-process__position
    {
        display: none;
        margin: 20px 0;
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 17px;
    }

        .db-step-to-start-the-process__position.db-step-to-start-the-process__position--desktop
        {
            display: block;
        }
}

@media screen and (min-width:1200px)
{
    .db-step-to-start-the-process__item
    {
        margin: 0;
        width: 330px;
    }

    .db-step-to-start-the-process__separator
    {
        display: block;
    }

    .db-step-to-start-the-process
    {
        min-height: 669px;
        height: -webkit-calc(100vh - 30px);
        height: calc(100vh - 30px);
    }
}

@media screen and (min-width:1920px)
{
    .db-step-to-start-the-process__title
    {
        font-size: 24px;
    }

    .db-step-to-start-the-process__image svg
    {
        height: 168px;
    }

    .db-step-to-start-the-process__position
    {
        width: 47px;
        height: 47px;
        line-height: 47px;
        font-size: 18px;
    }

    .db-step-to-start-the-process__button
    {
        padding: 23px 0;
        width: 360px;
        font-size: 20px;
        margin: 37px auto 0;
    }
}

@media screen and (max-width:320px)
{
    .db-step-to-start-the-process__item[data-position="1"] .db-step-to-start-the-process__description
    {
        width: 100%;
        font-size: 18px;
    }

    .db-step-to-start-the-process__item[data-position="1"] .db-step-to-start-the-process__title
    {
        width: 100%;
        font-size: 22px;
    }

    .db-step-to-start-the-process__item[data-position="2"] .db-step-to-start-the-process__description
    {
        width: 100%;
        font-size: 18px;
    }

    .db-step-to-start-the-process__item[data-position="2"] .db-step-to-start-the-process__title
    {
        font-size: 22px;
        width: 100%;
    }

    .db-step-to-start-the-process__item[data-position="3"] .db-step-to-start-the-process__description
    {
        width: 100%;
        font-size: 18px;
    }

    .db-step-to-start-the-process__item[data-position="3"] .db-step-to-start-the-process__title
    {
        font-size: 22px;
        width: 100%;
    }
}

#finish-with-the-process .dashboard__inner
{
    padding-left: 0;
    margin-top: 0;
    height: 100vh;
}

#finish-with-the-process .header-dashboard25__icon-profile svg circle
{
    fill: #0057c2;
}

.db-finish-with-the-process
{
    position: relative;
    background-color: #0057c2;
    height: 100vh;
    overflow: hidden;
}

.db-finish-with-the-process__inner
{
    position: relative;
    z-index: 2;
    padding: 27px 0 100px;
    overflow: auto;
    height: 100vh;
    width: -webkit-calc(100% + 18px);
    width: calc(100% + 18px);
}

    .db-finish-with-the-process__inner > div
    {
        padding: 0 40px 0 22px;
    }

.db-finish-with-the-process__bubble
{
    margin-bottom: 15px;
    width: 100%;
    font-size: 0;
}

    .db-finish-with-the-process__bubble.bubble--right
    {
        text-align: right;
    }

.db-finish-with-the-process__options
{
    display: block;
}

    .db-finish-with-the-process__options.options--vertical
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .db-finish-with-the-process__options.options--vertical .db-finish-with-the-process__item
        {
            width: auto;
            text-align: center;
            margin-right: 12px;
            margin-bottom: 0;
            padding: 12px 20px;
        }

        .db-finish-with-the-process__options.options--vertical .db-finish-with-the-process__text
        {
            font-size: 18px;
            margin: 0;
        }

        .db-finish-with-the-process__options.options--vertical .db-finish-with-the-process__item:last-child
        {
            margin-right: 0;
        }

.db-finish-with-the-process__item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 13px;
    padding: 13px 23px;
    background-color: #ffe946;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

    .db-finish-with-the-process__item:last-child
    {
        margin-bottom: 0;
    }

    .db-finish-with-the-process__item:hover
    {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background-color: #fce117;
    }

.db-finish-with-the-process__text
{
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 5px;
    width: 85%;
    color: #0057c2;
    font-size: 14px;
    overflow-wrap: break-word;
}

    .db-finish-with-the-process__text strong
    {
        display: block;
        font-size: 18px;
    }

.db-finish-with-the-process__icon
{
    width: 30px;
    -webkit-flex: 0 0 30px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
}

    .db-finish-with-the-process__icon svg
    {
        width: 100%;
    }

        .db-finish-with-the-process__icon svg path
        {
            fill: #0057c2;
        }

    .db-finish-with-the-process__icon .loader
    {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
    }

.db-finish-with-the-process__button
{
    padding: 20px 0;
    width: 100%;
}

.db-finish-with-the-process__base
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

    .db-finish-with-the-process__base img, .db-finish-with-the-process__base source
    {
        display: block;
        width: 100%;
        font-size: 0;
    }

.db-finish-with-the-process__bubble[data-question=four], .db-finish-with-the-process__bubble[data-question=one], .db-finish-with-the-process__bubble[data-question=three], .db-finish-with-the-process__bubble[data-question=two], .db-finish-with-the-process__button
{
    display: none;
    opacity: 0;
}

    .db-finish-with-the-process__bubble[data-question=four].active, .db-finish-with-the-process__bubble[data-question=three].active, .db-finish-with-the-process__bubble[data-question=two].active
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

.db-finish-with-the-process .chat-logo
{
    position: absolute;
    bottom: 0;
    right: 105%;
    display: none;
}

.db-finish-with-the-process__link
{
    display: none;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    opacity: 0;
}

    .db-finish-with-the-process__link span
    {
        border-bottom: 1px solid #fff;
        padding-bottom: .5px;
    }

.db-finish-with-the-process__options
{
    margin-bottom: 22px;
}

.db-finish-with-the-process__form
{
    color: #383f43;
    opacity: 0;
    width: 100%;
}

    .db-finish-with-the-process__form.form--show
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

.db-fwtp-form__input
{
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    width: 55px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}

    .db-fwtp-form__input input
    {
        padding: 22px 0 22px 22px;
        width: 100%;
        font-size: 18px;
        border: none;
    }

    .db-fwtp-form__input .db-fwtp-form__input--error
    {
        background-color: #ea8ba4;
    }

.db-fwtp-form__button
{
    position: relative;
    cursor: pointer;
    width: 55px;
    border: none;
    background-color: #ffe946;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 0;
}

    .db-fwtp-form__button svg
    {
        width: 18px;
    }

        .db-fwtp-form__button svg path
        {
            fill: #0057c2;
        }

    .db-fwtp-form__button:disabled
    {
        background-color: #c6cdd5;
    }

        .db-fwtp-form__button:disabled svg path
        {
            fill: #fff;
        }

@media screen and (max-width:320px)
{
    .db-finish-with-the-process__text
    {
        font-size: 14px;
    }

        .db-finish-with-the-process__text strong
        {
            font-size: 15px;
        }

    .db-fwtp-form__input input
    {
        padding: 21px 0 21px 21px;
        width: 100%;
        font-size: 16px;
    }

    .db-finish-with-the-process__link
    {
        font-size: 16px;
    }
}

@media screen and (min-width:768px)
{
    #finish-with-the-process .header-dashboard25
    {
        margin-top: 25px;
    }

    #finish-with-the-process .dashboard
    {
        position: relative;
        overflow: hidden;
    }

    #finish-with-the-process .dashboard__inner
    {
        padding: 15px;
        background-color: #0049a3;
    }

    #finish-with-the-process .header-dashboard
    {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #0057c2;
        display: none;
    }

    #finish-with-the-process .sidebar
    {
        display: none;
    }

    #finish-with-the-process .header-dashboard__shadow
    {
        -webkit-box-shadow: 0 80px 103px 60px #0057c2;
        box-shadow: 0 80px 103px 60px #0057c2;
    }

    #finish-with-the-process .dashboard__inner
    {
        position: relative;
        z-index: 1;
    }

    #finish-with-the-process .header-dashboard__profile .hd-profile__info span
    {
        color: #fff;
    }

    #finish-with-the-process .header-dashboard__profile .hd-profile__arrow svg g
    {
        fill: #fff;
    }

    #finish-with-the-process .header-dashboard__profile .hd-profile__photo svg circle
    {
        fill: #0049a3;
    }

    #finish-with-the-process .header-dashboard__logo .header-dashboard--logo
    {
        display: none;
    }

    #finish-with-the-process .header-dashboard__logo .header-dashboard--logo-white
    {
        display: block;
    }

    .db-finish-with-the-process
    {
        position: absolute;
        background-color: #0057c2;
        overflow: hidden;
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px;
        height: auto;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }

    .db-finish-with-the-process__inner
    {
        height: 100vh;
        padding: 150px 0 110px;
    }

        .db-finish-with-the-process__inner > div
        {
            margin: 0 auto;
            padding: 0;
            width: 410px;
        }

    .db-finish-with-the-process__bubble
    {
        margin-bottom: 24px;
    }

        .db-finish-with-the-process__bubble br
        {
            display: none;
        }

    .db-finish-with-the-process__item
    {
        padding: 13px 24px;
        margin-bottom: 23px;
    }

    .db-finish-with-the-process__disclaimer
    {
        font-size: 15px;
    }

        .db-finish-with-the-process__disclaimer span:first-child
        {
            width: 33px;
            -webkit-flex: 0 0 33px;
            -moz-box-flex: 0;
            -ms-flex: 0 0 33px;
            flex: 0 0 33px;
        }

    .db-finish-with-the-process__options.options--vertical .db-finish-with-the-process__item
    {
        padding: 17px 30px;
    }

    .db-finish-with-the-process__options.options--vertical .db-finish-with-the-process__text
    {
        font-size: 18px;
    }

    .db-finish-with-the-process__icon
    {
        width: 30px;
        font-size: 0;
        -webkit-flex: 0 0 30px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
    }

    .db-finish-with-the-process__text
    {
        font-size: 15px;
    }

        .db-finish-with-the-process__text strong
        {
            font-size: 20px;
        }

    .db-finish-with-the-process__link
    {
        font-size: 16px;
    }

    .db-fwtp-form__input input
    {
        padding: 18px 0 18px 23px;
    }

    .db-finish-with-the-process__button
    {
        margin: 0 auto;
        padding: 19px 0;
        width: 280px;
        font-size: 20px;
    }
}

@media screen and (min-width:1024px)
{
    #finish-with-the-process .header-dashboard25
    {
        margin-top: 25px;
        background: transparent;
    }

    #finish-with-the-process .dashboard__inner
    {
        margin-top: 0;
        height: 100vh;
    }

    .db-finish-with-the-process__inner
    {
        padding: 85px 0 110px;
    }
}

@media screen and (min-width:1200px)
{
    #finish-with-the-process .header-dashboard
    {
        background-color: transparent;
    }

    .db-finish-with-the-process__inner > div
    {
        width: 465px;
    }
}

@media screen and (min-width:1920px)
{
    .db-finish-with-the-process__inner > div
    {
        width: 600px;
    }

    .db-finish-with-the-process__item
    {
        padding: 18px 24px;
    }

    .db-finish-with-the-process__text
    {
        font-size: 16px;
    }

        .db-finish-with-the-process__text strong
        {
            font-size: 22px;
        }

    .db-finish-with-the-process__icon
    {
        -webkit-flex: 0 0 36px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 36px;
        flex: 0 0 36px;
        width: 36px;
    }

    .db-finish-with-the-process__options
    {
        margin-bottom: 25px;
    }

    .db-finish-with-the-process__link
    {
        font-size: 19px;
    }

    .db-fwtp-form__input input
    {
        padding: 23px 0 23px 23px;
        width: 100%;
        font-size: 18px;
    }

    .db-finish-with-the-process__options.options--vertical .db-finish-with-the-process__item
    {
        padding: 18px 40px;
    }

    .db-finish-with-the-process__options.options--vertical .db-finish-with-the-process__text
    {
        font-size: 20px;
    }

    .db-finish-with-the-process__button
    {
        margin: 0 auto;
        padding: 23px 0;
        width: 360px;
        font-size: 20px;
    }
}

.db-home
{
    height: -webkit-calc(100vh - 125px);
    height: calc(100vh - 125px);
    overflow-y: auto;
}

.db-home__inner
{
    padding: 33px 20px 25px;
    background: #fff;
}

.db-home__tip-container
{
    height: 100px;
    padding: 67px 0 12px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0,174,199,.1);
}

    .db-home__tip-container svg
    {
        height: 12px;
        fill: #0057c2;
    }

.db-home__acount-detail
{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 20px;
    height: 26px;
    margin-left: 10px;
    fill: #003bb4;
    stroke: #003bb4;
}

.db-home__title
{
    margin: 0 0 7px;
    font-size: 21px;
    line-height: 16px;
    text-align: center;
    color: #fff;
}

.db-home__title-name
{
    text-transform: capitalize;
}

.db-home__amount
{
    margin-bottom: 7px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
}

    .db-home__amount sup
    {
        font-size: 60%;
        opacity: 0;
    }

        .db-home__amount sup.db-home__sup
        {
            opacity: 1;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }

.db-home__detail
{
    margin: 0 auto 18px;
    padding: 9px 0;
    width: 180px;
    font-size: 15px;
}

.db-home__items-title
{
    border-left: 2px solid #00aec7;
    padding-left: 17px;
    margin-bottom: 26px;
}

.dbhm__item
{
    display: block;
    padding: 20px;
    margin-bottom: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 #dde6ee;
    box-shadow: 0 0 10px 0 #dde6ee;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
}

    .dbhm__item > div
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .dbhm__item > div .dbhm__icon-svg
        {
            width: 100%;
        }

.dbhm__text
{
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin: 0 21px;
}

.dbhm__icon-star
{
    text-align: center;
}

.dbhm__arrow, .dbhm__icon
{
    font-size: 0;
}

.dbhm__icon
{
    width: 30px;
}

    .dbhm__icon svg ellipse, .dbhm__icon svg path, .dbhm__icon svg rect
    {
        fill: #00aec7;
    }

.dbhm__icon-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dbhm__icon-star
{
    width: 40px;
    height: 18px;
}

.dbhm__icon-yolo-jurney
{
    width: 35px;
    height: 35px;
}

    .dbhm__icon-yolo-jurney ellipse, .dbhm__icon-yolo-jurney path, .dbhm__icon-yolo-jurney rect
    {
        fill: #00aec7;
    }

.dbhm__arrow
{
    width: 12px;
}

    .dbhm__arrow svg
    {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        fill: #4c5662;
    }

.db-home__button
{
    margin: 20px auto;
    padding: 23px 0;
    width: 100%;
    font-size: 20px;
}

.dbhm__separator
{
    display: none;
    height: 2px;
    width: 23px;
    margin: 16px 0;
    background-color: #ffe946;
}

.dbhm__description, .dbhm__item > .dbhm__ticket
{
    display: none;
}

.db-home__modules.u-animated
{
    -webkit-animation-duration: 1.3s;
    -o-animation-duration: 1.3s;
    animation-duration: 1.3s;
}

.dbhm__footer
{
    display: none;
}

.db-home__tip-action
{
    color: #0057c2;
    padding-left: 4px;
}

.db-home__curve
{
    display: none;
}

.db-home__modal-fund-icon svg
{
    height: 50px;
}

@media screen and (min-width:768px)
{
    .db-home__button
    {
        width: 368px;
    }
}

@media screen and (min-width:1024px)
{
    .db-home
    {
        height: -webkit-calc(100vh - 135px);
        height: calc(100vh - 135px);
    }

    .db-home__items-title
    {
        width: 100%;
        border-left: 0;
        padding: 0;
    }

    .db-home__items-title-container
    {
        width: 765px;
        margin: auto;
    }

    .db-home__inner
    {
        padding: 0 0 50px;
        overflow: auto;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

    .db-home__acount-detail
    {
        width: 30px;
        height: 39px;
    }

    .db-home__detail
    {
        margin-bottom: 30px;
        padding: 13px 0;
        font-size: 16px;
    }

    .db-home__title
    {
        font-size: 36px;
        line-height: .8;
        margin-bottom: 0;
    }

    .db-home__amount
    {
        font-size: 48px;
        line-height: 64px;
        margin-bottom: 10px;
        display: block;
    }

    .db-home__modules
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .db-home__modules, .dbhm__item-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .dbhm__icon-star
    {
        width: 60px;
        height: 27px;
    }

    .dbhm__icon-yolo-jurney
    {
        width: 50px;
        height: 50px;
        margin-bottom: 5px;
    }

    .dbhm__item:first-child .dbhm__icon-yolo-jurney
    {
        width: 60px;
    }

    .dbhm__item
    {
        margin: 6px;
        padding: 40px 20px;
        width: 184px;
        border: none;
    }

        .dbhm__item > div
        {
            display: block;
        }

        .dbhm__item:hover
        {
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
            -webkit-box-shadow: 0 3px 6px #dde6ee,0 3px 6px #dde6ee;
            box-shadow: 0 3px 6px #dde6ee,0 3px 6px #dde6ee;
        }

        .dbhm__item > div .dbhm__icon-svg
        {
            height: 35px;
            width: auto;
        }

    .dbhm__icon
    {
        width: auto;
        margin-bottom: 13px;
        text-align: center;
    }

    .dbhm__arrow
    {
        display: none;
    }

    .dbhm__text
    {
        margin: 0;
    }

    .dbhm__separator
    {
        height: 3px;
        display: block;
        margin: 12px 0 0;
    }

    .dbhm__item--ticket
    {
        position: relative;
    }

    .dbhm__item > .dbhm__ticket
    {
        display: block;
        position: absolute;
        top: 10px;
        right: -15px;
        background: #0057c2;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 20px;
        color: #fff;
        font-size: 14px;
        z-index: 1;
    }

        .dbhm__item > .dbhm__ticket:before
        {
            content: "";
            position: absolute;
            right: 0;
            top: 33px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 15px 0 0;
            border-color: #01397e transparent transparent;
            z-index: -1;
        }

    .dbhm__footer
    {
        -webkit-box-shadow: 0 0 10px 0 #dde6ee;
        box-shadow: 0 0 10px 0 #dde6ee;
        position: fixed;
        bottom: 0;
        font-size: 16px;
        height: 75px;
        background: #fff;
        width: -webkit-calc(100vw - 202px);
        width: calc(100vw - 202px);
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .dbhm__footer .dbhm-footer__button
        {
            display: inline-block;
            margin-left: 20px;
        }

    .db-home__modules.isYolo .dbhm__item
    {
        padding: 40px 30px;
        width: 220px;
        margin: 6px 15px;
    }

        .db-home__modules.isYolo .dbhm__item > div .dbhm__icon-svg
        {
            width: 55px;
            height: 45px;
        }

        .db-home__modules.isYolo .dbhm__item:nth-child(3) > div .dbhm__icon-svg
        {
            width: 45px;
        }

        .db-home__modules.isYolo .dbhm__item:first-child .dbhm__icon
        {
            margin-bottom: 8px;
            margin-top: 5px;
        }

    .db-home__modules.isYolo .dbhm__text
    {
        text-align: center;
    }

    .db-home__modules.isYolo .dbhm__description, .db-home__modules.isYolo .dbhm__separator
    {
        display: none;
    }

    .db-home__modules.isProtector .dbhm__text
    {
        text-align: center;
    }

    .db-home__modules.isProtector .dbhm__description
    {
        text-align: center;
        margin-top: 10px;
        color: #6a798b;
    }

    .db-home__curve
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        background: #f6fcff;
        position: absolute;
        top: 0;
    }

        .db-home__curve img
        {
            width: 100%;
        }

        .db-home__curve.db-home__curve-mono-product
        {
            display: none;
        }

    .db-home__modal-fund-separator
    {
        width: 20px;
        border-bottom: 2px solid #ffe946;
        margin: 10px auto;
    }
}

@media screen and (min-width:1200px)
{
    .dbhm__footer
    {
        font-size: 20px;
        width: -webkit-calc(100vw - 254px);
        width: calc(100vw - 254px);
    }

    .dbhm__description
    {
        display: block;
    }

    .dbhm__item
    {
        margin: 6px;
        width: 225px;
        padding: 40px 18px 40px 22px;
    }

    .dbhm__separator
    {
        margin: 8px 0 12px;
    }

    .db-home__modules.isProtector .dbhm__text
    {
        text-align: center;
    }

    .db-home__modules.isProtector .dbhm__description
    {
        text-align: center;
        margin-top: 10px;
        color: #6a798b;
    }

    .db-home__modules.isProtector .dbhm__item
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    .db-home__items-title-container
    {
        width: 931px;
    }
}

@media screen and (min-width:1360px)
{
    .dbhm__item
    {
        margin: 15px;
        width: 240px;
        padding: 50px 18px 50px 22px;
    }

    .db-home__modules.isYolo .dbhm__item
    {
        padding: 60px 30px;
        width: 280px;
    }

    .db-home__items-title-container
    {
        width: 1041px;
    }
}

@media screen and (min-width:1600px)
{
    .sidebar__name
    {
        font-size: 26px;
    }

    .sidebar__username
    {
        font-size: 16px;
    }

    .db-home__detail
    {
        margin-bottom: 60px;
    }

    .dbhm__item
    {
        margin: 12px 20px;
        width: 280px;
        padding-left: 29px;
    }

        .dbhm__item > div .dbhm__icon-svg
        {
            height: 40px;
        }

    .dbhm__separator
    {
        margin: 10px 0 15px;
    }

    .sidebar__item-description
    {
        font-size: 20px;
    }

    .dbhm__footer
    {
        width: -webkit-calc(100vw - 254px);
        width: calc(100vw - 254px);
    }

    .dbhm__item > .dbhm__ticket
    {
        font-size: 18px;
    }

        .dbhm__item > .dbhm__ticket:before
        {
            top: 37px;
        }

    .db-home__modules.isYolo .dbhm__item > div .dbhm__icon-svg
    {
        width: 65px;
        height: 55px;
    }

    .db-home__modules.isYolo .dbhm__item:nth-child(3) > div .dbhm__icon-svg
    {
        width: 55px;
    }

    .dbhm__icon-star
    {
        width: 80px;
        height: 37px;
    }

    .dbhm__icon-yolo-jurney
    {
        width: 53px;
        height: 53px;
    }

    .dbhm__item:first-child .dbhm__icon-yolo-jurney
    {
        width: 58px;
    }

    .db-home__title
    {
        font-size: 40px;
    }

    .db-home__amount
    {
        font-size: 52px;
        line-height: 1.2;
    }

    .db-home__acount-detail
    {
        margin-bottom: -4px;
    }

    .db-home__modules.isYolo .dbhm__item
    {
        margin: 6px 22px;
    }

    .db-home__items-title-container
    {
        width: 1235px;
    }
}

.dashboard
{
    position: relative;
    overflow: hidden;
}

    .dashboard.dashboard--full
    {
        height: 100vh;
    }

    .dashboard.dashboard--blue
    {
        background-color: #0049a3;
    }

    .dashboard.dashboard--overflow
    {
        overflow: hidden;
        height: 100vh;
    }

    .dashboard.dashboard--blue .loader-spinner__bounce1, .dashboard.dashboard--blue .loader-spinner__bounce2
    {
        background-color: #fff;
    }

.dashboard__inner
{
    position: relative;
    height: -webkit-calc(100vh - 55px);
    height: calc(100vh - 55px);
    margin-top: 55px;
    background-color: #f6fcff;
    overflow-y: auto;
}

    .dashboard__inner.isLoading
    {
        z-index: 20 !important;
    }

@media screen and (min-width:1024px)
{
    .dashboard__inner
    {
        padding-left: 202px;
        height: -webkit-calc(100vh - 65px);
        height: calc(100vh - 65px);
        margin-top: 65px;
    }
}

@media screen and (min-width:1200px)
{
    .dashboard__inner
    {
        padding-left: 240px;
    }
}

@media screen and (min-width:1920px)
{
    .dashboard__inner
    {
        padding-left: 240px;
    }
}

.db-contact-us
{
    padding-top: 85px;
}

.db-contact-us__title
{
    font-size: 21px;
    text-align: center;
}

.db-contact-us__subtitle
{
    font-size: 16px;
    text-align: center;
}

.db-contact-us__container
{
    margin: 21px 0 0;
    padding: 0 20px;
}

.db-contact-us__item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    padding: 20px 22px;
    background-color: #fff;
    border-left: 4px solid #ffe946;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 #dde6ee;
    box-shadow: 0 0 10px 0 #dde6ee;
}

    .db-contact-us__item:first-child
    {
        margin-top: 0;
    }

.db-contact-us__description span
{
    display: block;
}

    .db-contact-us__description span:first-child
    {
        font-size: 15px;
    }

    .db-contact-us__description span:nth-child(2)
    {
        font-size: 20px;
    }

.db-contact-us__arrow
{
    width: 6px;
}

    .db-contact-us__arrow svg
    {
        width: 100%;
    }

        .db-contact-us__arrow svg path
        {
            fill: #4c5662;
        }

.db-contact-us__line
{
    display: none;
}

@media screen and (min-width:1024px)
{
    .db-contact-us
    {
        padding-top: 65px;
    }

    .db-contact-us__title
    {
        font-size: 28px;
        margin-top: 60px;
    }

    .db-contact-us__subtitle
    {
        font-size: 23px;
        font-family: fs_joeylight;
        font-weight: 300;
    }

    .db-contact-us__container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .db-contact-us__item
    {
        width: auto;
        margin: 8px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-left: none;
        position: relative;
        background: inherit;
    }

        .db-contact-us__item:after
        {
            content: "";
            height: 3px;
            width: 20px;
            position: absolute;
            background-color: #ffe946;
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .db-contact-us__item:first-child
        {
            margin: 8px;
        }

    .db-contact-us__arrow
    {
        display: none;
    }

    .db-contact-us__description
    {
        text-align: center;
    }

        .db-contact-us__description span:first-child
        {
            opacity: .6;
        }

    .db-contact-us__line
    {
        display: block;
        background-color: #cbcbcb;
        height: 50px;
        width: 1px;
    }
}

@media screen and (min-width:1920px)
{
    .db-contact-us__title
    {
        font-size: 52px;
    }

    .db-contact-us__subtitle
    {
        font-size: 30px;
    }

    .db-contact-us__description span:first-child
    {
        font-size: 24px;
    }

    .db-contact-us__description span:nth-child(2)
    {
        font-size: 32px;
    }

    .db-contact-us__line
    {
        margin: 0 20px;
    }
}

.db-contact-inf
{
    padding: 0 0 55px;
}

    .db-contact-inf .form-row
    {
        padding-left: 0;
        width: 310px;
    }

.db-contact-inf__wrapper
{
    padding: 0 15px;
}

.db-contact-inf__title
{
    margin: 26px auto 16px;
    font-size: 22px;
    border-left: 2px solid #00aec7;
    padding-left: 15px;
    line-height: 18px;
}

.db-contact-inf__item-between
{
    padding: 19px;
}

.db-contact-inf__title-desc
{
    font-size: 16px;
}

.db-contact-inf__item
{
    -webkit-box-shadow: 0 0 10px 0 #dde6ee;
    box-shadow: 0 0 10px 0 #dde6ee;
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 15px;
}

.db-contact-inf__text
{
    font-size: 18px;
    line-height: 16px;
}

.db-contact-inf__item-title
{
    font-size: 14px;
    color: #6b7683;
}

.db-contact-inf__arrow
{
    width: 12px;
}

    .db-contact-inf__arrow svg
    {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        fill: #4c5662;
        width: 100%;
    }

.db-contact-inf__hr
{
    width: 100%;
    height: 1px;
    background-color: #c1c7d5;
}

.db-contact-inf__button, .db-contact-inf__modal-button
{
    margin: 24px auto;
    padding: 15px 0;
    width: 250px;
}

.db-contact-inf__button
{
    margin: 0 auto;
}

@media screen and (min-width:1024px)
{
    .db-contact-inf__container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        margin: 0 auto;
    }

        .db-contact-inf__container .form-statement
        {
            margin: 30px 0;
            width: 270px;
            display: block;
        }

        .db-contact-inf__container .form-statement__label
        {
            font-size: 14px;
        }

    .db-contact-inf__row
    {
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 30px;
    }

    .form-statement__label--top
    {
        top: -10px;
    }
}

@media screen and (min-width:1200px)
{
    .db-contact-inf__container
    {
        width: 80%;
    }

        .db-contact-inf__container .form-statement
        {
            width: 300px;
        }
}

@media screen and (min-width:1920px)
{
    .db-contact-inf__container
    {
        width: 60%;
    }
}

.db-contact-inf__header-bar
{
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e9f3fd;
}

.db-contact-inf__item-wrapper
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.dcih__item
{
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 18px 0;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

    .dcih__item.item--active
    {
        border-bottom: 2px solid #0057c2;
        color: #0057c2;
    }

.db-contact-inf__disclaimer
{
    margin-top: 30px;
    margin-bottom: 35px;
    font-size: 16px;
}

.db-contact-inf__form-mobile
{
    width: 300px;
}

@media screen and (min-width:1024px)
{
    .db-contact-inf__header-bar
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        background: inherit;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .db-contact-inf__item-wrapper
    {
        width: 300px;
    }

    .db-contact-inf__modal-button
    {
        padding: 20px 0;
    }

    .dcih__item
    {
        font-size: 18px;
        padding: 32px 0 22px;
    }

        .dcih__item.item--active
        {
            font-family: fs_joeymedium;
            font-weight: 500;
        }
}

.db-balances-loader
{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 100vh;
    background-color: #fff;
}

.db-balances
{
    padding-top: 55px;
    min-height: 550px;
}

.db-balances__title
{
    position: relative;
    padding-left: 17px;
    color: #4c5662;
    font-size: 20px;
    line-height: 20px;
}

    .db-balances__title span
    {
        position: absolute;
        top: 50%;
        left: 0;
        height: 20px;
        width: 2px;
        background-color: #00aec7;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.db-balances__container
{
    padding: 20px;
}

.db-balances__item
{
    display: none;
    padding: 20px;
    width: 100%;
    background-color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 #dde6ee;
    box-shadow: 0 0 10px 0 #dde6ee;
}

    .db-balances__item.item--active
    {
        display: block;
    }

.db-balances__info-item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid hsla(0,0%,73%,.7);
}

    .db-balances__info-item span:first-child
    {
        color: #6b7683;
    }

    .db-balances__info-item span:last-child
    {
        color: #4c5662;
    }

    .db-balances__info-item:last-child
    {
        border-bottom: 0;
        padding: 15px 0 0;
    }

.db-balances__action
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 13px;
}

.db-balances__text
{
    margin: 0 20px;
    color: #4c5662;
}

    .db-balances__text span
    {
        color: #000;
    }

.db-balances__arrow
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #3d3d3d;
}

    .db-balances__arrow > span
    {
        display: block;
        margin: 0 auto;
        width: 6px;
        font-size: 0;
    }

    .db-balances__arrow svg
    {
        width: 100%;
    }

        .db-balances__arrow svg path
        {
            fill: #3d3d3d;
        }

    .db-balances__arrow[data-direction=left]
    {
        -webkit-transform: scale(-1);
        -ms-transform: scale(-1);
        -o-transform: scale(-1);
        transform: scale(-1);
    }

@media screen and (min-width:1024px)
{
    .db-balances
    {
        padding-top: 65px;
        min-height: -webkit-calc(100vh - 65px);
        min-height: calc(100vh - 65px);
        height: auto;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .db-balances, .db-balances__container
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .db-balances__container
    {
        padding: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .db-balances__item
    {
        display: block;
        margin: 8px;
        padding: 30px;
        width: 320px;
    }

    .db-balances__action
    {
        display: none;
    }

    .db-balances__container
    {
        margin-top: 33px;
        padding-bottom: 30px;
    }

    .db-balances__info-item
    {
        font-size: 15px;
    }
}

@media screen and (min-width:1366px)
{
    .db-balances__swiper-slide
    {
        width: 50%;
    }
}

@media screen and (min-width:1920px)
{
    .db-balances__item
    {
        padding: 42px;
        width: 464px;
        margin: 16px;
    }

    .db-balances__title
    {
        font-size: 30px;
        line-height: 32px;
        padding-left: 20px;
    }

        .db-balances__title span
        {
            height: 40px;
            width: 3px;
        }

    .db-balances__info-item
    {
        font-size: 20px;
        padding: 26px 0;
    }
}

.db-account-status__pdf
{
    position: relative;
    height: 0;
    padding-bottom: 140%;
}

    .db-account-status__pdf iframe
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: none;
    }

.db-account-status__error
{
    font-size: 20px;
    text-align: center;
    color: #4c5662;
}

.db-account-status__link-download
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
}

.db-account-status__link
{
    color: #4c5662;
    font-size: 18px;
    text-decoration: underline;
}

    .db-account-status__link:hover
    {
        color: #0057c2;
    }

.db-account-status__iframe-container
{
    background: #fff;
}

.db-account-status__iframe
{
    width: 100%;
}

.db-account-status__save
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    fill: #0057c2;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 0;
}

.db-account-icon__wrapper
{
    position: fixed;
    bottom: 80px;
    right: 16px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.db-account-icon__tooltip
{
    padding: 8px 11px;
    background: #fff;
    font-size: 14px;
    position: relative;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #c1c7d5;
}

    .db-account-icon__tooltip:after, .db-account-icon__tooltip:before
    {
        display: block;
        position: absolute;
        content: "";
        width: 0;
        height: 0;
    }

    .db-account-icon__tooltip:after
    {
        border-left: 17px solid #fff;
        -webkit-border-top-left-radius: 20px solid transparent;
        border-top-left-radius: 20px solid transparent;
        border-bottom: 17px solid transparent;
        z-index: 50;
        right: -17px;
    }

    .db-account-icon__tooltip:after, .db-account-icon__tooltip:before
    {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .db-account-icon__tooltip:before
    {
        border-left: 18px solid #c1c7d5;
        -webkit-border-top-left-radius: 18px solid transparent;
        border-top-left-radius: 18px solid transparent;
        border-bottom: 18px solid transparent;
        z-index: 49;
        right: -19px;
    }

.db-account-status__icon
{
    display: block;
    height: 65px;
    width: 65px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #ffe946;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    position: relative;
    cursor: pointer;
}

    .db-account-status__icon .loader
    {
        font-size: 0;
        width: 30px;
    }

    .db-account-status__icon .db-account-status__save
    {
        fill: #0057c2;
    }

.db-account-status__selector
{
    background-color: #e4ebf7;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 20px 0;
    border-bottom: 1px solid #c4d2ea;
    width: 100%;
}

.db-account-status__report-type
{
    width: 100%;
}

    .db-account-status__report-type p
    {
        padding-bottom: 20px;
    }

.db-account-status-selector__text
{
    width: 30%;
    padding-bottom: 12px;
}

.db-account-status-selector__box
{
    width: 100%;
    padding-bottom: 20px;
}

.db-account-status__iframe iframe body
{
    background-color: #fff !important;
}

.db-account-status-selector__button
{
    display: none;
}

@media screen and (min-width:768px)
{
    .db-account-status__selector
    {
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 25px 20px 0;
    }

    .db-account-status-selector__box, .db-account-status__report-type
    {
        width: 48%;
    }

        .db-account-status__report-type p
        {
            text-align: right;
        }
}

@media screen and (min-width:1024px)
{
    .db-account-status
    {
        padding-top: 0;
        padding-bottom: 0;
    }

    .db-account-status__pdf
    {
        padding-top: 0;
        padding-bottom: 52%;
        width: 100%;
    }

    .db-account-status__error
    {
        padding-top: 55px;
    }

    .db-account-status__iframe-container
    {
        padding: 0;
    }

    .db-account-status__save
    {
        width: 26px;
    }

    .db-account-status__icon
    {
        padding: 35px;
        height: 70px;
        width: 70px;
    }

    .db-account-icon__wrapper
    {
        display: none;
    }

    .db-account-icon__tooltip
    {
        padding: 10px 20px;
        font-size: 18px;
    }

        .db-account-icon__tooltip:before
        {
            border-left: 20px solid #c1c7d5;
            -webkit-border-top-left-radius: 23px solid transparent;
            border-top-left-radius: 23px solid transparent;
            border-bottom: 20px solid transparent;
            top: 48%;
            right: -21px;
        }

        .db-account-icon__tooltip:after
        {
            border-left: 20px solid #fff;
            border-bottom: 20px solid transparent;
            right: -18px;
        }

    .db-account-status__selector
    {
        padding: 30px 30px 0;
    }

    .db-account-status-selector__text
    {
        font-size: 26px;
        font-family: fs_joeylight;
        font-weight: 300;
        text-align: center;
        max-width: 300px;
        width: auto;
    }

    .db-account-status__report-type
    {
        width: 270px;
        margin-right: 30px;
    }

    .db-account-status-selector__box
    {
        width: 280px;
        margin-right: auto;
    }

    .db-account-status__scroll-descktop
    {
        height: -webkit-calc(100vh - 65px);
        height: calc(100vh - 65px);
        overflow-y: auto;
    }

    .db-account-status-selector__button
    {
        display: block;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}

@media screen and (min-width:1200px)
{
    .dashboard__inner
    {
        padding-left: 220px;
    }
}

@media screen and (min-width:1360px)
{
    .db-account-status__selector
    {
        padding: 30px 60px 0;
    }
}

@media screen and (min-width:1440px)
{
    .db-account-icon__wrapper
    {
        bottom: 85px;
        right: 36px;
    }

    .db-account-status__icon
    {
        padding: 28px 30px;
        padding: 45px;
    }

    .db-account-status__save
    {
        width: 36px;
    }
}

@media screen and (min-width:1440px)
{
    .db-account-status__pdf
    {
        padding-top: 0;
        padding-bottom: 52%;
        width: 100%;
    }
}

@media screen and (min-width:1600px)
{
    .dashboard__inner
    {
        padding-left: 250px;
    }
}

@media screen and (min-width:1600px)
{
    .db-account-status__selector
    {
        padding: 30px -webkit-calc(50% - 585px) 0;
        padding: 30px calc(50% - 585px) 0;
    }
}

.db-situation-report
{
    min-height: 100vh;
    background-color: #f4f8fc;
    overflow: auto;
}

@media screen and (min-width:1024px)
{
    .db-situation-report
    {
        min-height: 100vh;
        background-color: #f4f8fc;
        overflow: auto;
    }

    .db-situation-report__inner
    {
        padding: 65px 0;
    }
}

#page-404 .header-form
{
    display: none;
}

.page-404
{
    position: relative;
    min-height: 100vh;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 0 auto;
    background-color: #fff;
}

.page-404__image
{
    margin: 20px auto 0;
    width: 90%;
}

.page-404__logo
{
    margin: 0 auto;
    font-size: 0;
    width: 120px;
}

    .page-404__logo svg
    {
        width: 100%;
    }

.page-404__title
{
    font-size: 42px;
    line-height: 35px;
    margin: 20px 0;
    color: #4c5662;
    text-align: center;
}

    .page-404__title.page-404__title--small
    {
        font-size: 25px;
    }

.page-404__description
{
    font-size: 21px;
    line-height: 27px;
    color: #4c5662;
    text-align: center;
}

.page-404__code
{
    display: none;
    color: #acacac;
}

    .page-404__code.page-404__code--large
    {
        font-size: 22px;
    }

.page-404__button
{
    margin: 10px auto;
}

.page-404__option
{
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
    color: #0057c2;
}

@media screen and (min-width:768px)
{
    .page-404__option
    {
        width: 170px;
    }
}

@media screen and (min-width:1024px)
{
    .page-404
    {
        height: 100vh;
        min-height: 620px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .page-404__logo
    {
        padding-top: 30px;
        width: 200px;
    }

    .page-404__container
    {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0 auto;
        padding: 0 50px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 1024px;
    }

    .page-404__image
    {
        position: absolute;
        top: 60%;
        right: 0;
        width: 67%;
        font-size: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .page-404__title
    {
        margin-bottom: 20px;
        font-size: 76px;
        line-height: 70px;
        text-align: left;
    }

        .page-404__title.page-404__title--small
        {
            font-size: 50px;
        }

    .page-404__description
    {
        font-size: 24px;
        line-height: 30px;
        text-align: left;
        width: 88%;
    }

    .page-404__code
    {
        margin: 20px 0;
        font-size: 18px;
        line-height: 27px;
        text-align: left;
        display: block;
    }

        .page-404__code.page-404__code--large
        {
            font-size: 26px;
        }

    .page-404__button
    {
        margin: 0;
    }
}

@media screen and (min-width:1200px)
{
    .page-404__container
    {
        width: 1200px;
    }

    .page-404__description
    {
        width: 100%;
        margin: 0;
    }
}

@media screen and (min-width:1920px)
{
    .page-404__container
    {
        padding: 0;
    }

    .page-404__logo
    {
        padding-top: 90px;
        width: 285px;
    }

    .page-404__title
    {
        margin-bottom: 25px;
        font-size: 86px;
        line-height: 80px;
    }

        .page-404__title.page-404__title--small
        {
            font-size: 65px;
        }

    .page-404__description
    {
        font-size: 34px;
        line-height: 40px;
    }

    .page-404__code
    {
        margin: 25px 0;
        font-size: 26px;
        line-height: 37px;
    }

        .page-404__code.page-404__code--large
        {
            font-size: 34px;
        }
}

.pension-improvement
{
    color: #4c5662;
}

    .pension-improvement .pension-improvement__icon
    {
        fill: #0057c2;
    }

    .pension-improvement .pension-improvement__main
    {
        margin-top: 0;
    }

    .pension-improvement .pension-improvement__subtitle
    {
        margin-top: 50px;
    }

    .pension-improvement .pension-improvement__box-post
    {
        margin-top: 80px;
        font-size: 18px;
        text-align: center;
    }

    .pension-improvement .pension-improvement__box
    {
        height: 220px;
        -webkit-box-shadow: 0 0 10px 0 #dde6ee;
        box-shadow: 0 0 10px 0 #dde6ee;
    }

    .pension-improvement .pension-improvement__box2
    {
        padding: 16px 0 16px 10px;
        -webkit-box-shadow: 0 0 10px 0 #dde6ee;
        box-shadow: 0 0 10px 0 #dde6ee;
    }

@media screen and (max-width:320px)
{
    .pension-improvement .pension-improvement__box
    {
        height: 180px;
    }

    .pension-improvement .pension-improvement__box-post
    {
        margin-top: 30px;
    }
}

@media screen and (min-width:768px)
{
    .pension-improvement .pension-improvement__icon
    {
        fill: #fff;
    }

    .pension-improvement .pension-improvement__main-block
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/header-desktop.4c4f6d4b.jpg);
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 50%;
    }

    .pension-improvement .pension-improvement__box-post
    {
        font-size: 32px;
    }

    .pension-improvement .pension-improvement__desktop-funds
    {
        margin-top: 30px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .pension-improvement .pension-improvement__box
    {
        width: 320px;
        height: 180px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .pension-improvement__type-funds
    {
        font-size: 24px;
        line-height: 26px;
    }
}

@media screen and (min-width:1200px)
{
    .pension-improvement .pension-improvement__subtitle
    {
        margin-top: 120px;
    }

    .pension-improvement .pension-improvement__box2
    {
        height: 350px;
    }
}

@media screen and (min-width:1920px)
{
    .pension-improvement .pension-improvement__subtitle
    {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .pension-improvement__desktop-funds
    {
        padding: 0 150px;
    }
}

.assured .block
{
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    display: none;
}

    .assured .block.is-active
    {
        opacity: 1;
        display: block;
    }

.assured .assured-body
{
    height: 100vh;
}

.assured .swiper-slide
{
    width: 100%;
}

.assured .swiper-pagination-bullet
{
    background-color: #4c5662;
    width: 5px;
    height: 5px;
    opacity: .25;
    margin-top: 20px;
}

.assured .swiper-pagination-bullet-active
{
    background-color: #0057c2;
    width: 8px;
    height: 8px;
    opacity: 1;
    margin-top: 20px;
}

.assured .swiper-container-home-main__Swipper
{
    padding-left: 25px;
    padding-right: 25px;
}

html.is-assured
{
    height: 100%;
    width: 100%;
    background-color: #f2f5f9;
}

    html.is-assured body
    {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

.assure__box-arrow
{
    width: 7px;
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
    fill: #4c5662;
}

.assure__text
{
    font-size: 24px;
    text-align: center;
}

.assure__container--center
{
    max-width: 290px;
    margin: 58px auto 0;
}

.assured__seccion-main .cp-sm__tittle
{
    max-width: 300px;
    font-size: 24px;
}

@media screen and (max-width:320px)
{
    .assured__seccion-main .cp-sm__tittle
    {
        max-width: 240px;
        font-size: 18px;
    }
}

@media screen and (min-width:768px)
{
    .assured .block
    {
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .assured .swiper-slide
    {
        width: auto;
        margin: 10px;
    }

    .assured .swiper-container
    {
        overflow: unset;
    }

    .assured__seccion-main .cp-sm__tittle
    {
        max-width: 700px;
    }

    .assure__text
    {
        font-size: 24px;
        font-family: fs_joeylight;
        font-weight: 300;
    }

    .assure__container--center
    {
        max-width: 554px;
        margin: 90px auto 0;
    }

    .assure__box-arrow
    {
        display: none;
    }
}

@media screen and (min-width:1024px)
{
    .assured__seccion-main .cp-sm__tittle
    {
        max-width: 650px;
        font-size: 36px;
    }
}

@media screen and (min-width:1360px)
{
    .assured__seccion-main .cp-sm__tittle
    {
        max-width: 780px;
        font-size: 42px;
    }
}

@media screen and (min-width:1440px)
{
    .assure__text
    {
        font-size: 30px;
    }

    .assure__container--center
    {
        max-width: 800px;
    }
}

@media screen and (min-width:1920px)
{
    .assure__container--center
    {
        margin: 123px auto 0;
    }

    .assured__seccion-main .cp-sm__tittle
    {
        max-width: 850px;
    }
}

.assured__benefit-information
{
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px);
}

.assure-bi__box-check
{
    display: none;
}

.assure-bi__box-icon
{
    width: 40px;
    fill: #0057c2;
    margin-right: 10px;
}

    .assure-bi__box-icon .Disability__st0
    {
        stroke: #0057c2;
    }

.assure-bi__text
{
    font-size: 24px;
    margin: 0;
    text-align: center;
}

.assure-bi__text--post
{
    text-align: center;
    font-size: 18px;
}

.assure-bi__box
{
    position: relative;
    -webkit-box-shadow: 0 2.5px 10px 0 #dde6ee;
    box-shadow: 0 2.5px 10px 0 #dde6ee;
    padding: 18px 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    margin: 8px 0;
}

    .assure-bi__box:hover
    {
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        -webkit-box-shadow: 0 5px 6px #dde6ee,0 3px 6px #dde6ee;
        box-shadow: 0 5px 6px #dde6ee,0 3px 6px #dde6ee;
    }

.assure-bi__box-text
{
    font-size: 20px;
}

.assure-bi__box-button
{
    margin: 15px auto 0;
}

.assure-bi__container--center
{
    max-width: 300px;
    margin: 0 auto;
}

.assure-bi__disclaimer
{
    margin: 0 15px;
    font-size: 12px;
    margin-top: 15px;
}

.assure-bi__modal
{
    text-align: center;
}

    .assure-bi__modal .button__close
    {
        width: 30px;
        height: 30px;
    }

.assure-bi-modal__icon
{
    height: 54px;
    fill: #0057c2;
}

    .assure-bi-modal__icon svg
    {
        height: 100%;
    }

    .assure-bi-modal__icon .Disability__st0
    {
        stroke: #0057c2;
    }

.assure-bi-modal__title
{
    font-size: 24px;
    margin-top: 16px;
}

.assure-bi-modal__question, .assure-bi-modal__text
{
    font-size: 18px;
    line-height: 24px;
}

.assure-bi-modal__question
{
    margin: 70px auto 20px;
    display: inline-block;
    text-decoration: underline;
}

.assure-bi-modal__hr
{
    height: 2px;
    width: 22px;
    background-color: #ffe946;
    margin: 15px auto;
}

.assure-bi-modal__check
{
    border: 2px solid #0057c2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 22px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .assure-bi-modal__check svg
    {
        fill: #0057c2;
        width: 20px;
        height: 20px;
    }

    .assure-bi-modal__check .check__valid
    {
        stroke: #0057c2;
    }

.assure-bi-modal__disclaimer
{
    font-size: 12px;
    margin-top: 30px;
}

.assure-bi-modal__buttons-wrapper
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .assure-bi-modal__buttons-wrapper .button__close
    {
        border: 2px solid #4c5662;
    }

        .assure-bi-modal__buttons-wrapper .button__close:after, .assure-bi-modal__buttons-wrapper .button__close:before
        {
            background: #4c5662;
        }

@media screen and (max-width:320px)
{
    .assured-beneficiary__title
    {
        max-width: 280px;
    }

    .assure-bi__text
    {
        font-size: 18px;
        margin: 0;
        line-height: 21px;
    }

    .assure-bi__container--center
    {
        max-width: 260px;
    }
}

@media screen and (min-width:414px)
{
    .assured__benefit-information
    {
        height: 100vh;
        padding: 60px;
    }
}

@media screen and (min-width:768px)
{
    .assure-bi__text
    {
        font-size: 24px;
        line-height: 27px;
        font-family: fs_joeylight;
        font-weight: 300;
        margin: 60px 0 46px;
    }

    .assure-bi__text--post
    {
        font-size: 24px;
        margin-bottom: 50px;
    }

    .assure-bi__box-icon
    {
        margin-right: 0;
    }

    .assure-bi__box
    {
        width: 260px;
        padding: 50px 0;
        margin: 0 10px;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
    }

    .assure-bi__box-group
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 0 68px;
    }

    .assure-bi__box-button
    {
        display: none;
    }

    .assure-bi__box-text
    {
        margin-left: 15px;
    }

    .assure-bi__box-check
    {
        display: block;
        position: absolute;
        top: -15px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 30px;
    }

        .assure-bi__box-check .cls-1
        {
            fill: #00ccc9;
        }

    .assure-bi__container--center
    {
        max-width: 500px;
        margin: 0 auto;
    }

    .assure-bi__disclaimer
    {
        margin: 43px auto 0;
        font-size: 15px;
        padding: 0 60px;
        text-align: center;
    }

    .assure-bi__modal .button__close
    {
        width: 40px;
        height: 40px;
    }

    .assure-bi-modal__check
    {
        width: 70px;
        height: 70px;
        cursor: pointer;
    }

        .assure-bi-modal__check svg
        {
            fill: #0057c2;
            width: 20px;
            height: 20px;
        }

    .assure-bi-modal__check
    {
        margin-right: 27px;
    }

    .assure-bi-modal__hr
    {
        height: 4px;
    }

    .assure-bi-modal__title
    {
        font-size: 30px;
    }

    .assure-bi-modal__text
    {
        line-height: 28px;
        font-size: 20px;
    }

    .assure-bi-modal__question
    {
        font-size: 24px;
        margin: 36px auto 20px;
    }

    .assure-bi-modal__disclaimer
    {
        font-size: 14px;
    }
}

@media screen and (min-width:1024px)
{
    .assure-bi__text
    {
        font-size: 26px;
        line-height: 29px;
    }

    .assure-bi__box-group
    {
        padding: 0 28px;
    }

    .assured-requeriments__box
    {
        font-size: 14px;
    }
}

@media screen and (min-width:1200px)
{
    .assure-bi__box
    {
        width: 320px;
        padding: 40px 0;
    }

    .assure-bi__modal
    {
        padding: 0;
    }

    .assure-bi__box-group
    {
        padding: 0 35px;
    }

    .assure-bi__disclaimer
    {
        margin: 50px auto 0;
    }

    .assure-bi__text
    {
        margin: 60px 0 17px;
    }

    .assure-bi__text--post
    {
        margin: 0 auto 40px;
    }
}

@media screen and (min-width:1440px)
{
    .assure-bi__box
    {
        margin: 0 7px;
    }

    .assure-bi__text
    {
        font-size: 30px;
        line-height: 33px;
    }

    .assure-bi__box-text
    {
        font-size: 24px;
    }

    .assure-bi__box-check
    {
        width: 45px;
    }

    .assure-bi__box-icon
    {
        width: auto;
        height: 64px;
    }

    .assure-bi__container--center
    {
        max-width: 680px;
    }
}

@media screen and (min-width:1920px)
{
    .assure-bi__text
    {
        margin-top: 75px;
        font-size: 36px;
        line-height: 42px;
    }

    .assure-bi__container--center
    {
        margin: 0 auto;
        max-width: 800px;
    }
}

.assured__beneficiary-information
{
    height: 100vh;
    padding: 60px;
}

.assured-beneficiary__title
{
    font-size: 26px;
    line-height: 28px;
    text-align: center;
    max-width: 300px;
    margin: 15px auto;
}

.assured-beneficiary__description
{
    font-size: 18px;
    text-align: center;
    width: 260px;
    margin: 0 auto;
}

@media screen and (min-width:768px)
{
    .assured-beneficiary__title
    {
        max-width: 100%;
    }
}

@media screen and (min-width:1024px)
{
    .assured-beneficiary__title
    {
        font-size: 36px;
        line-height: 40px;
        font-family: fs_joeylight;
        font-weight: 300;
    }

    .assured-beneficiary__description
    {
        width: 567px;
        font-size: 18px;
        line-height: 24px;
    }
}

@media screen and (min-width:1200px)
{
    .assured-beneficiary__title
    {
        font-size: 48px;
        line-height: 50px;
    }

    .assured-beneficiary__description
    {
        width: 600px;
        font-size: 24px;
        line-height: 30px;
    }
}

@media screen and (min-width:1920px)
{
    .assured-beneficiary__title
    {
        font-size: 60px;
        line-height: 60px;
    }

    .assured-beneficiary__description
    {
        font-size: 32px;
        line-height: 40px;
        width: 700px;
    }
}

.assured__requeriments
{
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px);
}

.assured-requeriments__box
{
    -webkit-box-shadow: 0 0 10px 0 #dde6ee;
    box-shadow: 0 0 10px 0 #dde6ee;
    font-size: 20px;
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 16px 25px 16px 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px auto;
}

.assured-requeriments__title
{
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
}

.assured-requeriments__box-check
{
    width: 25px;
    margin-right: 14px;
}

    .assured-requeriments__box-check .cls-1
    {
        fill: #00ccc9;
    }

.assured-requeriments__link
{
    text-align: center;
    display: inline-block;
    margin: 18px auto 24px;
    border-bottom: 1px solid #4c5662;
}

    .assured-requeriments__link:hover
    {
        border-bottom: 1px solid #0057c2;
    }

.assured-requeriments__button
{
    margin: 0 auto;
}

.assured-requeriments--container--center
{
    max-width: 310px;
    margin: 0 auto;
}

.assured-requeriments__disclaimer
{
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #4c5662;
}

    .assured-requeriments__disclaimer:hover
    {
        border-bottom: 1px solid #0057c2;
    }

.assured-requeriments__modal-item
{
    clear: both;
    margin-bottom: 15px;
}

.assured-requeriments__modal-description
{
    padding: 15px 20px 20px;
    margin: 0;
}

.assured-requeriments__modal-check
{
    width: 26px;
    height: 26px;
    margin-right: 16px;
    border: 1px solid #0057c2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
}

    .assured-requeriments__modal-check svg
    {
        width: 10px;
        height: auto;
        fill: #0057c2;
    }

        .assured-requeriments__modal-check svg .check__valid
        {
            stroke: #0057c2;
        }

.assured-requeriments__modal-title
{
    font-size: 24px;
    margin-top: 36px;
    text-align: center;
    padding: 0 10px;
}

.assured-requeriment__box-icon
{
    display: none;
}

.assured-requeriments__modal-text
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    line-height: 24px;
}

@media screen and (max-width:320px)
{
    .assured-requeriments__title
    {
        font-size: 22px;
    }

    .assured-requeriments--container--center
    {
        max-width: 270px;
    }

    .assured-requeriments__box
    {
        font-size: 18px;
    }
}

@media screen and (min-width:412px)
{
    .assured__requeriments
    {
        padding-top: 60px;
    }

    .assured-requeriments__modal-description
    {
        margin: 16px 0;
        padding: 20px;
    }
}

@media screen and (min-width:768px)
{
    .assured__requeriments
    {
        height: 100vh;
        padding-top: 0;
    }

    .assured-requeriments--container--center
    {
        max-width: 700px;
        margin: 0 auto;
    }

    .assured-requeriments__button
    {
        display: none;
    }

    .assured-requeriments__title
    {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .assured-requeriments__box
    {
        width: 180px;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 10px 26px 26px;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 12px;
        margin: 0 10px;
    }

    .assured-requeriments__box-check
    {
        width: 30px;
        position: relative;
        right: -70px;
    }

    .assured-requeriments__box-wrapper
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .assured-requeriment__box-icon
    {
        display: block;
        height: 60px;
        fill: #0057c2;
    }

    .assured-requeriments__box-text
    {
        margin-top: 12px;
        font-family: fs_joeymedium;
        font-weight: 500;
        text-align: center;
    }

    .assured-requeriments__box-left
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .assured-requeriments__modal-item
    {
        margin-bottom: 20px;
    }
}

@media screen and (min-width:1024px)
{
    .assured-requeriments__box
    {
        width: 220px;
        padding: 10px 36px 36px;
    }

    .assured-requeriments__box-check
    {
        right: -90px;
    }

    .assured-requeriments--container--center
    {
        max-width: 790px;
    }
}

@media screen and (min-width:1200px)
{
    .assured-requeriments__box-check
    {
        width: 40px;
    }

    .assured-requeriments__container-left
    {
        width: 40%;
        height: 100vh;
        position: relative;
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/section-img.76052f02.jpg);
        background-position: 0 0;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        float: left;
    }

    .assured-requeriments--container--center
    {
        max-width: unset;
        width: 60%;
        position: relative;
        margin: 0 auto;
    }

    .assured-requeriments__title
    {
        font-size: 32px;
        margin: 0 auto 30px;
    }

    .assured-requeriments__box
    {
        width: 220px;
        padding: 10px 30px 30px;
    }

    .assured-requeriment__box-icon
    {
        height: 47px;
    }

    .assured-requeriments__box-text
    {
        font-size: 14px;
    }

    .assured-requeriments__box-check
    {
        width: 36px;
    }

    .assured-requeriment__br
    {
        display: none;
    }

    .assured-requeriments__link
    {
        margin-top: 30px;
    }

    .assured__requeriments .modal__content > div
    {
        padding: 15px 78px;
    }
}

@media screen and (min-width:1440px)
{
    .assured-requeriments__title
    {
        font-size: 32px;
    }

    .assured-requeriments__box
    {
        width: 252px;
        padding: 10px 30px 30px;
    }

    .assured-requeriment__box-icon
    {
        height: 60px;
    }

    .assured__requeriments .modal__content > div
    {
        padding: 40px;
    }

    .assured-requeriments__box-text
    {
        font-size: 18px;
    }

    .assured-requeriments--container--center
    {
        padding: 0 20px;
    }

    .assured-requeriments__box-check
    {
        width: 38px;
    }
}

@media screen and (min-width:1920px)
{
    .assured-requeriments__title
    {
        font-size: 48px;
        margin-bottom: 40px;
    }

    .assured-requeriments__box
    {
        width: 272px;
    }

    .assured-requeriment__box-icon
    {
        height: 70px;
    }

    .assured-requeriments__box-check
    {
        width: 35px;
        right: -110px;
    }
}

html.is-fund-change
{
    height: 100%;
    width: 100%;
    background-color: #f2f5f9;
}

    html.is-fund-change body
    {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

.fund-change .block
{
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    display: none;
}

    .fund-change .block.is-active
    {
        opacity: 1;
        display: block;
    }

.fund-change .cp-sm__tittle span
{
    color: #0057c2;
}

.fund-change .cp-sm__text3
{
    font-family: fs_joeyregular;
    font-weight: 400;
}

.fund-change__body
{
    height: 100vh;
}

@media screen and (min-width:768px)
{
    .fund-change .cp-sm__tittle span
    {
        color: #fff;
    }

    .fund-change .cp-sm__tittle
    {
        max-width: 600px;
    }

    .fund-change .cp-sf__text-content
    {
        width: 300px;
    }

    .cp-sm__icon svg
    {
        width: 70px;
    }
}

@media screen and (min-width:1200px)
{
    .modal__content > div
    {
        padding: 65px 78px;
    }
}

@media screen and (min-width:1440px)
{
    .fund-change .cp-sf__text-content
    {
        width: 350px;
    }
}

.type-fund
{
    height: 100vh;
}

.type-fund__tittle
{
    font-size: 24px;
    text-align: center;
    margin: 0;
}

.type-fund__description
{
    font-size: 18px;
    margin: 30px auto;
    text-align: center;
}

.type-fund__button
{
    margin: 0 auto;
}

.type-fund__content
{
    width: 80%;
}

.type-fund__link
{
    text-align: center;
    display: inline-block;
    border-bottom: 1px solid #0057c2;
    color: #0057c2;
    margin-top: 26px;
}

.tf-modal__icon
{
    height: 61px;
    margin: 28px auto 15px;
}

    .tf-modal__icon .Fund2__Capa_2
    {
        stroke: #ffe946;
    }

.type-fund__modal
{
    text-align: center;
}

.tf-modal__pretitle
{
    font-size: 16px;
    margin-top: 40px;
}

.tf-modal__hr
{
    width: 22px;
    height: 2px;
    background-color: #ffe946;
    margin: 18px auto;
}

.tf-modal__title
{
    font-size: 30px;
}

.tf-modal__posttitle
{
    font-size: 18px;
}

.tf-modal__description
{
    font-size: 18px;
    line-height: 24px;
    max-width: 300px;
    margin: 0 auto;
}

@media screen and (min-width:412px)
{
    .type-fund
    {
        height: -webkit-calc(100vh - 60px);
        height: calc(100vh - 60px);
        padding-top: 60px;
    }

    .type-fund__content
    {
        width: 75%;
    }
}

@media screen and (min-width:768px)
{
    .type-fund
    {
        height: 100vh;
    }

    .type-fund__content
    {
        width: 100%;
        max-width: 620px;
    }

    .type-fund__tittle
    {
        font-size: 36px;
        font-family: fs_joeylight;
        font-weight: 300;
    }

    .type-fund__description
    {
        font-size: 20px;
        margin: 20px auto;
    }

    .type-fund__button
    {
        display: none;
    }

    .type-fund__link
    {
        color: #4c5662;
        border-bottom: 1px solid #4c5662;
        cursor: pointer;
        font-size: 18px;
    }

        .type-fund__link:hover
        {
            color: #0057c2;
            border-bottom: 1px solid #0057c2;
        }

    .tf-modal__description
    {
        max-width: inherit;
    }
}

@media screen and (min-width:1440px)
{
    .type-fund__tittle
    {
        font-size: 48px;
    }

    .type-fund__description
    {
        font-size: 26px;
    }

    .type-fund__content
    {
        max-width: 800px;
    }
}

@media screen and (min-width:1920px)
{
    .type-fund__tittle
    {
        font-size: 60px;
    }

    .type-fund__description
    {
        max-width: 650px;
        font-size: 32px;
    }

    .type-fund__content
    {
        max-width: 1000px;
    }
}

.items-type-fund
{
    height: 100vh;
    margin-top: 0;
}

    .items-type-fund .u-flex-center
    {
        height: 95%;
    }

    .items-type-fund .swiper-slide
    {
        width: 100%;
    }

    .items-type-fund .modal__content
    {
        height: 100%;
    }

    .items-type-fund .tf-modal__title
    {
        margin-top: 100px;
    }

.itf-slider__swiper-slide
{
    text-align: center;
}

.itf-swiper__title
{
    font-size: 30px;
    margin: 3px auto;
}

.itf-swiper__hr
{
    width: 22px;
    height: 2px;
    background-color: #ffe946;
    margin: 18px auto;
}

.itf-swiper__subtitle
{
    font-size: 18px;
}

.itf-swiper__description
{
    max-width: 320px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 25px;
}

.itf-swiper__icon
{
    height: 51px;
}

.itf-swiper__icon--question
{
    width: 20px;
    height: 20px;
}

    .itf-swiper__icon--question .Question__cls-1
    {
        fill: #666;
    }

.itf-swiper__disclaimer
{
    font-size: 14px;
    margin: 27px auto;
    margin-bottom: 0;
}

.itf__button
{
    margin: 28px auto;
}

.itf-modal__title
{
    font-size: 24px;
    text-align: center;
    margin-top: 70px;
}

.itf-modal__description
{
    font-size: 18px;
    margin-top: 20px;
    padding: 0 30px;
    text-align: center;
}

.itf-swiper-descript1__hr, .itf-swiper__disclaimer-br
{
    display: none;
}

.itf-slider__pagination .swiper-pagination-bullet
{
    margin-top: 22px;
    margin-bottom: 22px;
    margin-left: 13px;
}

@media screen and (max-width:320px)
{
    .items-type-fund
    {
        margin-top: 30px;
    }

    .itf-swiper__description
    {
        max-width: 280px;
    }
}

@media screen and (min-width:412px)
{
    .items-type-fund
    {
        height: -webkit-calc(100vh - 60px);
        height: calc(100vh - 60px);
        padding-top: 60px;
    }
}

@media screen and (min-width:768px)
{
    .items-type-fund
    {
        height: -webkit-calc(100vh - 60px);
        height: calc(100vh - 60px);
    }

        .items-type-fund .swiper-slide
        {
            width: auto;
        }

        .items-type-fund .modal__content > div
        {
            width: 600px;
        }

    .itf-swiper__title
    {
        font-size: 20px;
        margin: 5px auto 0;
    }

        .itf-swiper__title span svg
        {
            cursor: pointer;
        }

    .itf-swiper__description
    {
        font-size: 16px;
        line-height: 22px;
    }

    .itf-swiper__subtitle
    {
        font-size: 16px;
    }

    .itf-slider__swiper-slide
    {
        width: 265px;
        height: 380px;
        margin: 8px;
        padding: 0 20px;
        -webkit-box-shadow: 0 0 10px 0 #dde6ee;
        box-shadow: 0 0 10px 0 #dde6ee;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-color: #fff;
    }

    .itf-swiper__hr
    {
        width: 16px;
        height: 3px;
        margin: 10px auto;
    }

    .itf__button
    {
        display: none;
    }

    .itf-swiper__icon
    {
        height: 46px;
    }

    .itf-swiper-descript1__hr
    {
        display: block;
    }

    .itf-modal__title
    {
        font-size: 20px;
        margin-top: 0;
    }

    .itf-modal__description
    {
        font-size: 16px;
    }

    .itf-swiper__disclaimer-br
    {
        display: block;
    }
}

@media screen and (min-width:1200px)
{
    .itf-slider__swiper-slide
    {
        width: 312px;
        height: 409px;
        width: 310px;
        height: 410px;
        padding: 0 26px;
    }

    .itf-swiper__icon
    {
        height: 55px;
    }

    .itf-swiper__title
    {
        font-size: 24px;
    }

    .itf-swiper__subtitle
    {
        font-size: 18px;
    }

    .itf-swiper__description
    {
        font-size: 18px;
        line-height: 28px;
    }

    .itf-swiper__disclaimer
    {
        font-size: 16px;
        line-height: 22px;
    }

    .itf-swiper__descript1
    {
        max-width: 220px;
    }

    .itf-modal__description
    {
        font-size: 18px;
    }

    .itf-modal__title
    {
        font-size: 24px;
    }
}

@media screen and (min-width:1360px)
{
    .itf-swiper__icon
    {
        height: 55px;
    }

    .itf-swiper__title
    {
        font-size: 24px;
    }

    .itf-swiper__subtitle
    {
        font-size: 18px;
    }

    .itf-swiper__description
    {
        font-size: 18px;
        line-height: 26px;
    }

    .itf-swiper-descript1__hr
    {
        display: none;
    }

    .itf-slider__swiper-slide
    {
        height: 430px;
        width: 360px;
        padding: 0 10px;
    }
}

@media screen and (min-width:1440px)
{
    .itf-slider__swiper-slide
    {
        width: 360px;
        height: 454px;
        margin: 15px;
    }

    .itf-swiper__icon
    {
        height: 65px;
    }

    .itf-modal__title, .itf-swiper__title
    {
        font-size: 26px;
    }
}

@media screen and (min-width:1920px)
{
    .itf-slider__swiper-slide
    {
        width: 440px;
        height: 520px;
    }

    .itf-swiper__title
    {
        font-size: 32px;
    }

    .itf-swiper__icon
    {
        height: 58px;
    }

    s .itf-modal__title
    {
        font-size: 24px;
    }
}

.db-beneficiaries
{
    padding: 75px 0;
}

.db-beneficiaries__inner
{
    margin: 0 auto;
    padding: 37px 23px;
    width: 94%;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
}

.db-beneficiaries__title
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px;
}

    .db-beneficiaries__title span:first-child
    {
        width: 55px;
        margin-right: 19px;
    }

        .db-beneficiaries__title span:first-child svg
        {
            width: 100%;
            fill: #4c5662;
        }

    .db-beneficiaries__title span:last-child
    {
        font-size: 26px;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

.db-beneficiaries__list
{
    width: 100%;
}

    .db-beneficiaries__list .item__detail
    {
        display: none;
    }

.db-beneficiaries__item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 16px 20px;
    border: 1px solid #c1c6d3;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .db-beneficiaries__item .item__name
    {
        color: #59606a;
        font-size: 18px;
        overflow-wrap: break-word;
        width: 90%;
    }

        .db-beneficiaries__item .item__name span
        {
            display: none;
        }

    .db-beneficiaries__item .item__arrow
    {
        font-size: 0;
        width: 8px;
    }

    .db-beneficiaries__item svg
    {
        width: 100%;
    }

        .db-beneficiaries__item svg g
        {
            fill: #4c5662;
        }

    .db-beneficiaries__item:last-child
    {
        margin-bottom: 0;
    }

    .db-beneficiaries__item.item--add
    {
        display: none;
    }

.db-beneficiaries__button
{
    margin: 20px 0;
    padding: 15px 0;
}

.db-beneficiaries__add-beneficiary
{
    width: 100%;
}

    .db-beneficiaries__add-beneficiary, .db-beneficiaries__add-beneficiary span:first-child
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .db-beneficiaries__add-beneficiary span:first-child
        {
            margin-right: 10px;
            height: 32px;
            width: 32px;
            border: 1px solid #51c8d8;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            font-size: 0;
        }

            .db-beneficiaries__add-beneficiary span:first-child svg
            {
                width: 40%;
            }

                .db-beneficiaries__add-beneficiary span:first-child svg g
                {
                    fill: #51c8d8;
                }

        .db-beneficiaries__add-beneficiary span:last-child
        {
            color: #51c8d8;
            font-size: 16px;
        }

@media screen and (min-width:1024px)
{
    .db-beneficiaries__inner
    {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .db-beneficiaries__title
    {
        margin-bottom: 49px;
    }

        .db-beneficiaries__title span:first-child
        {
            width: 65px;
        }

        .db-beneficiaries__title span:last-child
        {
            font-size: 36px;
        }

    .db-beneficiaries__list
    {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .db-beneficiaries__item
    {
        -webkit-flex: 0 0 320px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 10px;
        padding: 20px;
        width: 320px;
        background-color: #fff;
        border: none;
        -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
        box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
        cursor: pointer;
    }

        .db-beneficiaries__item .item__name
        {
            font-size: 22px;
            margin-bottom: 15px;
        }

            .db-beneficiaries__item .item__name span
            {
                display: block;
                font-size: 16px;
            }

        .db-beneficiaries__item .item__arrow
        {
            display: none;
        }

        .db-beneficiaries__item:last-child
        {
            margin: 10px;
        }

        .db-beneficiaries__item.item--add
        {
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
        }

            .db-beneficiaries__item.item--add, .db-beneficiaries__item.item--add span:first-child
            {
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                border: 1px dashed #51c8d8;
            }

                .db-beneficiaries__item.item--add span:first-child
                {
                    margin-bottom: 10px;
                    width: 50px;
                    height: 50px;
                    -webkit-border-radius: 100%;
                    border-radius: 100%;
                    font-size: 0;
                }

                .db-beneficiaries__item.item--add span:last-child
                {
                    color: #51c8d8;
                    font-size: 20px;
                }

                .db-beneficiaries__item.item--add svg
                {
                    width: 50%;
                }

                    .db-beneficiaries__item.item--add svg path
                    {
                        fill: #51c8d8;
                    }

    .db-beneficiaries__list
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .db-beneficiaries__list, .db-beneficiaries__list .item__detail
        {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }

            .db-beneficiaries__list .item__detail
            {
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                width: 100%;
                padding: 15px 0;
                border-bottom: 1px solid #e1e1e1;
                cursor: pointer;
            }

                .db-beneficiaries__list .item__detail:last-child
                {
                    border-bottom: 0;
                }

            .db-beneficiaries__list .item__icon
            {
                margin-right: 10px;
                width: 20px;
                font-size: 0;
            }

                .db-beneficiaries__list .item__icon svg
                {
                    width: 100%;
                }

                    .db-beneficiaries__list .item__icon svg path, .db-beneficiaries__list .item__icon svg rect
                    {
                        fill: #0057c2;
                    }

            .db-beneficiaries__list .item__key
            {
                -webkit-flex: 1 1;
                -moz-box-flex: 1;
                -ms-flex: 1 1;
                flex: 1 1;
            }

            .db-beneficiaries__list .item__key, .db-beneficiaries__list .item__value
            {
                color: #4c5662;
                font-size: 18px;
            }

    .db-beneficiaries__button
    {
        margin: 40px auto;
        width: 300px;
    }

    .db-beneficiaries__add-beneficiary
    {
        display: none;
    }
}

@media screen and (min-width:1200px)
{
    .db-beneficiaries__item
    {
        padding: 25px;
        width: 350px;
    }

    .db-beneficiaries__button
    {
        padding: 20px 0;
    }
}

@media screen and (min-width:1600px)
{
    .db-beneficiaries__title
    {
        margin-bottom: 49px;
    }

        .db-beneficiaries__title span:first-child
        {
            width: 80px;
        }

        .db-beneficiaries__title span:last-child
        {
            font-size: 44px;
        }

    .db-beneficiaries__item
    {
        -webkit-flex: 0 0 400px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        padding: 50px;
        width: 400px;
    }

        .db-beneficiaries__item .item__name
        {
            font-size: 32px;
        }

            .db-beneficiaries__item .item__name span
            {
                font-size: 16px;
            }

        .db-beneficiaries__item.item--add span:first-child
        {
            width: 65px;
            height: 65px;
        }

        .db-beneficiaries__item.item--add span:last-child
        {
            font-size: 22px;
        }

        .db-beneficiaries__item.item--add svg
        {
            width: 40%;
        }
}

.db-beneficiaries-detail
{
    padding: 10px 0;
    width: 100%;
}

.db-beneficiaries-detail__list-title
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 33px;
    margin-bottom: 15px;
    padding-left: 20px;
    width: 100%;
    color: #4c5662;
    font-size: 18px;
}

    .db-beneficiaries-detail__list-title .list-title__line
    {
        position: absolute;
        top: 50%;
        left: 0;
        height: 23px;
        width: 2px;
        background-color: #73cbc8;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .db-beneficiaries-detail__list-title .list-title__icon
    {
        display: block;
        margin-right: 12px;
        font-size: 0;
    }

    .db-beneficiaries-detail__list-title svg
    {
        height: 35px;
    }

        .db-beneficiaries-detail__list-title svg path
        {
            fill: #4c5662;
        }

.db-beneficiaries-detail__title
{
    margin: 0 auto;
    width: 273px;
    font-size: 26px;
    color: #4c5662;
    line-height: 30px;
    text-align: center;
}

    .db-beneficiaries-detail__title strong
    {
        color: #0057c2;
    }

.db-beneficiaries-detail__list
{
    margin: 0 auto;
    width: 93%;
}

.db-beneficiaries-detail__item
{
    display: block;
    margin-bottom: 11px;
    padding: 0 17px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    cursor: pointer;
}

    .db-beneficiaries-detail__item .item__detail
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 0;
    }

    .db-beneficiaries-detail__item .item__icon
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 32px;
        width: 32px;
        margin-right: 15px;
        border: 1px solid #b2b7bb;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        cursor: pointer;
    }

        .db-beneficiaries-detail__item .item__icon svg
        {
            width: 50%;
        }

            .db-beneficiaries-detail__item .item__icon svg g
            {
                fill: #b2b7bb;
            }

    .db-beneficiaries-detail__item .item__name
    {
        color: #4c5662;
        width: 71%;
        overflow-wrap: break-word;
    }

        .db-beneficiaries-detail__item .item__name span
        {
            display: block;
        }

            .db-beneficiaries-detail__item .item__name span:first-child
            {
                font-size: 22px;
            }

            .db-beneficiaries-detail__item .item__name span:last-child
            {
                font-size: 16px;
            }

    .db-beneficiaries-detail__item .item__info
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
    }

    .db-beneficiaries-detail__item .item__percent span
    {
        display: block;
        color: #0057c2;
        text-align: center;
    }

        .db-beneficiaries-detail__item .item__percent span:first-child
        {
            font-size: 30px;
        }

        .db-beneficiaries-detail__item .item__percent span:last-child
        {
            font-size: 14px;
        }

    .db-beneficiaries-detail__item .item__percent.item__percent--black span
    {
        color: #4c5662;
    }

    .db-beneficiaries-detail__item .item__disclaimer
    {
        padding: 12px 0;
        border-top: 1px solid #e9eaec;
        font-size: 14px;
        text-align: left;
    }

    .db-beneficiaries-detail__item:last-child
    {
        margin-bottom: 0;
    }

.db-beneficiaries-detail__button
{
    padding: 15px 0;
    margin: 22px auto;
    width: 93%;
}

.db-beneficiaries-detail__info
{
    display: block;
    margin-bottom: 15px;
    color: #4c5662;
    font-size: 15px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

.db-beneficiaries-detail__disclaimer
{
    margin-top: 22px;
    padding: 0 20px;
    color: #4c5662;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
}

.db-beneficiaries-detail__overlay
{
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 9;
}

.db-beneficiaries-detail__modal
{
    width: 100%;
}

    .db-beneficiaries-detail__modal p
    {
        margin: 0;
        padding: 0 45px;
        font-size: 26px;
        line-height: 30px;
        color: #4c5662;
        text-align: center;
    }

        .db-beneficiaries-detail__modal p strong
        {
            color: #0057c2;
        }

.db-beneficiaries-detail--mobile
{
    display: block;
}

.db-beneficiaries-detail--desktop
{
    display: none;
}

@media screen and (min-width:1024px)
{
    .db-beneficiaries-detail
    {
        padding: 120px 0 75px;
    }

    .db-beneficiaries-detail__list-title
    {
        display: none;
    }

    .db-beneficiaries-detail__title
    {
        display: block;
        margin-bottom: 35px;
        width: 100%;
        color: #4c5662;
        font-size: 28px;
        line-height: 32px;
        text-align: center;
    }

    .db-beneficiaries-detail__list
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 90%;
    }

    .db-beneficiaries-detail__item
    {
        -webkit-flex: 0 0 293px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 293px;
        flex: 0 0 293px;
        width: 293px;
        margin: 10px;
    }

        .db-beneficiaries-detail__item .item__disclaimer
        {
            font-size: 14px;
        }

        .db-beneficiaries-detail__item:last-child
        {
            margin: 10px;
        }

    .db-beneficiaries-detail__button
    {
        width: 300px;
    }

    .db-beneficiaries-detail__info
    {
        font-size: 17px;
    }

    .db-beneficiaries-detail__disclaimer
    {
        font-size: 16px;
    }

        .db-beneficiaries-detail__disclaimer br
        {
            display: block;
        }

    .db-beneficiaries-detail__modal p
    {
        margin: 0 auto;
        padding: 0;
        width: 580px;
        font-size: 27px;
        line-height: 31px;
    }

    .db-beneficiaries-detail--mobile
    {
        display: none;
    }

    .db-beneficiaries-detail--desktop
    {
        display: block;
    }
}

@media screen and (min-width:1280px)
{
    .db-beneficiaries-detail__title
    {
        font-size: 36px;
        line-height: 40px;
    }

    .db-beneficiaries-detail__item
    {
        -webkit-flex: 0 0 340px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 340px;
        flex: 0 0 340px;
        width: 340px;
    }

    .db-beneficiaries-detail__modal p
    {
        width: 600px;
        font-size: 28px;
        line-height: 32px;
    }
}

@media screen and (min-width:1600px)
{
    .db-beneficiaries-detail__title
    {
        font-size: 44px;
        line-height: 50px;
        margin-bottom: 50px;
    }

    .db-beneficiaries-detail__item
    {
        -webkit-flex: 0 0 450px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 450px;
        flex: 0 0 450px;
        margin: 15px;
    }

        .db-beneficiaries-detail__item .item__icon
        {
            height: 38px;
            width: 38px;
        }

        .db-beneficiaries-detail__item .item__name span:first-child
        {
            font-size: 30px;
        }

        .db-beneficiaries-detail__item .item__name span:last-child
        {
            font-size: 18px;
        }

        .db-beneficiaries-detail__item .item__percent span:first-child
        {
            font-size: 36px;
        }

        .db-beneficiaries-detail__item .item__percent span:last-child
        {
            font-size: 18px;
        }

        .db-beneficiaries-detail__item:last-child
        {
            margin: 15px;
        }

    .db-beneficiaries-detail__button
    {
        padding: 20px 0;
    }

    .db-beneficiaries-detail__modal p
    {
        width: 70%;
        font-size: 52px;
        line-height: 60px;
    }

    .db-beneficiaries-detail__modal .db-beneficiaries-detail__button
    {
        margin: 54px auto 0;
    }
}

.db-beneficaries-detail-disability .db-beneficiaries-detail__info
{
    margin-bottom: 0;
}

.db-beneficaries-detail-disability__inner
{
    padding-bottom: 20px;
}

.db-beneficaries-detail-disability__title
{
    margin: 0 auto 20px;
    padding-top: 43px;
    width: 270px;
    color: #4c5662;
    font-size: 26px;
    text-align: center;
}

    .db-beneficaries-detail-disability__title strong
    {
        color: #0057c2;
    }

.db-beneficaries-detail-disability__cards
{
    padding: 0 35px;
}

.db-beneficaries-detail-disability__card
{
    position: relative;
    margin-bottom: 16px;
    padding: 26px 26px 26px 65px;
    background-color: #fff;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
}

    .db-beneficaries-detail-disability__card .card__icon
    {
        position: absolute;
        top: 29px;
        left: 26px;
        display: block;
        width: 20px;
        font-size: 0;
    }

        .db-beneficaries-detail-disability__card .card__icon svg
        {
            width: 100%;
        }

            .db-beneficaries-detail-disability__card .card__icon svg path
            {
                fill: #73cbc8;
            }

    .db-beneficaries-detail-disability__card .card__text, .db-beneficaries-detail-disability__card .card__title
    {
        display: block;
    }

    .db-beneficaries-detail-disability__card .card__title
    {
        font-size: 20px;
        line-height: 24px;
    }

    .db-beneficaries-detail-disability__card .card__text
    {
        font-size: 18px;
        line-height: 20px;
    }

    .db-beneficaries-detail-disability__card:last-child
    {
        margin-bottom: 0;
    }

@media screen and (min-width:1024px)
{
    .db-beneficaries-detail-disability
    {
        padding-bottom: 40px;
    }

        .db-beneficaries-detail-disability .db-beneficiaries-detail__disclaimer
        {
            margin: 26px 0;
        }

    .db-beneficaries-detail-disability__title
    {
        margin-bottom: 40px;
        width: 450px;
    }

    .db-beneficaries-detail-disability__cards
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px;
    }

    .db-beneficaries-detail-disability__card
    {
        -webkit-flex: 0 0 300px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        margin: 0 10px;
        padding: 30px 30px 30px 69px;
    }

        .db-beneficaries-detail-disability__card .card__icon
        {
            top: 33px;
            width: 22px;
        }

        .db-beneficaries-detail-disability__card:last-child
        {
            margin: 0 10px;
        }
}

@media screen and (min-width:1280px)
{
    .db-beneficaries-detail-disability__title
    {
        font-size: 30px;
    }
}

@media screen and (min-width:1600px)
{
    .db-beneficaries-detail-disability .db-beneficiaries-detail__disclaimer
    {
        margin: 38px 0;
    }

    .db-beneficaries-detail-disability__title
    {
        padding-top: 190px;
        font-size: 40px;
        width: 650px;
    }

    .db-beneficaries-detail-disability__card
    {
        -webkit-flex: 0 0 435px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 435px;
        flex: 0 0 435px;
        margin: 0 15px;
        padding: 50px 50px 50px 110px;
    }

        .db-beneficaries-detail-disability__card .card__icon
        {
            top: 50px;
            left: 50px;
            width: 40px;
        }

        .db-beneficaries-detail-disability__card .card__title
        {
            font-size: 26px;
            line-break: 27px;
        }

        .db-beneficaries-detail-disability__card .card__text
        {
            font-size: 20px;
            line-height: 23px;
        }
}

.db-beneficiary-chat
{
    padding-top: 20px;
}

.db-choose-beneficiary
{
    padding: 75px 0;
}

    .db-choose-beneficiary.isYolo .db-choose-beneficiary__container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .db-choose-beneficiary.isYolo .db-choose-beneficiary__item:first-child
    {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .db-choose-beneficiary.isYolo .db-choose-beneficiary__item:nth-child(2)
    {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .db-choose-beneficiary.isYolo .db-choose-beneficiary__item:nth-child(3)
    {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border-bottom: 1px solid #c1c7d5;
        border-top: none;
    }

.db-choose-beneficiary__overlay
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0,0,0,.8);
}

.db-choose-beneficiary__modal
{
    position: relative;
    margin: 0 auto;
    max-width: 330px;
    padding: 70px 30px 40px;
    width: 100%;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.db-choose-beneficiary__modal-close
{
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 10px 0;
    width: 40px;
    text-align: center;
    border: 2px solid #0057c2;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
}

    .db-choose-beneficiary__modal-close svg
    {
        height: 11px;
    }

        .db-choose-beneficiary__modal-close svg path
        {
            fill: #0057c2;
        }

.db-choose-beneficiary__modal-title
{
    margin-bottom: 27px;
    color: #4c5662;
    font-size: 26px;
    text-align: center;
}

.db-choose-beneficiary__modal-button
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 18px;
    width: 192px;
    color: #0057c2;
    font-size: 18px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #0057c2;
    background-color: transparent;
    height: 55px;
    cursor: pointer;
}

    .db-choose-beneficiary__modal-button svg
    {
        height: 20px;
        margin-right: 9px;
    }

    .db-choose-beneficiary__modal-button:first-child svg path
    {
        stroke: #0057c2;
    }

    .db-choose-beneficiary__modal-button:last-child
    {
        margin-bottom: 0;
    }

        .db-choose-beneficiary__modal-button:last-child svg path
        {
            fill: #0057c2;
        }

.db-choose-beneficiary__inner
{
    margin: 0 auto;
    padding: 37px 23px;
    width: 94%;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
}

.db-choose-beneficiary__title
{
    margin-bottom: 10px;
    font-size: 20px;
    color: #4c5662;
    line-height: 26px;
    text-align: center;
}

.db-choose-beneficiary__item
{
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
    border-top: 1px solid #c1c7d5;
}

    .db-choose-beneficiary__item, .db-choose-beneficiary__item .item__text
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .db-choose-beneficiary__item .item__text
        {
            font-size: 18px;
        }

            .db-choose-beneficiary__item .item__text span:first-child
            {
                margin-right: 18px;
                width: 40px;
                font-size: 0;
            }

                .db-choose-beneficiary__item .item__text span:first-child svg
                {
                    width: 100%;
                }

                    .db-choose-beneficiary__item .item__text span:first-child svg path
                    {
                        fill: #a5aab0;
                    }

        .db-choose-beneficiary__item .item__action
        {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: end;
        }

            .db-choose-beneficiary__item .item__action a
            {
                display: block;
                margin-right: 10px;
                cursor: pointer;
            }

                .db-choose-beneficiary__item .item__action a span
                {
                    display: block;
                    text-align: center;
                    font-size: 14px;
                    color: #a5aab0;
                }

                    .db-choose-beneficiary__item .item__action a span:first-child
                    {
                        display: -webkit-flex;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-align-items: center;
                        -moz-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-justify-content: center;
                        -moz-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        margin: 0 auto;
                        height: 34px;
                        width: 34px;
                        border: 1px solid #a5aab0;
                        -webkit-border-radius: 100%;
                        border-radius: 100%;
                    }

                .db-choose-beneficiary__item .item__action a svg
                {
                    width: 50%;
                }

                    .db-choose-beneficiary__item .item__action a svg path
                    {
                        fill: #a5aab0;
                    }

                .db-choose-beneficiary__item .item__action a:last-child
                {
                    margin-right: 0;
                }

                .db-choose-beneficiary__item .item__action a.action--active span
                {
                    color: #51c8d8;
                }

                    .db-choose-beneficiary__item .item__action a.action--active span:first-child
                    {
                        border: 1px solid #51c8d8;
                    }

                .db-choose-beneficiary__item .item__action a.action--active svg path
                {
                    fill: #51c8d8;
                }

                .db-choose-beneficiary__item .item__action a.action--fill
                {
                    cursor: default;
                }

                    .db-choose-beneficiary__item .item__action a.action--fill span
                    {
                        color: #51c8d8;
                    }

                        .db-choose-beneficiary__item .item__action a.action--fill span:first-child
                        {
                            border: 1px solid #51c8d8;
                            background-color: #51c8d8;
                        }

                    .db-choose-beneficiary__item .item__action a.action--fill svg path
                    {
                        fill: #fff;
                    }

        .db-choose-beneficiary__item:first-child
        {
            border-top: 1px solid transparent;
        }

.db-choose-beneficiary__button
{
    margin: 10px auto 0;
    padding: 16px 0;
    width: 98%;
    font-size: 18px;
}

@media screen and (min-width:1024px)
{
    #choose-beneficiary .dashboard__inner
    {
        background-color: #fff;
    }

    .db-choose-beneficiary
    {
        padding: 25px 0 75px;
    }

    .db-choose-beneficiary__inner
    {
        margin: 0 auto;
        width: 640px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .db-choose-beneficiary__title
    {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 22px;
    }

    .db-choose-beneficiary__item
    {
        padding: 30px 0;
    }

        .db-choose-beneficiary__item .item__text
        {
            font-size: 20px;
        }

            .db-choose-beneficiary__item .item__text span:first-child
            {
                width: 55px;
            }

        .db-choose-beneficiary__item .item__action a
        {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 20px;
        }

            .db-choose-beneficiary__item .item__action a span
            {
                font-size: 18px;
            }

                .db-choose-beneficiary__item .item__action a span:first-child
                {
                    width: 40px;
                    height: 40px;
                    margin-right: 5px;
                }

    .db-choose-beneficiary__button
    {
        margin: 20px auto 0;
        width: 300px;
        padding: 20px 0;
    }
}

@media screen and (min-width:1600px)
{
    .db-choose-beneficiary__title
    {
        font-size: 40px;
        line-height: 46px;
    }

    .db-choose-beneficiary__item .item__text
    {
        font-size: 24px;
        line-height: 28px;
    }

        .db-choose-beneficiary__item .item__text span:first-child
        {
            width: 70px;
        }

    .db-choose-beneficiary__item .item__action a span
    {
        font-size: 22px;
    }
}

.db-create-beneficiary
{
    padding: 75px 0;
}

    .db-create-beneficiary .form-row-health
    {
        margin-top: 42px;
    }

    .db-create-beneficiary .custom-options
    {
        overflow: auto;
        height: 194px;
    }

.db-create-beneficiary__inner
{
    position: relative;
    margin: 0 auto;
    padding: 37px 23px;
    width: 94%;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
}

.db-create-beneficiary__button
{
    margin: 30px auto 0;
    padding: 16px 0;
    width: 98%;
    font-size: 18px;
}

.db-create-beneficiary__title
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .db-create-beneficiary__title span:first-child
    {
        width: 55px;
        margin-right: 19px;
    }

        .db-create-beneficiary__title span:first-child svg
        {
            width: 100%;
            fill: #4c5662;
        }

    .db-create-beneficiary__title span:last-child
    {
        font-size: 26px;
        line-height: 22px;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

        .db-create-beneficiary__title span:last-child span
        {
            font-size: 20px;
        }

.db-create-beneficiary__delete
{
    display: block;
    margin: 15px 0;
    width: 100%;
}

    .db-create-beneficiary__delete a
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #4c5662;
        cursor: pointer;
    }

    .db-create-beneficiary__delete span:first-child
    {
        margin-right: 10px;
        font-size: 0;
    }

    .db-create-beneficiary__delete svg
    {
        height: 20px;
    }

        .db-create-beneficiary__delete svg g
        {
            fill: #4c5662;
        }

    .db-create-beneficiary__delete .icon-loading svg g g path:first-child
    {
        -webkit-animation: colorLoaderDelete 1s linear infinite;
        -o-animation: colorLoaderDelete 1s linear infinite;
        animation: colorLoaderDelete 1s linear infinite;
    }

    .db-create-beneficiary__delete .icon-loading svg g path:nth-child(12)
    {
        -webkit-animation: colorLoaderDelete 1s linear 83ms infinite;
        -o-animation: colorLoaderDelete 1s linear 83ms infinite;
        animation: colorLoaderDelete 1s linear 83ms infinite;
    }

    .db-create-beneficiary__delete .icon-loading svg g path:nth-child(10)
    {
        -webkit-animation: colorLoaderDelete 1s linear .166s infinite;
        -o-animation: colorLoaderDelete 1s linear .166s infinite;
        animation: colorLoaderDelete 1s linear .166s infinite;
    }

    .db-create-beneficiary__delete .icon-loading svg g path:nth-child(8)
    {
        -webkit-animation: colorLoaderDelete 1s linear .249s infinite;
        -o-animation: colorLoaderDelete 1s linear .249s infinite;
        animation: colorLoaderDelete 1s linear .249s infinite;
    }

    .db-create-beneficiary__delete .icon-loading svg g path:nth-child(6)
    {
        -webkit-animation: colorLoaderDelete 1s linear .332s infinite;
        -o-animation: colorLoaderDelete 1s linear .332s infinite;
        animation: colorLoaderDelete 1s linear .332s infinite;
    }

    .db-create-beneficiary__delete .icon-loading svg g path:nth-child(4)
    {
        -webkit-animation: colorLoaderDelete 1s linear .415s infinite;
        -o-animation: colorLoaderDelete 1s linear .415s infinite;
        animation: colorLoaderDelete 1s linear .415s infinite;
    }

    .db-create-beneficiary__delete .icon-loading svg g path:nth-child(2)
    {
        -webkit-animation: colorLoaderDelete 1s linear .498s infinite;
        -o-animation: colorLoaderDelete 1s linear .498s infinite;
        animation: colorLoaderDelete 1s linear .498s infinite;
    }

    .db-create-beneficiary__delete .icon-loading svg g path:nth-child(11)
    {
        -webkit-animation: colorLoaderDelete 1s linear .581s infinite;
        -o-animation: colorLoaderDelete 1s linear .581s infinite;
        animation: colorLoaderDelete 1s linear .581s infinite;
    }

    .db-create-beneficiary__delete .icon-loading svg g path:nth-child(9)
    {
        -webkit-animation: colorLoaderDelete 1s linear .664s infinite;
        -o-animation: colorLoaderDelete 1s linear .664s infinite;
        animation: colorLoaderDelete 1s linear .664s infinite;
    }

    .db-create-beneficiary__delete .icon-loading svg g path:nth-child(7)
    {
        -webkit-animation: colorLoaderDelete 1s linear .747s infinite;
        -o-animation: colorLoaderDelete 1s linear .747s infinite;
        animation: colorLoaderDelete 1s linear .747s infinite;
    }

    .db-create-beneficiary__delete .icon-loading svg g path:nth-child(5)
    {
        -webkit-animation: colorLoaderDelete 1s linear .83s infinite;
        -o-animation: colorLoaderDelete 1s linear .83s infinite;
        animation: colorLoaderDelete 1s linear .83s infinite;
    }

    .db-create-beneficiary__delete .icon-loading svg g path:nth-child(3)
    {
        -webkit-animation: colorLoaderDelete 1s linear .913s infinite;
        -o-animation: colorLoaderDelete 1s linear .913s infinite;
        animation: colorLoaderDelete 1s linear .913s infinite;
    }

@-webkit-keyframes colorLoaderDelete
{
    0%
    {
        fill: transparent;
    }

    to
    {
        fill: inherint;
    }
}

@-o-keyframes colorLoaderDelete
{
    0%
    {
        fill: transparent;
    }

    to
    {
        fill: inherint;
    }
}

@keyframes colorLoaderDelete
{
    0%
    {
        fill: transparent;
    }

    to
    {
        fill: inherint;
    }
}

.db-create-beneficiary__close
{
    display: none;
}

@media screen and (min-width:1024px)
{
    .db-create-beneficiary__inner
    {
        padding: 80px 60px 40px;
        width: 514px;
    }

        .db-create-beneficiary__inner .form-row.form-row-type
        {
            margin-top: 20px;
            padding-left: 0;
        }

            .db-create-beneficiary__inner .form-row.form-row-type .form-statement__inputs
            {
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                .db-create-beneficiary__inner .form-row.form-row-type .form-statement__inputs .inputs__item
                {
                    -webkit-flex: 0 0;
                    -moz-box-flex: 0;
                    -ms-flex: 0 0;
                    flex: 0 0;
                    margin: 0 22px;
                }

        .db-create-beneficiary__inner .form-row
        {
            margin-top: 45px;
        }

    .db-create-beneficiary__title span:first-child
    {
        width: 65px;
    }

    .db-create-beneficiary__title span:last-child
    {
        font-size: 30px;
    }

    .db-create-beneficiary__button
    {
        width: 300px;
        padding: 20px 0;
    }

    .db-create-beneficiary__delete
    {
        margin: 27px 0;
    }

        .db-create-beneficiary__delete a
        {
            font-size: 18px;
        }

        .db-create-beneficiary__delete svg
        {
            height: 24px;
        }

    .db-create-beneficiary__close
    {
        position: absolute;
        top: 19px;
        right: 23px;
        display: block;
        height: 46px;
        width: 46px;
        line-height: 46px;
        border: 1px solid #0057c2;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        color: #0057c2;
        cursor: pointer;
        text-align: center;
    }

        .db-create-beneficiary__close svg
        {
            height: 12px;
        }

            .db-create-beneficiary__close svg path
            {
                fill: #0057c2;
            }
}

@media screen and (min-width:1600px)
{
    .db-create-beneficiary__title span:first-child
    {
        width: 67px;
    }

    .db-create-beneficiary__title span:last-child
    {
        font-size: 36px;
    }
}

.db-insurance-info
{
    min-height: 100vh;
}

    .db-insurance-info .db-insurance__modal-title
    {
        padding: 12px 20px;
    }

.db-insurance-info
{
    padding: 0 33px 30px;
}

.db-insurance-info__title
{
    margin-bottom: 27px;
    padding-top: 35px;
    color: #4c5662;
    font-size: 26px;
    text-align: center;
}

    .db-insurance-info__title span
    {
        color: #0057c2;
    }

.db-insurance-info__card
{
    display: block;
    margin: 0 auto 18px;
    padding: 22px 20px;
    width: 100%;
    background-color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
}

    .db-insurance-info__card .card__image
    {
        display: none;
    }

    .db-insurance-info__card .card__icon
    {
        position: absolute;
        top: 4px;
        left: 0;
        width: 20px;
        font-size: 0;
    }

        .db-insurance-info__card .card__icon svg
        {
            width: 100%;
        }

            .db-insurance-info__card .card__icon svg path
            {
                fill: #73cbc8;
            }

    .db-insurance-info__card p
    {
        position: relative;
        margin: 0;
        padding-left: 35px;
        padding-right: 10px;
        font-size: 18px;
        line-height: 24px;
    }

    .db-insurance-info__card a
    {
        display: block;
        margin-top: 12px;
        font-size: 16px;
        text-decoration: underline;
    }

    .db-insurance-info__card:last-child
    {
        margin: 0 auto;
    }

.db-insurance-info__disclaimer
{
    margin: 20px 0 10px;
    color: #4c5662;
    font-size: 16px;
    text-align: center;
}

    .db-insurance-info__disclaimer a
    {
        text-decoration: underline;
    }

.db-insurance-info__disclaimer-one
{
    margin-top: 20px;
}

.db-insurance-info__disclaimer-two
{
    margin-bottom: 15px;
}

.db-insurance-info__button
{
    margin: 0 auto;
    padding: 15px 0;
    width: 100%;
}

@media screen and (min-width:1024px)
{
    .db-insurance-info
    {
        min-height: -webkit-calc(100vh - 65px);
        min-height: calc(100vh - 65px);
    }

    .db-insurance-info__cards
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .db-insurance-info__title
    {
        font-size: 30px;
    }

    .db-insurance-info__card
    {
        position: relative;
        -webkit-flex: 0 0 300px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        margin: 20px 20px 0;
        padding: 30px;
    }

        .db-insurance-info__card .card__image
        {
            display: block;
            margin-bottom: 15px;
            font-size: 0;
            text-align: center;
        }

            .db-insurance-info__card .card__image svg
            {
                height: 60px;
            }

                .db-insurance-info__card .card__image svg path
                {
                    fill: #0057c2;
                }

        .db-insurance-info__card .card__icon
        {
            top: 10px;
            left: auto;
            right: 10px;
            height: 30px;
            width: 30px;
        }

        .db-insurance-info__card p
        {
            position: static;
            padding: 0;
            text-align: center;
        }

        .db-insurance-info__card:last-child
        {
            margin: 20px 20px 0;
        }

    .db-insurance-info__disclaimer
    {
        margin: 30px 0 15px;
    }

    .db-insurance-info__button
    {
        padding: 20px 0;
        width: 300px;
    }
}

@media screen and (min-width:1280px)
{
    .db-insurance-info__card
    {
        -webkit-flex: 0 0 313px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 313px;
        flex: 0 0 313px;
        margin: 25px 25px 0;
        padding: 35px;
    }

        .db-insurance-info__card:last-child
        {
            margin: 25px 25px 0;
        }

    .db-insurance-info__disclaimer
    {
        margin: 20px 0;
    }
}

@media screen and (min-width:1600px)
{
    .db-insurance-info__title
    {
        font-size: 40px;
    }

    .db-insurance-info__card
    {
        padding: 50px;
    }

        .db-insurance-info__card .card__image
        {
            margin-bottom: 27px;
        }

            .db-insurance-info__card .card__image svg
            {
                height: 69px;
            }

        .db-insurance-info__card .card__icon
        {
            height: 40px;
            width: 40px;
        }

    .db-insurance-info__disclaimer
    {
        font-size: 18px;
    }
}

#beneficaries-detail-disability .header-dashboard, #beneficaries-detail-disability .sidebar, #beneficiaries-detail .header-dashboard, #beneficiaries-detail .sidebar, #beneficiaries .header-dashboard, #beneficiaries .sidebar, #choose-beneficiary .header-dashboard, #choose-beneficiary .sidebar, #create-beneficiary .header-dashboard, #create-beneficiary .sidebar, #insurance-info .header-dashboard, #insurance-info .sidebar, #insurance .header-dashboard, #insurance .sidebar
{
    display: none;
}

#beneficaries-detail-disability .header-dashboard25, #beneficiaries-detail .header-dashboard25, #beneficiaries .header-dashboard25, #choose-beneficiary .header-dashboard25, #create-beneficiary .header-dashboard25, #insurance-info .header-dashboard25, #insurance .header-dashboard25
{
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: -webkit-gradient(linear,left top,right top,from(#014989),to(#138fb9));
    background: -webkit-linear-gradient(left,#014989,#138fb9);
    background: -o-linear-gradient(left,#014989 0,#138fb9 100%);
    background: linear-gradient(90deg,#014989 0,#138fb9);
}

#beneficaries-detail-disability .header-dashboard25__back, #beneficiaries-detail .header-dashboard25__back, #beneficiaries .header-dashboard25__back, #choose-beneficiary .header-dashboard25__back, #create-beneficiary .header-dashboard25__back, #insurance-info .header-dashboard25__back, #insurance .header-dashboard25__back
{
    display: block;
}

#beneficaries-detail-disability .header-dashboard25__logo-mobile, #beneficiaries-detail .header-dashboard25__logo-mobile, #beneficiaries .header-dashboard25__logo-mobile, #choose-beneficiary .header-dashboard25__logo-mobile, #create-beneficiary .header-dashboard25__logo-mobile, #insurance-info .header-dashboard25__logo-mobile, #insurance .header-dashboard25__logo-mobile
{
    display: block;
    font-size: 0;
}

.db-insurance__inner
{
    overflow: auto;
    padding-bottom: 20px;
}

.db-insurance__link
{
    text-decoration: underline;
}

.db-insurance__text
{
    padding: 4px 20px 71px;
    background: -webkit-gradient(linear,left top,right top,from(#014989),to(#138fb9));
    background: -webkit-linear-gradient(left,#014989,#138fb9);
    background: -o-linear-gradient(left,#014989 0,#138fb9 100%);
    background: linear-gradient(90deg,#014989 0,#138fb9);
    font-size: 22px;
    color: #fff;
    text-align: center;
}

.db-insurance__tab .tab__title
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
    background: -webkit-gradient(linear,left top,right top,from(#01447f),to(#1288af));
    background: -webkit-linear-gradient(left,#01447f,#1288af);
    background: -o-linear-gradient(left,#01447f 0,#1288af 100%);
    background: linear-gradient(90deg,#01447f 0,#1288af);
    font-size: 18px;
}

    .db-insurance__tab .tab__title .tab__item
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        padding: 21px 0;
        color: #fff;
        text-align: center;
        border-bottom: 3px solid transparent;
        opacity: .5;
        cursor: pointer;
    }

        .db-insurance__tab .tab__title .tab__item.tab__item--active
        {
            border-bottom: 3px solid #ffe946;
            opacity: 1;
        }

.tab__content .tab__item
{
    display: none;
    padding-top: 48px;
}

    .tab__content .tab__item.tab__item--active
    {
        display: block;
    }

.db-i-content__body, .db-i-content__disclaimer, .db-i-content__title
{
    color: #4c5662;
    text-align: center;
}

.db-i-content__disclaimer-two
{
    margin-bottom: 15px;
}

.db-i-content__body br, .db-i-content__title br
{
    display: none;
}

.db-i-content__title
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    color: #0057c2;
    font-size: 26px;
}

    .db-i-content__title .title__icon
    {
        margin-right: 14px;
        width: 30px;
        font-size: 0;
    }

    .db-i-content__title svg
    {
        width: 100%;
    }

    .db-i-content__title .title__icon[data-icon=demise] svg path
    {
        stroke: #0057c2;
    }

    .db-i-content__title .title__icon[data-icon=disability] svg path
    {
        fill: #0057c2;
    }

.db-i-content__body
{
    margin: 18px 0;
    padding: 0 40px;
    font-size: 18px;
    line-height: 27px;
}

    .db-i-content__body .body--underline
    {
        cursor: pointer;
        text-decoration: underline;
    }

.db-i-content__disclaimer
{
    font-size: 12px;
}

.db-insurance__observations
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 27px 0;
    padding: 0 46px;
}

    .db-insurance__observations .observations__item
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        color: #4c5662;
        font-size: 16px;
        text-align: center;
    }

        .db-insurance__observations .observations__item:first-child
        {
            border-right: 1px solid #dae5eb;
        }

        .db-insurance__observations .observations__item:nth-child(2)
        {
            border-left: 1px solid #dae5eb;
        }

    .db-insurance__observations a
    {
        text-decoration: underline;
    }

.db-insurance__cards
{
    position: relative;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
    -webkit-transform: translateY(-57px);
    -ms-transform: translateY(-57px);
    -o-transform: translateY(-57px);
    transform: translateY(-57px);
}

.db-insurance__card
{
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    z-index: 1;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.09);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transform: translate(6px,6px);
    -ms-transform: translate(6px,6px);
    -o-transform: translate(6px,6px);
    transform: translate(6px,6px);
}

    .db-insurance__card .card__body, .db-insurance__card .card__button, .db-insurance__card .card__title, .db-insurance__card .db-insurance__nav
    {
        opacity: 0;
    }

    .db-insurance__card .card__title
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 16px 20px;
        background-color: #f6fcff;
        color: #0057c2;
    }

        .db-insurance__card .card__title svg
        {
            width: 100%;
        }

            .db-insurance__card .card__title svg path
            {
                fill: #0057c2;
            }

    .db-insurance__card .card__text
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        margin: 0 10px;
        font-size: 22px;
    }

    .db-insurance__card .card__icon
    {
        font-size: 0;
        width: 35px;
    }

    .db-insurance__card .card__size
    {
        font-size: 16px;
    }

    .db-insurance__card .card__size--big
    {
        font-size: 24px;
    }

    .db-insurance__card .card__body
    {
        background-color: #fff;
        padding: 0 19px;
    }

    .db-insurance__card .card__disclaimer
    {
        margin-bottom: 25px;
        padding: 0 19px;
        color: #4c5662;
        font-size: 12px;
        text-align: center;
    }

    .db-insurance__card .body__item
    {
        position: relative;
        padding: 32px 0 32px 36px;
        border-bottom: 1px solid #dfdfdf;
        font-size: 18px;
    }

        .db-insurance__card .body__item:last-child
        {
            border-bottom: none;
        }

    .db-insurance__card .body__icon
    {
        position: absolute;
        top: 34px;
        left: 0;
        display: block;
        width: 20px;
        font-size: 0;
    }

        .db-insurance__card .body__icon svg
        {
            width: 100%;
        }

            .db-insurance__card .body__icon svg path
            {
                fill: #73cbc8;
            }

    .db-insurance__card[data-card="1"] .db-insurance__button
    {
        margin-top: 65px;
    }

    .db-insurance__card[data-card="2"] .card__icon svg path
    {
        stroke: #0057c2;
        fill: transparent;
    }

    .db-insurance__card.card--active
    {
        position: relative;
        left: auto;
        right: auto;
        z-index: 2;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }

        .db-insurance__card.card--active .card__body, .db-insurance__card.card--active .card__button, .db-insurance__card.card--active .card__title, .db-insurance__card.card--active .db-insurance__nav
        {
            opacity: 1;
        }

.db-insurance__nav
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 27px;
}

    .db-insurance__nav .nav__item
    {
        margin: 0 8px;
        height: 10px;
        width: 10px;
        background-color: #d7dae3;
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }

        .db-insurance__nav .nav__item.nav--active
        {
            height: 16px;
            width: 16px;
            background-color: #0057c2;
        }

.db-insurance__button
{
    margin: 0 auto;
    padding: 16px 0;
    outline: none;
    width: 90%;
}

.db-insurance__modal-title
{
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 12px 0;
    color: #4c5662;
    font-size: 24px;
    text-align: center;
}

    .db-insurance__modal-title span
    {
        position: absolute;
        bottom: 0;
        left: 50%;
        height: 2px;
        width: 20px;
        background-color: #ffe946;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.db-insurance__modal-body
{
    padding: 0 30px 55px;
}

    .db-insurance__modal-body .modal-body__paragraph
    {
        position: relative;
        margin-bottom: 15px;
        padding-left: 32px;
        font-size: 16px;
        line-height: 21px;
    }

        .db-insurance__modal-body .modal-body__paragraph.paragraph--no-padding
        {
            padding-left: 0;
        }

    .db-insurance__modal-body .modal-body__icon
    {
        position: absolute;
        top: 2px;
        left: 0;
        width: 22px;
        height: 22px;
        border: 1px solid #0057c2;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        text-align: center;
        line-height: 16px;
    }

        .db-insurance__modal-body .modal-body__icon svg
        {
            height: 8px;
        }

            .db-insurance__modal-body .modal-body__icon svg path
            {
                fill: #0057c2;
            }

.u-desktop-insurance
{
    display: none;
}

@media screen and (min-width:1024px)
{
    #beneficaries-detail-disability .header-dashboard25__logo, #beneficiaries-detail .header-dashboard25__logo, #beneficiaries .header-dashboard25__logo, #choose-beneficiary .header-dashboard25__logo, #create-beneficiary .header-dashboard25__logo, #insurance-info .header-dashboard25__logo
    {
        display: none;
    }

        #beneficaries-detail-disability .header-dashboard25__logo.logo--normal, #beneficiaries-detail .header-dashboard25__logo.logo--normal, #beneficiaries .header-dashboard25__logo.logo--normal, #choose-beneficiary .header-dashboard25__logo.logo--normal, #create-beneficiary .header-dashboard25__logo.logo--normal, #insurance-info .header-dashboard25__logo.logo--normal
        {
            display: block;
        }

    #beneficaries-detail-disability .header-dashboard25__icon-profile svg circle, #beneficiaries-detail .header-dashboard25__icon-profile svg circle, #beneficiaries .header-dashboard25__icon-profile svg circle, #choose-beneficiary .header-dashboard25__icon-profile svg circle, #create-beneficiary .header-dashboard25__icon-profile svg circle, #insurance-info .header-dashboard25__icon-profile svg circle
    {
        stroke: #0057c2;
    }

    #beneficaries-detail-disability .header-dashboard25__icon-profile svg path, #beneficiaries-detail .header-dashboard25__icon-profile svg path, #beneficiaries .header-dashboard25__icon-profile svg path, #choose-beneficiary .header-dashboard25__icon-profile svg path, #create-beneficiary .header-dashboard25__icon-profile svg path, #insurance-info .header-dashboard25__icon-profile svg path
    {
        fill: #0057c2;
    }

    #beneficaries-detail-disability .header-dashboard25__date, #beneficiaries-detail .header-dashboard25__date, #beneficiaries .header-dashboard25__date, #choose-beneficiary .header-dashboard25__date, #create-beneficiary .header-dashboard25__date, #insurance-info .header-dashboard25__date
    {
        color: #4c5662;
    }

    #beneficaries-detail-disability .header-dashboard25__arrow path, #beneficiaries-detail .header-dashboard25__arrow path, #beneficiaries .header-dashboard25__arrow path, #choose-beneficiary .header-dashboard25__arrow path, #create-beneficiary .header-dashboard25__arrow path, #insurance-info .header-dashboard25__arrow path
    {
        fill: #4c5662;
    }

    #beneficaries-detail-disability .header-dashboard25__list, #beneficiaries-detail .header-dashboard25__list, #beneficiaries .header-dashboard25__list, #choose-beneficiary .header-dashboard25__list, #create-beneficiary .header-dashboard25__list, #insurance-info .header-dashboard25__list
    {
        border: 1px solid #0057c2;
    }

    #beneficaries-detail-disability .header-dashboard25, #beneficiaries-detail .header-dashboard25, #beneficiaries .header-dashboard25, #choose-beneficiary .header-dashboard25, #create-beneficiary .header-dashboard25, #insurance-info .header-dashboard25, #insurance .header-dashboard25
    {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #beneficaries-detail-disability .header-dashboard25__back, #beneficaries-detail-disability .header-dashboard25__logo-mobile, #beneficiaries-detail .header-dashboard25__back, #beneficiaries-detail .header-dashboard25__logo-mobile, #beneficiaries .header-dashboard25__back, #beneficiaries .header-dashboard25__logo-mobile, #choose-beneficiary .header-dashboard25__back, #choose-beneficiary .header-dashboard25__logo-mobile, #create-beneficiary .header-dashboard25__back, #create-beneficiary .header-dashboard25__logo-mobile, #insurance-info .header-dashboard25__back, #insurance-info .header-dashboard25__logo-mobile, #insurance .header-dashboard25__back, #insurance .header-dashboard25__logo-mobile
    {
        display: none;
    }

    #beneficaries-detail-disability .dashboard__inner, #beneficiaries-detail .dashboard__inner, #beneficiaries .dashboard__inner, #choose-beneficiary .dashboard__inner, #create-beneficiary .dashboard__inner, #insurance-info .dashboard__inner, #insurance .dashboard__inner
    {
        padding-left: 0;
        min-height: 100vh;
        height: auto;
        padding-top: 65px;
        margin-top: 0;
    }

    #beneficaries-detail-disability .sidebar, #beneficiaries-detail .sidebar, #beneficiaries .sidebar, #choose-beneficiary .sidebar, #create-beneficiary .sidebar, #insurance-info .sidebar, #insurance .sidebar
    {
        display: none;
    }

    #insurance .header-dashboard25
    {
        background: -webkit-gradient(linear,left top,right top,from(#014989),to(#138fb9));
        background: -webkit-linear-gradient(left,#014989,#138fb9);
        background: -o-linear-gradient(left,#014989 0,#138fb9 100%);
        background: linear-gradient(90deg,#014989 0,#138fb9);
    }

    .db-insurance__text
    {
        font-size: 28px;
    }

    .db-insurance__tab .tab__title
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: -webkit-gradient(linear,left top,right top,from(#014989),to(#138fb9));
        background: -webkit-linear-gradient(left,#014989,#138fb9);
        background: -o-linear-gradient(left,#014989 0,#138fb9 100%);
        background: linear-gradient(90deg,#014989 0,#138fb9);
    }

        .db-insurance__tab .tab__title .tab__item
        {
            -webkit-flex: 0 0 200px;
            -moz-box-flex: 0;
            -ms-flex: 0 0 200px;
            flex: 0 0 200px;
            font-size: 20px;
        }

    .db-i-content__title
    {
        font-size: 32px;
    }

        .db-i-content__title .title__icon
        {
            width: 36px;
        }

    .db-i-content__body
    {
        font-size: 20px;
    }

        .db-i-content__body br
        {
            display: block;
        }

    .db-i-content__disclaimer
    {
        font-size: 13px;
    }

    .db-insurance__observations
    {
        margin: 27px auto;
        padding: 0;
        width: 300px;
    }

    .db-insurance__modal-title
    {
        font-size: 28px;
    }

    .db-insurance__modal-body .modal-body__paragraph
    {
        font-size: 18px;
        line-height: 23px;
    }

    .db-insurance__cards
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        width: 100%;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    .db-insurance__card
    {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 0 10px;
        background-color: #f6fcff;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        -webkit-flex: 0 0 484px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 484px;
        flex: 0 0 484px;
    }

        .db-insurance__card .card__body, .db-insurance__card .card__title
        {
            opacity: 1;
        }

        .db-insurance__card .card__title
        {
            padding: 25px 20px 0;
        }

        .db-insurance__card .card__body
        {
            background-color: transparent;
        }

        .db-insurance__card .card__button, .db-insurance__card .card__disclaimer, .db-insurance__card .card__size, .db-insurance__card .db-insurance__nav
        {
            display: none;
        }

    .db-insurance__button
    {
        width: 300px;
    }

    .db-i-content__disclaimer
    {
        margin-top: 20px;
    }

    .u-desktop-insurance
    {
        display: block;
    }
}

@media screen and (min-width:1280px)
{
    #beneficiaries-detail .dashboard__inner, #beneficiaries .dashboard__inner, #choose-beneficiary .dashboard__inner, #create-beneficiary .dashboard__inner, #insurance .dashboard__inner
    {
        min-height: 100vh;
        height: auto;
    }

    .db-insurance__text
    {
        font-size: 34px;
    }

    .db-insurance__tab
    {
        margin-top: -1px;
    }

        .db-insurance__tab .tab__title .tab__item
        {
            font-size: 23px;
        }

    .db-i-content__title
    {
        font-size: 35px;
    }

    .db-i-content__body
    {
        font-size: 22px;
    }

    .db-insurance__button
    {
        padding: 18px 0;
    }

    .db-insurance__card
    {
        -webkit-flex: 0 0 542px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 542px;
        flex: 0 0 542px;
        margin: 0 20px;
    }

        .db-insurance__card .card__title
        {
            padding: 25px 25px 0;
        }

        .db-insurance__card .card__text
        {
            font-size: 24px;
        }

        .db-insurance__card .card__body
        {
            padding: 0 25px;
        }

        .db-insurance__card .body__item
        {
            font-size: 20px;
        }
}

@media screen and (min-width:1600px)
{
    .db-insurance__text
    {
        min-height: 317px;
        padding: 69px 0 25px;
        font-size: 50px;
    }

    .db-insurance__tab .tab__title .tab__item
    {
        -webkit-flex: 0 0 210px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 210px;
        flex: 0 0 210px;
        font-size: 26px;
    }

    .db-i-content__title
    {
        font-size: 40px;
    }

    .tab__content .tab__item
    {
        padding-top: 60px;
    }

    .db-i-content__body
    {
        font-size: 24px;
        line-height: 39px;
    }

    .db-insurance__cards
    {
        -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
        -o-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    .db-insurance__card
    {
        -webkit-flex: 0 0 600px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 600px;
        flex: 0 0 600px;
    }

        .db-insurance__card .card__title
        {
            padding: 44px 0 0 52px;
        }

        .db-insurance__card .card__body
        {
            padding: 0 43px;
        }

        .db-insurance__card .card__icon
        {
            width: 40px;
        }

        .db-insurance__card .card__text
        {
            margin: 0 24px;
            font-size: 30px;
        }

    .db-i-content__disclaimer
    {
        font-size: 14px;
    }

    .db-insurance__observations
    {
        margin: 35px auto;
    }

        .db-insurance__observations .observations__item
        {
            font-size: 18px;
        }

    .db-insurance__button
    {
        padding: 20px 0;
    }
}

.p-family-calendar-chat .p-family-calendar-chat__text-salute
{
    max-width: 270px;
}

.p-family-calendar-chat .p-family-calendar-chat__text-presentation
{
    max-width: 310px;
}

@media screen and (min-width:400px)
{
    .p-family-calendar-chat .p-family-calendar-chat__text-salute
    {
        max-width: 400px;
    }
}

@media screen and (min-width:440px)
{
    .p-family-calendar-chat .p-family-calendar-chat__text-presentation, .p-family-calendar-chat .p-family-calendar-chat__text-salute
    {
        max-width: 400px;
    }
}

#fund-change-chat .header-dashboard, #fund-change-chat .sidebar
{
    display: none;
}

#fund-change-chat .header-dashboard25__icon-profile
{
    background-color: #0057c2;
}

#fund-change-chat .dashboard__inner
{
    padding-left: 0;
    margin-top: 0;
    height: 100vh;
}

.db-fund-change-chat
{
    background-color: #0057c2;
    height: 100vh;
    overflow: hidden;
}

.db-fund-change-chat__inner
{
    height: 100vh;
    width: -webkit-calc(100% + 18px);
    width: calc(100% + 18px);
    overflow: auto;
}

    .db-fund-change-chat__inner .chat-logo
    {
        position: absolute;
        bottom: 0;
        right: 105%;
        display: none;
    }

    .db-fund-change-chat__inner > div
    {
        padding: 48px 39px 48px 21px;
    }

.db-fund-change-chat__bubble
{
    margin-bottom: 14px;
    font-size: 0;
}

    .db-fund-change-chat__bubble.bubble--right
    {
        text-align: right;
    }

.db-fund-change-chat__options
{
    display: none;
    opacity: 0;
}

    .db-fund-change-chat__options .options__item
    {
        margin-right: 12px;
        padding: 12px 0;
        width: 128px;
        background-color: #ffe946;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #0057c2;
        cursor: pointer;
        font-size: 18px;
        text-align: center;
    }

    .db-fund-change-chat__options.options--active
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

.db-fund-change-chat__button
{
    display: none;
    margin: 18px auto;
    padding: 16px 0;
    max-width: 310px;
    width: 100%;
}

@media screen and (min-width:1024px)
{
    #fund-change-chat .header-dashboard25
    {
        margin-top: 25px;
        background: transparent;
    }

    #fund-change-chat .dashboard
    {
        position: relative;
        overflow: hidden;
    }

    #fund-change-chat .dashboard__inner
    {
        padding: 15px;
        background-color: #0049a3;
    }

    #fund-change-chat .header-dashboard
    {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #0057c2;
        display: none;
    }

    #fund-change-chat .sidebar
    {
        display: none;
    }

    #fund-change-chat .header-dashboard__shadow
    {
        -webkit-box-shadow: 0 80px 103px 60px #0057c2;
        box-shadow: 0 80px 103px 60px #0057c2;
    }

    #fund-change-chat .dashboard__inner
    {
        position: relative;
        z-index: 1;
    }

    #fund-change-chat .header-dashboard__profile .hd-profile__info span
    {
        color: #fff;
    }

    #fund-change-chat .header-dashboard__profile .hd-profile__arrow svg g
    {
        fill: #fff;
    }

    #fund-change-chat .header-dashboard__profile .hd-profile__photo svg circle
    {
        fill: #0049a3;
    }

    #fund-change-chat .header-dashboard__logo .header-dashboard--logo
    {
        display: none;
    }

    #fund-change-chat .header-dashboard__logo .header-dashboard--logo-white
    {
        display: block;
    }

    .db-fund-change-chat
    {
        position: absolute;
        background-color: #0057c2;
        overflow: hidden;
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px;
        height: auto;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }

    .db-fund-change-chat__bubble br
    {
        display: none;
    }

    .db-fund-change-chat__bubble
    {
        margin-bottom: 20px;
    }

    .db-fund-change-chat__inner
    {
        min-height: 670px;
        height: 100vh;
    }

        .db-fund-change-chat__inner > div
        {
            padding: 70px 0 40px;
            margin: 0 auto;
            width: 500px;
        }

    .db-fund-change-chat__options .options__item
    {
        padding: 15px 0;
    }

    .db-fund-change-chat__button
    {
        margin: 25px auto;
        padding: 20px 0;
    }
}

@media screen and (min-width:1600px)
{
    .db-fund-change-chat__bubble
    {
        margin-bottom: 22px;
    }

    .db-fund-change-chat__inner > div
    {
        padding: 150px 0 40px;
    }

    .db-fund-change-chat__options .options__item
    {
        width: 150px;
        font-size: 21px;
    }
}

#db-fund-change .header-dashboard, #db-fund-change .sidebar
{
    display: none;
}

#db-fund-change .header-dashboard25
{
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: -webkit-gradient(linear,left top,right top,from(#014989),to(#138fb9));
    background: -webkit-linear-gradient(left,#014989,#138fb9);
    background: -o-linear-gradient(left,#014989 0,#138fb9 100%);
    background: linear-gradient(90deg,#014989 0,#138fb9);
}

#db-fund-change .header-dashboard25__back, #db-fund-change .header-dashboard25__logo-mobile
{
    display: block;
    font-size: 0;
}

.db-fund-change__title
{
    padding: 4px 0 0;
    font-size: 20px;
}

.db-fund-change__amount, .db-fund-change__title
{
    background: -webkit-gradient(linear,left top,right top,from(#014989),to(#138fb9));
    background: -webkit-linear-gradient(left,#014989,#138fb9);
    background: -o-linear-gradient(left,#014989 0,#138fb9 100%);
    background: linear-gradient(90deg,#014989 0,#138fb9);
    color: #fff;
    text-align: center;
}

.db-fund-change__amount
{
    margin-top: -1px;
    padding-top: 12px;
    padding-bottom: 22px;
    font-size: 30px;
}

.db-fund-change__info
{
    margin: 35px 0 25px;
}

    .db-fund-change__info span
    {
        display: block;
        color: #4c5662;
        text-align: center;
    }

    .db-fund-change__info .info__icon
    {
        margin-bottom: 17px;
        font-size: 0;
    }

        .db-fund-change__info .info__icon svg
        {
            height: 45px;
        }

            .db-fund-change__info .info__icon svg path, .db-fund-change__info .info__icon svg rect
            {
                fill: #00c4d7;
            }

    .db-fund-change__info .info__icon-yolo
    {
        margin-bottom: 17px;
        font-size: 0;
    }

        .db-fund-change__info .info__icon-yolo svg
        {
            height: 45px;
        }

    .db-fund-change__info .info__text
    {
        margin-bottom: 5px;
        font-size: 20px;
    }

.db-fund-change__button
{
    margin: 0 auto;
    padding: 15px 0;
    max-width: 310px;
    width: 84%;
}

.db-fund-change__disclaimer
{
    margin: 24px 0;
    color: #4c5662;
    font-size: 14px;
    text-align: center;
}

    .db-fund-change__disclaimer a
    {
        text-decoration: underline;
    }

.db-fund-change-modal__title
{
    margin: 30px 0 20px;
    font-size: 18px;
    text-align: center;
}

    .db-fund-change-modal__title.title--no-margin
    {
        margin: 0 0 20px;
    }

.db-fund-change-modal__title-yolo
{
    text-align: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.db-fund-change-modal__title-yolo-line
{
    border-bottom: 3px solid #00aec7;
    width: 20px;
    margin: 12px auto;
}

.db-fund-change-modal__body
{
    padding: 0 20px;
    font-size: 16px;
}

    .db-fund-change-modal__body .db-fund-change-modal__paragraph
    {
        margin: 0 0 15px;
    }

    .db-fund-change-modal__body ul
    {
        padding: 0 0 0 20px;
    }

        .db-fund-change-modal__body ul li
        {
            list-style: disc;
        }

.db-fund-change-modal__icon-text
{
    margin-top: 60px;
    text-align: center;
}

.db-fund-change-modal__icon
{
    margin: 0 0 10px;
    font-size: 0;
    text-align: center;
}

    .db-fund-change-modal__icon svg
    {
        height: 60px;
    }

.db-fund-change-modal__question
{
    font-size: 16px;
    text-align: center;
}

.db-fund-change-modal__actions
{
    margin: 10px 0;
}

    .db-fund-change-modal__actions, .db-fund-change-modal__actions .actions__item
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .db-fund-change-modal__actions .actions__item
        {
            margin: 10px;
            height: 35px;
            width: 35px;
            border: 1px solid #4c5662;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            cursor: pointer;
        }

            .db-fund-change-modal__actions .actions__item svg
            {
                height: 10px;
            }

                .db-fund-change-modal__actions .actions__item svg path
                {
                    fill: #4c5662;
                }

            .db-fund-change-modal__actions .actions__item.item--active
            {
                width: 50px;
                height: 50px;
                border: 1px solid #0057c2;
                -webkit-border-radius: 100%;
                border-radius: 100%;
                text-align: center;
                font-size: 0;
            }

                .db-fund-change-modal__actions .actions__item.item--active svg
                {
                    height: 15px;
                }

                    .db-fund-change-modal__actions .actions__item.item--active svg path
                    {
                        fill: #0057c2;
                    }

@media screen and (min-width:1024px)
{
    #db-fund-change .header-dashboard25
    {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #db-fund-change .header-dashboard25__back, #db-fund-change .header-dashboard25__logo-mobile
    {
        display: none;
    }

    #db-fund-change .dashboard__inner
    {
        padding-left: 0;
    }

    #db-fund-change .sidebar
    {
        display: none;
    }

    .db-fund-change__title
    {
        padding: 24px 0 0;
        font-size: 30px;
    }

    .db-fund-change__amount
    {
        padding-top: 0;
        padding-bottom: 35px;
        font-size: 45px;
    }

    .db-fund-change__info
    {
        margin: 40px 0 30px;
    }

        .db-fund-change__info .info__icon svg
        {
            height: 59px;
        }

        .db-fund-change__info .info__text
        {
            font-size: 24px;
        }

    .db-fund-change__button
    {
        padding: 20px 0;
    }

    .db-fund-change__disclaimer
    {
        font-size: 16px;
    }

    .db-fund-change-modal__title
    {
        font-size: 20px;
    }

    .db-fund-change-modal__body
    {
        padding: 0;
        font-size: 18px;
    }

        .db-fund-change-modal__body.body--center
        {
            text-align: center;
        }

    .db-fund-change-modal__icon svg
    {
        height: 70px;
    }
}

@media screen and (min-width:1600px)
{
    .db-fund-change__title
    {
        padding: 50px 0 0;
        font-size: 48px;
    }

    .db-fund-change__amount
    {
        font-size: 72px;
    }

    .db-fund-change__info
    {
        margin: 55px 0 35px;
    }

        .db-fund-change__info .info__icon svg
        {
            height: 69px;
        }

        .db-fund-change__info .info__text
        {
            font-size: 24px;
        }

    .db-fund-change__disclaimer
    {
        margin: 32px 0;
    }

    .db-fund-change-modal__title
    {
        font-size: 22px;
    }

    .db-fund-change-modal__body
    {
        font-size: 18px;
    }
}

.db-personal-information
{
    padding: 55px 0;
}

    .db-personal-information .form-row
    {
        padding-left: 0;
        width: 310px;
    }

.db-personal-information__title
{
    font-size: 22px;
    line-height: 18px;
}

.db-personal-information__title-desc
{
    margin: 10px auto 25px;
    font-size: 16px;
}

.db-personal-information__label
{
    font-size: 14px;
    color: #6b7683;
}

.db-personal-information__input
{
    font-size: 18px;
}

.db-personal-information__hr
{
    width: 100%;
    height: 1px;
    background-color: #bababa;
    margin: 15px auto;
}

.db-personal-information__container
{
    display: block;
}

@media screen and (min-width:1024px)
{
    .db-personal-information__container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .db-personal-information
    {
        width: 100%;
        margin: 0 auto;
    }

    .db-personal-information__title, .db-personal-information__title-desc
    {
        padding: 0 30px;
    }

    .db-personal-information__row
    {
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 30px;
    }
}

@media screen and (min-width:1200px)
{
    .db-personal-information
    {
        width: 80%;
    }
}

@media screen and (min-width:1920px)
{
    .db-personal-information
    {
        width: 60%;
    }
}

html.is-family-calendar
{
    height: 100%;
    width: 100%;
    background-color: #f2f5f9;
}

    html.is-family-calendar body
    {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    html.is-family-calendar .block
    {
        position: absolute;
        top: 0;
        width: 100%;
        overflow: hidden;
        opacity: 0;
        display: none;
    }

        html.is-family-calendar .block.is-active
        {
            opacity: 1;
            display: block;
        }

.fcsm__title
{
    color: #0057c2;
    font-family: fs_joeymedium;
    font-weight: 500;
}

@media screen and (min-width:1024px)
{
    .fcsm__title
    {
        color: #fff;
        font-family: fs_joeyregular;
        font-weight: 400;
    }
}

.content-calendar
{
    height: 100vh;
}

.content-calendar__wrapper
{
    width: 100%;
    padding: 0 30px;
}

.content-calendar__title
{
    text-align: center;
    font-size: 30px;
    margin: 0 auto 20px;
}

.content-calendar__box
{
    border: 1px solid #d4dee8;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    font-size: 20px;
    padding: 12px 6px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px auto;
}

.content-calendar__icon
{
    height: 45px;
    margin-right: 10px;
}

    .content-calendar__icon svg
    {
        height: 100%;
    }

.content-calendar__button
{
    display: block;
    margin: 24px auto;
}

@media screen and (min-width:768px)
{
    .content-calendar__title
    {
        margin: 0 auto 50px;
    }
}

@media screen and (min-width:1024px)
{
    .content-calendar__box-wrapper
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
    }

    .content-calendar__title
    {
        font-size: 32px;
    }

    .content-calendar__icon
    {
        height: 60px;
    }

    .content-calendar__box
    {
        font-size: 18px;
        width: 250px;
        padding: 17px 20px;
        margin: 0 16px;
        position: relative;
    }

    .content-calendar__button
    {
        display: none;
        margin: 24px auto;
    }

    .content-calendar__check
    {
        width: 26px;
        height: 26px;
        position: absolute;
        top: -13px;
        right: -13px;
    }

        .content-calendar__check svg
        {
            width: 100%;
            height: 100%;
        }

        .content-calendar__check .cls-1
        {
            fill: #00ccc9;
        }
}

@media screen and (min-width:1200px)
{
    .content-calendar__title
    {
        font-size: 42px;
        margin: 0 auto 50px;
    }

    .content-calendar__icon
    {
        height: 65px;
    }

    .content-calendar__box
    {
        font-size: 20px;
        width: 270px;
        padding: 19px 6px;
        margin: 0 20px;
    }

    .content-calendar__check
    {
        width: 30px;
        height: 30px;
    }
}

@media screen and (min-width:1440px)
{
    .content-calendar__title
    {
        font-size: 48px;
        margin: 0 auto 55px;
    }

    .content-calendar__icon
    {
        height: 75px;
    }

    .content-calendar__box
    {
        font-size: 24px;
        width: 311px;
        padding: 22px 6px;
        margin: 0 24px;
    }

    .content-calendar__check
    {
        width: 34px;
        height: 34px;
    }
}

@media screen and (min-width:1920px)
{
    .content-calendar__title
    {
        font-size: 60px;
        margin: 0 auto 66px;
    }

    .content-calendar__icon
    {
        height: 79px;
    }

    .content-calendar__box
    {
        font-size: 26px;
        width: 328px;
    }

    .content-calendar__check
    {
        width: 36px;
        height: 36px;
    }
}

.description-content
{
    height: 100vh;
    margin-top: 0;
    background: #fff;
}

    .description-content .u-flex-center
    {
        height: 100%;
    }

    .description-content .swiper-slide
    {
        width: 100%;
    }

.description-content__wrapper
{
    padding-top: 60px;
}

.description-content__title
{
    font-size: 30px;
    text-align: center;
    font-family: fs_joeymedium;
    font-weight: 500;
    margin-top: 20px;
}

.description-content__text
{
    font-size: 18px;
    text-align: center;
    max-width: 300px;
    margin: 10px auto;
}

.description-content__button
{
    margin: 20px auto 5px;
}

.description-content__icon
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 150px;
}

    .description-content__icon svg
    {
        height: 100%;
    }

.dc-slider__pagination .swiper-pagination-bullet
{
    margin-top: 22px;
    margin-bottom: 22px;
    margin-left: 13px;
}

@media screen and (min-width:1024px)
{
    .description-content__button
    {
        display: none;
    }

    .description-content
    {
        height: -webkit-calc(100vh - 60px);
        height: calc(100vh - 60px);
    }

        .description-content .swiper-slide
        {
            width: auto;
        }

    .description-content__title
    {
        font-size: 22px;
    }

    .description-content__text
    {
        font-size: 17px;
        line-height: 21px;
    }

    .description-content__icon
    {
        height: 127px;
    }

    .description-content__box
    {
        width: 220px;
        margin: 0 30px;
    }

    .description-content__scroll
    {
        background: #fff;
    }
}

@media screen and (min-width:1200px)
{
    .description-content__title
    {
        font-size: 26px;
    }

    .description-content__text
    {
        font-size: 18px;
    }

    .description-content__box
    {
        width: 250px;
    }
}

@media screen and (min-width:1440px)
{
    .description-content__title
    {
        font-size: 32px;
    }

    .description-content__text
    {
        font-size: 20px;
    }
}

@media screen and (min-width:1920px)
{
    .description-content__box
    {
        width: 300px;
        margin: 0 70px;
    }
}

.s-header-mobile
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 10px #dde6ee;
    box-shadow: 0 0 10px #dde6ee;
    padding: 0 20px;
    position: relative;
    z-index: 100;
    background: #fff;
}

.s-header-mobile__logo
{
    padding: 10px;
    font-size: 0;
    margin: 10px 0;
    cursor: pointer;
}

    .s-header-mobile__logo svg
    {
        width: 100px;
        height: 20px;
    }

.s-header-mobile__icon-back
{
    padding: 8px;
    margin-left: -8px;
    font-size: 0;
    cursor: pointer;
}

    .s-header-mobile__icon-back svg
    {
        width: 14px;
        height: 14px;
        fill: #0057c2;
    }

.s-header-mobile__icon-options
{
    padding: 5px;
    margin-right: -5px;
    font-size: 0;
    cursor: pointer;
}

    .s-header-mobile__icon-options svg
    {
        width: 26px;
        height: 26px;
    }

        .s-header-mobile__icon-options svg g
        {
            fill: #6e7889;
        }

.s-header-mobile__option-left, .s-header-mobile__option-right
{
    min-width: 50px;
}

.s-header-mobile__option-right
{
    text-align: right;
}

.s-header-mobile__option-left
{
    text-align: left;
}

@media screen and (min-width:1024px)
{
    .s-header-mobile
    {
        display: none;
    }
}

.p-event-list__content
{
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 50;
    min-height: -webkit-calc(100vh - 60px);
    min-height: calc(100vh - 60px);
    background: #f6fcff;
}

    .p-event-list__content.isOpen
    {
        height: -webkit-calc(100vh - 60px);
        height: calc(100vh - 60px);
    }

        .p-event-list__content.isOpen .p-event-list__options
        {
            left: 0;
        }

.p-event-list__options
{
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding: 25px 20px;
    background: #fff;
    z-index: 20;
}

.p-event-list__options-item
{
    margin-bottom: 20px;
}

.p-event-list__list
{
    width: 100%;
    z-index: 10;
    position: relative;
}

.p-event-list__options-title
{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.p-event-list__options-button
{
    text-align: center;
    padding: 0 10px;
}

    .p-event-list__options-button .e-button
    {
        display: block;
        max-width: 300px;
        margin: 0 auto;
    }

@media screen and (min-width:1024px)
{
    .p-event-list__content
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .p-event-list__options
    {
        position: relative;
        width: 260px;
        left: 0;
        min-height: -webkit-calc(100vh - 60px);
        min-height: calc(100vh - 60px);
    }

    .p-event-list__list
    {
        width: -webkit-calc(100% - 260px);
        width: calc(100% - 260px);
    }
}

.c-tab__header
{
    position: relative;
    background: #fff;
}

.c-tab__header-inner
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    font-weight: 400;
    position: relative;
    z-index: 10;
}

.c-tab__header-item
{
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 18px;
    line-height: 21px;
    padding: 16px 0;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

    .c-tab__header-item.isActive
    {
        border-bottom: 2px solid #0057c2;
        color: #0057c2;
    }

.c-tab__content
{
    padding: 15px;
    display: none;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .c-tab__content.isActive
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

.c-tab__content-button-next
{
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 30px 0;
}

.c-tab__content-group-title
{
    padding: 12px 0;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 15px;
}

@-webkit-keyframes spin
{
    0%
    {
        left: -40px;
    }

    to
    {
        left: 100%;
    }
}

@-o-keyframes spin
{
    0%
    {
        left: -40px;
    }

    to
    {
        left: 100%;
    }
}

@keyframes spin
{
    0%
    {
        left: -40px;
    }

    to
    {
        left: 100%;
    }
}

.c-tab__content-group-list-items
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.c-tab__content-item
{
    margin: 0 auto 15px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    max-width: 400px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    .c-tab__content-item.isFake
    {
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 0;
    }

.c-tab__content-item-inner-size
{
    padding-top: 74%;
}

.c-tab__content-item-container-image
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.c-tab__content-item-image
{
    width: 100%;
    height: 100%;
}

.c-tab__content-item-overlay
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    width: 100%;
    height: 90%;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.75)));
    background: -webkit-linear-gradient(transparent,rgba(0,0,0,.75));
    background: -o-linear-gradient(transparent,rgba(0,0,0,.75));
    background: linear-gradient(transparent,rgba(0,0,0,.75));
}

.c-tab__content-item-inner
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 30;
    width: 100%;
    padding: 0 17px 30px 30px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff;
}

.c-tab__content-item-description
{
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}

.c-tab__content-item-category
{
    font-size: 12px;
}

.c-tab__content-item-title
{
    position: relative;
    padding-right: 5px;
    margin-bottom: 5px;
}

    .c-tab__content-item-title:before
    {
        content: "";
        position: absolute;
        left: -8px;
        top: 6px;
        width: 2px;
        height: 18px;
        background: #00aec7;
    }

.c-tab__content-item-title-text
{
    max-height: 52px;
    max-width: 100%;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.c-tab__content-item-ubication
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.c-tab__content-item-ubication-icon
{
    width: 20px;
    height: 22px;
    margin: 0 5px 0 -3px;
    padding-top: 2px;
}

    .c-tab__content-item-ubication-icon svg circle, .c-tab__content-item-ubication-icon svg path
    {
        stroke: #fff;
    }

.c-tab__content-item-ubication-text
{
    font-size: 16px;
    text-transform: capitalize;
}

.c-tab__content-item-date
{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background: #ffe946;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.c-tab__content-item-date-day
{
    font-size: 20px;
    color: #0057c2;
    font-weight: 700;
    line-height: 20px;
}

.c-tab__content-item-date-month
{
    font-size: 14px;
    color: #0057c2;
    font-weight: 700;
    line-height: 14px;
    padding-bottom: 2px;
}

.c-tab__content-no-results
{
    text-align: center;
    margin: 20px 0;
}

.c-tab__content-item.isLoading
{
    cursor: default;
    background: #e1e7ef;
}

    .c-tab__content-item.isLoading .c-tab__content-item-date
    {
        background: #c9ced6;
    }

        .c-tab__content-item.isLoading .c-tab__content-item-date:before
        {
            content: "";
            position: absolute;
            width: 40px;
            height: 100%;
            background: -webkit-gradient(linear,left top,right top,from(#c9ced6),color-stop(#d2d6dd),to(#c9ced6));
            background: -webkit-linear-gradient(left,#c9ced6,#d2d6dd,#c9ced6);
            background: -o-linear-gradient(left,#c9ced6,#d2d6dd,#c9ced6);
            background: linear-gradient(90deg,#c9ced6,#d2d6dd,#c9ced6);
            -webkit-animation: spin .6s linear infinite;
            -o-animation: spin .6s linear infinite;
            animation: spin .6s linear infinite;
        }

    .c-tab__content-item.isLoading .c-tab__content-item-category, .c-tab__content-item.isLoading .c-tab__content-item-title, .c-tab__content-item.isLoading .c-tab__content-item-ubication-text
    {
        height: 11px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        background: #c9ced6;
        position: relative;
        overflow: hidden;
    }

        .c-tab__content-item.isLoading .c-tab__content-item-category:before, .c-tab__content-item.isLoading .c-tab__content-item-title:before, .c-tab__content-item.isLoading .c-tab__content-item-ubication-text:before
        {
            content: "";
            position: absolute;
            width: 40px;
            height: 100%;
            background: -webkit-gradient(linear,left top,right top,from(#c9ced6),color-stop(#d2d6dd),to(#c9ced6));
            background: -webkit-linear-gradient(left,#c9ced6,#d2d6dd,#c9ced6);
            background: -o-linear-gradient(left,#c9ced6,#d2d6dd,#c9ced6);
            background: linear-gradient(90deg,#c9ced6,#d2d6dd,#c9ced6);
            -webkit-animation: spin .6s linear infinite;
            -o-animation: spin .6s linear infinite;
            animation: spin .6s linear infinite;
        }

    .c-tab__content-item.isLoading .c-tab__content-item-category
    {
        width: 45%;
        margin-bottom: 8px;
    }

    .c-tab__content-item.isLoading .c-tab__content-item-title
    {
        width: 55%;
        margin-bottom: 18px;
    }

    .c-tab__content-item.isLoading .c-tab__content-item-ubication-icon
    {
        height: 12px;
        width: 12px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #c9ced6;
        margin-right: 7px;
        position: relative;
        overflow: hidden;
    }

        .c-tab__content-item.isLoading .c-tab__content-item-ubication-icon:before
        {
            content: "";
            position: absolute;
            width: 40px;
            height: 100%;
            background: -webkit-gradient(linear,left top,right top,from(#c9ced6),color-stop(#d2d6dd),to(#c9ced6));
            background: -webkit-linear-gradient(left,#c9ced6,#d2d6dd,#c9ced6);
            background: -o-linear-gradient(left,#c9ced6,#d2d6dd,#c9ced6);
            background: linear-gradient(90deg,#c9ced6,#d2d6dd,#c9ced6);
            -webkit-animation: spin .6s linear infinite;
            -o-animation: spin .6s linear infinite;
            animation: spin .6s linear infinite;
        }

    .c-tab__content-item.isLoading .c-tab__content-item-ubication-text
    {
        width: 50%;
        height: 6px;
    }

@media screen and (min-width:700px)
{
    .c-tab__content-group-list-items
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .c-tab__content-item
    {
        max-width: -webkit-calc((100% - 15px)/2);
        max-width: calc((100% - 15px) / 2);
        margin: 0 0 15px;
    }
}

@media screen and (min-width:900px)
{
    .c-tab__content-item
    {
        max-width: -webkit-calc((100% - 30px)/3);
        max-width: calc((100% - 30px) / 3);
    }
}

@media screen and (min-width:1024px)
{
    .c-tab__header:before
    {
        content: "";
        width: 100%;
        height: 1px;
        background: #f2f5f9;
        position: absolute;
        z-index: 5;
        bottom: 0;
        left: 0;
    }

    .c-tab__header
    {
        background: transparent;
    }

    .c-tab__header-item
    {
        padding: 18px 0;
        line-height: 22px;
    }

    .c-tab__header-inner
    {
        max-width: 500px;
        margin: 0 auto;
    }

    .c-tab__content
    {
        padding: 20px 30px;
    }

    .c-tab__content-group-title
    {
        font-size: 20px;
        border-bottom: none;
        padding: 10px 0;
        margin-bottom: 5px;
    }

    .c-tab__content-item
    {
        max-width: -webkit-calc((100% - 15px)/2);
        max-width: calc((100% - 15px) / 2);
        -webkit-box-shadow: 0 0 8px #dde6ee;
        box-shadow: 0 0 8px #dde6ee;
    }

    .c-tab__content-item-image
    {
        height: auto;
        margin-top: -10%;
    }

    .c-tab__content-item-inner-size
    {
        padding-top: 90%;
    }

    .c-tab__content-item-overlay
    {
        display: none;
    }

    .c-tab__content-item-inner
    {
        height: 45%;
        background: #fff;
        color: #4c5662;
        padding: 24px 30px 0;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .c-tab__content-item-title
    {
        margin-bottom: 5px;
    }

        .c-tab__content-item-title:before
        {
            top: 5px;
            left: -10px;
            height: 14px;
        }

    .c-tab__content-item-title-text
    {
        font-size: 18px;
        line-height: 20px;
    }

    .c-tab__content-item-ubication-icon
    {
        width: 18px;
        height: 18px;
    }

        .c-tab__content-item-ubication-icon svg circle, .c-tab__content-item-ubication-icon svg path
        {
            stroke: #4c5662;
        }

    .c-tab__content-item-date
    {
        position: absolute;
        right: 14px;
        top: -22px;
        width: 44px;
        height: 44px;
    }

    .c-tab__content-item-date-day
    {
        font-size: 16px;
        line-height: 16px;
    }

    .c-tab__content-item-date-month
    {
        font-size: 12px;
        line-height: 12px;
    }
}

@media screen and (min-width:1200px)
{
    .c-tab__content
    {
        padding: 20px 50px;
    }
}

@media screen and (min-width:1300px)
{
    .c-tab__content-item
    {
        max-width: -webkit-calc((100% - 30px)/3);
        max-width: calc((100% - 30px) / 3);
    }
}

.p-event-detail
{
    min-height: 100vh;
    background: #f6fcff;
}

.p-event-detail__figure
{
    width: 100%;
    position: relative;
}

.p-event-detail__figure-inner
{
    padding-top: 74%;
}

.p-event-detail__figure-image
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.p-event-detail__figure-overlay
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    width: 100%;
    height: 90%;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.75)));
    background: -webkit-linear-gradient(transparent,rgba(0,0,0,.75));
    background: -o-linear-gradient(transparent,rgba(0,0,0,.75));
    background: linear-gradient(transparent,rgba(0,0,0,.75));
}

.p-event-detail__figure-detail
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 30;
    width: 100%;
    padding: 0 20px 30px 30px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff;
}

.p-event-detail__figure-description
{
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}

.p-event-detail__figure-category
{
    font-size: 11px;
}

.p-event-detail__figure-title
{
    position: relative;
    padding-right: 5px;
    margin-bottom: 5px;
}

    .p-event-detail__figure-title:before
    {
        content: "";
        position: absolute;
        left: -10px;
        top: 6px;
        width: 2px;
        height: 18px;
        background: #00aec7;
    }

.p-event-detail__figure-title-text
{
    max-height: 52px;
    max-width: 100%;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.p-event-detail__figure-ubication
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-event-detail__figure-ubication-icon
{
    width: 20px;
    height: 22px;
    margin: 0 5px 0 -3px;
    padding-top: 2px;
}

    .p-event-detail__figure-ubication-icon svg circle, .p-event-detail__figure-ubication-icon svg path
    {
        stroke: #fff;
    }

.p-event-detail__figure-ubication-text
{
    font-size: 16px;
    text-transform: capitalize;
}

.p-event-detail__figure-date
{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background: #ffe946;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-event-detail__figure-date-day
{
    font-size: 20px;
    color: #0057c2;
    font-weight: 700;
    line-height: 20px;
}

.p-event-detail__figure-date-month
{
    font-size: 14px;
    color: #0057c2;
    font-weight: 700;
    line-height: 14px;
    padding-bottom: 2px;
}

.p-event-detail__detail
{
    padding: 35px 35px 15px;
}

.p-event-detail__detail-top
{
    display: none;
}

.p-event-detail__detail-top-ubication-text
{
    text-transform: capitalize;
}

.p-event-detail__detail-description
{
    font-size: 18px;
    line-height: 26px;
}

.p-event-detail__info
{
    padding: 0 35px;
}

.p-event-detail__info-title
{
    display: none;
}

.p-event-detail__info-subtitle
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}

    .p-event-detail__info-subtitle svg
    {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        fill: #00aec7;
    }

        .p-event-detail__info-subtitle svg circle, .p-event-detail__info-subtitle svg path
        {
            stroke: #00aec7;
        }

.p-event-detail__info-subtitle-text
{
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
}

.p-event-detail__info-text
{
    font-size: 18px;
    line-height: 26px;
}

.p-event-detail__info-link
{
    text-decoration: underline;
    color: #0057c2;
}

.p-event-detail__info-item
{
    padding: 30px 0;
    border-bottom: 1px solid #e2e2e2;
}

    .p-event-detail__info-item:last-child
    {
        border-bottom: none;
    }

@media screen and (min-width:480px)
{
    .p-event-detail__figure-detail
    {
        padding: 0 30px 30px 40px;
    }

    .p-event-detail__figure-date
    {
        width: 60px;
        height: 60px;
    }
}

@media screen and (min-width:600px) and (max-width:960px)
{
    .p-event-detail__figure
    {
        overflow: hidden;
    }

    .p-event-detail__figure-inner
    {
        padding-top: 45%;
    }

    .p-event-detail__figure-image
    {
        height: auto;
        margin-top: -12%;
    }
}

@media screen and (min-width:960px)
{
    .p-event-detail__content
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 20px;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .p-event-detail__figure
    {
        width: 30%;
    }

    .p-event-detail__figure-detail, .p-event-detail__figure-overlay
    {
        display: none;
    }

    .p-event-detail__figure-image
    {
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }

    .p-event-detail__detail
    {
        width: 42%;
        padding: 18px 25px 0 80px;
    }

    .p-event-detail__detail-top
    {
        display: block;
        position: relative;
    }

    .p-event-detail__detail-top-date
    {
        width: 42px;
        height: 42px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
        background: #ffe946;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        left: -55px;
        top: -5px;
    }

    .p-event-detail__detail-top-title
    {
        font-size: 26px;
        font-weight: 700;
        line-height: 28px;
    }

    .p-event-detail__detail-top-date-day
    {
        font-size: 16px;
        color: #0057c2;
        font-weight: 700;
        line-height: 16px;
    }

    .p-event-detail__detail-top-date-month
    {
        font-size: 12px;
        color: #0057c2;
        font-weight: 700;
        line-height: 12px;
        padding-bottom: 2px;
    }

    .p-event-detail__detail-top-ubication
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 8px 0 12px;
    }

        .p-event-detail__detail-top-ubication .p-event-detail__detail-top-ubication-icon
        {
            margin-right: 5px;
        }

            .p-event-detail__detail-top-ubication .p-event-detail__detail-top-ubication-icon svg
            {
                width: 18px;
                height: 18px;
            }

                .p-event-detail__detail-top-ubication .p-event-detail__detail-top-ubication-icon svg circle, .p-event-detail__detail-top-ubication .p-event-detail__detail-top-ubication-icon svg path
                {
                    stroke: #4c5662;
                }

    .p-event-detail__detail-description
    {
        font-size: 14px;
        line-height: 20px;
    }

    .p-event-detail__info
    {
        border: 1px solid #e2e2e2;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 0;
        overflow: hidden;
        width: 28%;
        background: #fff;
    }

    .p-event-detail__info-title
    {
        display: block;
        background: #f2f5f9;
        padding: 10px 25px;
    }

    .p-event-detail__info-item
    {
        margin: 0 25px;
    }

    .p-event-detail__info-subtitle
    {
        margin-bottom: 8px;
    }

    .p-event-detail__info-subtitle-text
    {
        font-size: 14px;
        line-height: 16px;
    }

    .p-event-detail__info-subtitle svg
    {
        width: 17px;
        height: 17px;
    }

    .p-event-detail__info-text
    {
        font-size: 12px;
        line-height: 16px;
        margin-left: 28px;
    }
}

@media screen and (min-width:1200px)
{
    .p-event-detail__content
    {
        padding: 40px;
    }
}

@media screen and (min-width:1200px)
{
    .p-event-detail__detail-top-title
    {
        font-size: 30px;
        line-height: 34px;
    }

    .p-event-detail__detail
    {
        padding: 18px 30px 0 90px;
    }

    .p-event-detail__detail-top-date
    {
        width: 47px;
        height: 47px;
        left: -65px;
    }

    .p-event-detail__detail-top-ubication
    {
        margin: 16px 0;
    }

    .p-event-detail__detail-top-ubication-text
    {
        font-size: 16px;
    }

    .p-event-detail__detail-description
    {
        font-size: 16px;
        line-height: 22px;
    }

    .p-event-detail__info-title
    {
        font-size: 18px;
        padding: 20px 30px;
    }

    .p-event-detail__info-subtitle-text
    {
        font-size: 16px;
        line-height: 18px;
    }

    .p-event-detail__info-text
    {
        font-size: 14px;
        line-height: 18px;
    }
}

@-webkit-keyframes scrollDownAnimation
{
    0%
    {
        background-position: 0 -50px;
    }

    75%
    {
        background-position: 0 0;
    }

    to
    {
        background-position: 0 50px;
    }
}

@-o-keyframes scrollDownAnimation
{
    0%
    {
        background-position: 0 -50px;
    }

    75%
    {
        background-position: 0 0;
    }

    to
    {
        background-position: 0 50px;
    }
}

@keyframes scrollDownAnimation
{
    0%
    {
        background-position: 0 -50px;
    }

    75%
    {
        background-position: 0 0;
    }

    to
    {
        background-position: 0 50px;
    }
}

@-webkit-keyframes TextFadeInRightAnimation
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(30%,0,0);
        transform: translate3d(30%,0,0);
        letter-spacing: 10px;
        white-space: nowrap;
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        letter-spacing: 0;
        white-space: nowrap;
    }
}

@-o-keyframes TextFadeInRightAnimation
{
    0%
    {
        opacity: 0;
        transform: translate3d(30%,0,0);
        letter-spacing: 10px;
        white-space: nowrap;
    }

    to
    {
        opacity: 1;
        transform: translateZ(0);
        letter-spacing: 0;
        white-space: nowrap;
    }
}

@keyframes TextFadeInRightAnimation
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(30%,0,0);
        transform: translate3d(30%,0,0);
        letter-spacing: 10px;
        white-space: nowrap;
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        letter-spacing: 0;
        white-space: nowrap;
    }
}

@-webkit-keyframes FadeInRightAnimation
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(30%,0,0);
        transform: translate3d(30%,0,0);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-o-keyframes FadeInRightAnimation
{
    0%
    {
        opacity: 0;
        transform: translate3d(30%,0,0);
    }

    to
    {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes FadeInRightAnimation
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(30%,0,0);
        transform: translate3d(30%,0,0);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.e-animation-fadein-right
{
    -webkit-animation: .6s FadeInRightAnimation;
    -o-animation: .6s FadeInRightAnimation;
    animation: .6s FadeInRightAnimation;
}

@-webkit-keyframes FadeInUpAnimation
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,0);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-o-keyframes FadeInUpAnimation
{
    0%
    {
        opacity: 0;
        transform: translate3d(0,50%,0);
    }

    to
    {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes FadeInUpAnimation
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,0);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.e-animation-fadein-up
{
    -webkit-animation: .6s FadeInUpAnimation;
    -o-animation: .6s FadeInUpAnimation;
    animation: .6s FadeInUpAnimation;
}

@-webkit-keyframes FadeInUpAnimationSelect
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-o-keyframes FadeInUpAnimationSelect
{
    0%
    {
        opacity: 0;
        transform: translate3d(0,-10%,0);
    }

    to
    {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes FadeInUpAnimationSelect
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.e-animation-fadein-up-select
{
    -webkit-animation: .6s FadeInUpAnimationSelect;
    -o-animation: .6s FadeInUpAnimationSelect;
    animation: .6s FadeInUpAnimationSelect;
}

@-webkit-keyframes FadeInLeftAnimation
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(-30%,0,0);
        transform: translate3d(-30%,0,0);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-o-keyframes FadeInLeftAnimation
{
    0%
    {
        opacity: 0;
        transform: translate3d(-30%,0,0);
    }

    to
    {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes FadeInLeftAnimation
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(-30%,0,0);
        transform: translate3d(-30%,0,0);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-webkit-keyframes ScaleInAnimation
{
    0%
    {
        -webkit-transform: scale(.1);
        transform: scale(.1);
    }

    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes ScaleInAnimation
{
    0%
    {
        -o-transform: scale(.1);
        transform: scale(.1);
    }

    to
    {
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ScaleInAnimation
{
    0%
    {
        -webkit-transform: scale(.1);
        -o-transform: scale(.1);
        transform: scale(.1);
    }

    to
    {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.c-header-overlay
{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    padding: 0 20px;
}

.c-header-overlay, .c-header-overlay__left
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.c-header-overlay, .c-header-overlay__left, .c-header-overlay__menu
{
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.c-header-overlay__menu
{
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
    display: none;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

body.usingMenuMobile .c-header-overlay__menu
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.c-header-overlay__menu-icon
{
    fill: #fff;
    width: 12px;
}

.c-header-overlay__logo-link
{
    font-size: 0;
}

.c-header-overlay__logo
{
    width: 110px;
    height: 34px;
}

@media screen and (min-width:768px)
{
    .c-header-overlay__logo
    {
        width: 130px;
        height: 40px;
    }
}

@media screen and (min-width:1200px)
{
    .c-header-overlay
    {
        height: 75px;
        padding: 0 40px;
    }

    body.usingMenuMobile .c-header-overlay__menu
    {
        display: none;
    }
}

@media screen and (min-width:1200px)
{
    .c-header-links
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .c-header-links__item
    {
        margin-right: 40px;
        font-size: 16px;
    }

        .c-header-links__item.isActive
        {
            font-family: fs_joeymedium;
        }
}

@media screen and (min-width:1366px)
{
    .c-header-links__item
    {
        margin-right: 50px;
        font-size: 18px;
    }
}

.c-accordion-section
{
    padding: 5px 10px;
    border-bottom: 1px solid #c1c7d5;
}

.c-accordion-section__content-container
{
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;
    margin-bottom: 16px;
}

.c-accordion-section__title
{
    cursor: pointer;
    padding: 16px 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.c-accordion-section__index
{
    min-width: 30px;
}

.c-accordion-section__label
{
    width: -webkit-fill-available;
}

.c-accordion-section__icon
{
    margin-left: 8px;
}

    .c-accordion-section__icon svg
    {
        height: 15px;
        width: 15px;
    }

    .c-accordion-section__icon.c-accordion-section__icon-up svg
    {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.c-table__header
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.c-table__header-th
{
    background: #0057c2;
    padding: 20px 12px;
    color: #fff;
}

    .c-table__header-th.isRight
    {
        text-align: right;
    }

    .c-table__header-th:first-child
    {
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    .c-table__header-th:last-child
    {
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
    }

.c-table__body-tr
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #c1c7d5;
}

.c-table__body-td
{
    padding: 20px 12px;
}

    .c-table__body-td.isRight
    {
        text-align: right;
    }

@media screen and (min-width:768px)
{
    .c-table__body-td, .c-table__header-th
    {
        padding: 12px 20px;
    }
}

.c-imagetext__img, .c-imagetext__img-container, .c-imagetext__picture
{
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    overflow: hidden;
}

.c-imagetext__text-container
{
    min-height: auto;
    padding-top: 35px;
    padding-bottom: 35px;
}

.c-imagetext__left-image, .c-imagetext__right-image, .c-imagetext__text-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.c-imagetext__text-container
{
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.c-imagetext__text-inner
{
    margin: auto;
}

.c-imagetext__button-container
{
    margin-top: 22px;
}

.c-imagetext__text
{
    margin-top: 16px;
}

    .c-imagetext__text.c-imagetext__text-2
    {
        margin-top: 11px;
    }

.c-imagetext__phone-container
{
    margin-top: 20px;
}

@media screen and (min-width:375px)
{
    .c-imagetext__img, .c-imagetext__img-container, .c-imagetext__picture, .c-imagetext__text-container
    {
        min-height: 320px;
    }

    .c-imagetext__text-container
    {
        height: auto;
    }
}

@media screen and (min-width:768px)
{
    .c-imagetext__left-image, .c-imagetext__right-image
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .c-imagetext__img-container, .c-imagetext__text-container
    {
        width: 50%;
    }

    .c-imagetext__right-image
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .c-imagetext__right-image .c-imagetext__img-container
        {
            -webkit-order: 2;
            -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .c-imagetext__right-image .c-imagetext__text-container
        {
            -webkit-order: 1;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

    .c-imagetext__text-inner
    {
        width: 80%;
    }
}

@media screen and (min-width:960px)
{
    .c-imagetext__text-inner
    {
        width: 70%;
    }
}

@media screen and (min-width:1024px)
{
    .c-imagetext__img, .c-imagetext__img-container, .c-imagetext__picture, .c-imagetext__text-container
    {
        min-height: 504px;
    }
}

@media screen and (min-width:1200px)
{
    .c-imagetext__text-container
    {
        padding: 0;
    }

    .c-imagetext__text-inner
    {
        width: 512px;
    }

    .c-imagetext__right-image .c-imagetext__text-inner
    {
        margin-right: 0;
        padding-right: 10%;
    }

    .c-imagetext__left-image .c-imagetext__text-inner
    {
        margin-left: 0;
        padding-left: 10%;
    }
}

@media screen and (min-width:1600px)
{
    .c-imagetext__img, .c-imagetext__img-container, .c-imagetext__picture, .c-imagetext__text-container
    {
        min-height: 520px;
    }

    .c-imagetext__text-inner
    {
        width: 600px;
    }
}

@media screen and (min-width:1920px)
{
    .c-imagetext__img, .c-imagetext__img-container, .c-imagetext__picture, .c-imagetext__text-container
    {
        min-height: 664px;
    }

    .c-imagetext__text-inner
    {
        width: 700px;
    }
}

.c-imagetext-v2
{
    padding-top: 60px;
    font-size: 0;
    text-align: center;
}

.c-imagetext-v2__title
{
    margin-bottom: 5px;
}

.c-imagetext-v2__subtitle
{
    color: #6a798b;
}

.c-imagetext-v2__img-container
{
    margin-top: 30px;
}

.c-imagetext-v2__img
{
    width: 100%;
    max-width: 400px;
}

@media screen and (min-width:768px)
{
    .c-imagetext-v2__img-container
    {
        margin-top: 25px;
    }
}

@media screen and (min-width:1200px)
{
    .c-imagetext-v2
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-top: 0;
    }

    .c-imagetext-v2__content
    {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        text-align: left;
        width: 50%;
    }

    .c-imagetext-v2__img-container
    {
        width: 50%;
        margin-top: 0;
        padding-top: 70px;
    }

    .c-imagetext-v2__img
    {
        max-width: 480px;
    }
}

@media screen and (min-width:1600px)
{
    .c-imagetext-v2__img
    {
        width: 600px;
        max-width: none;
    }

    .c-imagetext-v2__img-container
    {
        padding-top: 80px;
    }
}

.c-tabs__header
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
}

.c-tabs__header-item-title
{
    color: #c1c7d5;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    text-align: center;
}

.c-tabs__header-item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0;
    cursor: pointer;
}

    .c-tabs__header-item svg
    {
        width: 28px;
        height: 25px;
        margin-right: 10px;
    }

        .c-tabs__header-item svg path
        {
            -webkit-transition: .2s linear;
            -o-transition: .2s linear;
            transition: .2s linear;
            fill: #c1c7d5;
            stroke: #c1c7d5;
        }

    .c-tabs__header-item.isActive .c-tabs__header-item-title
    {
        color: #0057c2;
    }

    .c-tabs__header-item.isActive svg path
    {
        fill: #0057c2;
        stroke: #0057c2;
    }

.c-tabs__header-line
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 3px;
    background: #c1c7d5;
}

.c-tabs__header-line-active
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    height: 3px;
    background: #0057c2;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    -o-transition: -o-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1),-o-transform .3s cubic-bezier(.645,.045,.355,1);
}

.c-tabs__body
{
    position: relative;
    overflow: hidden;
}

.c-tabs__body-item
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    opacity: 0;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    visibility: hidden;
}

    .c-tabs__body-item.isActive
    {
        visibility: visible;
        position: relative;
        z-index: 20;
        opacity: 1;
    }

@media screen and (min-width:768px)
{
    .c-tabs__header-item svg
    {
        width: 35px;
        height: 31px;
    }
}

body.isOpenModal, body.isOpenModal main
{
    overflow: hidden;
}

.c-modal
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2001;
}

    .c-modal.isOpen
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .c-modal.isHide
    {
        display: none;
    }

.c-modal__main
{
    position: relative;
    background: #fff;
    height: auto;
    -webkit-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    padding: 40px 20px 20px;
    text-align: center;
    overflow-y: auto;
    max-height: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    max-width: 90%;
}

.c-modal__close
{
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
}

    .c-modal__close svg
    {
        height: 15px;
        width: 15px;
        fill: #c1c7d5;
    }

.c-modal__button
{
    margin: 20px auto 0;
}

.c-modal__icon svg
{
    height: 55px;
    width: 55px;
    fill: #00aec7;
}

@media screen and (max-width:767px)
{
    .c-modal.c-modal--full-mobile .c-modal__main
    {
        width: 100%;
        height: 100%;
    }
}

@media screen and (min-width:768px)
{
    .c-modal__main
    {
        padding: 40px 45px 30px;
    }
}

@media screen and (min-width:1200px)
{
    .c-modal__main
    {
        padding: 40px 45px;
    }
}

body.usingMenuMobile [class^=p-]
{
    position: relative;
    -webkit-transition: .3s cubic-bezier(.72,0,.19,.99);
    -o-transition: cubic-bezier(.72,0,.19,.99) .3s;
    transition: .3s cubic-bezier(.72,0,.19,.99);
    left: 0;
}

body.usingMenuMobile.isOpenMenuMobile
{
    overflow: hidden;
}

    body.usingMenuMobile.isOpenMenuMobile [class^=p-]
    {
        left: 280px;
    }

    body.usingMenuMobile.isOpenMenuMobile main
    {
        overflow: hidden;
    }

.c-menu-mobile__overlay
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100vw;
    height: 100vh;
    -webkit-transition: background .3s linear;
    -o-transition: .3s linear background;
    transition: background .3s linear;
    pointer-events: none;
}

.c-menu-mobile__content
{
    position: fixed;
    width: 280px;
    height: 100%;
    top: 0;
    left: -280px;
    z-index: 10100;
    -webkit-transition: .3s cubic-bezier(.72,0,.19,.99);
    -o-transition: cubic-bezier(.72,0,.19,.99) .3s;
    transition: .3s cubic-bezier(.72,0,.19,.99);
    overflow-y: auto;
    background: #fff;
}

.c-menu-mobile.isOpen .c-menu-mobile__overlay
{
    background: rgba(0,0,0,.6);
    pointer-events: auto;
}

.c-menu-mobile.isOpen .c-menu-mobile__content
{
    left: 0;
}

.c-menu-mobile__item, .c-menu-mobile__salute
{
    padding: 20px 25px;
    border-bottom: 1px solid #c1c7d5;
}

.c-menu-mobile__salute-icon
{
    position: absolute;
    width: 15px;
    height: 16px;
    right: -14px;
    top: -11px;
}

    .c-menu-mobile__salute-icon path
    {
        fill: #00aec7;
    }

.c-menu-mobile__salute-text
{
    position: relative;
    display: inline-block;
}

.c-menu-mobile__item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .c-menu-mobile__item.isActive, .c-menu-mobile__item:hover
    {
        background: rgba(0,174,199,.1);
        color: #00aec7;
    }

.c-menu-mobile__item-sub
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px;
    color: #6a798b;
}

    .c-menu-mobile__item-sub svg
    {
        width: 35px;
        height: 30px;
        fill: #6a798b;
    }

        .c-menu-mobile__item-sub svg path
        {
            fill: #6a798b;
        }

    .c-menu-mobile__item-sub.isActive, .c-menu-mobile__item-sub:hover
    {
        background: rgba(0,174,199,.1);
        color: #00aec7;
    }

        .c-menu-mobile__item-sub.isActive svg, .c-menu-mobile__item-sub.isActive svg ellipse, .c-menu-mobile__item-sub.isActive svg path, .c-menu-mobile__item-sub:hover svg, .c-menu-mobile__item-sub:hover svg ellipse, .c-menu-mobile__item-sub:hover svg path
        {
            fill: #00aec7;
        }

.c-menu-mobile__item-sub-right
{
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    margin-left: 15px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 25px 20px 0;
}

.c-menu-mobile__item-wrapper
{
    height: -webkit-calc(100% - 128px);
    height: calc(100% - 128px);
    overflow-y: auto;
}

@media screen and (min-width:375px)
{
    body.usingMenuMobile.isOpenMenuMobile [class^=p-]
    {
        left: 300px;
    }

    .c-menu-mobile__content
    {
        width: 300px;
        left: -300px;
    }
}

@media screen and (min-width:768px)
{
    body.usingMenuMobile.isOpenMenuMobile [class^=p-]
    {
        left: 380px;
    }

    .c-menu-mobile__content
    {
        width: 380px;
        left: -380px;
    }

    .c-menu-mobile__salute-text
    {
        font-size: 32px;
    }
}

@media screen and (min-width:1200px)
{
    body.usingMenuMobile.isOpenMenuMobile
    {
        overflow: auto;
    }

        body.usingMenuMobile.isOpenMenuMobile [class^=p-]
        {
            left: 0;
        }
}

.c-wizard
{
    overflow-x: hidden;
}

.c-wizard__step-content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.c-wizard__content
{
    width: 100%;
    position: relative;
    z-index: 0;
    white-space: nowrap;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.c-wizard__step
{
    margin: 0;
    border: 0;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 9px;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #e5e5e5;
    background: -webkit-gradient(linear,right top,left top,color-stop(50%,#e5e5e5),color-stop(50%,#00aec7));
    background: -webkit-linear-gradient(right,#e5e5e5 50%,#00aec7 0);
    background: -o-linear-gradient(right,#e5e5e5 50%,#00aec7 50%);
    background: linear-gradient(270deg,#e5e5e5 50%,#00aec7 0);
    -webkit-background-size: 200% 100%;
    background-size: 200% 100%;
    background-position: 100% 100%;
}

    .c-wizard__step.isVisited
    {
        background: #00aec7;
    }

    .c-wizard__step.isActive
    {
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        background-position: 0 100%;
        -webkit-transition: background 1s ease;
        -o-transition: background 1s ease;
        transition: background 1s ease;
    }

.c-wizard__step-circle
{
    display: none;
}

.c-wizard__content-item
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    white-space: normal;
}

    .c-wizard__content-item.isActive
    {
        height: auto;
        overflow: auto;
    }

@media screen and (min-width:1200px)
{
    .c-wizard__step, .c-wizard__step-content
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .c-wizard__step
    {
        height: 42px;
        width: 42px;
        color: #fff;
        background: #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 2px solid #c1c7d5;
        padding: 4px;
        position: relative;
        margin: 0 30px;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-flex: initial;
        -moz-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }

        .c-wizard__step:after
        {
            left: 40px;
            right: -33px;
        }

        .c-wizard__step:after, .c-wizard__step:before
        {
            content: "";
            position: absolute;
            bottom: 10px;
            height: .5em;
            border-top: 2px solid #c1c7d5;
            -webkit-transition: background .4s ease-in-out;
            -o-transition: background .4s ease-in-out;
            transition: background .4s ease-in-out;
        }

        .c-wizard__step:before
        {
            left: -33px;
            right: 40px;
        }

        .c-wizard__step:first-child:before, .c-wizard__step:last-child:after
        {
            display: none;
        }

        .c-wizard__step.isActive
        {
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
        }

            .c-wizard__step.isActive:after, .c-wizard__step.isActive:before, .c-wizard__step.isVisited:after, .c-wizard__step.isVisited:before
            {
                border-top: 2px solid #0057c2;
                -webkit-transition: background .4s ease-in-out;
                -o-transition: background .4s ease-in-out;
                transition: background .4s ease-in-out;
            }

        .c-wizard__step.isActive, .c-wizard__step.isVisited
        {
            border: 2px solid #0057c2;
            -webkit-transition: background .4s ease-in-out;
            -o-transition: background .4s ease-in-out;
            transition: background .4s ease-in-out;
        }

            .c-wizard__step.isActive .c-wizard__step-circle, .c-wizard__step.isVisited .c-wizard__step-circle
            {
                background: #0057c2;
                -webkit-transition: background .4s ease-in-out;
                -o-transition: background .4s ease-in-out;
                transition: background .4s ease-in-out;
            }

        .c-wizard__step.isVisited
        {
            background: none;
        }

    .c-wizard__step-circle
    {
        background: #c1c7d5;
        height: 30px;
        width: 30px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        pointer-events: none;
        line-height: 30px;
        text-align: center;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        display: block;
    }

    .c-wizard__content
    {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .c-wizard__content-item
    {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .2s;
        -o-transition: .2s all;
        transition: all .2s;
    }

        .c-wizard__content-item.isActive
        {
            opacity: 1;
            visibility: visible;
        }
}

.c-radiocard__container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .c-radiocard__container.column
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .c-radiocard__container.column .c-radiocard__item
        {
            width: 100%;
        }

.c-radiocard__item
{
    padding: 18px 8px 18px 18px;
    margin: 12px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 5px hsla(180,0%,50%,.33);
    box-shadow: 0 0 5px hsla(180,0%,50%,.33);
    border: 1px solid #e1e7ef;
    width: 153px;
    height: 55px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    cursor: pointer;
}

    .c-radiocard__item.isSelected
    {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #00aec7;
        color: #00aec7;
    }

        .c-radiocard__item.isSelected .c-radiocard__item-radio
        {
            background: #00aec7;
            border: 0;
        }

            .c-radiocard__item.isSelected .c-radiocard__item-radio svg
            {
                display: block;
                fill: #fff;
                height: 8px;
            }

    .c-radiocard__item:hover
    {
        -webkit-box-shadow: 0 0 16px 0 rgba(145,182,218,.9);
        box-shadow: 0 0 16px 0 rgba(145,182,218,.9);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

.c-radiocard__item-radio
{
    height: 23px;
    width: 23px;
    border: 1px solid #e1e7ef;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    pointer-events: none;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .c-radiocard__item-radio svg
    {
        display: none;
    }

.c-radiocard__item-text
{
    pointer-events: none;
}

@media screen and (min-width:1024px)
{
    .c-radiocard__container
    {
        -webkit-justify-content: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .c-radiocard__item
    {
        width: 174px;
        height: 59px;
        margin: 10px 20px 10px 0;
    }

        .c-radiocard__item.has-icon
        {
            height: 151px;
            width: 174px;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            position: relative;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .c-radiocard__item.has-icon .c-radiocard__item-radio
            {
                position: absolute;
                right: 16px;
                top: 16px;
            }

            .c-radiocard__item.has-icon .c-radiocard__item-icon svg
            {
                height: 45px;
            }

    .c-radiocard__container.column
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .c-radiocard__container.column .c-radiocard__item
        {
            width: 174px;
        }
}

@media screen and (min-width:1360px)
{
    .c-radiocard__container.column
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .c-radiocard__container.column .c-radiocard__item
        {
            width: 198px;
        }
}

.s-ahora
{
    padding: 80px 0 60px;
    overflow: hidden;
}

.s-ahora__detail
{
    text-align: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-ahora__detail-logo
{
    width: 110px;
    height: 60px;
}

    .s-ahora__detail-logo path
    {
        fill: #00aec7;
    }

.s-ahora__detail-title
{
    font-size: 30px;
    line-height: 34px;
    padding: 37px 0 27px;
    margin: 0;
    position: relative;
    display: inline-block;
}

.s-ahora__detail-star-left, .s-ahora__detail-star-right
{
    position: absolute;
    top: 0;
    z-index: 10;
    height: 45px;
    width: 20px;
}

    .s-ahora__detail-star-left .star-container, .s-ahora__detail-star-right .star-container
    {
        height: 20px;
    }

    .s-ahora__detail-star-left .cross-container, .s-ahora__detail-star-right .cross-container
    {
        height: 12px;
    }

    .s-ahora__detail-star-left .last-container, .s-ahora__detail-star-right .last-container
    {
        margin-top: 20px;
    }

    .s-ahora__detail-star-left svg, .s-ahora__detail-star-right svg
    {
        display: block;
        margin: auto;
        -webkit-animation-duration: .6s;
        -o-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: ScaleInAnimation;
        -o-animation-name: ScaleInAnimation;
        animation-name: ScaleInAnimation;
        -webkit-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
    }

        .s-ahora__detail-star-left svg.first-icon, .s-ahora__detail-star-right svg.first-icon
        {
            margin-left: 20px;
        }

        .s-ahora__detail-star-left svg.star-icon, .s-ahora__detail-star-right svg.star-icon
        {
            width: 20px;
            height: 20px;
        }

        .s-ahora__detail-star-left svg.cross-icon, .s-ahora__detail-star-right svg.cross-icon
        {
            width: 12px;
            height: 12px;
        }

.s-ahora__detail-star-left
{
    left: -12px;
}

    .s-ahora__detail-star-left svg.star-icon
    {
        -webkit-animation-delay: .6s;
        -o-animation-delay: .6s;
        animation-delay: .6s;
    }

    .s-ahora__detail-star-left svg.cross-icon
    {
        -webkit-animation-delay: .2s;
        -o-animation-delay: .2s;
        animation-delay: .2s;
    }

.s-ahora__detail-star-right
{
    right: -12px;
}

    .s-ahora__detail-star-right svg.star-icon
    {
        -webkit-animation-delay: .4s;
        -o-animation-delay: .4s;
        animation-delay: .4s;
    }

    .s-ahora__detail-star-right svg.cross-icon
    {
        -webkit-animation-delay: .8s;
        -o-animation-delay: .8s;
        animation-delay: .8s;
    }

.s-ahora__smatphone-img-container
{
    margin-top: 50px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.s-ahora__smatphone-img
{
    width: 100%;
    max-width: 470px;
    left: 15%;
    position: relative;
}

@media screen and (min-width:768px)
{
    .s-ahora
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
    }

    .s-ahora__detail
    {
        text-align: left;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 30px;
    }

    .s-ahora__detail-logo
    {
        width: 97px;
        height: 52px;
    }

    .s-ahora__detail-star-left
    {
        left: -50px;
        top: 35px;
    }

    .s-ahora__detail-star-right
    {
        top: 14px;
        right: 10px;
    }

    .s-ahora__smatphone-img-container
    {
        margin: 0;
        width: 300px;
        overflow: visible;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .s-ahora__smatphone-img
    {
        width: 550px;
        max-width: none;
        left: 5%;
    }
}

@media screen and (min-width:1200px)
{
    .s-ahora__detail
    {
        margin-top: 70px;
    }

    .s-ahora__detail-title
    {
        font-size: 36px;
        line-height: 42px;
    }

    .s-ahora__smatphone-img-container
    {
        width: 500px;
    }

    .s-ahora__smatphone-img
    {
        width: 700px;
        left: 20%;
    }
}

.section__afp-blue
{
    background: -webkit-linear-gradient(185deg,#1fb6cc -60%,#003c71);
    background: -o-linear-gradient(185deg,#1fb6cc -60%,#003c71 100%);
    background: linear-gradient(265deg,#1fb6cc -60%,#003c71);
    color: #fff;
    padding: 80px 0;
}

    .section__afp-blue .section-afp-blue__text
    {
        font-size: 24px;
        text-align: center;
    }

    .section__afp-blue .section-afp-blue__right
    {
        margin-top: 90px;
    }

    .section__afp-blue .section-afp-blue__left, .section__afp-blue .section-afp-blue__right
    {
        position: relative;
    }

    .section__afp-blue .section-afp-blue__left-content, .section__afp-blue .section-afp-blue__right-content
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .section__afp-blue .section-afp-blue__button01, .section__afp-blue .section-afp-blue__button02
    {
        margin: 20px auto;
    }

@media screen and (min-width:768px)
{
    .section__afp-blue
    {
        padding: 0;
        position: relative;
    }

        .section__afp-blue .section-afp-blue__right
        {
            margin-top: 0;
        }

        .section__afp-blue .section-afp-blue__left
        {
            position: relative;
        }

            .section__afp-blue .section-afp-blue__left:after
            {
                position: absolute;
                top: 50%;
                right: 0;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                content: " ";
                height: 38px;
                width: 1px;
                background: #fff;
            }

        .section__afp-blue .section-afp-blue__left, .section__afp-blue .section-afp-blue__right
        {
            height: 360px;
            display: inline-block;
            width: 50%;
        }

        .section__afp-blue .section-afp-blue__text
        {
            font-size: 30px;
            margin-bottom: 20px;
        }

        .section__afp-blue .section-afp-blue__curve
        {
            position: absolute;
            bottom: -5px;
        }

            .section__afp-blue .section-afp-blue__curve img
            {
                width: 100%;
            }
}

@media screen and (min-width:1920px)
{
    .section__afp-blue .section-afp-blue__left, .section__afp-blue .section-afp-blue__right
    {
        height: 500px;
    }

    .section__afp-blue .section-afp-blue__button01
    {
        width: 162px;
    }

    .section__afp-blue .section-afp-blue__text
    {
        font-size: 36px;
        margin-bottom: 40px;
    }
}

.home__contact
{
    font-size: 20px;
    line-height: 24px;
    padding: 75px 0 60px;
    background: #f2f5f9;
}

    .home__contact .home-contact__subtitle
    {
        font-size: 24px;
        text-align: center;
        margin: 0 auto;
    }

    .home__contact .home-contact__icon
    {
        width: 50px;
        height: 50px;
    }

        .home__contact .home-contact__icon .Agencies__cls-2, .home__contact .home-contact__icon .ChatHome__cls-2, .home__contact .home-contact__icon .Email__cls-2, .home__contact .home-contact__icon .Mobile__cls-2
        {
            fill: #4c5662;
        }

    .home__contact .home-contact__content
    {
        margin-top: 30px;
        font-family: fs_joeymedium;
        font-weight: 500;
    }

    .home__contact .home-contact__text
    {
        font-size: 20px;
        line-height: 24px;
        font-family: fs_joeymedium;
        font-weight: 500;
    }

    .home__contact .home-contact__text-additional ~ .arrow
    {
        width: 8px;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        margin-bottom: 2px;
        margin-left: 5px;
    }

    .home__contact .home-contact__arrow
    {
        width: 12px;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: rotate(270deg) translateY(-50%);
        -ms-transform: rotate(270deg) translateY(-50%);
        -o-transform: rotate(270deg) translateY(-50%);
        transform: rotate(270deg) translateY(-50%);
        fill: #4c5662;
    }

    .home__contact .home-contact__box-shadow
    {
        -webkit-box-shadow: 0 0 10px 0 #dde6ee;
        box-shadow: 0 0 10px 0 #dde6ee;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 15px 20px;
        margin: 8px 0;
        background: #fff;
    }

    .home__contact .home-contact__svg-wrapper, .home__contact .home-contact__text
    {
        display: inline-block;
    }

    .home__contact .home-contact__text
    {
        vertical-align: top;
        margin-left: 20px;
        padding-top: 3px;
    }

        .home__contact .home-contact__text.is-active .home-contact__arrow
        {
            margin-top: 0;
        }

    .home__contact .home-contact__text-additional
    {
        font-size: 15px;
        margin-left: 70px;
    }

@media screen and (min-width:768px)
{
    .home__contact
    {
        padding: 20px 0 60px;
    }

        .home__contact .home-contact__box-shadow
        {
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            padding: 0;
            margin: 0;
            background: inherit;
        }

        .home__contact .home-contact__content
        {
            font-family: fs_joeyregular;
        }

        .home__contact .home-contact__text
        {
            font-size: 18px;
            text-align: center;
            margin-left: 0;
            margin-top: 0;
            padding: 0;
        }

        .home__contact .home-contact__icon
        {
            display: block;
            margin: 0 auto 10px;
            width: 66px;
            height: 66px;
        }

        .home__contact .home-contact__text
        {
            font-size: 16px;
            font-family: fs_joeymedium;
            font-weight: 500;
        }

        .home__contact .home-contact__text-additional .arrow
        {
            width: 8px;
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            transform: rotate(270deg);
            margin-bottom: 2px;
            margin-left: 5px;
        }

        .home__contact .home-contact__subtitle
        {
            font-size: 32px;
            margin-bottom: 38px;
            margin-top: 0;
        }

        .home__contact .home-contact__svg-wrapper, .home__contact .home-contact__text
        {
            display: block;
        }

        .home__contact .home-contact__text-additional
        {
            display: block;
            font-size: 16px;
            margin-top: 20px;
            text-align: center;
            margin-left: 0;
        }
}

@media screen and (min-width:1200px)
{
    .home__contact .home-contact__text
    {
        font-size: 18px;
        line-height: 24px;
    }

    .home__contact .home-contact__subtitle
    {
        font-size: 32px;
        margin-bottom: 58px;
    }

    .home__contact .home-contact__icon
    {
        margin-bottom: 20px;
    }
}

@media screen and (min-width:1920px)
{
    .home__contact .home-contact__subtitle
    {
        font-size: 48px;
        margin-bottom: 75px;
    }

    .home__contact .home-contact__icon
    {
        height: 60px;
        margin-bottom: 20px;
    }

    .home__contact .home-contact__text
    {
        font-size: 24px;
        line-height: 30px;
    }
}

.home__toggle-menu
{
    background: #fff;
    position: relative;
}

    .home__toggle-menu .home-toggle-menu__arrow
    {
        width: 12px;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .home__toggle-menu.is-active ~ .home__toggle-submenu
    {
        display: block;
    }

    .home__toggle-menu .home__toggle-menu-span
    {
        padding: 30px 20px;
        display: block;
        width: 100%;
        font-size: 18px;
    }

    .home__toggle-menu ~ .home__toggle-submenu
    {
        display: none;
    }

.home__toggle-submenu
{
    padding: 20px 38px;
    background: #fff;
}

    .home__toggle-submenu .toggle__icon
    {
        position: absolute;
        right: 20px;
    }

    .home__toggle-submenu.is-active + .home-toggle__submenu-items
    {
        display: block;
        background: #efefef;
        padding: 10px 0;
    }

.home-toggle__submenu-items
{
    background: #efefef;
    margin: 0;
}

    .home-toggle__submenu-items li
    {
        padding: 10px 38px;
    }

.home__toggle-submenu + .home-toggle__submenu-items
{
    display: none;
}

.home__footer
{
    background: #f2f5f9;
}

    .home__footer .home-footer__final
    {
        padding: 60px 0 59px;
        background: -webkit-linear-gradient(185deg,#1fb6cc -60%,#003c71);
        background: -o-linear-gradient(185deg,#1fb6cc -60%,#003c71 100%);
        background: linear-gradient(265deg,#1fb6cc -60%,#003c71);
        color: #fff;
    }

    .home__footer .home-footer__social-networks
    {
        border: 2px solid #fff;
        width: 50px;
        height: 50px;
        margin-right: 5px;
        margin-left: 5px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
    }

        .home__footer .home-footer__social-networks .icon
        {
            width: 100%;
            padding: 10px;
            height: 80%;
            margin-top: 6px;
        }

    .home__footer .home-footer__wrapper-ahora, .home__footer .home-footer__wrapper-social
    {
        margin: 0 auto;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-items: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .home__footer .hfwa__icon
    {
        width: 100px;
        margin: 50px auto 24px;
    }

        .home__footer .hfwa__icon svg
        {
            width: 100%;
        }

    .home__footer .hfwa__text
    {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .home__footer .hfwa__hr
    {
        width: 80%;
        background: #fff;
        opacity: .2;
        height: 1px;
        margin: 50px auto;
    }

    .home__footer .hfwa__button
    {
        margin: 0 auto;
    }

    .home__footer .home-footer__text-download
    {
        text-align: center;
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .home__footer .home-app__button
    {
        width: 180px;
        padding: 16px 0;
        margin: 6px auto;
    }

        .home__footer .home-app__button:hover .home-app__icon g
        {
            fill: #0057c2;
        }

    .home__footer .home-app__center
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .home__footer .home-app__icon
    {
        width: 15px;
        margin-right: 10px;
        fill: #fff;
        height: 100%;
    }

        .home__footer .home-app__icon g
        {
            fill: #fff;
        }

    .home__footer .home-footer-end__logo
    {
        width: 123px;
        margin-top: 30px;
    }

    .home__footer .home-footer-end__book
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }

        .home__footer .home-footer-end__book .home-footer-end__book-icon
        {
            margin-right: 10px;
            width: 20px;
            font-size: 0;
        }

            .home__footer .home-footer-end__book .home-footer-end__book-icon svg
            {
                width: 100%;
            }

                .home__footer .home-footer-end__book .home-footer-end__book-icon svg path
                {
                    fill: #fff;
                }

    .home__footer .home-footer-end__arrow
    {
        position: absolute;
        top: 60%;
        right: 30px;
        -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        -o-transform: translateY(-40%);
        transform: translateY(-40%);
    }

    .home__footer .home__go-up
    {
        width: 62px;
        height: 62px;
    }

    .home__footer .home-go-up__icon
    {
        width: 100%;
        height: 100%;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        z-index: 100;
    }

        .home__footer .home-go-up__icon .ArrowCircle__cls-1
        {
            fill: #fff;
        }

@media screen and (max-width:320px)
{
    .home__footer .home__go-up
    {
        width: 52px;
        height: 52px;
    }
}

@media screen and (min-width:768px)
{
    .home__footer .home-footer__list
    {
        line-height: 30px;
    }

    .home__footer .home-footer__social-networks
    {
        border: 2px solid #fff;
        width: 53px;
        height: 53px;
        margin-right: 5px;
        margin-left: 5px;
    }

        .home__footer .home-footer__social-networks .icon
        {
            width: 100%;
            padding: 10px;
            height: 80%;
            margin-top: 6px;
        }

    .home__footer .home-footer__text-download
    {
        font-size: 20px;
        margin-top: 40px;
        margin-bottom: 26px;
    }

    .home__footer .home-footer__terms-item
    {
        display: inline-block;
        border-right: 1px solid #fff;
        padding: 0 8px;
    }

        .home__footer .home-footer__terms-item.item--has-icon
        {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .home__footer .home-footer__terms-item.item--has-icon .home-footer__terms-item--icon
            {
                margin-right: 5px;
                width: 20px;
                font-size: 0;
            }

            .home__footer .home-footer__terms-item.item--has-icon svg
            {
                width: 100%;
            }

                .home__footer .home-footer__terms-item.item--has-icon svg path
                {
                    fill: #fff;
                }

    .home__footer .home-app__button
    {
        width: 178px;
        padding: 17px;
        font-size: 15px;
    }

    .home__footer .home-app__icon
    {
        width: 15px;
        margin-right: 10px;
        fill: #fff;
        height: 100%;
    }

        .home__footer .home-app__icon g
        {
            fill: #fff;
        }

    .home__footer .home-footer__final
    {
        padding: 30px 0 40px;
    }

    .home__footer .home-app__button
    {
        margin: 0 5px;
    }

    .home__footer .home-footer__others-list
    {
        margin-top: 30px;
    }

    .home__footer .home-footer__others
    {
        margin-right: 28px;
        margin-left: 28px;
    }

    .home__footer .home-app__center
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .home__footer .home-footer__list-group
    {
        border-top: 1px solid #ecedf3;
    }
}

@media screen and (min-width:1024px)
{
    .home__footer .hfwa__icon
    {
        margin: 0;
    }

    .home__footer .hfwa__text
    {
        margin: 50px 30px;
    }
}

@media screen and (min-width:1200px)
{
    .home__footer .home-footer__final
    {
        padding: 60px 0 80px;
    }

    .home__footer .home-footer__social-networks
    {
        margin-right: 10px;
        margin-left: 10px;
    }

    .home__footer .home-footer__others-list
    {
        margin-top: 40px;
    }

    .home__footer .home-footer__others
    {
        margin-right: 58px;
        margin-left: 58px;
    }

    .home__footer .home-footer__list-group
    {
        padding-bottom: 75px;
    }
}

@media screen and (min-width:1920px)
{
    .home__footer .home-footer__list-group
    {
        padding-top: 36px;
        padding-bottom: 48px;
    }

    .home__footer .home-footer__final
    {
        padding: 66px 0 110px;
    }

    .home__footer .home-footer__social-networks
    {
        width: 63px;
        height: 63px;
        margin-right: 12px;
        margin-left: 12px;
    }

        .home__footer .home-footer__social-networks .icon
        {
            width: 100%;
            padding: 10px;
            height: 80%;
            margin-top: 6px;
        }

    .home__footer .home-app__button
    {
        margin-right: 7px;
        margin-left: 7px;
    }

    .home__footer .home-footer__text-download
    {
        margin-top: 54px;
        margin-bottom: 26px;
    }

    .home__footer .home-footer__terms
    {
        margin-top: 34px;
    }
}

.home__questions
{
    background: #f2f5f9;
    padding-top: 71px;
    padding-bottom: 60px;
}

    .home__questions .toggle__icon
    {
        position: absolute;
        right: 0;
    }

        .home__questions .toggle__icon svg
        {
            fill: #4c5662;
        }

    .home__questions .home-question__link-toggle
    {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .home__questions .home-question__toggle
    {
        cursor: pointer;
        font-family: fs_joeymedium;
        font-weight: 500;
        padding: 15px 20px 15px 0;
        position: relative;
    }

        .home__questions .home-question__toggle ~ .home-question-toggle__content
        {
            display: none;
        }

        .home__questions .home-question__toggle.is-active ~ .home-question-toggle__content
        {
            display: block;
        }

    .home__questions .home-question-toggle__line
    {
        height: 1px;
        background-color: #ecedf3;
    }

    .home__questions .home-questions__subtitle
    {
        font-size: 24px;
        margin-top: 0;
    }

    .home__questions .home-questions__post-subtitle
    {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .home__questions .home-question__toggle
    {
        font-size: 20px;
    }

    .home__questions .home-questions__button
    {
        margin: 0 auto;
        margin-top: 30px;
    }

    .home__questions .home-question-toggle__content
    {
        margin-top: 10px;
        line-height: 24px;
        padding: 0 20px;
        font-size: 20px;
    }

        .home__questions .home-question-toggle__content ul
        {
            padding-left: 20px;
        }

        .home__questions .home-question-toggle__content li
        {
            list-style: disc;
        }

    .home__questions .home-question__arrow
    {
        width: 12px;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

.home-questions__detail-slot-mobile
{
    margin-top: 25px;
}

.home-questions__detail-slot-tablet
{
    display: none;
}

@media screen and (min-width:768px)
{
    .home__questions
    {
        padding: 100px 0;
    }

        .home__questions .home-questions__subtitle
        {
            font-size: 36px;
            text-align: left;
            margin-bottom: 20px;
        }

        .home__questions .home-question__link-toggle
        {
            font-size: 18px;
        }

            .home__questions .home-question__link-toggle span
            {
                display: inline-block;
                position: relative;
                overflow: hidden;
                padding: 0 0 6px;
                cursor: pointer;
            }

                .home__questions .home-question__link-toggle span:hover
                {
                    color: #0057c2;
                }

                    .home__questions .home-question__link-toggle span:hover .home-question__arrow
                    {
                        fill: #0057c2;
                    }

                .home__questions .home-question__link-toggle span:after
                {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: -100%;
                    width: 90%;
                    height: 2px;
                    background: #0057c2;
                    -webkit-transition: left .3s;
                    -o-transition: left .3s;
                    transition: left .3s;
                    cursor: pointer;
                }

                .home__questions .home-question__link-toggle span:hover:after
                {
                    left: 0;
                }

        .home__questions .home-questions__post-subtitle
        {
            font-size: 25px;
        }

        .home__questions .home-question__left, .home__questions .home-question__right
        {
            display: inline-block;
            width: 50%;
            vertical-align: top;
            position: relative;
        }

        .home__questions .home-question__left
        {
            margin-top: 30px;
        }

        .home__questions .home-question-toggle__content
        {
            padding: 0;
        }

        .home__questions .home-question-left__content
        {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        .home__questions .home-question-right__content
        {
            width: 100%;
            position: absolute;
            left: 20%;
            top: 50%;
            -webkit-transform: translate(-20%,-50%);
            -ms-transform: translate(-20%,-50%);
            -o-transform: translate(-20%,-50%);
            transform: translate(-20%,-50%);
        }

        .home__questions .toggle__icon svg
        {
            fill: #4c5662;
        }

        .home__questions .home-questions__button
        {
            margin: 30px 0;
        }

        .home__questions .home-question__toggle
        {
            width: 355px;
            font-size: 18px;
            padding: 20px 20px 20px 0;
        }

        .home__questions .home-question-toggle__content
        {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 5px;
        }

    @-webkit-keyframes showToggle
    {
        0%
        {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }

        to
        {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @-o-keyframes showToggle
    {
        0%
        {
            opacity: 0;
            -o-transform: translateY(-20px);
            transform: translateY(-20px);
        }

        to
        {
            opacity: 1;
            -o-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes showToggle
    {
        0%
        {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            -o-transform: translateY(-20px);
            transform: translateY(-20px);
        }

        to
        {
            opacity: 1;
            -webkit-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .home-questions__detail-slot-mobile
    {
        display: none;
    }

    .home-questions__detail-slot-tablet
    {
        display: block;
    }
}

@media screen and (min-width:1024px)
{
    .home__questions .home-question__left
    {
        margin-top: 50px;
    }
}

@media screen and (min-width:1200px)
{
    .home__questions .home-questions__subtitle
    {
        font-size: 32px;
    }

    .home__questions .home-questions__post-subtitle
    {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .home__questions .home-question-toggle__content
    {
        font-size: 18px;
        line-height: 24px;
        margin-top: 0;
        padding-right: 60px;
    }

        .home__questions .home-question-toggle__content:first-child
        {
            margin-bottom: 40px;
        }

    .home__questions .home-questions__button
    {
        margin-top: 30px;
    }

    .home__questions .home-question__toggle
    {
        width: 515px;
        font-size: 18px;
        padding: 30px 0;
    }

    .home__questions .home-question__link-toggle
    {
        margin-bottom: 40px;
    }

    .home__questions .home-question__left
    {
        margin-top: 90px;
    }
}

@media screen and (min-width:1920px)
{
    .home__questions .home-questions__subtitle
    {
        font-size: 36px;
    }

    .home__questions .home-questions__post-subtitle
    {
        font-size: 30px;
        margin-bottom: 21px;
    }

    .home__questions .home-question__toggle
    {
        font-size: 25px;
        padding: 40px 0;
        width: 660px;
    }

    .home__questions .home-questions__button
    {
        margin-top: 40px;
    }

    .home__questions .home-question-toggle__content
    {
        padding-right: 80px;
    }

    .home__questions .home-question__left
    {
        margin-top: 130px;
    }
}

.s-header-tools
{
    position: relative;
    height: 360px;
    overflow: hidden;
    background-color: #6e7889;
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
}

    .s-header-tools.isAfpOnp
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-700.3556a4be.jpg);
    }

    .s-header-tools.isAdvice
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-700.4f997601.jpg);
    }

    .s-header-tools.isAffiliation
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-700.9500dd27.jpg);
    }

    .s-header-tools.isPayments
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-700.1c4dc9ac.jpg);
    }

    .s-header-tools.isQuery
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-700.bdce1b2b.jpg);
    }

    .s-header-tools.isFormAffiliation
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-700.1b801bf3.jpg);
    }

    .s-header-tools.isAnulability
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-700.35081906.jpg);
    }

    .s-header-tools.s-header-tools--small
    {
        height: 230px;
    }

        .s-header-tools.s-header-tools--small .s-header-tools__content
        {
            margin-top: 20px;
        }

.s-header-tools__img-content
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-header-tools__img
{
    height: 100%;
}

.s-header-tools__inner
{
    position: absolute;
    z-index: 20;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-header-tools__title
{
    color: #fff;
    font-weight: 400;
}

.s-header-tools__sub-title
{
    color: #fff;
    font-weight: 400;
    margin-top: 10px;
    margin-left: 12px;
}

@media screen and (min-width:480px)
{
    .s-header-tools
    {
        height: 410px;
    }

        .s-header-tools.s-header-tools--small
        {
            height: 280px;
        }
}

@media screen and (min-width:700px)
{
    .s-header-tools.isAfpOnp
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1300.a29e812b.jpg);
    }

    .s-header-tools.isAdvice
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1300.d3778ce8.jpg);
    }

    .s-header-tools.isAffiliation
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1300.129fe62f.jpg);
    }

    .s-header-tools.isPayments
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1300.1dfd254e.jpg);
    }

    .s-header-tools.isQuery
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1300.8d223077.jpg);
    }

    .s-header-tools.isFormAffiliation
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1300.377c95c2.jpg);
    }

    .s-header-tools.isAnulability
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1300.4d1100a6.jpg);
    }
}

@media screen and (min-width:768px)
{
    .s-header-tools
    {
        height: 470px;
    }

        .s-header-tools.s-header-tools--small
        {
            height: 320px;
        }

    .s-header-tools__sub-title
    {
        margin-left: 25px;
    }
}

@media screen and (min-width:960px)
{
    .s-header-tools__content
    {
        max-width: 1024px;
        width: 85%;
    }
}

@media screen and (min-width:1280px)
{
    .s-header-tools__sub-title
    {
        margin-top: 11px;
    }
}

@media screen and (min-width:1300px)
{
    .s-header-tools.isAfpOnp
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1920.1e464282.jpg);
    }

    .s-header-tools.isAdvice
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1920.b9f2d3c3.jpg);
    }

    .s-header-tools.isAffiliation
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1920.f807f929.jpg);
    }

    .s-header-tools.isPayments
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1920.44666d1c.jpg);
    }

    .s-header-tools.isQuery
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1920.bedf6f21.jpg);
    }

    .s-header-tools.isFormAffiliation
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1920.9a0b2542.jpg);
    }

    .s-header-tools.isAnulability
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1920.3a87ce3d.jpg);
    }
}

@media screen and (min-width:1600px)
{
    .s-header-tools__content
    {
        max-width: 1200px;
    }
}

@media screen and (min-width:1920px)
{
    .s-header-tools__content
    {
        max-width: 1400px;
    }

    .s-header-tools__img
    {
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width:1921px)
{
    .s-header-tools
    {
        background-position: 50%;
        -webkit-background-size: cover;
        background-size: cover;
    }
}

.s-employer-notaffiliated
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.s-employer-notaffiliated__img-container
{
    width: 100%;
}

.s-employer-notaffiliated__picture
{
    width: 100%;
    overflow: hidden;
}

.s-employer-notaffiliated__img
{
    width: 100%;
    overflow: hidden;
    max-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
}

.s-employer-notaffiliated__text-container
{
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.s-employer-notaffiliated__text
{
    color: #4c5662;
    font-family: fs_joeylight;
    font-weight: 300;
    text-align: center;
    margin: 91px 33px 28px;
}

.s-employer-notaffiliated__text__bolder
{
    font-family: fs_joeymedium;
}

.s-employer-notaffiliated__button
{
    text-align: center;
    margin-bottom: 73px;
}

@media screen and (min-width:768px)
{
    .s-employer-notaffiliated
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .s-employer-notaffiliated__img-container, .s-employer-notaffiliated__text-container
    {
        max-width: 50%;
    }

    .s-employer-notaffiliated__img-container
    {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .s-employer-notaffiliated__img
    {
        min-height: 396px;
    }

    .s-employer-notaffiliated__text-container
    {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .s-employer-notaffiliated__button, .s-employer-notaffiliated__text
    {
        text-align: left;
    }

    .s-employer-notaffiliated__text
    {
        margin: 8px 33px 28px 60px;
    }

    .s-employer-notaffiliated__button
    {
        margin: 0 auto 0 60px;
    }
}

@media screen and (min-width:960px)
{
    .s-employer-notaffiliated__text-container
    {
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .s-employer-notaffiliated__text-inner
    {
        width: 85%;
        max-width: 512px;
    }

    .s-employer-notaffiliated__text
    {
        margin: 0 0 28px;
    }

    .s-employer-notaffiliated__button
    {
        margin: 0;
    }
}

@media screen and (min-width:1600px)
{
    .s-employer-notaffiliated__text-inner
    {
        max-width: 600px;
    }
}

@media screen and (min-width:1920px)
{
    .s-employer-notaffiliated__text-inner
    {
        max-width: 700px;
    }
}

.s-employer-form
{
    background: #f6fcff;
    padding: 50px 0;
}

.s-employer-form__icon
{
    text-align: center;
}

    .s-employer-form__icon svg
    {
        height: 57px;
        width: 57px;
    }

.s-employer-form__text
{
    text-align: center;
    color: #4c5662;
}

    .s-employer-form__text .s-employer-form__title
    {
        font-weight: 500;
        line-height: 41px;
        font-family: fs_joeymedium;
    }

    .s-employer-form__text .s-employer-form__detail
    {
        margin: 0;
        font-family: fs_joeylight;
    }

.s-employer-form__wrap-order
{
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.s-employer-form__container
{
    margin: 0 30px;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

    .s-employer-form__container .s-employer-form__wrapper
    {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .s-employer-form__container .s-employer-form__wrapper .s-employer-form__inline-wrapper
        {
            display: -webkit-inline-flex;
            display: -moz-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
        }

        .s-employer-form__container .s-employer-form__wrapper .e-form-group-icon .s-employer-form__user-icon svg
        {
            width: 20px;
            height: 25px;
            margin: 0 5px;
        }

        .s-employer-form__container .s-employer-form__wrapper .e-form-group-icon .s-employer-form__envelope-icon svg
        {
            width: 30px;
            height: 23px;
        }

        .s-employer-form__container .s-employer-form__wrapper .e-form-group-icon svg
        {
            fill: #0057c2;
        }

        .s-employer-form__container .s-employer-form__wrapper .e-input
        {
            width: 100%;
            background: #f6fcff;
        }

        .s-employer-form__container .s-employer-form__wrapper .e-button--flat
        {
            color: #00aec7;
            margin: 8px 0 27px;
        }

        .s-employer-form__container .s-employer-form__wrapper .s-employer-form__button-container
        {
            text-align: center;
        }

        .s-employer-form__container .s-employer-form__wrapper .s-employer-form__last-button
        {
            text-align: center;
            margin-bottom: 61px;
        }

.s-employer-form__container-title
{
    display: none;
}

.s-employer-form__last-button
{
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .s-employer-form__last-button, .s-employer-form__last-button .e-button
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

@media screen and (min-width:768px)
{
    .s-employer-form__wrap-order
    {
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .s-employer-form__container
    {
        width: 85%;
        margin: 56px auto 0;
    }

        .s-employer-form__container .s-employer-form__wrapper .s-employer-form__button-container
        {
            text-align: left;
            padding-left: 40px;
        }

        .s-employer-form__container .s-employer-form__wrapper .s-employer-form__last-button
        {
            margin-bottom: 0;
        }

        .s-employer-form__container .s-employer-form__wrapper .e-form-group.e-form-group-2
        {
            -webkit-flex: 1 1;
            -moz-box-flex: 1;
            -ms-flex: 1 1;
            flex: 1 1;
        }

    .s-employer-form__container-title
    {
        display: block;
    }
}

@media screen and (min-width:1024px)
{
    .s-employer-form__icon
    {
        text-align: center;
    }

        .s-employer-form__icon svg
        {
            height: 68px;
            width: 68px;
        }

    .s-employer-form
    {
        padding: 100px 0;
    }
}

@media screen and (min-width:1200px)
{
    .s-employer-form__text
    {
        margin-top: 18px;
    }

    .s-employer-form__container
    {
        width: 1024px;
    }
}

@media screen and (min-width:1360px)
{
    .s-employer-notaffiliated__img
    {
        min-height: 520px;
    }
}

@media screen and (min-width:1600px)
{
    .s-employer-form__container
    {
        width: 1200px;
    }
}

@media screen and (min-width:1920px)
{
    .s-employer-form__container
    {
        width: 1400px;
    }

    .s-employer-notaffiliated__img
    {
        min-height: 720px;
    }
}

.s-downloads-links
{
    padding: 20px 0;
}

.s-downloads-links__file
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 8px #dde6ee;
    box-shadow: 0 0 8px #dde6ee;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 24px 27px;
    margin-bottom: 15px;
    cursor: pointer;
}

    .s-downloads-links__file:last-child
    {
        margin-bottom: 0;
    }

.s-downloads-links__file-icon-download, .s-downloads-links__line
{
    display: none;
}

.s-downloads-links__file-icon
{
    width: 44px;
    height: 44px;
    margin-right: 15px;
}

    .s-downloads-links__file-icon g, .s-downloads-links__file-icon path
    {
        fill: #00aec7;
        stroke: #00aec7;
    }

.s-downloads-links__file-text
{
    margin: 0;
    font-weight: 400;
    line-height: 20px;
}

@media screen and (min-width:768px)
{
    .s-downloads-links
    {
        padding: 20px 0;
    }

    .s-downloads-links__content
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-downloads-links__file
    {
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 20px;
    }

    .s-downloads-links__file-icon-download
    {
        display: block;
        width: 22px;
        height: 20px;
    }

        .s-downloads-links__file-icon-download g, .s-downloads-links__file-icon-download path
        {
            fill: #00aec7;
        }

    .s-downloads-links__file-text
    {
        margin-right: 20px;
    }
}

@media screen and (min-width:768px)
{
    .s-downloads-links
    {
        padding: 0;
    }

    .s-downloads-links__content
    {
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .s-downloads-links__content:hover .s-downloads-links__file
        {
            opacity: .4;
        }

    .s-downloads-links__file
    {
        padding: 30px 0;
        width: 29%;
        -webkit-transition: .1s linear;
        -o-transition: .1s linear;
        transition: .1s linear;
    }

        .s-downloads-links__file:nth-child(3)
        {
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 40%;
        }

        .s-downloads-links__file:last-child
        {
            -webkit-justify-content: flex-end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

        .s-downloads-links__file:hover
        {
            opacity: 1 !important;
        }
}

@media screen and (min-width:1280px)
{
    .s-downloads-links__line
    {
        width: 1px;
        display: block;
        height: 25px;
        background: #c1c7d5;
    }

    .s-downloads-links__file-text
    {
        margin-right: 50px;
    }
}

@media screen and (min-width:1680px)
{
    .s-downloads-links__file-text
    {
        line-height: 24px;
    }

    .s-downloads-links__file-icon
    {
        width: 50px;
        height: 50px;
        margin-right: 20px;
    }

    .s-downloads-links__file-icon-download
    {
        width: 28px;
        height: 25px;
    }
}

.s-header-main
{
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 470px;
    background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/background-main-mobile.4710c4e3.jpg);
    background-color: #6e7889;
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
}

    .s-header-main.isAhora
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-700.d670773a.jpg);
    }

.s-header-main__title
{
    position: relative;
    color: #fff;
    z-index: 30;
    margin: 0;
    text-align: center;
}

.s-header-main__img-container
{
    margin: 0;
    font-size: 0;
    width: 100%;
    position: relative;
    z-index: 10;
}

.s-header-main__img
{
    width: 100%;
}

.s-header-main__next-section
{
    position: absolute;
    bottom: 7%;
    left: -webkit-calc(50% - 18px);
    left: calc(50% - 18px);
    padding: 8px;
    cursor: pointer;
    z-index: 50;
}

    .s-header-main__next-section svg
    {
        width: 20px;
        height: 11px;
        fill: #fff;
        stroke: #fff;
    }

.s-header-main__curve
{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
}

@media screen and (min-width:768px)
{
    .s-header-main
    {
        height: 700px;
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/background-main-tablet.9c580491.jpg);
    }

        .s-header-main.isAhora
        {
            background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1300.4e711b00.jpg);
        }
}

@media screen and (min-width:1200px)
{
    .s-header-main
    {
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/background-main-desktop.1c8254cd.jpg);
    }

        .s-header-main.isAhora
        {
            background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/banner-1920.019aea9b.jpg);
        }
}

@media screen and (min-width:1900px)
{
    .s-header-main
    {
        height: 850px;
        -webkit-background-size: cover;
        background-size: cover;
    }
}

.s-employer-tools
{
    padding: 50px 0;
    background: #f6fcff;
}

.s-employer-tools__title
{
    font-size: 28px;
    text-align: center;
    line-height: 26px;
    margin: 0 0 10px;
}

.s-employer-tools__subtitle
{
    font-size: 18px;
}

.s-employer-tools__list
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 20px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-employer-tools__item
{
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
    background: #6e7889;
    width: 100%;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}

.s-employer-tools__item-size
{
    padding-top: 86%;
}

.s-employer-tools__item-overlay
{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
}

.s-employer-tools__item-img
{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.s-employer-tools__item-inner
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.s-employer-tools__item-title
{
    font-size: 32px;
    line-height: 30px;
    margin: 0 0 15px;
}

.s-employer-tools__item-description, .s-employer-tools__item-link-desktop
{
    display: none;
}

@media screen and (min-width:480px)
{
    .s-employer-tools__item
    {
        max-width: 560px;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .s-employer-tools__item-size
    {
        padding-top: 62%;
    }
}

@media screen and (min-width:768px)
{
    .s-employer-tools__list
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-employer-tools__item
    {
        width: 47%;
        margin: 10px;
    }
}

@media screen and (min-width:1024px)
{
    .s-employer-tools
    {
        padding: 80px 0;
    }

    .s-employer-tools__title
    {
        font-size: 40px;
        line-height: 30px;
        margin: 0 0 20px;
    }

    .s-employer-tools__subtitle
    {
        font-size: 24px;
    }
}

@media screen and (min-width:1200px)
{
    .s-employer-tools__item-overlay
    {
        display: block;
        background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(rgba(0,0,0,.4)),color-stop(66%,rgba(0,0,0,.6)));
        background: -webkit-linear-gradient(transparent,rgba(0,0,0,.4),rgba(0,0,0,.6) 66%);
        background: -o-linear-gradient(transparent,rgba(0,0,0,.4),rgba(0,0,0,.6) 66%);
        background: linear-gradient(transparent,rgba(0,0,0,.4),rgba(0,0,0,.6) 66%);
        -webkit-transition: .2s linear;
        -o-transition: .2s linear;
        transition: .2s linear;
        height: 150%;
        top: auto;
        bottom: -100%;
    }

    .s-employer-tools__item-inner
    {
        text-align: left;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 70px;
        height: auto;
        bottom: -70px;
        -webkit-transition: .25s linear;
        -o-transition: .25s linear;
        transition: .25s linear;
    }

    .s-employer-tools__item-title
    {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px;
        position: relative;
    }

        .s-employer-tools__item-title:before
        {
            content: "";
            position: absolute;
            width: 2px;
            height: 84%;
            background: #ffe946;
            top: 12%;
            left: -20px;
        }

    .s-employer-tools__item-title-bold
    {
        font-size: 36px;
    }

    .s-employer-tools__item-description
    {
        display: block;
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 20px;
        opacity: 0;
        -webkit-transition: .2s linear;
        -o-transition: .2s linear;
        transition: .2s linear;
    }

    .s-employer-tools__item-link
    {
        opacity: 0;
        -webkit-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear;
    }

    .s-employer-tools__item-link-mobile
    {
        display: none;
    }

    .s-employer-tools__item-link-desktop
    {
        display: block;
    }

        .s-employer-tools__item-link-desktop:hover
        {
            background: #fade10;
        }

    .s-employer-tools__item:hover
    {
        -webkit-box-shadow: 0 2px 10px grey;
        box-shadow: 0 2px 10px grey;
    }

        .s-employer-tools__item:hover .s-employer-tools__item-overlay
        {
            bottom: 0;
        }

        .s-employer-tools__item:hover .s-employer-tools__item-description
        {
            opacity: 1;
        }

        .s-employer-tools__item:hover .s-employer-tools__item-inner
        {
            bottom: 50px;
        }

        .s-employer-tools__item:hover .s-employer-tools__item-link
        {
            opacity: 1;
        }
}

@media screen and (min-width:1700px)
{
    .s-employer-tools__list
    {
        max-width: 1500px;
        margin: 0 auto;
    }

    .s-employer-tools__item
    {
        max-width: 600px;
    }
}

.s-ask-irene
{
    background: #f6fcff;
}

.s-ask-irene__detail
{
    padding-top: 40px;
}

.s-ask-irene__detail-title
{
    font-size: 38px;
    color: #0057c2;
    position: relative;
    display: inline-block;
}

.s-ask-irene__detail-title-icon
{
    width: 20px;
    height: 20px;
    position: absolute;
    right: -19px;
    top: -2px;
}

    .s-ask-irene__detail-title-icon path
    {
        fill: #00aec7;
        stroke: #00aec7;
    }

.s-ask-irene__detail-text
{
    margin: 12px 0;
}

.s-ask-irene__detail-text-break
{
    display: none;
}

.s-ask-irene__detail-list
{
    padding: 0;
    margin: 0;
}

.s-ask-irene__detail-list-item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-ask-irene__detail-list-icon
{
    width: 15px;
    height: 15px;
    margin-right: 8px;
}

    .s-ask-irene__detail-list-icon path
    {
        fill: #00aec7;
        stroke: #00aec7;
    }

.s-ask-irene__detail-button
{
    margin: 18px 0 30px;
}

.s-ask-irene__detail-text-bottom
{
    display: none;
}

.s-ask-irene__irene
{
    font-size: 0;
}

.s-ask-irene__irene-icon
{
    width: 290px;
    height: 280px;
    margin: 0 auto;
    display: block;
}

@media screen and (min-width:480px)
{
    .s-ask-irene__irene-icon
    {
        width: 330px;
        height: 320px;
    }
}

@media screen and (min-width:768px)
{
    .s-ask-irene__container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .s-ask-irene__detail
    {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 50%;
        padding-top: 0;
    }

    .s-ask-irene__detail-title
    {
        font-size: 42px;
    }

    .s-ask-irene__detail-button
    {
        margin-bottom: 0;
    }

    .s-ask-irene__detail-text-bottom
    {
        display: block;
        margin-top: 20px;
    }

    .s-ask-irene__irene
    {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 50px;
        width: 50%;
    }
}

@media screen and (min-width:960px)
{
    .s-ask-irene__irene
    {
        padding-top: 80px;
    }
}

@media screen and (min-width:1024px)
{
    .s-ask-irene__detail-title
    {
        font-size: 48px;
    }

    .s-ask-irene__detail-text-break
    {
        display: block;
    }
}

@media screen and (min-width:1280px)
{
    .s-ask-irene__irene-icon
    {
        width: 400px;
        height: 385px;
    }
}

@media screen and (min-width:1680px)
{
    .s-ask-irene__detail-title
    {
        font-size: 68px;
    }

    .s-ask-irene__irene
    {
        padding-top: 100px;
    }

    .s-ask-irene__irene-icon
    {
        width: 550px;
        height: 535px;
    }
}

.s-morechannels__img, .s-morechannels__img-container, .s-morechannels__picture, .s-morechannels__text-container
{
    height: 380px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    overflow: hidden;
}

.s-morechannels__callcenter-container, .s-morechannels__email-container, .s-morechannels__text-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.s-morechannels__text-container
{
    padding: 53px 43px;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.s-morechannels__button-container
{
    margin-top: 22px;
}

.s-morechannels__text
{
    margin-top: 16px;
    line-height: 22px;
}

    .s-morechannels__text.s-morechannels__text-2
    {
        margin-top: 11px;
    }

.s-morechannels__phone-container
{
    margin-top: 20px;
}

@media screen and (min-width:375px)
{
    .s-morechannels__img, .s-morechannels__img-container, .s-morechannels__picture, .s-morechannels__text-container
    {
        height: 320px;
    }
}

@media screen and (min-width:768px)
{
    .s-morechannels__callcenter-container, .s-morechannels__email-container
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .s-morechannels__img-container, .s-morechannels__text-container
    {
        width: 50%;
    }

    .s-morechannels__callcenter-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .s-morechannels__callcenter-container .s-morechannels__img-container
        {
            -webkit-order: 2;
            -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .s-morechannels__callcenter-container .s-morechannels__text-container
        {
            -webkit-order: 1;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }
}

@media screen and (min-width:1024px)
{
    .s-morechannels__img, .s-morechannels__img-container, .s-morechannels__picture, .s-morechannels__text-container
    {
        height: 376px;
    }
}

@media screen and (min-width:1200px)
{
    .s-morechannels__text-container
    {
        padding: 0;
    }

    .s-morechannels__text-inner
    {
        width: 562px;
        margin-left: auto;
    }

    .s-morechannels__email-container .s-morechannels__text-wrapper
    {
        max-width: 377px;
    }

    .s-morechannels__callcenter-container .s-morechannels__text-wrapper
    {
        max-width: 417px;
    }
}

@media screen and (min-width:1600px)
{
    .s-morechannels__img, .s-morechannels__img-container, .s-morechannels__picture, .s-morechannels__text-container
    {
        height: 520px;
    }

    .s-morechannels__text-inner
    {
        width: 600px;
    }

    .s-morechannels__text
    {
        line-height: 27px;
    }
}

@media screen and (min-width:1920px)
{
    .s-morechannels__img, .s-morechannels__img-container, .s-morechannels__picture, .s-morechannels__text-container
    {
        height: 664px;
    }

    .s-morechannels__text-inner
    {
        width: 700px;
    }

    .s-morechannels__email-container .s-morechannels__text-wrapper
    {
        max-width: 421px;
    }

    .s-morechannels__callcenter-container .s-morechannels__text-wrapper
    {
        max-width: 581px;
    }

    .s-morechannels__text
    {
        line-height: 32px;
    }
}

.s-whatsapp__wrapper
{
    min-height: 531px;
    padding: 67px 0;
    background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/whatsapp-320.6e1517fd.jpg);
    background-position: 50%;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}

.s-whatsapp__text-container
{
    max-width: 300px;
    margin: 0 auto;
}

.s-whatsapp__text-title
{
    margin-bottom: 14px;
}

.s-whatsapp__text
{
    margin-bottom: 27px;
}

.s-whatsapp__text-phone
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.s-whatsapp__text-icon
{
    margin: auto 8px auto 0;
}

    .s-whatsapp__text-icon svg
    {
        height: 49px;
        width: 49px;
    }

.s-whatsapp__morechannels-container
{
    min-height: 120px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 20px 0;
}

.s-whatsapp__morechannels-icon-container
{
    margin-top: 12px;
}

    .s-whatsapp__morechannels-icon-container svg
    {
        width: 42px;
        height: 42px;
        cursor: pointer;
    }

@media screen and (min-width:768px)
{
    .s-whatsapp__wrapper
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/whatsapp-768.33284a6b.jpg);
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-whatsapp__text-container
    {
        min-width: 85%;
    }

    .s-whatsapp__text-inner
    {
        max-width: 440px;
    }
}

@media screen and (min-width:1024px)
{
    .s-whatsapp__text-phone .e-h1
    {
        font-size: 28px;
    }
}

@media screen and (min-width:1200px)
{
    .s-whatsapp__text-container
    {
        width: 1024px;
        min-width: inherit;
        max-width: 100%;
    }

    .s-whatsapp__morechannels-container
    {
        padding: 40px 0;
    }

    .s-whatsapp__morechannels-icon-container
    {
        margin-top: 19px;
    }
}

@media screen and (min-width:1360px)
{
    .s-whatsapp__text-inner
    {
        max-width: 580px;
    }
}

@media screen and (min-width:1600px)
{
    .s-whatsapp__text-container
    {
        width: 1200px;
    }

    .s-whatsapp__text-phone .e-h1
    {
        font-size: 44px;
    }

    .s-whatsapp__text-icon svg
    {
        height: 66px;
        width: 66px;
    }
}

@media screen and (min-width:1920px)
{
    .s-whatsapp__wrapper
    {
        min-height: 664px;
    }

    .s-whatsapp__text-container
    {
        width: 1400px;
    }

    .s-whatsapp__text-inner
    {
        max-width: 720px;
    }

    .s-whatsapp__text-icon svg
    {
        height: 77px;
        width: 77px;
    }
}

.s-faq
{
    margin: 0 auto 60px;
}

    .s-faq .c-accordion-section__content-container
    {
        color: #6a798b;
    }

.s-faq__title
{
    padding: 16px 0;
    margin-top: 50px;
}

.s-faq__text-li
{
    list-style: initial;
}

.s-affiliate-workers
{
    background: #f6fcff;
    padding-bottom: 10px;
}

.s-affiliate-workers__text
{
    padding: 35px 0;
    text-align: center;
}

.s-affiliate-workers__fieldset-sub-title
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.s-affiliate-workers__fieldset-sub-title-icon
{
    width: 17px;
    height: 17px;
    margin-right: 7px;
}

    .s-affiliate-workers__fieldset-sub-title-icon path
    {
        fill: #00aec7;
    }

.s-affiliate-workers__fieldset-content
{
    border: 1px solid #c1c7d5;
    padding: 0 15px 15px;
    margin-bottom: 35px;
}

.s-affiliate-workers__item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 15px 0 12px;
    border-bottom: 1px solid #c1c7d5;
}

    .s-affiliate-workers__item.noBorder
    {
        border-bottom: none;
    }

.s-affiliate-workers__item-icon
{
    width: 38px;
    height: 35px;
    margin-right: 12px;
}

.s-affiliate-workers__item-content-text
{
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}

.s-affiliate-workers__item-link
{
    margin-top: 5px;
}

    .s-affiliate-workers__item-link.e-button
    {
        font-size: 16px;
    }

.s-affiliate-workers__arrow, .s-affiliate-workers__arrow-list, .s-affiliate-workers__item-text-break
{
    display: none;
}

@media screen and (min-width:768px)
{
    .s-affiliate-workers
    {
        background: #fff;
    }

    .s-affiliate-workers__text
    {
        padding: 50px 0;
        margin: 0;
    }

    .s-affiliate-workers__fieldset-content
    {
        border: none;
        margin: 0;
        padding: 20px 0 30px;
    }

    .s-affiliate-workers__fieldset
    {
        position: relative;
        border: 2px solid #e2e2e2;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-bottom: 50px;
    }

    .s-affiliate-workers__fieldset-sub-title, .s-affiliate-workers__fieldset-title
    {
        position: absolute;
        top: -15px;
        background: #fff;
        padding: 0 15px;
    }

    .s-affiliate-workers__fieldset-title
    {
        left: 20px;
    }

    .s-affiliate-workers__fieldset-sub-title
    {
        right: 20px;
    }

    .s-affiliate-workers__item
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: none;
        padding: 20px 0;
    }

    .s-affiliate-workers__item-icon
    {
        width: 70px;
        height: 66px;
        margin: 0 0 10px;
    }

    .s-affiliate-workers__item-text
    {
        margin-bottom: 15px;
        width: 190px;
    }

    .s-affiliate-workers__item-content-text
    {
        width: auto;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .s-affiliate-workers__list-three, .s-affiliate-workers__list-two
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-affiliate-workers__arrow
    {
        display: block;
        width: 25px;
        height: 12px;
        margin: 8% 2% 0;
    }
}

@media screen and (min-width:1280px)
{
    .s-affiliate-workers__fieldset-content
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 60px 0 50px 35px;
    }

    .s-affiliate-workers__arrow
    {
        margin: 50px 0 0;
    }

    .s-affiliate-workers__arrow-list
    {
        display: block;
        margin-top: 50px;
        width: 25px;
        height: 12px;
    }

    .s-affiliate-workers__item-text
    {
        font-size: 18px;
        line-height: 22px;
        width: 170px;
    }

    .s-affiliate-workers__list-three .s-affiliate-workers__item:first-child .s-affiliate-workers__item-text
    {
        width: 190px;
    }
}

@media screen and (min-width:1280px)
{
    .s-affiliate-workers__text
    {
        padding: 80px 0 50px;
    }
}

@media screen and (min-width:1600px)
{
    .s-affiliate-workers__item-icon
    {
        width: 80px;
        height: 76px;
    }

    .s-affiliate-workers__item-text
    {
        width: 195px;
    }

    .s-affiliate-workers__fieldset-content
    {
        padding: 60px 0 50px 5%;
    }

    .s-affiliate-workers__item-link.e-button
    {
        font-size: 18px;
    }

    .s-affiliate-workers__list-three .s-affiliate-workers__item:first-child .s-affiliate-workers__item-text
    {
        width: 210px;
    }
}

.s-recommendation
{
    padding-bottom: 30px;
}

.s-recommendation__title
{
    text-align: center;
    padding: 34px 0;
}

.s-recommendation .c-accordion-section
{
    display: block;
    padding: 12px 15px;
    border: 1px solid #c1c7d5;
    font-size: 18px;
    margin-bottom: 9px;
    position: relative;
    overflow: hidden;
}

    .s-recommendation .c-accordion-section hr
    {
        display: none;
    }

.s-recommendation .c-accordion-section__title
{
    padding: 0;
}

.s-recommendation .c-accordion-section__index
{
    color: #00aec7;
}

.s-recommendation .c-accordion-section__content-container
{
    margin: 19px auto 0 18px;
}

.s-recommendation__link
{
    margin: 86px auto 35px 0;
}

.s-recommendation__icon-float
{
    position: absolute;
    bottom: -8px;
    right: -8px;
    height: 100px;
    width: 100px;
}

.s-recommendation__boxes-container
{
    display: none;
}

@media screen and (min-width:540px)
{
    .s-recommendation__icon-float
    {
        height: 150px;
        width: 150px;
    }
}

@media screen and (min-width:768px)
{
    .s-recommendation
    {
        padding-bottom: 30px;
    }

        .s-recommendation .c-accordion-section
        {
            display: none;
        }

    .s-recommendation__boxes-container
    {
        display: block;
    }

    .s-recommendation__box
    {
        padding: 20px 25px;
        border: 1px solid #c1c7d5;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        margin-bottom: 16px;
        position: relative;
    }

    .s-recommendation__box-index
    {
        color: #00aec7;
    }

    .s-recommendation__box-text
    {
        padding: 6px 0;
    }

    .s-recommendation__title
    {
        padding: 50px 0;
    }
}

@media screen and (min-width:1200px)
{
    .s-recommendation__boxes-container
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
    }

    .s-recommendation__box, .s-recommendation__boxes-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -moz-box-direction: normal;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between;
    }

    .s-recommendation__box
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        max-width: 324px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        padding: 35px 25px;
    }

    .s-recommendation__box-wrapper
    {
        margin-bottom: 56px;
    }
}

@media screen and (min-width:1360px)
{
    .s-recommendation
    {
        background: #f6fcff;
        padding-bottom: 80px;
    }

    .s-recommendation__box
    {
        background: #fff;
    }

    .s-recommendation__title
    {
        padding: 80px 0;
    }
}

@media screen and (min-width:1920px)
{
    .s-recommendation__box
    {
        max-width: 384px;
    }

    .s-recommendation__box-text
    {
        padding: 12px 0;
    }
}

.s-other-channels
{
    background: #f6fcff;
    padding-bottom: 30px;
}

.s-other-channels__title
{
    color: #00aec7;
    margin-bottom: 20px;
}

.s-other-channels__option-header-text
{
    margin-bottom: 5px;
}

.s-other-channels__option
{
    margin-bottom: 30px;
}

.s-other-channels__option-link
{
    margin-top: 10px;
}

    .s-other-channels__option-link.e-button
    {
        font-size: 16px;
    }

.s-other-channels__option-header-icon
{
    display: none;
}

@media screen and (min-width:768px)
{
    .s-other-channels
    {
        background: #fff;
        padding: 0;
        margin-bottom: 100px;
    }

    .s-other-channels__title
    {
        color: #4c5662;
        margin-bottom: 30px;
    }

    .s-other-channels__option-header-icon
    {
        display: block;
        width: 25px;
        height: 25px;
        margin-right: 8px;
    }

        .s-other-channels__option-header-icon path
        {
            fill: #c1c7d5;
        }

    .s-other-channels__option-header
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px;
    }

    .s-other-channels__option-header-text
    {
        margin: 0;
    }

    .s-other-channels__option-description, .s-other-channels__option-link.e-button
    {
        font-size: 18px;
        line-height: 24px;
    }
}

@media screen and (min-width:960px)
{
    .s-other-channels__fieldset
    {
        position: relative;
        border: 2px solid #e2e2e2;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 60px 40px 50px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .s-other-channels__title
    {
        left: 20px;
        position: absolute;
        top: -15px;
        background: #fff;
        padding: 0 15px;
    }

    .s-other-channels__option
    {
        width: 48%;
        margin: 0;
    }
}

@media screen and (min-width:1360px)
{
    .s-other-channels__fieldset
    {
        padding: 60px 30px;
    }

    .s-other-channels
    {
        margin-bottom: 130px;
    }
}

.s-payment-date
{
    margin-bottom: 100px;
}

.s-payment-date__title
{
    padding-top: 40px;
    text-align: center;
    margin-bottom: 5px;
}

.s-payment-date__subtitle
{
    padding-bottom: 40px;
    text-align: center;
    line-height: 20px;
}

.s-payment-date__chart-item
{
    margin-bottom: 30px;
}

.s-payment-date__chart-item-img
{
    width: 100%;
    max-width: 400px;
    margin-bottom: 5px;
}

.s-payment-date__chart-item-text-mobile
{
    line-height: 16px;
    margin-left: 5px;
}

.s-payment-date__chart-item-text-float
{
    margin: 0 0 5px 5px;
}

.s-payment-date__chart-item-text
{
    display: block;
    line-height: 1.2;
}

.s-payment-date__detail
{
    margin-bottom: 60px;
}

.s-payment-date__table .c-table__body-td:first-child, .s-payment-date__table .c-table__header-th:first-child
{
    width: 55%;
}

.s-payment-date__table .c-table__body-td:last-child, .s-payment-date__table .c-table__header-th:last-child
{
    width: 45%;
}

.s-payment-date__triangle
{
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 20px solid #0057c2;
}

    .s-payment-date__triangle.left
    {
        border-left-color: #fff;
        background: #0057c2;
    }

    .s-payment-date__triangle.s-payment-date__triangle-hue1
    {
        background: #e2e2e2;
    }

    .s-payment-date__triangle.right
    {
        border-left-color: #e2e2e2;
    }

.s-payment-date__chart-item-wrap
{
    position: relative;
    height: 80px;
    margin-bottom: 20px;
}

.s-payment-date__chart-item-mobile, .s-payment-date__chart-item-wrap
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    .s-payment-date__chart-item-mobile.s-payment-date__chart-item-mobile-left
    {
        z-index: 1;
        min-width: 145px;
        position: absolute;
    }

    .s-payment-date__chart-item-mobile.s-payment-date__chart-item-mobile-right
    {
        padding-left: 135px;
        width: 100%;
    }

    .s-payment-date__chart-item-mobile .s-payment-date__chart-item-content
    {
        width: 100%;
    }

.s-payment-date__chart-item-content
{
    background-color: #0057c2;
    color: #fff;
    padding: 16px 8px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .s-payment-date__chart-item-content.s-payment-date__chart-item-content-hue1
    {
        background: #e2e2e2;
        color: #4c5662;
    }

    .s-payment-date__chart-item-content .e-p3
    {
        line-height: 16px;
    }

@media screen and (min-width:768px)
{
    .s-payment-date__title
    {
        padding-top: 60px;
    }

    .s-payment-date__subtitle
    {
        padding-bottom: 55px;
    }

    .s-payment-date__chart
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }

    .s-payment-date__chart-img
    {
        width: 100%;
        margin-bottom: 5px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .s-payment-date__chart-item-text-float
    {
        position: absolute;
        margin: 0;
    }

    .s-payment-date__chart-item
    {
        text-align: center;
    }

        .s-payment-date__chart-item:nth-child(2)
        {
            width: 26.5%;
        }

            .s-payment-date__chart-item:nth-child(2) .s-payment-date__chart-item-text-float
            {
                top: 6%;
                left: 0;
                width: 26.5%;
            }

        .s-payment-date__chart-item:nth-child(3)
        {
            width: 29%;
        }

            .s-payment-date__chart-item:nth-child(3) .s-payment-date__chart-item-text-float
            {
                top: -5%;
                width: 29%;
                left: 26.5%;
            }

        .s-payment-date__chart-item:last-child
        {
            width: 44.5%;
        }

            .s-payment-date__chart-item:last-child .s-payment-date__chart-item-text-float
            {
                right: 0;
                top: -15%;
                width: 44.5%;
            }

    .s-payment-date__table .c-table__body-td:first-child, .s-payment-date__table .c-table__header-th:first-child
    {
        width: 65%;
    }

    .s-payment-date__table .c-table__body-td:last-child, .s-payment-date__table .c-table__header-th:last-child
    {
        width: 35%;
    }
}

@media screen and (min-width:960px)
{
    .s-payment-date__chart-item:nth-child(2) .s-payment-date__chart-item-text-float
    {
        top: 10%;
    }

    .s-payment-date__chart-item:nth-child(3) .s-payment-date__chart-item-text-float
    {
        top: -1%;
    }

    .s-payment-date__chart-item:nth-child(4) .s-payment-date__chart-item-text-float
    {
        top: -11%;
    }
}

@media screen and (min-width:1024px)
{
    .s-payment-date__title
    {
        margin-bottom: 4px;
    }
}

@media screen and (min-width:1280px)
{
    .s-payment-date__title
    {
        padding-top: 90px;
    }

    .s-payment-date__subtitle
    {
        padding-bottom: 85px;
    }

    .s-payment-date__detail
    {
        margin-bottom: 80px;
    }
}

@media screen and (min-width:1360px)
{
    .s-payment-date__chart-item:nth-child(2)
    {
        width: 22.5%;
    }

        .s-payment-date__chart-item:nth-child(2) .s-payment-date__chart-item-text-float
        {
            top: 8%;
            width: 22.5%;
        }

    .s-payment-date__chart-item:nth-child(3)
    {
        width: 22%;
    }

        .s-payment-date__chart-item:nth-child(3) .s-payment-date__chart-item-text-float
        {
            top: -3%;
            width: 22%;
            left: 22.5%;
        }

    .s-payment-date__chart-item:nth-child(4)
    {
        width: 55.5%;
    }

        .s-payment-date__chart-item:nth-child(4) .s-payment-date__chart-item-text-float
        {
            top: -13%;
            width: 55.5%;
        }
}

@media screen and (min-width:1680px)
{
    .s-payment-date__title
    {
        padding-top: 130px;
    }

    .s-payment-date__subtitle
    {
        padding-bottom: 100px;
    }
}

.s-paydays
{
    text-align: center;
    background: #f6fcff;
}

    .s-paydays .c-imagetext__img-container
    {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .s-paydays .c-imagetext__text-container
    {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

@media screen and (min-width:768px)
{
    .s-paydays
    {
        text-align: left;
    }
}

.s-howwherepayment
{
    background: #f6fcff;
    padding: 35px 0 1px;
}

    .s-howwherepayment .c-table
    {
        margin-bottom: 33px;
    }

        .s-howwherepayment .c-table:last-child
        {
            margin-bottom: 73px;
        }

    .s-howwherepayment .c-table__body-td, .s-howwherepayment .c-table__header-th
    {
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .s-howwherepayment .c-table__body-td
    {
        min-width: 100%;
    }

.s-howwherepayment__title
{
    text-align: center;
}

.s-howwherepayment__text-container
{
    padding: 21px 0;
    position: relative;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-howwherepayment__text
{
    width: 100%;
}

.s-howwherepayment__text-badge
{
    display: none;
    height: 44px;
    width: 46px;
    border: 2px solid #0057c2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    background: #f0f8ff;
    color: #0057c2;
}

.s-howwherepayment__text-badge-m
{
    color: #0057c2;
}

@media screen and (min-width:768px)
{
    .s-howwherepayment__text-container--last
    {
        padding: 21px 0 33px;
    }

    .s-howwherepayment .c-table
    {
        margin-bottom: 51px;
    }

        .s-howwherepayment .c-table:last-child
        {
            margin-bottom: 89px;
        }
}

@media screen and (min-width:1200px)
{
    .s-howwherepayment__text-badge
    {
        display: block;
    }

    .s-howwherepayment__text-badge-m
    {
        display: none;
    }

    .s-howwherepayment
    {
        padding: 66px 0 1px;
    }

        .s-howwherepayment .c-table:last-child
        {
            margin-bottom: 113px;
            margin-left: 60px;
            margin-right: 60px;
        }

        .s-howwherepayment .c-table__body-td
        {
            min-width: 33.33%;
        }

    .s-howwherepayment__title
    {
        padding-bottom: 31px;
    }

    .s-howwherepayment__text
    {
        padding-left: 16px;
    }
}

@media screen and (min-width:1920px)
{
    .s-howwherepayment__text
    {
        padding-left: 34px;
    }

    .s-howwherepayment__text-badge
    {
        height: 52px;
        width: 54px;
        line-height: 46px;
    }

    .s-howwherepayment .c-table:last-child
    {
        margin-left: 90px;
        margin-right: 90px;
    }
}

.s-deadlines-discounts
{
    padding: 35px 0 50px;
}

.s-deadlines-discounts__title
{
    text-align: center;
    margin-bottom: 20px;
}

.s-deadlines-discounts__table .c-table__body-td, .s-deadlines-discounts__table .c-table__header-th
{
    width: 50%;
}

@media screen and (min-width:768px)
{
    .s-deadlines-discounts
    {
        padding: 50px 0 65px;
    }

    .s-deadlines-discounts__title
    {
        text-align: left;
        margin-bottom: 30px;
    }

    .s-deadlines-discounts__table .c-table__body-td:first-child, .s-deadlines-discounts__table .c-table__header-th:first-child
    {
        width: 55%;
    }

    .s-deadlines-discounts__table .c-table__body-td:last-child, .s-deadlines-discounts__table .c-table__header-th:last-child
    {
        width: 45%;
    }
}

@media screen and (min-width:1280px)
{
    .s-deadlines-discounts
    {
        padding: 90px 0 100px;
    }
}

.s-with-without-dsp
{
    padding: 60px 0 80px;
}

.s-with-without-dsp__item
{
    position: relative;
    padding: 40px 20px;
    border: 2px solid #f2f5f9;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .s-with-without-dsp__item:first-child
    {
        margin-bottom: 50px;
    }

    .s-with-without-dsp__item svg
    {
        width: 46px;
        height: 46px;
        position: absolute;
        top: -23px;
        left: -webkit-calc(50% - 23px);
        left: calc(50% - 23px);
        background: #fff;
    }

.s-with-without-dsp__item-title
{
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}

.s-with-without-dsp__detail
{
    margin-bottom: 30px;
}

    .s-with-without-dsp__detail:last-child
    {
        margin-bottom: 0;
    }

.s-with-without-dsp__detail-title
{
    margin-bottom: 8px;
}

.s-with-without-dsp__detail-list
{
    padding-left: 19px;
}

.s-with-without-dsp__detail-list-item
{
    list-style: disc;
}

@media screen and (min-width:768px)
{
    .s-with-without-dsp
    {
        padding: 60px 0 25px;
    }

    .s-with-without-dsp__item
    {
        padding: 35px 60px 35px 65px;
    }

        .s-with-without-dsp__item svg
        {
            width: 38px;
            height: 38px;
            left: 14px;
            top: 29px;
        }

    .s-with-without-dsp__item-title
    {
        text-align: left;
    }
}

@media screen and (min-width:1024px)
{
    .s-with-without-dsp
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .s-with-without-dsp__item
    {
        width: 46%;
        padding: 50px 45px;
    }

        .s-with-without-dsp__item:first-child
        {
            margin-bottom: 0;
        }

        .s-with-without-dsp__item svg
        {
            top: -29px;
            left: -webkit-calc(50% - 29px);
            left: calc(50% - 29px);
            width: 58px;
            height: 58px;
        }

    .s-with-without-dsp__item-title
    {
        text-align: center;
    }
}

@media screen and (min-width:1280px)
{
    .s-with-without-dsp
    {
        padding: 90px 0 50px;
    }

    .s-with-without-dsp__detail
    {
        margin-bottom: 50px;
    }

    .s-with-without-dsp__item-title
    {
        font-size: 26px;
    }
}

@media screen and (min-width:1600px)
{
    .s-with-without-dsp
    {
        padding: 140px 0 60px;
    }

    .s-with-without-dsp__item-title
    {
        font-size: 28px;
    }

    .s-with-without-dsp__item:first-child .s-with-without-dsp__detail:nth-child(3)
    {
        margin-bottom: 77px;
    }
}

.s-admin-collection-detail, .s-notpayontime
{
    background: #f6fcff;
}

.s-notpayontime
{
    text-align: center;
}

    .s-notpayontime .c-imagetext__img-container
    {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .s-notpayontime .c-imagetext__text-container
    {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

@media screen and (min-width:768px)
{
    .s-notpayontime
    {
        text-align: left;
    }
}

@media screen and (min-width:768px)
{
    .s-timeline
    {
        padding: 25px 0 100px;
    }

    .s-timeline__img, .s-timeline__img-container
    {
        width: 100%;
    }

    .s-timeline__content
    {
        position: relative;
        font-size: 0;
        margin-top: 90px;
    }

    .s-timeline__text-five, .s-timeline__text-four, .s-timeline__text-one, .s-timeline__text-three, .s-timeline__text-two
    {
        display: inline-block;
        text-align: center;
        position: absolute;
    }

    .s-timeline__text-one
    {
        bottom: 7%;
        left: -3.5%;
        width: 10%;
    }

    .s-timeline__text-two
    {
        bottom: -22%;
        left: 0;
        width: 21%;
    }

    .s-timeline__text-three
    {
        left: 12%;
        top: 23.5%;
        width: 23%;
    }

    .s-timeline__text-four
    {
        left: 19%;
        top: 4.5%;
        width: 43%;
    }

    .s-timeline__text-five
    {
        right: 1.5%;
        top: -32%;
        width: 26%;
    }
}

@media screen and (min-width:1024px)
{
    .s-timeline__text-one
    {
        bottom: 12%;
    }

    .s-timeline__text-two
    {
        bottom: -16%;
    }

    .s-timeline__text-three
    {
        top: 26.5%;
    }

    .s-timeline__text-four
    {
        top: 5.5%;
    }

    .s-timeline__text-five
    {
        top: -27%;
    }
}

@media screen and (min-width:1200px)
{
    .s-timeline
    {
        padding: 50px 0 180px;
    }

    .s-timeline__number
    {
        position: absolute;
        top: 65%;
        left: 0;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 0 .5%;
    }

    .s-timeline__number-text
    {
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .s-timeline__text-one
    {
        bottom: 3%;
        left: -4.5%;
    }

    .s-timeline__text-two
    {
        bottom: -30%;
        left: -1%;
    }

    .s-timeline__text-three
    {
        top: 25.5%;
        left: 11.5%;
    }

        .s-timeline__text-three br
        {
            display: none;
        }
}

@media screen and (min-width:1600px)
{
    .s-timeline__number
    {
        top: 60%;
    }

    .s-timeline__text-one
    {
        bottom: 10%;
    }

    .s-timeline__text-two
    {
        bottom: -25%;
        left: -1%;
    }

    .s-timeline__text-three
    {
        top: 21.5%;
        left: 12.5%;
    }

    .s-timeline__text-four
    {
        top: 2.5%;
    }

    .s-timeline__text-five
    {
        top: -30%;
    }
}

.s-nodebt
{
    background: #f6fcff;
    padding: 49px 0;
}

.s-nodebt__title
{
    text-align: center;
    margin-bottom: 35px;
}

.s-nodebt__sub-title
{
    text-align: center;
    margin: 0 auto;
    margin-bottom: 39px;
}

.s-nodebt__box, .s-nodebt__box-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.s-nodebt__box
{
    padding: 40px 25px;
    border: 1px solid #c1c7d5;
    font-size: 18px;
    margin-bottom: 23px;
    position: relative;
    overflow: hidden;
    background: #fff;
}

    .s-nodebt__box:last-child
    {
        margin-bottom: 0;
    }

.s-nodebt__box-title
{
    margin-bottom: 12px;
}

.s-nodebt__box-email
{
    margin-top: 18px;
}

@media screen and (min-width:768px)
{
    .s-nodebt__box
    {
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .s-nodebt__title
    {
        margin-bottom: 17px;
    }
}

@media screen and (min-width:1280px)
{
    .s-nodebt__box-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .s-nodebt__box
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        max-width: 324px;
        margin-bottom: 0;
        padding: 40px 30px;
    }
}

@media screen and (min-width:1920px)
{
    .s-nodebt__box
    {
        min-height: 352px;
        min-width: 384px;
        padding: 0 28px 0 44px;
    }
}

.s-judicial-collection-detail
{
    background: #f6fcff;
}

@media screen and (min-width:1280px)
{
    .s-dsp-admin-collection .s-with-without-dsp__item:first-child .s-with-without-dsp__detail:nth-child(3)
    {
        margin-bottom: 105px;
    }
}

@media screen and (min-width:1600px)
{
    .s-dsp-admin-collection .s-with-without-dsp__item:first-child .s-with-without-dsp__detail:nth-child(3), .s-dsp-judicial-collection .s-with-without-dsp__item:last-child .s-with-without-dsp__detail:nth-child(3)
    {
        margin-bottom: 77px;
    }
}

@media screen and (min-width:1920px)
{
    .s-dsp-judicial-collection .s-with-without-dsp__item:last-child .s-with-without-dsp__detail:nth-child(3)
    {
        margin-bottom: 108px;
    }
}

.s-bankruptcy-collection-detail
{
    background: #f6fcff;
}

.s-bankruptcycollection
{
    text-align: center;
    padding: 41px 0;
    background-color: #f6fcff;
}

.s-bankruptcycollection__title
{
    margin-bottom: 12px;
}

.s-bankruptcycollection__text
{
    margin-bottom: 54px;
}

.s-bankruptcycollection__box-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.s-bankruptcycollection__box
{
    border: 2px solid #bfdaf4;
    padding: 28px 21px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: relative;
}

    .s-bankruptcycollection__box:first-child
    {
        margin-bottom: 41px;
    }

    .s-bankruptcycollection__box svg
    {
        position: absolute;
        height: 38px;
        width: 38px;
        top: -19px;
        background: #f6fcff;
        text-align: center;
        left: -webkit-calc(50% - 19px);
        left: calc(50% - 19px);
        fill: #0057c2;
    }

@media screen and (min-width:768px)
{
    .s-bankruptcycollection
    {
        text-align: left;
        padding: 73px 0;
    }

    .s-bankruptcycollection__text
    {
        margin-bottom: 38px;
    }

    .s-bankruptcycollection__box:first-child
    {
        margin-bottom: 27px;
    }

    .s-bankruptcycollection__box svg
    {
        left: -19px;
    }
}

@media screen and (min-width:1280px)
{
    .s-bankruptcycollection__box-container
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 20px;
    }

    .s-bankruptcycollection__text
    {
        margin-bottom: 58px;
    }

    .s-bankruptcycollection__box
    {
        padding: 28px 43px;
    }

        .s-bankruptcycollection__box:first-child
        {
            margin-bottom: 0;
            margin-right: 38px;
        }

        .s-bankruptcycollection__box svg
        {
            height: 42px;
            width: 42px;
        }
}

@media screen and (min-width:1920px)
{
    .s-bankruptcycollection__box:first-child
    {
        margin-right: 49px;
    }
}

.s-ahoradetail
{
    padding: 71px 0;
    text-align: center;
    background: #f6fcff;
}

.s-ahoradetail_subtitle
{
    color: #00aec7;
    margin-bottom: 47px;
}

.s-ahoradetail__icon-container
{
    margin: auto;
    margin-bottom: 40px;
}

    .s-ahoradetail__icon-container svg
    {
        width: 180px;
        height: 99px;
    }

.s-ahoradetail__icon-title
{
    margin-bottom: 61px;
}

    .s-ahoradetail__icon-title.s-ahoradetail__icon-title-last
    {
        margin-bottom: 0;
    }

@media screen and (min-width:768px)
{
    .s-ahoradetail__icon-zone
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .s-ahoradetail__icon-title
    {
        margin-bottom: 0;
    }

    .s-ahoradetail__icon-wrapper
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (min-width:1280px)
{
    .s-ahoradetail
    {
        padding: 100px 0 70px;
    }
}

.s-howwork
{
    padding: 71px 0;
}

.s-howwork__container
{
    font-size: 24px;
}

.s-howwork__title
{
    text-align: center;
    margin-bottom: 46px;
}

.s-howwork__image
{
    display: none;
}

.s-howwork__list-item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 50px;
}

.s-howwork__list-item-index
{
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 2px solid #00aec7;
    line-height: 28px;
    text-align: center;
    color: #00aec7;
    font-size: 18px;
}

.s-howwork__list-item-text
{
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
    padding-left: 18px;
}

.s-howwork__store-title
{
    text-align: center;
    margin-bottom: 17px;
}

.s-howwork__store-divider
{
    display: none;
}

.s-howwork__store-icons
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

    .s-howwork__store-icons svg
    {
        width: 143px;
        height: 47px;
    }

@media screen and (min-width:375px)
{
    .s-howwork__store-icons
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-howwork__store-icons-google
    {
        margin-right: 15px;
    }
}

@media screen and (min-width:1024px)
{
    .s-howwork__container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .s-howwork__image, .s-howwork__store-divider
    {
        display: block;
    }

    .s-howwork__image-src
    {
        width: 550px;
        margin-left: -40%;
    }

    .s-howwork__image, .s-howwork__list
    {
        margin: 0;
        width: 50%;
    }

    .s-howwork__list
    {
        padding-top: 30px;
    }

    .s-howwork__store-title
    {
        text-align: left;
    }

    .s-howwork__store-icons
    {
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .s-howwork__store-icons svg
        {
            margin-right: 20px;
        }

    .s-howwork__title
    {
        margin-bottom: 65px;
    }
}

@media screen and (min-width:1280px)
{
    .s-howwork__image-src
    {
        width: auto;
    }
}

.s-queryform
{
    padding: 45px 0 77px;
}

.s-queryform__files
{
    margin: 0 19px;
    width: 100%;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}

.s-queryform__files, .s-queryform__files-button
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-direction: normal;
}

.s-queryform__files-button
{
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .s-queryform__files-button svg
    {
        height: 20px;
        width: 20px;
        fill: #0057c2;
    }

.s-queryform__button-container
{
    width: 100%;
}

.s-queryform__comment-container
{
    margin-top: 40px;
}

.s-queryform__button
{
    margin: auto;
    display: block;
}

.s-queryform__form
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.s-queryform__enterprise-name
{
    display: none;
}

@media screen and (min-width:1280px)
{
    .s-queryform__files
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .s-queryform__files-button
    {
        margin-left: 36px;
    }

    .s-queryform__enterprise-name-cotainer
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .s-queryform__enterprise-name
    {
        display: block;
    }

    .s-queryform__button
    {
        margin: 0;
    }
}

.s-form-anulability
{
    background: #f6fcff;
    padding: 50px 0;
}

    .s-form-anulability .e-button
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .s-form-anulability .icon-loading
    {
        -webkit-animation-name: spin2;
        -o-animation-name: spin2;
        animation-name: spin2;
        -webkit-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
        height: 20px;
        width: 20px;
        margin-right: 8px;
    }

        .s-form-anulability .icon-loading svg
        {
            height: 20px;
            width: 20px;
        }

.s-form-anulability__subtitle
{
    margin-top: 10px;
    margin-bottom: 45px;
}

.s-form-anulability__company-name
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-form-anulability__company-data, .s-form-anulability__worker-data
{
    margin-bottom: 30px;
}

.s-form-anulability__company-data-number, .s-form-anulability__files-data-number, .s-form-anulability__worker-data-number
{
    color: #00aec7;
}

.s-form-anulability__company-data-title, .s-form-anulability__files-data-title, .s-form-anulability__worker-data-title
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.s-form-anulability__files-data-detail
{
    margin-bottom: 10px;
}

.s-form-anulability__worker-data-name
{
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.s-form-anulability__worker-data-delete
{
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.s-form-anulability__worker-data-document
{
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.s-form-anulability__worker-data-count
{
    -webkit-order: 4;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.s-form-anulability__files-items
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 0 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.s-form-anulability__files-upload-button
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
}

    .s-form-anulability__files-upload-button svg
    {
        height: 20px;
        width: 20px;
    }

.s-form-anulability__files-tip
{
    margin-bottom: 31px;
}

.s-form-anulability__files-error
{
    color: red;
    margin-left: 12px;
}

@media screen and (min-width:768px)
{
    .s-form-anulability
    {
        padding: 65px 0;
    }
}

@media screen and (min-width:1024px)
{
    .s-form-anulability__worker-data-delete
    {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
}

@media screen and (min-width:1200px)
{
    .s-form-anulability
    {
        padding: 100px 0;
    }

    .s-form-anulability__subtitle
    {
        margin-bottom: 55px;
    }

    .s-form-anulability__company-data-title, .s-form-anulability__files-data-detail, .s-form-anulability__files-data-title, .s-form-anulability__worker-data-title
    {
        margin-bottom: 20px;
    }

    .s-form-anulability__company-data-number, .s-form-anulability__files-data-number, .s-form-anulability__worker-data-number
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid #00aec7;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-right: 15px;
    }
}

.s-form-worker-anulability__data-number
{
    color: #00aec7;
}

.s-form-worker-anulability__data-title
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.s-form-worker-anulability__data-delete, .s-form-worker-anulability__data-name
{
    margin-bottom: 18px;
}

.s-form-worker-anulability__data-name
{
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.s-form-worker-anulability__data-delete
{
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.s-form-worker-anulability__data-document
{
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.s-form-worker-anulability__data-count
{
    -webkit-order: 4;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

@media screen and (min-width:1200px)
{
    .s-form-worker-anulability__data-title
    {
        margin-bottom: 20px;
    }

    .s-form-worker-anulability__data-number
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid #00aec7;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-right: 15px;
    }

    .s-form-worker-anulability__data-delete
    {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
}

.s-more-information
{
    text-align: center;
}

@media screen and (min-width:768px)
{
    .s-more-information
    {
        text-align: left;
    }
}

.p-employer-home__main-background-separator-second
{
    display: none;
}

@media screen and (min-width:480px)
{
    .p-employer-home__main-background-separator-first
    {
        display: none;
    }

    .p-employer-home__main-background-separator-second
    {
        display: block;
    }
}

.p-employer-afp-onp__header-detail
{
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
}

.p-employer-afp-onp__header-detail, .p-employer-afp-onp__header-detail-item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-direction: normal;
}

.p-employer-afp-onp__header-detail-item
{
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 12px;
}

.p-employer-afp-onp__header-detail-icon
{
    fill: #fff;
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 6px;
    margin-right: 14px;
}

.p-employer-afp-onp__header-detail-text
{
    color: #fff;
    font-weight: 400;
}

@media screen and (min-width:480px)
{
    .p-employer-afp-onp__header-detail-icon
    {
        width: 26px;
        height: 26px;
    }

    .p-employer-afp-onp__header-detail-item
    {
        margin-top: 15px;
    }
}

@media screen and (min-width:960px)
{
    .p-employer-afp-onp__header-detail
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 0;
    }

    .p-employer-afp-onp__header-detail-item
    {
        margin-right: 30px;
    }

    .p-employer-afp-onp__header-detail-icon
    {
        margin-right: 10px;
    }
}

.p-employer-affiliation__title
{
    text-align: left;
    margin-bottom: 25px;
}

@media screen and (min-width:768px)
{
    .p-employer-affiliation__title
    {
        font-size: 32px;
        margin-bottom: 60px;
    }

        .p-employer-affiliation__title:after
        {
            height: 200%;
            top: -30%;
        }
}

@media screen and (min-width:1600px)
{
    .p-employer-affiliation__title
    {
        font-size: 36px;
    }
}

.p-employer-payments__tabs .c-tabs__header
{
    max-width: 400px;
    margin: 0 auto;
}

.p-employer-payments__subtabs .c-tabs__header
{
    margin-bottom: 20px;
}

.p-employer-payments__subtabs .c-tabs__header-item-title
{
    line-height: 18px;
    position: relative;
    height: 50px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4c5662;
    overflow: hidden;
}

    .p-employer-payments__subtabs .c-tabs__header-item-title:after
    {
        content: "";
        width: 100%;
        height: 3px;
        background: #0057c2;
        position: absolute;
        left: 0;
        bottom: -3px;
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        -o-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transition: all 235ms cubic-bezier(.4,0,.2,1);
        -o-transition: all 235ms cubic-bezier(.4,0,.2,1);
        transition: all 235ms cubic-bezier(.4,0,.2,1);
    }

.p-employer-payments__subtabs .c-tabs__header-item
{
    padding: 10px 0;
}

    .p-employer-payments__subtabs .c-tabs__header-item.isActive .c-tabs__header-item-title:after
    {
        bottom: 0;
    }

.p-employer-payments__collection-detail
{
    text-align: center;
    padding: 60px 0;
}

    .p-employer-payments__collection-detail .e-h2
    {
        margin-bottom: 20px;
    }

@media screen and (min-width:480px)
{
    .p-employer-payments__subtabs .c-tabs__header
    {
        max-width: 90%;
    }

    .p-employer-payments__subtabs .c-tabs__header-item-title .e-show-mobile
    {
        display: none;
    }
}

@media screen and (min-width:768px)
{
    .p-employer-payments__collection-detail
    {
        padding: 60px 0 30px;
    }

    .p-employer-payments__tabs
    {
        padding-top: 15px;
    }

        .p-employer-payments__tabs .c-tabs__header
        {
            max-width: 450px;
        }

    .p-employer-payments__subtabs
    {
        margin-top: 30px;
    }

        .p-employer-payments__subtabs .c-tabs__header
        {
            max-width: 600px;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 30px;
        }

        .p-employer-payments__subtabs .c-tabs__header-item
        {
            padding: 0;
            -webkit-flex-grow: initial;
            -moz-box-flex: initial;
            -ms-flex-positive: initial;
            flex-grow: 0;
        }

        .p-employer-payments__subtabs .c-tabs__header-item-title
        {
            height: 35px;
        }
}

@media screen and (min-width:1280px)
{
    .p-employer-payments__tabs .c-tabs__header-item
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .p-employer-payments__tabs .c-tabs__header-item svg
        {
            margin: 0 0 5px;
        }

    .p-employer-payments__subtabs
    {
        margin-top: 50px;
    }

        .p-employer-payments__subtabs .c-tabs__header
        {
            max-width: 900px;
            margin-bottom: 40px;
        }
}

.p-employer-now__detail
{
    color: #fff;
    margin-top: 15px;
}

.p-employer-now__detail-icons
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}

    .p-employer-now__detail-icons svg
    {
        width: 145px;
        height: 47px;
    }

        .p-employer-now__detail-icons svg:first-child
        {
            margin-right: 15px;
        }

@media screen and (min-width:768px)
{
    .p-employer-now__detail-icons
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 15px;
    }

        .p-employer-now__detail-icons svg
        {
            width: 168px;
            height: 55px;
        }

            .p-employer-now__detail-icons svg:first-child
            {
                margin-right: 20px;
            }
}

@media screen and (min-width:1280px)
{
    .p-employer-now__links
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .p-employer-now__links-item
    {
        margin-right: 30px;
        font-size: 18px;
    }

        .p-employer-now__links-item.active
        {
            font-family: fs_joeybold;
        }
}

@media screen and (min-width:1360px)
{
    .p-employer-now__links-item
    {
        margin-right: 50px;
    }
}

.s-employer
{
    height: 500px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/background-main-mobile.4710c4e3.jpg);
    background-position: top;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    text-align: center;
}

.s-employer__text-container
{
    margin-bottom: 24px;
}

.s-employer__button
{
    margin: auto;
}

@media screen and (min-width:768px)
{
    .s-employer
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/background-main-tablet.9c580491.jpg);
    }
}

@media screen and (min-width:1280px)
{
    .s-employer
    {
        text-align: left;
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/background-main-desktop.1c8254cd.jpg);
    }

    .s-employer__button
    {
        margin: 0;
    }
}

@media screen and (min-width:1440px)
{
    .s-employer
    {
        height: 640px;
    }
}

.s-ahorasuperhome
{
    padding: 80px 0 60px;
    overflow: hidden;
}

.s-ahorasuperhome, .s-ahorasuperhome__detail
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.s-ahorasuperhome__detail
{
    text-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-ahorasuperhome__detail-logo
{
    width: 110px;
    height: 60px;
}

    .s-ahorasuperhome__detail-logo path
    {
        fill: #00aec7;
        stroke: #00aec7;
    }

.s-ahorasuperhome__detail-title
{
    font-size: 30px;
    line-height: 34px;
    padding: 37px 0 27px;
    margin: 0;
    position: relative;
    display: inline-block;
}

.s-ahorasuperhome__detail-star-left, .s-ahorasuperhome__detail-star-right
{
    position: absolute;
    top: 24px;
    z-index: 10;
    height: 45px;
    width: 20px;
}

    .s-ahorasuperhome__detail-star-left .star-container, .s-ahorasuperhome__detail-star-right .star-container
    {
        height: 20px;
    }

    .s-ahorasuperhome__detail-star-left .cross-container, .s-ahorasuperhome__detail-star-right .cross-container
    {
        height: 12px;
    }

    .s-ahorasuperhome__detail-star-left .last-container, .s-ahorasuperhome__detail-star-right .last-container
    {
        margin-top: 20px;
    }

    .s-ahorasuperhome__detail-star-left svg, .s-ahorasuperhome__detail-star-right svg
    {
        display: block;
        margin: auto;
        -webkit-animation-duration: .6s;
        -o-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: scalein;
        -o-animation-name: scalein;
        animation-name: scalein;
        -webkit-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
    }

        .s-ahorasuperhome__detail-star-left svg.first-icon, .s-ahorasuperhome__detail-star-right svg.first-icon
        {
            margin-left: 20px;
        }

        .s-ahorasuperhome__detail-star-left svg.star-icon, .s-ahorasuperhome__detail-star-right svg.star-icon
        {
            width: 20px;
            height: 20px;
        }

        .s-ahorasuperhome__detail-star-left svg.cross-icon, .s-ahorasuperhome__detail-star-right svg.cross-icon
        {
            width: 12px;
            height: 12px;
        }

.s-ahorasuperhome__detail-star-left
{
    left: -8px;
}

    .s-ahorasuperhome__detail-star-left svg.star-icon
    {
        -webkit-animation-delay: .6s;
        -o-animation-delay: .6s;
        animation-delay: .6s;
    }

    .s-ahorasuperhome__detail-star-left svg.cross-icon
    {
        -webkit-animation-delay: .2s;
        -o-animation-delay: .2s;
        animation-delay: .2s;
    }

.s-ahorasuperhome__detail-star-right
{
    right: 7px;
}

    .s-ahorasuperhome__detail-star-right svg.star-icon
    {
        -webkit-animation-delay: .4s;
        -o-animation-delay: .4s;
        animation-delay: .4s;
    }

    .s-ahorasuperhome__detail-star-right svg.cross-icon
    {
        -webkit-animation-delay: .8s;
        -o-animation-delay: .8s;
        animation-delay: .8s;
    }

.s-ahorasuperhome__smatphone-img-container
{
    margin-top: 50px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.s-ahorasuperhome__smatphone-img
{
    position: relative;
}

.s-ahorasuperhome__detail-arrow-right
{
    width: 6px;
    height: 11px;
    margin-left: 5px;
    fill: #4c5662;
    margin-bottom: -1px;
}

.s-ahorasuperhome__detail-link:hover .s-ahorasuperhome__detail-arrow-right
{
    fill: #0057c2;
}

@-webkit-keyframes scalein
{
    0%
    {
        -webkit-transform: scale(.1);
        transform: scale(.1);
    }

    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes scalein
{
    0%
    {
        -o-transform: scale(.1);
        transform: scale(.1);
    }

    to
    {
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scalein
{
    0%
    {
        -webkit-transform: scale(.1);
        -o-transform: scale(.1);
        transform: scale(.1);
    }

    to
    {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@media screen and (min-width:768px)
{
    .s-ahorasuperhome__smatphone-img
    {
        height: 450px;
        margin-left: -120px;
    }

    .s-ahorasuperhome
    {
        padding: 80px 0 0;
    }

    .s-ahorasuperhome__detail-logo
    {
        width: 97px;
        height: 52px;
    }

    .s-ahorasuperhome__detail-star-left
    {
        left: -35px;
        top: 24px;
    }

    .s-ahorasuperhome__detail-star-right
    {
        top: 18px;
        right: -24px;
    }
}

@media screen and (min-width:1024px)
{
    .s-ahorasuperhome
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .s-ahorasuperhome__detail
    {
        text-align: left;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 30px;
    }

    .s-ahorasuperhome__smatphone-img-container
    {
        margin: 0;
        width: 50%;
        overflow: visible;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .s-ahorasuperhome__smatphone-img
    {
        margin-left: 0;
    }
}

@media screen and (min-width:1200px)
{
    .s-ahorasuperhome__detail
    {
        margin-top: 120px;
        width: 50%;
    }

    .s-ahorasuperhome__detail-title
    {
        font-size: 36px;
        line-height: 42px;
    }

    .s-ahorasuperhome__smatphone-img-container
    {
        width: 50%;
    }

    .s-ahorasuperhome__smatphone-img
    {
        height: 550px;
    }
}

@media screen and (min-width:1600px)
{
    .s-ahorasuperhome__detail
    {
        margin-top: 170px;
    }

    .s-ahorasuperhome__smatphone-img
    {
        height: 650px;
    }
}

.s-yolo-header
{
    width: 100%;
    height: 100vh;
    background: #6e7889;
    position: relative;
    overflow: hidden;
}

    .s-yolo-header img
    {
        position: absolute;
        height: 100%;
        min-width: 100%;
        right: 0;
        top: 0;
        z-index: 10;
    }

.s-yolo-header__content
{
    width: 100%;
    height: 100%;
    position: absolute;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 20;
}

.s-yolo-header__title
{
    color: #fff;
}

.s-yolo-header__detail
{
    padding-left: 20px;
    margin-top: 15px;
}

.s-yolo-header__title-line
{
    padding-left: 15px;
    white-space: nowrap;
}

    .s-yolo-header__title-line:first-child
    {
        -webkit-animation: .8s TextFadeInRightAnimation both;
        -o-animation: .8s TextFadeInRightAnimation both;
        animation: .8s TextFadeInRightAnimation both;
    }

    .s-yolo-header__title-line:nth-child(2)
    {
        -webkit-animation: 1.3s TextFadeInRightAnimation both;
        -o-animation: 1.3s TextFadeInRightAnimation both;
        animation: 1.3s TextFadeInRightAnimation both;
    }

    .s-yolo-header__title-line:nth-child(3)
    {
        -webkit-animation: 1.6s TextFadeInRightAnimation both;
        -o-animation: 1.6s TextFadeInRightAnimation both;
        animation: 1.6s TextFadeInRightAnimation both;
    }

    .s-yolo-header__title-line:nth-child(4)
    {
        -webkit-animation: 1.9s TextFadeInRightAnimation both;
        -o-animation: 1.9s TextFadeInRightAnimation both;
        animation: 1.9s TextFadeInRightAnimation both;
    }

.s-yolo-header__title-landscape
{
    display: none;
}

.s-yolo-header__arrow
{
    position: absolute;
    z-index: 30;
    bottom: 10%;
    left: -webkit-calc(50% - 18px);
    left: calc(50% - 18px);
    padding: 5px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
}

    .s-yolo-header__arrow svg
    {
        width: 22px;
        height: 16px;
        fill: #fff;
    }

.s-yolo-header__arrow-line
{
    width: 2px;
    height: 50px;
    overflow: hidden;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: -12px;
    background-position: 0 -50px;
    -webkit-background-size: 100% 200%;
    background-size: 100% 200%;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(0,hsla(0,0%,100%,0)));
    background-image: -webkit-linear-gradient(top,#fff 50%,hsla(0,0%,100%,0) 0);
    background-image: -o-linear-gradient(top,#fff 50%,hsla(0,0%,100%,0) 0);
    background-image: linear-gradient(180deg,#fff 50%,hsla(0,0%,100%,0) 0);
    -webkit-animation: scrollDownAnimation 2s cubic-bezier(.76,0,.3,1) forwards infinite;
    -o-animation: scrollDownAnimation 2s cubic-bezier(.76,0,.3,1) forwards infinite;
    animation: scrollDownAnimation 2s cubic-bezier(.76,0,.3,1) forwards infinite;
}

@media screen and (orientation:landscape)
{
    .s-yolo-header__title-landscape
    {
        display: block;
    }

    .s-yolo-header__title-portrait
    {
        display: none;
    }
}

@media screen and (min-width:768px)
{
    .s-yolo-header__detail, .s-yolo-header__title
    {
        padding-left: 0;
    }

    .s-yolo-header__title-landscape
    {
        display: block;
    }

    .s-yolo-header__title-portrait
    {
        display: none;
    }
}

@media screen and (min-width:768px) and (max-width:1199px)
{
    .s-yolo-header__content .e-container
    {
        width: 85%;
    }
}

@media screen and (min-width:1200px)
{
    .s-receive-money .c-imagetext-v2__img
    {
        margin-left: -50px;
    }
}

.s-discount-calculator
{
    background: #f2f5f9;
    padding: 60px 0;
}

.s-discount-calculator__title
{
    margin-bottom: 15px;
}

.s-discount-calculator__subtitle
{
    margin: 30px 0 45px;
}

.s-discount-calculator__content-button
{
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 5px;
}

.s-discount-calculator__simbol
{
    position: absolute;
    bottom: 8px;
    left: 0;
    font-size: 22px;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    opacity: 0;
}

.s-discount-calculator__content
{
    background: #fff;
    padding: 30px 30px 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #c1c7d5;
    position: relative;
}

    .s-discount-calculator__content .row
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-discount-calculator__content .e-form-group__input
    {
        text-align: center;
    }

    .s-discount-calculator__content .e-form-group__control-label
    {
        left: -webkit-calc(50% - 62px);
        left: calc(50% - 62px);
    }

    .s-discount-calculator__content .e-form-group__input:focus ~ .e-form-group__control-label, .s-discount-calculator__content .e-form-group__input:valid ~ .e-form-group__control-label
    {
        left: -webkit-calc(50% - 50px);
        left: calc(50% - 50px);
    }

    .s-discount-calculator__content .e-form-group.has-value .s-discount-calculator__simbol, .s-discount-calculator__content .e-form-group__input:focus ~ .s-discount-calculator__simbol
    {
        opacity: 1;
    }

.s-discount-calculator__content-emoticon
{
    width: 52px;
    height: 52px;
    position: absolute;
    top: -26px;
    left: -webkit-calc(50% - 26px);
    left: calc(50% - 26px);
}

.s-discount-calculator__result
{
    margin-top: 40px;
}

    .s-discount-calculator__result.isHide
    {
        display: none;
    }

.s-discount-calculator__result-item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: 1s FadeInRightAnimation both;
    -o-animation: 1s FadeInRightAnimation both;
    animation: 1s FadeInRightAnimation both;
}

    .s-discount-calculator__result-item:last-child
    {
        margin-top: 35px;
    }

.s-discount-calculator__result-item-icon
{
    width: 50px;
    height: 46px;
    margin-right: 18px;
    fill: #0057c2;
}

    .s-discount-calculator__result-item-icon ellipse, .s-discount-calculator__result-item-icon path
    {
        fill: #0057c2;
    }

.s-discount-calculator__result-text-detail
{
    color: #6a798b;
}

.s-discount-calculator__result-title
{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

@media screen and (max-width:374px)
{
    .s-discount-calculator .e-form-wrapper
    {
        max-width: 60%;
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    }
}

@media screen and (min-width:375px)
{
    .s-discount-calculator__content
    {
        padding: 46px 30px 25px 10px;
    }

        .s-discount-calculator__content .e-form-group__input
        {
            text-align: left;
            padding-left: 25px;
        }

            .s-discount-calculator__content .e-form-group__control-label, .s-discount-calculator__content .e-form-group__input:focus ~ .e-form-group__control-label, .s-discount-calculator__content .e-form-group__input:valid ~ .e-form-group__control-label
            {
                left: 0;
            }
}

@media screen and (min-width:768px)
{
    .s-discount-calculator
    {
        padding: 80px 0;
    }

    .s-discount-calculator__subtitle
    {
        margin: 25px 0 75px;
    }

    .s-discount-calculator__simbol
    {
        opacity: 1;
        font-size: 32px;
        line-height: 32px;
        bottom: 7px;
    }

    .s-discount-calculator__content
    {
        max-width: 650px;
        margin: 0 auto;
        padding: 30px 30px 20px;
    }

        .s-discount-calculator__content .row
        {
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .s-discount-calculator__content .e-form-group__control-label
        {
            display: none;
        }

        .s-discount-calculator__content .e-form-group__input
        {
            font-size: 32px;
            line-height: 32px;
            padding: 5px 0;
            height: auto;
            padding-left: 40px;
        }

    .s-discount-calculator__content-emoticon
    {
        width: 62px;
        height: 62px;
        top: -31px;
        left: -webkit-calc(50% - 31px);
        left: calc(50% - 31px);
    }

    .s-discount-calculator__content-button
    {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin: 0;
    }

    .s-discount-calculator__content-title
    {
        font-size: 24px;
    }

    .s-discount-calculator__result
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 700px;
        margin: 30px auto 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .s-discount-calculator__result-item
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        width: -webkit-calc(50% - 1px);
        width: calc(50% - 1px);
        position: relative;
    }

        .s-discount-calculator__result-item:nth-child(2)
        {
            -webkit-animation: 1s FadeInLeftAnimation both;
            -o-animation: 1s FadeInLeftAnimation both;
            animation: 1s FadeInLeftAnimation both;
        }

        .s-discount-calculator__result-item:last-child
        {
            margin: 0;
        }

    .s-discount-calculator__result-line
    {
        width: 1px;
        height: 70px;
        background: #c1c7d5;
        margin-top: 6%;
    }

    .s-discount-calculator__result-item-icon
    {
        margin: 0 0 10px;
    }
}

@media screen and (min-width:1200px)
{
    .s-discount-calculator
    {
        padding: 100px 0;
    }
}

@media screen and (min-width:1920px)
{
    .s-discount-calculator
    {
        padding: 120px 0;
    }
}

.s-advantage-afp__title
{
    text-align: center;
}

.s-advantage-afp__detail
{
    color: #6a798b;
    text-align: center;
}

.s-advantage-afp__profitability
{
    max-width: 400px;
    border: 1px solid #c1c7d5;
    padding: 25px 20px 20px;
    text-align: center;
    margin: 45px auto 35px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    color: #6a798b;
}

.s-advantage-afp__profitability-icon
{
    width: 42px;
    height: 42px;
    padding: 10px;
    position: absolute;
    top: -21px;
    left: -webkit-calc(50% - 21px);
    left: calc(50% - 21px);
    z-index: 10;
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    fill: #00aec7;
}

.s-advantage-afp__calculation
{
    text-align: center;
    word-spacing: 8px;
}

.s-advantage-afp__calculation-result
{
    color: #00aec7;
    position: relative;
    margin-left: 10px;
}

.s-advantage-afp__calculation-result-icon-left, .s-advantage-afp__calculation-result-icon-right
{
    position: absolute;
    top: -8px;
    width: 11px;
    height: 14px;
    z-index: 10;
}

    .s-advantage-afp__calculation-result-icon-left path, .s-advantage-afp__calculation-result-icon-right path
    {
        fill: #00aec7;
    }

.s-advantage-afp__calculation-result-icon-left
{
    left: -12px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.s-advantage-afp__calculation-result-icon-right
{
    right: -12px;
}

.s-advantage-afp__message
{
    text-align: center;
    margin-top: 20px;
}

@media screen and (min-width:768px) and (max-width:1199px)
{
    .s-advantage-afp .c-imagetext__left-image
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .s-advantage-afp .c-imagetext__img-container, .s-advantage-afp .c-imagetext__text-container
    {
        width: 100%;
    }

    .s-advantage-afp .c-imagetext__text-container
    {
        padding-top: 90px;
        padding-bottom: 80px;
    }
}

@media screen and (min-width:1200px)
{
    .s-advantage-afp__calculation, .s-advantage-afp__detail, .s-advantage-afp__message, .s-advantage-afp__title
    {
        text-align: left;
    }

    .s-advantage-afp__profitability
    {
        display: inline-block;
        padding: 30px 25px 30px 45px;
        max-width: none;
    }

    .s-advantage-afp__profitability-icon
    {
        width: 50px;
        height: 50px;
        left: -25px;
        top: -webkit-calc(50% - 25px);
    }

    .s-advantage-afp .c-imagetext__text-container
    {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .s-advantage-afp .c-imagetext__picture
    {
        height: 100%;
    }
}

@media screen and (min-width:1600px)
{
    .s-advantage-afp .c-imagetext__text-container
    {
        padding-top: 200px;
        padding-bottom: 200px;
    }
}

.s-who-wins-afp
{
    text-align: center;
    background: #f2f5f9;
    padding-top: 65px;
    padding-bottom: 70px;
}

.s-who-wins-afp__subtitle
{
    margin-top: 10px;
}

.s-who-wins-afp__item
{
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #c1c7d5;
    padding: 50px 0 40px;
    height: 480px;
}

.s-who-wins-afp__item-detail
{
    color: #6a798b;
}

.s-who-wins-afp__item-container
{
    margin-top: 35px;
}

.s-who-wins-afp__item-icon
{
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
    fill: #0057c2;
}

.s-who-wins-afp__item-title
{
    margin-bottom: 20px;
}

@media screen and (max-width:767px)
{
    .s-who-wins-afp__item-container
    {
        width: 100%;
    }
}

@media screen and (min-width:768px)
{
    .s-who-wins-afp__item-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .s-who-wins-afp__item
    {
        width: 330px;
        padding: 40px 0;
        height: auto;
    }
}

@media screen and (min-width:1200px)
{
    .s-who-wins-afp
    {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .s-who-wins-afp__item
    {
        width: 430px;
        padding: 70px 0;
    }

    .s-who-wins-afp__item-container
    {
        margin-top: 30px;
    }
}

@media screen and (min-width:1600px)
{
    .s-who-wins-afp__item
    {
        width: 555px;
    }
}

.s-yolo-footer
{
    position: relative;
    height: 550px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    background: #6e7889;
}

    .s-yolo-footer img
    {
        position: absolute;
        left: -webkit-calc(50% - 384px);
        left: calc(50% - 384px);
        top: 0;
        z-index: 10;
    }

.s-yolo-footer__content
{
    position: relative;
    z-index: 20;
    text-align: center;
    color: #fff;
}

.s-yolo-footer__detail
{
    margin-top: 20px;
}

@media screen and (min-width:768px)
{
    .s-yolo-footer
    {
        height: 700px;
    }

        .s-yolo-footer img
        {
            left: -webkit-calc(50% - 600px);
            left: calc(50% - 600px);
        }
}

@media screen and (min-width:1200px)
{
    .s-yolo-footer
    {
        height: 750px;
    }

        .s-yolo-footer img
        {
            left: -webkit-calc(50% - 960px);
            left: calc(50% - 960px);
        }
}

.s-manage-your-money__subtitle
{
    color: #6a798b;
}

.s-manage-your-money__button
{
    margin-top: 20px;
}

.s-manage-your-money__emoticon
{
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: block;
}

    .s-manage-your-money__emoticon:last-child
    {
        display: none;
    }

@media screen and (max-width:767px)
{
    .s-manage-your-money .c-imagetext-v2__title
    {
        font-size: 44px;
        line-height: 43px;
    }
}

@media screen and (min-width:768px)
{
    .s-manage-your-money__button
    {
        margin-top: 30px;
    }

    .s-manage-your-money__emoticon
    {
        width: 45px;
        height: 45px;
        position: absolute;
        margin: -2px 0 0 18px;
    }

        .s-manage-your-money__emoticon:first-child
        {
            display: none;
        }

        .s-manage-your-money__emoticon:last-child
        {
            display: inline-block;
        }
}

@media screen and (min-width:1200px)
{
    .s-manage-your-money__emoticon
    {
        width: 60px;
        height: 60px;
        margin: 0 0 0 18px;
    }
}

.s-yolo-journeys
{
    background: #6e7889;
}

.s-yolo-journeys__item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.s-yolo-journeys__item-content
{
    width: 100%;
    background: #fff;
}

.s-yolo-journeys__item-inner
{
    margin-top: -65px;
    background: #fff;
    text-align: center;
    position: relative;
    padding: 58px 0 75px;
    z-index: 10;
}

.s-yolo-journeys__item-icon
{
    width: 60px;
    height: 60px;
    position: absolute;
    top: -30px;
    left: -webkit-calc(50% - 30px);
    left: calc(50% - 30px);
    z-index: 10;
}

.s-yolo-journeys__item-button
{
    margin-top: 20px;
}

.s-yolo-journeys__item-img-container
{
    font-size: 0;
}

.s-yolo-journeys__item-img
{
    width: 550px;
}

@media screen and (max-width:767px)
{
    .s-yolo-journeys__item-title
    {
        font-size: 44px;
        line-height: 42px;
    }
}

@media screen and (min-width:550px)
{
    .s-yolo-journeys__item-img
    {
        width: auto;
    }
}

@media screen and (min-width:768px)
{
    .s-yolo-journeys__item-icon
    {
        width: 66px;
        height: 66px;
        top: -33px;
        left: -webkit-calc(50% - 33px);
        left: calc(50% - 33px);
    }

    .s-yolo-journeys__item-inner
    {
        margin-top: -50px;
        padding: 60px 0 80px;
    }

    .s-yolo-journeys__item-img
    {
        width: 900px;
    }
}

@media screen and (min-width:900px)
{
    .s-yolo-journeys__item-img
    {
        width: 1024px;
        width: auto;
    }
}

@media screen and (min-width:1200px)
{
    .s-yolo-journeys
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: none;
    }

    .s-yolo-journeys__item
    {
        position: relative;
        color: #fff;
        width: -webkit-calc(100%/3 - .5px);
        width: calc(100% / 3 - .5px);
        background: #6e7889;
    }

        .s-yolo-journeys__item:hover .s-yolo-journeys__item-img
        {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

        .s-yolo-journeys__item:nth-child(2)
        {
            margin: 0 1px;
        }

    .s-yolo-journeys__item-content
    {
        position: absolute;
        bottom: 0;
        left: 0;
        background: transparent;
    }

    .s-yolo-journeys__item-inner
    {
        margin-top: 0;
        text-align: left;
        background: none;
        width: 85%;
    }

    .s-yolo-journeys__item-img
    {
        height: 800px;
        -webkit-transition: all .25s linear !important;
        -o-transition: all .25s linear !important;
        transition: all .25s linear !important;
    }

    .s-yolo-journeys__item-icon
    {
        left: auto;
        top: auto;
        width: 50px;
        height: 50px;
        margin-left: 15px;
        margin-top: 5px;
    }

    .s-yolo-journeys__item-title
    {
        position: relative;
    }
}

@media screen and (min-width:1440px)
{
    .s-yolo-journeys__item-inner
    {
        width: 74%;
    }
}

@media screen and (min-width:1600px)
{
    .s-yolo-journeys__item-img
    {
        height: 900px;
    }

    .s-yolo-journeys__item-icon
    {
        width: 60px;
        height: 60px;
        margin-left: 20px;
    }
}

.s-yolo-ahora
{
    background: #f6fcff;
    padding: 70px 0;
}

.s-yolo-ahora__detail
{
    text-align: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-yolo-ahora__detail-logo
{
    width: 97px;
    height: 52px;
}

    .s-yolo-ahora__detail-logo path
    {
        fill: #00aec7;
    }

.s-yolo-ahora__detail-title
{
    margin: 25px 0;
    position: relative;
}

.s-yolo-ahora__detail-star-left, .s-yolo-ahora__detail-star-right
{
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-animation: .6s ScaleInAnimation infinite linear;
    -o-animation: .6s ScaleInAnimation infinite linear;
    animation: .6s ScaleInAnimation infinite linear;
}

.s-yolo-ahora__detail-star-left
{
    left: -35px;
    top: 30px;
    -webkit-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
}

.s-yolo-ahora__detail-star-right
{
    top: -5px;
    right: -25px;
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
}

.s-yolo-ahora__detail-cross-left, .s-yolo-ahora__detail-cross-right
{
    position: absolute;
    width: 12px;
    height: 12px;
    -webkit-animation: .6s ScaleInAnimation infinite linear;
    -o-animation: .6s ScaleInAnimation infinite linear;
    animation: .6s ScaleInAnimation infinite linear;
}

.s-yolo-ahora__detail-cross-left
{
    left: -20px;
    top: 0;
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
}

.s-yolo-ahora__detail-cross-right
{
    top: 35px;
    right: -15px;
    -webkit-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
}

.s-yolo-ahora__detail-button
{
    margin-top: 30px;
}

.s-yolo-ahora__img-container
{
    text-align: center;
    margin-top: 55px;
    display: block;
    font-size: 0;
}

@media screen and (max-width:767px)
{
    .s-yolo-ahora__detail-title
    {
        font-size: 44px;
        line-height: 43px;
    }
}

@media screen and (min-width:768px)
{
    .s-yolo-ahora
    {
        padding: 90px 0 0;
    }

    .s-yolo-ahora__img-container
    {
        margin-top: 70px;
    }

    .s-yolo-ahora__img
    {
        height: 450px;
        margin-left: -120px;
    }
}

@media screen and (min-width:1200px)
{
    .s-yolo-ahora
    {
        padding-top: 150px;
    }

        .s-yolo-ahora .e-container
        {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }

    .s-yolo-ahora__detail
    {
        width: 50%;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: left;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .s-yolo-ahora__img-container
    {
        width: 50%;
        margin: 0;
    }

    .s-yolo-ahora__img
    {
        height: 600px;
    }
}

@media screen and (min-width:1600px)
{
    .s-yolo-ahora
    {
        padding-top: 200px;
    }

    .s-yolo-ahora__img
    {
        height: auto;
    }

    .s-yolo-ahora__detail
    {
        padding-top: 50px;
    }
}

.s-important
{
    text-align: center;
    overflow: hidden;
}

.s-important__relative
{
    position: relative;
}

.s-important__wrapper
{
    padding: 70px 0;
    position: relative;
    background: #f7fdff;
}

    .s-important__wrapper:before
    {
        content: "";
        position: absolute;
        left: -webkit-calc(50% - 20px);
        left: calc(50% - 20px);
        bottom: -19px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 22px solid #fff;
    }

.s-important__detail
{
    padding: 17px 0 41px;
    width: 287px;
    margin: 0 auto;
}

.s-important__icon
{
    margin-bottom: 56px;
}

    .s-important__icon svg
    {
        width: 204px;
        height: 136px;
    }

.s-important__tip-box
{
    background: #fff;
    padding: 39px 0;
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: relative;
}

.s-important__tip-box-img
{
    position: absolute;
    top: -29px;
    left: -webkit-calc(50% - 29px);
    left: calc(50% - 29px);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 59px;
    width: 59px;
    border: 1px solid #c1c7d5;
    background: #fff;
    padding: 10px;
}

    .s-important__tip-box-img path
    {
        fill: #00aec7;
    }

.s-important__insurancework-wrapper
{
    background: #0057c2;
    padding: 70px 0 30px;
    color: #fff;
}

.s-important__insurancework-img
{
    background: #0057c2;
}

.s-important__insurancework-wrapper-title
{
    padding-bottom: 17px;
}

@media screen and (min-width:768px)
{
    .s-important
    {
        text-align: left;
    }

    .s-important__insurancework-wrapper-title
    {
        padding-bottom: 6px;
    }

    .s-important__wrapper
    {
        padding: 70px 0;
    }

        .s-important__wrapper:before
        {
            left: 58px;
        }

    .s-important__detail
    {
        width: 396px;
        margin: 0 auto 0 0;
        padding: 6px 0 22px;
    }

    .s-important__icon
    {
        margin-bottom: 19px;
    }

        .s-important__icon svg
        {
            height: 124px;
            width: 187px;
        }

    .s-important__general-container
    {
        width: 60%;
    }

    .s-important__tip-box
    {
        padding: 20px;
        width: 370px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .s-important__tip-box-img
    {
        position: relative;
        left: auto;
        top: auto;
        margin-right: 15px;
        border: 0;
        padding: 0;
        width: 40px;
        height: 40px;
    }

    .s-important__insurancework-wrapper
    {
        padding: 70px 0;
    }

    .s-important__insurancework-img
    {
        position: absolute;
        bottom: 0;
        right: 2%;
        background: transparent;
    }

        .s-important__insurancework-img img
        {
            height: 700px;
        }
}

@media screen and (min-width:1024px)
{
    .s-important__wrapper
    {
        padding: 85px 0 80px;
    }

    .s-important__detail
    {
        width: 432px;
    }

    .s-important__tip-wrapper
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .s-important__icon
    {
        margin-bottom: 0;
    }

    .s-important__tip-box
    {
        margin-left: 10px;
    }

        .s-important__tip-box:before
        {
            content: "";
            position: absolute;
            left: -12px;
            top: 37px;
            width: 0;
            height: 0;
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
            border-right: 12px solid #c1c7d5;
        }

        .s-important__tip-box:after
        {
            content: "";
            position: absolute;
            left: -10px;
            top: 38px;
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 10px solid #fff;
        }

    .s-important__insurancework-wrapper
    {
        padding: 70px 0;
    }

    .s-important__tip-box-img
    {
        display: none;
    }

    .s-important__insurancework-img
    {
        right: 5%;
    }

        .s-important__insurancework-img img
        {
            height: 620px;
        }
}

@media screen and (min-width:1200px)
{
    .s-important__insurancework-img
    {
        right: 8%;
    }

        .s-important__insurancework-img img
        {
            height: 700px;
        }
}

@media screen and (min-width:1360px)
{
    .s-important__tip-box:before
    {
        top: 45px;
    }

    .s-important__tip-box:after
    {
        top: 46px;
    }

    .s-important__tip-box
    {
        width: 360px;
        padding: 23px;
    }

    .s-important__detail
    {
        width: 595px;
    }

    .s-important__insurancework-img img
    {
        height: 660px;
    }

    .s-important__insurancework-img
    {
        right: 10%;
    }

    .s-important__insurancework-wrapper-title
    {
        padding-bottom: 4px;
    }

    .s-important__detail
    {
        padding: 6px 0 22px;
    }

    .s-insurance-cases__option-icon-modal-container
    {
        margin: auto !important;
    }
}

@media screen and (min-width:1600px)
{
    .s-important__wrapper
    {
        padding: 146px 0;
    }

    .s-important__detail
    {
        width: 520px;
    }

    .s-important__tip-box
    {
        width: 390px;
    }

    .s-important__insurancework-wrapper
    {
        padding: 140px 0;
    }

    .s-important__insurancework-img
    {
        right: 13%;
    }

        .s-important__insurancework-img img
        {
            height: auto;
        }
}

.s-insurance-cases
{
    text-align: center;
    background: #f6fcff;
}

.s-insurance-cases__title
{
    margin: 0 auto 26px;
    width: 200px;
}

.s-insurance-cases__link-video
{
    text-decoration: underline;
}

.s-insurance-cases__options
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.s-insurance-cases__option-container
{
    width: 50%;
}

.s-insurance-cases__option-icon-title
{
    padding: 8px 0;
}

.s-insurance-cases__option-icon1-container
{
    padding: 15px 24px 26px 23px;
}

    .s-insurance-cases__option-icon1-container svg
    {
        height: 67px;
        width: 42px;
        fill: #00aec7;
    }

.s-insurance-cases__option-icon2-container
{
    padding: 17px 28px 30px 21px;
}

    .s-insurance-cases__option-icon2-container svg
    {
        height: 60px;
        width: 58px;
        fill: #00aec7;
    }

.s-insurance-cases__option-icon1-container, .s-insurance-cases__option-icon2-container
{
    height: 100px;
    width: 100px;
    border: 2px solid #00aec7;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    cursor: pointer;
}

.s-insurance-cases__option-title
{
    margin-top: 15px;
}

    .s-insurance-cases__option-title span
    {
        cursor: pointer;
    }

    .s-insurance-cases__option-title svg
    {
        width: 6px;
        height: 11px;
        margin-left: 7px;
        fill: #00aec7;
    }

.s-insurance-cases__left
{
    padding: 70px 0 35px;
}

.s-insurance-cases__right
{
    padding: 35px 0 70px;
}

.s-insurance-cases__img-right
{
    padding: 30px 0;
}

    .s-insurance-cases__img-right svg
    {
        height: 109px;
        width: 100px;
    }

.s-insurance-cases__right .e-button:last-child
{
    margin-top: 24px;
}

.s-insurance-cases__links
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .s-insurance-cases__links .e-button
    {
        margin: auto;
    }

.s-insurance-cases .c-modal__main
{
    width: 90%;
}

.s-insurance-cases__detail
{
    width: 90%;
    margin: auto auto 0;
    color: #6a798b;
}

.s-insurance-cases__modal-item
{
    text-align: justify;
    margin: 16px 0;
}

    .s-insurance-cases__modal-item svg
    {
        height: 20px;
        width: 20px;
        fill: #0057c2;
    }

@media screen and (min-width:768px)
{
    .s-insurance-cases__options
    {
        width: 70%;
        margin: auto;
    }

    .s-insurance-cases__box-container
    {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        border: 1px solid #c1c7d5;
        padding: 50px 0;
        width: 500px;
        margin: 0 auto;
        background: #fff;
    }

    .s-insurance-cases__right
    {
        padding: 50px 0 70px;
    }

    .s-insurance-cases__left
    {
        padding: 70px 0 0;
    }

    .s-insurance-cases__img-right
    {
        display: none;
    }

    .s-insurance-cases__title
    {
        width: 270px;
    }

    .s-insurance-cases__detail
    {
        width: 419px;
        margin: auto auto 27px;
    }

    .s-insurance-cases .c-modal__main
    {
        width: 50%;
    }
}

@media screen and (min-width:1024px)
{
    .s-insurance-cases__options
    {
        width: 100%;
    }

    .s-insurance-cases__title
    {
        width: 260px;
        font-size: 36px;
        line-height: 34px;
    }

    .s-insurance-cases__detail
    {
        width: 306px;
    }

    .s-insurance-cases__left, .s-insurance-cases__right
    {
        width: 50%;
    }

    .s-insurance-cases__left
    {
        padding: 70px 0;
    }

    .s-insurance-cases__right
    {
        padding: 70px 0;
        margin-left: 33px;
    }

    .s-insurance-cases__wrapper
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .s-insurance-cases__box-container
    {
        height: 100%;
        width: auto;
    }

    .s-insurance-cases .c-modal__main
    {
        width: 680px;
    }

    .s-insurance-cases__option-icon1-container, .s-insurance-cases__option-icon2-container
    {
        height: 115px;
        width: 115px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-insurance-cases__option-icon1-container
    {
        padding: 0;
        margin: auto 20px auto auto;
    }

        .s-insurance-cases__option-icon1-container svg
        {
            height: 60px;
            width: 50px;
        }

    .s-insurance-cases__option-title-1
    {
        text-align: right;
        padding-right: 38px;
    }

        .s-insurance-cases__option-title-1 div
        {
            display: inline-block;
            cursor: pointer;
        }

    .s-insurance-cases__option-icon2-container
    {
        margin: auto auto auto 20px;
        padding: 0;
    }

        .s-insurance-cases__option-icon2-container svg
        {
            height: 60px;
            width: 50px;
        }

    .s-insurance-cases__option-title-2
    {
        text-align: left;
        padding-left: 22px;
    }

        .s-insurance-cases__option-title-2 div
        {
            display: inline-block;
            cursor: pointer;
        }

    .s-insurance-cases__option-icon-modal-container
    {
        margin: 0 auto 20px;
    }
}

@media screen and (min-width:1360px)
{
    .s-insurance-cases .e-h1
    {
        font-size: 38px;
    }

    .s-insurance-cases__left
    {
        margin-right: 41px;
    }

    .s-insurance-cases__right
    {
        margin-left: 41px;
    }
}

@media screen and (min-width:1600px)
{
    .s-insurance-cases__left
    {
        margin-right: 66px;
    }

    .s-insurance-cases__right
    {
        margin-left: 66px;
    }

    .s-insurance-cases__detail
    {
        width: 385px;
    }

    .s-insurance-cases .c-modal__main .e-h3
    {
        font-size: 40px;
    }

    .s-insurance-cases__option-icon1-container, .s-insurance-cases__option-icon2-container
    {
        height: 100px;
        width: 100px;
    }

    .s-insurance-cases__box-container
    {
        padding: 80px 0;
    }

    .s-insurance-cases__option-icon1-container
    {
        margin: auto 40px auto auto;
    }

    .s-insurance-cases__option-icon2-container
    {
        margin: auto auto auto 30px;
    }

    .s-insurance-cases__option-title-1
    {
        padding-right: 25px;
    }

    .s-insurance-cases__option-title-2
    {
        padding-left: 15px;
    }
}

.s-insurance-howmuch-receive
{
    text-align: center;
    height: 500px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/section-mobile.6e3b143d.jpg);
    background-position: 50%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

    .s-insurance-howmuch-receive .e-button
    {
        margin: 8px auto auto;
    }

.s-insurance-howmuch-receive__text-container
{
    width: 280px;
    margin: auto;
}

@media screen and (min-width:768px)
{
    .s-insurance-howmuch-receive
    {
        background: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/section-tablet.1248ef84.jpg);
        background-position: 50%;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .s-insurance-howmuch-receive__text-container
    {
        width: 413px;
    }
}

@media screen and (min-width:1024px)
{
    .s-insurance-howmuch-receive
    {
        height: 730px;
    }

    .s-insurance-howmuch-receive__text-container
    {
        width: 453px;
    }

    .s-insurance-howmuch-receive .button
    {
        margin: 22px auto auto;
    }
}

@media screen and (min-width:1360px)
{
    .s-insurance-howmuch-receive
    {
        height: 763px;
        background: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/section-desktop.b54fa8ca.jpg);
        background-position: 50%;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .s-insurance-howmuch-receive__text-container
    {
        width: 568px;
    }
}

@media screen and (min-width:1600px)
{
    .s-insurance-howmuch-receive
    {
        height: 917px;
    }

    .s-insurance-howmuch-receive__text-container
    {
        width: 773px;
    }
}

.s-whatis-fundtype__subtitle
{
    margin-bottom: 40px;
}

.s-whatis-fundtype__detail
{
    position: relative;
    color: #6a798b;
    border: 1px solid #c1c7d5;
    padding: 40px 30px 35px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.s-whatis-fundtype__profitability-icon-container
{
    position: absolute;
    width: 42px;
    height: 42px;
    left: -webkit-calc(50% - 21px);
    left: calc(50% - 21px);
    top: -21px;
    padding: 10px;
    background: #fff;
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.s-whatis-fundtype__profitability-icon
{
    fill: #00aec7;
    width: 20px;
    height: 19px;
}

@media screen and (min-width:768px)
{
    .s-whatis-fundtype__profitability-icon-container
    {
        width: 52px;
        height: 52px;
        left: -webkit-calc(50% - 26px);
        left: calc(50% - 26px);
        top: -26px;
        padding: 12px;
    }

    .s-whatis-fundtype__profitability-icon
    {
        width: 28px;
        height: 26px;
    }

    .s-whatis-fundtype__detail
    {
        width: 600px;
        margin: 0 auto;
    }
}

@media screen and (min-width:1200px)
{
    .s-whatis-fundtype__detail
    {
        display: inline-block;
        padding: 20px 55px 25px;
        width: auto;
    }

    .s-whatis-fundtype__profitability-icon-container
    {
        width: 60px;
        height: 60px;
        left: -30px;
        top: -webkit-calc(50% - 30px);
        top: calc(50% - 30px);
        padding: 14px;
    }

    .s-whatis-fundtype__profitability-icon
    {
        width: 32px;
        height: 30px;
    }
}

.s-yolo-menu-mobile .c-menu-mobile__item-sub:nth-child(7) svg
{
    height: 26px;
}

.s-fund-types-section
{
    background: #f2f5f9;
    padding: 60px 0;
}

.s-fund-types-section__item
{
    background: #fff;
    margin-top: 25px;
    padding: 50px 20px 60px;
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    color: #6a798b;
    position: relative;
}

.s-fund-types-section__item-icon
{
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.s-fund-types-section__item-line
{
    width: 15px;
    height: 2px;
    background: #00aec7;
    display: inline-block;
    margin: 20px 0 13px;
}

.s-fund-types-section__item-title
{
    color: #4c5662;
}

.s-fund-types-section__item-detail
{
    max-width: 270px;
    margin: 0 auto;
}

.s-fund-types-section__detail
{
    margin-top: 20px;
    color: #6a798b;
}

@media screen and (max-width:767px)
{
    .s-fund-types-section__item-title
    {
        font-size: 28px;
    }
}

@media screen and (min-width:768px)
{
    .s-fund-types-section__item
    {
        padding: 70px 0;
        margin: 40px auto 0;
        width: 420px;
    }

    .s-fund-types-section__item-icon
    {
        width: 65px;
        height: 65px;
    }

    .s-fund-types-section__detail
    {
        margin-top: 30px;
    }
}

@media screen and (min-width:960px)
{
    .s-fund-types-section__item-detail
    {
        max-width: 300px;
    }
}

@media screen and (min-width:1200px)
{
    .s-fund-types-section
    {
        padding: 70px 0;
    }

    .s-fund-types-section__container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .s-fund-types-section__item
    {
        padding: 60px 0;
        width: 32%;
        margin: 30px 0 0;
    }

    .s-fund-types-section__item-line
    {
        width: 20px;
    }

    .s-fund-types-section__item-icon
    {
        width: 60px;
        height: 60px;
    }

    .s-fund-types-section__detail
    {
        margin-top: 40px;
    }

    .s-fund-types-section__item-detail
    {
        max-width: none;
    }
}

@media screen and (min-width:1600px)
{
    .s-fund-types-section, .s-fund-types-section__item
    {
        padding: 80px 0;
    }
}

.s-depa-requirements
{
    position: relative;
    padding: 70px 0;
    background: #f6fcff;
    overflow: hidden;
}

    .s-depa-requirements .e-container
    {
        position: relative;
        z-index: 20;
    }

.s-depa-requirements__img
{
    position: absolute;
    z-index: 10;
    right: -190px;
    bottom: 0;
    height: 700px;
}

.s-depa-requirements__title
{
    text-align: center;
}

.s-depa-requirements__just-need
{
    margin-top: 270px;
    margin-bottom: 20px;
}

.s-depa-requirements__list
{
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 15px 35px 15px 20px;
    background: #fff;
    margin-bottom: 15px;
}

.s-depa-requirements__list-row
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    .s-depa-requirements__list-row:last-child .s-depa-requirements__list-row-text
    {
        border-bottom: none;
    }

.s-depa-requirements__list-row-icon
{
    width: 17px;
    height: 12px;
    margin: 30px 15px 0 0;
    fill: #00aec7;
}

    .s-depa-requirements__list-row-icon path
    {
        fill: #00aec7;
    }

.s-depa-requirements__list-row-text
{
    color: #6a798b;
    padding: 20px 0;
    border-bottom: 1px solid #c1c7d5;
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
}

@media screen and (min-width:768px)
{
    .s-depa-requirements__img
    {
        height: 770px;
        right: -80px;
    }

    .s-depa-requirements
    {
        padding: 120px 0 140px;
    }

    .s-depa-requirements__title
    {
        text-align: left;
        margin-bottom: 5px;
    }

    .s-depa-requirements__list
    {
        background: transparent;
        border: none;
        padding: 0;
        display: inline-block;
        margin-bottom: 0;
    }

    .s-depa-requirements__list-row
    {
        border: 1px solid #c1c7d5;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 16px;
        background: #fff;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15px;
    }

    .s-depa-requirements__list-row-icon
    {
        width: 42px;
        height: 42px;
        margin-top: 0;
    }

    .s-depa-requirements__list-row-text
    {
        padding: 0;
        border: 0;
    }

    .s-depa-requirements__just-need
    {
        margin-top: 45px;
    }
}

@media screen and (min-width:768px)
{
    .s-depa-requirements__img
    {
        right: 0;
    }
}

@media screen and (min-width:1200px)
{
    .s-depa-requirements__img
    {
        right: 9%;
        height: 800px;
    }

    .s-depa-requirements__list-row
    {
        padding: 22px;
    }

    .s-depa-requirements__list-row-icon
    {
        margin-right: 20px;
    }
}

@media screen and (min-width:1600px)
{
    .s-depa-requirements__img
    {
        right: 20%;
        height: auto;
    }
}

.s-depa-steps
{
    background: #0057c2;
    color: #fff;
    text-align: center;
    padding: 70px 0;
    position: relative;
}

.s-depa-steps__triangle-bottom, .s-depa-steps__triangle-top
{
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    position: absolute;
    left: -webkit-calc(50% - 16px);
    left: calc(50% - 16px);
    z-index: 10;
}

.s-depa-steps__triangle-top
{
    border-top: 16px solid #f6fcff;
    top: 0;
}

.s-depa-steps__triangle-bottom
{
    border-top: 16px solid #0057c2;
    bottom: -16px;
}

.s-depa-steps__list-item
{
    margin-top: 70px;
    background: #fff;
    color: #6a798b;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 70px 0 60px;
    position: relative;
}

.s-depa-steps__list-item-icon-container
{
    width: 78px;
    height: 78px;
    background: #00aec7;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #0057c2;
    position: absolute;
    top: -39px;
    left: -webkit-calc(50% - 39px);
    left: calc(50% - 39px);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.s-depa-steps__list-item-icon
{
    width: 38px;
    height: 40px;
    fill: #fff;
    stroke: #fff;
}

    .s-depa-steps__list-item-icon path
    {
        stroke: #fff;
        fill: #fff;
    }

.s-depa-steps__list-item-title
{
    font-size: 26px;
    color: #4c5662;
    margin: 15px 0 25px;
}

.s-depa-steps__modal-agreement
{
    color: #6a798b;
}

.s-depa-steps__modal-agreement-blue
{
    color: #0057c2;
}

.s-depa-steps__modal-agreement-detail
{
    margin-top: 20px;
}

.s-depa-steps__modal-agreement-icons
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 480px;
    margin: 0 auto;
}

    .s-depa-steps__modal-agreement-icons svg
    {
        height: 20px;
        margin-top: 20px;
    }

        .s-depa-steps__modal-agreement-icons svg:first-child, .s-depa-steps__modal-agreement-icons svg:nth-child(2)
        {
            width: 70px;
        }

        .s-depa-steps__modal-agreement-icons svg:nth-child(3), .s-depa-steps__modal-agreement-icons svg:nth-child(4)
        {
            width: 100px;
        }

        .s-depa-steps__modal-agreement-icons svg:nth-child(5)
        {
            width: 30px;
        }

@media screen and (min-width:768px)
{
    .s-depa-steps
    {
        padding: 100px 0;
    }

    .s-depa-steps__list-item
    {
        padding: 40px 0;
        margin-top: 45px;
    }

    .s-depa-steps__list-item-icon
    {
        width: 38px;
        height: 40px;
        fill: #0057c2;
        stroke: #0057c2;
    }

        .s-depa-steps__list-item-icon path
        {
            stroke: #0057c2;
            fill: #0057c2;
        }

    .s-depa-steps__list-item-icon-container
    {
        position: relative;
        background: transparent;
        border: none;
        left: auto;
        width: 100%;
        top: auto;
        height: auto;
        margin-bottom: 15px;
    }

    .s-depa-steps__list-item-title
    {
        margin: 5px 0 15px;
    }
}

@media screen and (min-width:1024px)
{
    .s-depa-steps__list
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .s-depa-steps__list-item
    {
        width: 31%;
    }

    .s-depa-steps__list-item-title br
    {
        display: block;
    }
}

@media screen and (min-width:1200px)
{
    .s-depa-steps
    {
        padding: 120px 0;
    }

    .s-depa-steps__list-item
    {
        margin-top: 60px;
    }
}

@media screen and (min-width:1600px)
{
    .s-depa-steps
    {
        padding: 150px 0;
    }

    .s-depa-steps__list-item
    {
        padding: 70px 0;
    }
}

.s-depa-example
{
    text-align: center;
}

    .s-depa-example .c-imagetext__text-container
    {
        padding: 70px 0;
    }

    .s-depa-example .c-imagetext__img-container
    {
        font-size: 0;
    }

.s-depa-example__icon
{
    width: 260px;
    height: 120px;
    margin: 60px 0 70px;
}

.s-depa-example__remember
{
    border: 2px solid #c1c7d5;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 30px 40px;
    position: relative;
}

.s-depa-example__remember-text
{
    position: absolute;
    left: -webkit-calc(50% - 60px);
    left: calc(50% - 60px);
    top: -13px;
    background: #fff;
    width: 120px;
    display: inline-block;
    line-height: 26px;
}

@media screen and (min-width:768px) and (max-width:1199px)
{
    .s-depa-example .c-imagetext__left-image
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .s-depa-example .c-imagetext__img-container, .s-depa-example .c-imagetext__text-container
    {
        width: 100%;
    }

    .s-depa-example .c-imagetext__text-container
    {
        padding-top: 90px;
        padding-bottom: 80px;
    }
}

@media screen and (min-width:1200px)
{
    .s-depa-example
    {
        text-align: left;
    }

        .s-depa-example .c-imagetext__picture
        {
            height: 100%;
        }

    .s-depa-example__remember-text
    {
        text-align: center;
        left: 25px;
    }
}

.s-modal-withdepa
{
    color: #6a798b;
}

.s-modal-withdepa__text-blue
{
    color: #0057c2;
}

.s-modal-withdepa__icon
{
    margin: 50px 0 60px;
    width: 280px;
    height: 140px;
}

.s-modal-withdepa__title-date
{
    margin-top: 20px;
}

.s-modal-withdepa__card
{
    margin: 30px 0 40px;
    padding: 15px;
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

    .s-modal-withdepa__card:after, .s-modal-withdepa__card:before
    {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
    }

    .s-modal-withdepa__card:before
    {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #c1c7d5;
        left: -webkit-calc(50% - 10px);
        left: calc(50% - 10px);
        z-index: 10;
        top: -10px;
    }

    .s-modal-withdepa__card:after
    {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 9px solid #fff;
        left: -webkit-calc(50% - 8px);
        left: calc(50% - 8px);
        z-index: 20;
        top: -9px;
    }

.s-modal-withdepa__line
{
    border-bottom: 1px solid #c1c7d5;
    margin-bottom: 40px;
}

.s-modal-withdepa__remember
{
    padding: 20px 15px;
    margin-top: 40px;
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

.s-modal-withdepa__remember-title
{
    position: absolute;
    left: -webkit-calc(50% - 50px);
    left: calc(50% - 50px);
    top: -14px;
    background: #fff;
    width: 100px;
    color: #4c5662;
}

.s-familyneed
{
    padding: 70px 0;
    text-align: center;
}

.s-familyneed__title
{
    margin-bottom: 31px;
}

.s-familyneed__option-container, .s-familyneed__options
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.s-familyneed__option-container
{
    -webkit-box-shadow: 0 0 8px 0 rgba(145,182,218,.48);
    box-shadow: 0 0 8px 0 rgba(145,182,218,.48);
    margin-bottom: 24px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow-x: hidden;
}

    .s-familyneed__option-container:last-child
    {
        margin-bottom: 0;
    }

.s-familyneed__option-detail
{
    padding: 30px 0;
}

.s-familyneed__option-icon
{
    margin-bottom: 14px;
}

    .s-familyneed__option-icon svg
    {
        height: 38px;
        width: 38px;
        fill: #0057c2;
    }

.s-familyneed__option-text
{
    width: 185px;
    margin: 0 auto 15px;
}

.s-familyneed__option-img
{
    height: 225px;
    position: relative;
    overflow: hidden;
}

    .s-familyneed__option-img img
    {
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
    }

@media screen and (min-width:768px)
{
    .s-familyneed__option-container
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .s-familyneed__option-img
    {
        height: 262px;
        width: 45%;
    }

    .s-familyneed__option-detail
    {
        text-align: left;
        padding-left: 31px;
        width: 55%;
    }

    .s-familyneed__option-text
    {
        width: 100%;
    }
}

@media screen and (min-width:1024px)
{
    .s-familyneed
    {
        padding: 109px 0 70px;
    }

        .s-familyneed .e-button
        {
            padding: 7px 10px;
            line-height: 17px;
            font-size: 14px;
        }

    .s-familyneed__option-container
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .s-familyneed__option-container:first-child
        {
            margin-left: auto;
            margin-right: 25px;
        }

        .s-familyneed__option-container:last-child
        {
            margin-right: auto;
            margin-left: 25px;
        }

    .s-familyneed__title
    {
        margin-bottom: 0;
    }

    .s-familyneed__options
    {
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 500px;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .s-familyneed__option-detail
    {
        text-align: center;
        padding-left: 0;
        width: 100%;
    }

    .s-familyneed__option-img
    {
        height: 190px;
        width: auto;
    }

    .s-familyneed__option-container
    {
        margin-bottom: 0;
        width: 270px;
        border-bottom: 2px solid #0057c2;
        overflow: hidden;
    }

        .s-familyneed__option-container:hover
        {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

            .s-familyneed__option-container:hover, .s-familyneed__option-container:hover .s-familyneed__option-action
            {
                -webkit-transition: .2s linear;
                -o-transition: .2s linear;
                transition: .2s linear;
            }

                .s-familyneed__option-container:hover .s-familyneed__option-action a
                {
                    display: inline-block;
                }

    .s-familyneed__option-text
    {
        width: 165px;
        font-size: 20px;
    }

    .s-familyneed__option-action
    {
        height: 50px;
        overflow: hidden;
    }

        .s-familyneed__option-action a
        {
            display: none;
        }
}

@media screen and (min-width:1200px)
{
    .s-familyneed .e-button
    {
        font-size: 18px;
        line-height: 21px;
        padding: 10px 30px;
    }
}

@media screen and (min-width:1600px)
{
    .s-familyneed__option-container
    {
        margin-right: 20px;
        width: 334px;
    }

        .s-familyneed__option-container:first-child
        {
            margin-left: auto;
        }

        .s-familyneed__option-container:last-child
        {
            margin-right: auto;
        }
}

@keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInUp
{
    -webkit-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.s-weekendplan
{
    text-align: center;
    color: #fff;
    height: 470px;
    background: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/s768x470.58de685a.jpg);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-position: 50%;
}

.s-weekendplan__detail
{
    margin-bottom: 27px;
}

.s-weekendplan__action .button
{
    margin: auto;
}

@media screen and (min-width:768px)
{
    .s-weekendplan
    {
        height: 600px;
        background: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/s1200X700.4161f7e7.jpg);
        background-position: 50%;
        background-repeat: none;
        -webkit-background-size: cover;
        background-size: cover;
    }
}

@media screen and (min-width:1600px)
{
    .s-weekendplan
    {
        height: 800px;
        background: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/s1920X1100.4252f58e.jpg);
        background-position: 50%;
        background-repeat: none;
        -webkit-background-size: cover;
        background-size: cover;
    }
}

.s-firsttime-web
{
    padding: 54px 0;
    text-align: center;
}

.s-firsttime-web__title
{
    margin-bottom: 31px;
}

.s-firsttime-web__steps-container
{
    display: none;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
}

.s-firsttime-web__step-separator
{
    padding-top: 31px;
    color: #c1c7d5;
    font-size: 20px;
}

.s-firsttime-web__step-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.s-firsttime-web__step-img
{
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto;
}

.s-firsttime-web__step-1 svg
{
    height: 116px;
    width: 183px;
}

.s-firsttime-web__step-2 svg
{
    height: 128px;
    width: 69px;
}

.s-firsttime-web__step-3 svg
{
    height: 129px;
    width: 115px;
}

.s-firsttime-web__action
{
    margin-top: 54px;
}

.s-firsttime-web__step-badge
{
    position: absolute;
    color: #fff;
    height: 40px;
    width: 40px;
    background-color: #00aec7;
    line-height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    border: 4px solid #0299af;
    top: -20px;
    top: -4px;
    left: -webkit-calc(50% - 56px);
    left: calc(50% - 56px);
}

    .s-firsttime-web__step-badge.last
    {
        left: -webkit-calc(50% - 89px);
        left: calc(50% - 89px);
    }

@media screen and (min-width:768px)
{
    .s-firsttime-web
    {
        padding: 156px 0;
    }

    .s-firsttime-web__title
    {
        margin-bottom: 49px;
    }

    .s-firsttime-web__steps-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (min-width:1600px)
{
    .s-firsttime-web__step-separator
    {
        margin: 0 20px;
    }

    .s-firsttime-web__step-container:first-child
    {
        margin-left: auto;
    }

    .s-firsttime-web__step-container:last-child
    {
        margin-right: auto;
    }
}

.p-protector-home .s-header-main
{
    background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/768X470.c982ddee.jpg);
}

.p-protector-home__link
{
    margin: 16px 0;
}

@media screen and (min-width:768px)
{
    .p-protector-home .s-header-main
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/1200X700.812a0955.jpg);
    }
}

@media screen and (min-width:1360px)
{
    .p-protector-home .s-header-main
    {
        background-image: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/1920X1100.d0bdf210.jpg);
    }
}

.s-howjoin__container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    background: #f6fcff;
}

.s-howjoin__icon-container svg
{
    height: 54px;
    margin: 41px 0 17px;
}

.s-howjoin__title
{
    margin-bottom: 7px;
}

.s-howjoin__form
{
    margin-top: 40px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width:1024px)
{
    .s-howjoin__form
    {
        margin-bottom: 89px;
    }
}

@media screen and (min-width:1200px)
{
    .s-howjoin__icon-container svg
    {
        margin: 55px 0 8px;
    }

    .s-howjoin__title
    {
        margin-bottom: 8px;
    }
}

.s-another-afp__image-box
{
    height: 400px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/background-mobile.78016d9a.jpg);
    background-position: 50%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
}

.s-another-afp__image-box-title
{
    padding-bottom: 6px;
}

.s-another-afp__image-box-text
{
    padding-bottom: 56px;
    margin: 0;
}

.s-another-afp__get-data
{
    padding-top: 55px;
    padding-bottom: 55px;
    text-align: center;
}

.s-another-afp__get-data-tip
{
    padding-bottom: 35px;
}

.s-another-afp__get-data-title
{
    margin-bottom: 4px;
}

.s-another-afp__data-card-container
{
    padding: 23px 0 0;
}

.s-another-afp__data-card
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 16px 0 rgba(145,182,218,.48);
    box-shadow: 0 0 16px 0 rgba(145,182,218,.48);
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 22px;
    margin-bottom: 16px;
    cursor: pointer;
}

    .s-another-afp__data-card, .s-another-afp__data-card:hover
    {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

        .s-another-afp__data-card:hover
        {
            -webkit-box-shadow: 0 0 16px 0 rgba(145,182,218,.9);
            box-shadow: 0 0 16px 0 rgba(145,182,218,.9);
        }

.s-another-afp__data-card-icon svg, .s-another-afp__data-card-icon svg path
{
    fill: #00aec7;
}

.s-another-afp__data-card-icon.icon-1 svg
{
    height: 21px;
}

.s-another-afp__data-card-icon.icon-2 svg
{
    height: 27px;
}

.s-another-afp__data-card-icon.icon-3 svg
{
    height: 23px;
}

.s-another-afp__data-card-name
{
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
    padding-left: 16px;
    color: #6a798b;
}

.s-another-afp__data-card-arrow-icon svg
{
    height: 13px;
}

.s-another-afp__data-tip
{
    padding-bottom: 55px;
}

.s-another-afp__data-container
{
    padding: 55px 0;
    border-top: 1px solid #cbcbcb;
}

    .s-another-afp__data-container:last-child
    {
        padding-bottom: 0;
    }

.s-another-afp__security-key-box
{
    margin-top: 24px;
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.s-another-afp__security-key-box-title
{
    padding: 13px 0;
    background: #f2f5f9;
}

.s-another-afp__security-key-box-text
{
    padding: 15px 21px;
}

.s-another-afp__just-wait-container
{
    background: #f6fcff;
    text-align: center;
    padding: 55px 0;
}

.s-another-afp__just-wait-content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 38px;
}

.s-another-afp__just-wait-counter
{
    height: 67px;
    width: 67px;
    border: 1px dashed #00aec7;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 5px;
}

.s-another-afp__just-wait-counter-content
{
    background: #00aec7;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
}

.s-another-afp__just-wait-dash
{
    height: 40px;
    width: 1px;
    border-left: 1px dashed #00aec7;
    margin: 20px auto;
}

.s-another-afp__just-wait-content-text
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
}

.s-another-afp__just-wait-content-text-container
{
    min-height: 147px;
    padding-left: 25px;
}

    .s-another-afp__just-wait-content-text-container:last-child
    {
        min-height: auto;
    }

.s-another-afp__footer-box
{
    padding: 65px 0 55px;
    text-align: center;
}

.s-another-afp__footer-box-text
{
    padding-bottom: 18px;
}

.s-another-afp .br-mobile
{
    display: block;
}

.s-another-afp .br-desktop, .s-another-afp .c-imagetext__img-container, .s-another-afp .e-left-line:after
{
    display: none;
}

@media screen and (min-width:768px)
{
    .s-another-afp__image-box
    {
        background: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/background-tab.a363ae87.jpg);
        background-position: 50%;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:1024px)
{
    .s-another-afp__image-box
    {
        text-align: left;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/background-desktop.839337f2.jpg);
        background-position: 50%;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .s-another-afp__image-box-text
    {
        padding-bottom: 0;
        padding-left: 25px;
    }

    .s-another-afp__data-card-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 30px 0;
    }

    .s-another-afp__data-card
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        margin: 0 15px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 35px 22px;
    }

    .s-another-afp__data-card-name
    {
        padding-left: 0;
    }

    .s-another-afp__data-card-arrow-icon
    {
        display: none;
    }

    .s-another-afp__security-key-box-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 16px;
    }

    .s-another-afp__security-key-box
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        margin: 23px;
    }

    .s-another-afp__just-wait-counter-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin: auto;
        padding-bottom: 30px;
    }

    .s-another-afp__just-wait-content
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .s-another-afp__just-wait-content-text-container
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        text-align: center;
    }

    .s-another-afp__just-wait-content-text
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .s-another-afp__just-wait-dash
    {
        height: 1px;
        width: 193px;
        margin: auto 20px;
        border-bottom: 1px dashed #00aec7;
    }

    .s-another-afp__footer-box
    {
        text-align: left;
    }

    .s-another-afp__get-data-title
    {
        margin-bottom: 0;
    }

    .s-another-afp__data-card-icon
    {
        min-height: 43px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .s-another-afp__data-card-icon.icon-1 svg
        {
            height: 28px;
        }

        .s-another-afp__data-card-icon.icon-2 svg
        {
            height: 34px;
        }

        .s-another-afp__data-card-icon.icon-3 svg
        {
            height: 32px;
        }

    .s-another-afp__just-wait-counter
    {
        height: 56px;
        width: 56px;
        padding: 4px;
    }

    .s-another-afp__just-wait-content-text-container
    {
        padding: 0 28px;
    }

    .s-another-afp .br-mobile
    {
        display: none;
    }

    .s-another-afp .br-desktop, .s-another-afp .c-imagetext__img-container, .s-another-afp .e-left-line:after
    {
        display: block;
    }
}

@media screen and (min-width:1200px)
{
    .s-another-afp__data-card-container
    {
        padding: 30px 0;
    }

    .s-another-afp__just-wait-dash
    {
        width: 218px;
    }

    .s-another-afp__get-data
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .s-another-afp__data-tip
    {
        padding-bottom: 80px;
    }

    .s-another-afp__data-container
    {
        padding: 80px 0;
    }

    .s-another-afp__data-card
    {
        margin: 0 23px;
        padding: 45px 20px;
    }

    .s-another-afp__data-card-icon.icon-1 svg
    {
        height: 32px;
    }

    .s-another-afp__data-card-icon.icon-2 svg
    {
        height: 38px;
    }

    .s-another-afp__data-card-icon.icon-3 svg
    {
        height: 36px;
    }

    .s-another-afp__data-card-name
    {
        padding-top: 6px;
    }

    .s-another-afp__security-key-box-text
    {
        padding: 25px 21px;
    }

    .s-another-afp__footer-box-text, .s-another-afp__just-wait-content-title
    {
        font-size: 40px;
        line-height: 42px;
    }

    .s-another-afp .c-imagetext__text-inner
    {
        padding-left: 12%;
    }

    .s-another-afp__just-wait-container
    {
        padding: 80px 0;
    }
}

@media screen and (min-width:1360px)
{
    .s-another-afp__just-wait-dash
    {
        width: 245px;
    }

    .s-another-afp__image-box
    {
        height: 450px;
    }
}

@media screen and (min-width:1600px)
{
    .s-another-afp__just-wait-dash
    {
        width: 304px;
    }
}

@media screen and (min-width:1920px)
{
    .s-another-afp__image-box
    {
        height: 500px;
    }

    .s-another-afp__just-wait-dash
    {
        width: 369px;
    }
}

.s-onp__afp-vs-onp-container
{
    padding: 55px 0;
    text-align: center;
}

.s-onp__icons-container
{
    padding-top: 46px;
}

.s-onp__icon-text-container
{
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

    .s-onp__icon-text-container svg
    {
        height: 42px;
    }

    .s-onp__icon-text-container.isAFP
    {
        color: #00aec7;
    }

        .s-onp__icon-text-container.isAFP svg
        {
            fill: #00aec7;
        }

.s-onp__icon-text-separator
{
    height: 27px;
    border-left: 1px solid #c1c7d5;
}

.s-onp__icons-wrapper
{
    padding-bottom: 55px;
}

.s-onp__icons-content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 46px;
}

.s-onp__icon-text
{
    margin: 14px 0 0;
}

.s-onp__discount-calculator-container
{
    border-top: 1px solid #c1c7d5;
    padding: 55px 0 0;
}

.s-onp__discount-calculator
{
    margin-top: 46px;
    border: 1px solid #ece5e5;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 46px 0 38px;
    position: relative;
}

    .s-onp__discount-calculator.hasDiscount
    {
        padding: 46px 0 0;
    }

.s-onp__discount-calculator-icon-float
{
    height: 51px;
    width: 51px;
    position: absolute;
    top: -25px;
    left: -webkit-calc(50% - 25px);
    left: calc(50% - 25px);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #00aec7;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
}

    .s-onp__discount-calculator-icon-float svg
    {
        height: 27px;
    }

        .s-onp__discount-calculator-icon-float svg path
        {
            fill: #00aec7;
        }

.s-onp__discount-calculator__icon-back
{
    display: none;
}

.s-onp__discount-calculator-input-container
{
    margin: 19px auto 0;
}

    .s-onp__discount-calculator-input-container .e-form-group__control-label, .s-onp__discount-calculator-input-container .e-form-group__input
    {
        padding-left: 25px;
    }

    .s-onp__discount-calculator-input-container .e-form-group__bar
    {
        border-bottom: 1.35px solid #c1c7d5;
    }

.s-onp__discount-calculator__simbol
{
    position: absolute;
    top: 9px;
}

.s-onp__discount-calculator__table-calculator
{
    margin-top: 7px;
}

.s-onp__discount-calculator__table-row-calculator
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    margin: 0 29px;
}

    .s-onp__discount-calculator__table-row-calculator svg
    {
        height: 30px;
        padding-right: 14px;
    }

    .s-onp__discount-calculator__table-row-calculator:first-child
    {
        border-bottom: 1px solid #d1d1d1;
    }

    .s-onp__discount-calculator__table-row-calculator.isAFP
    {
        color: #00aec7;
    }

        .s-onp__discount-calculator__table-row-calculator.isAFP svg path
        {
            fill: #00aec7;
        }

.s-onp__discount-calculator__table-text-calculator
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.s-onp__discount-calculator__table-detail-container
{
    background: #00aec7;
    padding: 39px 54px;
    margin-top: 16px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .s-onp__discount-calculator__table-detail-container .e-button
    {
        display: block;
        margin: auto;
    }

.s-onp__discount-calculator__table-detail
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    padding-bottom: 25px;
}

.s-onp__discount-calculator__table-detail-title
{
    margin-bottom: 18px;
    color: #fff;
}

.s-onp__discount-calculator__table-detail-separator
{
    border-left: 1px solid #fff;
}

.s-opn__other-diff-container
{
    text-align: center;
    background: #f6fcff;
    padding: 55px 0;
}

.s-opn__other-diff-content
{
    padding-top: 41px;
}

.s-opn__other-diff-content-box
{
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
}

    .s-opn__other-diff-content-box:first-child
    {
        margin-bottom: 15px;
    }

    .s-opn__other-diff-content-box.isAFP
    {
        border: 1px solid #00aec7;
    }

        .s-opn__other-diff-content-box.isAFP .s-opn__other-diff-content-box-title
        {
            background: #00aec7;
            color: #fff;
        }

        .s-opn__other-diff-content-box.isAFP .s-opn__other-diff-content-box-row svg
        {
            fill: #00aec7;
        }

.s-opn__other-diff-content-box-title
{
    text-align: left;
    padding: 8px 28px;
    background: #f2f5f9;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
}

.s-opn__other-diff-content-box-row
{
    margin: 0 29px;
    padding: 20px 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    .s-opn__other-diff-content-box-row svg
    {
        height: 12px;
        fill: #c8c8c8;
    }

    .s-opn__other-diff-content-box-row:first-child
    {
        border-bottom: 1px solid #c1c7d5;
    }

.s-opn__other-diff-content-box-text
{
    text-align: left;
    padding-left: 19px;
}

.s-opn__benefits-container
{
    text-align: center;
    padding: 55px 0 32px;
}

.s-opn__benefits-card-container
{
    -webkit-box-shadow: 0 0 16px 0 rgba(145,182,218,.48);
    box-shadow: 0 0 16px 0 rgba(145,182,218,.48);
    padding: 28px;
    margin-bottom: 17px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-align: left;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .s-opn__benefits-card-container, .s-opn__benefits-card-container:hover
    {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

        .s-opn__benefits-card-container:hover
        {
            -webkit-box-shadow: 0 0 16px 0 rgba(145,182,218,.9);
            box-shadow: 0 0 16px 0 rgba(145,182,218,.9);
        }

        .s-opn__benefits-card-container:last-child
        {
            margin-bottom: 0;
        }

.s-opn__benefits-content
{
    padding: 30px 0;
}

.s-opn__benefits-card-icon
{
    margin-right: 20px;
}

    .s-opn__benefits-card-icon svg, .s-opn__benefits-card-icon svg path
    {
        fill: #00aec7;
    }

    .s-opn__benefits-card-icon.icon-1 svg
    {
        height: 24px;
    }

    .s-opn__benefits-card-icon.icon-2 svg
    {
        height: 33px;
    }

    .s-opn__benefits-card-icon.icon-3 svg
    {
        height: 46px;
    }

.s-opn__benefits-card-icon-arrow
{
    margin-left: auto;
}

    .s-opn__benefits-card-icon-arrow svg
    {
        height: 12px;
    }

.s-opn__benefits-container .c-modal .s-opn__benefits-card-icon
{
    margin-right: 0;
}

@media screen and (min-width:768px)
{
    .s-onp__discount-calculator__table-detail
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-onp__discount-calculator__table-amount
    {
        padding: 0 20px;
    }

        .s-onp__discount-calculator__table-amount:last-child
        {
            padding: 0 0 0 20px;
        }
}

@media screen and (min-width:1024px)
{
    .s-onp__afp-vs-onp-container
    {
        padding: 130px 0;
    }

    .s-onp__icons-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

    .s-onp__icons-wrapper
    {
        padding-bottom: 0;
        margin-top: 46px;
    }

    .s-onp__icons-content
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 56px 66px;
    }

    .s-onp__icons-content-button
    {
        position: absolute;
        left: -webkit-calc(50% - 93px);
        left: calc(50% - 93px);
        bottom: -90px;
    }

    .s-onp__icon-text-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 23px 19px;
        text-align: left;
    }

        .s-onp__icon-text-container svg
        {
            height: 59px;
            padding-right: 19px;
        }

    .s-onp__icon-text
    {
        margin: 0;
    }

    .s-onp__icon-text-separator
    {
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #c1c7d5;
    }

    .s-onp__discount-calculator-container
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        border-top: 0;
        padding: 0 46px 0 0;
    }

    .s-onp__discount-calculator__icon-back
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        border: none;
        position: absolute;
        top: 26px;
        left: 26px;
        background: none;
        color: #0057c2;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
    }

        .s-onp__discount-calculator__icon-back svg
        {
            height: 12px;
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
            fill: #0057c2;
            padding-left: 12px;
        }

        .s-onp__discount-calculator__icon-back:hover
        {
            color: #003bb4;
        }

            .s-onp__discount-calculator__icon-back:hover svg
            {
                fill: #003bb4;
            }

    .s-onp__discount-calculator__table-detail-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 19px 39px;
    }

        .s-onp__discount-calculator-container-title, .s-onp__discount-calculator__table-detail-container .e-button
        {
            display: none;
        }

    .s-onp__discount-calculator__table-calculator
    {
        width: 60%;
        margin: 16px auto 0;
    }

    .s-onp__discount-calculator__table-detail
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        padding-bottom: 0;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .s-onp__discount-calculator__table-detail .e-button
        {
            display: block;
        }

    .s-onp__discount-calculator__table-detail-separator
    {
        height: 35px;
    }

    .s-onp__discount-calculator__simbol
    {
        top: 4px;
        font-size: 18px;
    }

    .s-onp__discount-calculator__table-detail-title
    {
        text-align: left;
        margin-bottom: 0;
        padding-right: 53px;
    }

    .s-opn__other-diff-content
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .s-opn__other-diff-content-box
    {
        max-width: 407px;
    }

        .s-opn__other-diff-content-box:first-child
        {
            margin-bottom: 0;
        }

    .s-opn__other-diff-content-box-row
    {
        margin: 0 37px;
        padding: 27px 0;
    }

        .s-opn__other-diff-content-box-row .e-p2, .s-opn__other-diff-content-box-row .s-recommendation .c-accordion-section__label, .s-recommendation .s-opn__other-diff-content-box-row .c-accordion-section__label
        {
            line-height: 20px;
        }

    .s-opn__benefits-container, .s-opn__benefits-content
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .s-opn__benefits-card-container
    {
        height: 258px;
        width: 270px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        cursor: pointer;
    }

    .s-opn__benefits-card-icon
    {
        margin-right: 0;
        min-height: 65px;
    }

        .s-opn__benefits-card-icon.icon-1 svg
        {
            height: 46px;
        }

        .s-opn__benefits-card-icon.icon-2 svg
        {
            height: 48px;
        }

        .s-opn__benefits-card-icon.icon-3 svg
        {
            height: 65px;
        }

    .s-opn__benefits-card-icon-arrow
    {
        display: none;
    }
}

@media screen and (min-width:1200px)
{
    .s-onp__afp-vs-onp-container
    {
        padding: 132px 0;
    }

    .s-opn__benefits-container, .s-opn__other-diff-container
    {
        padding: 80px 0;
    }

    .s-opn__benefits-content
    {
        padding: 28px 0 17px;
    }

    .s-opn__benefits-card-container
    {
        height: 265px;
        width: 315px;
    }

    .s-onp__discount-calculator__table-calculator
    {
        margin: 18px auto auto;
    }

    .s-onp__discount-calculator__table-detail-container
    {
        padding: 24px 39px;
        margin-top: 18px;
    }

    .s-onp__discount-calculator__table-amount
    {
        padding: 0 30px;
    }

        .s-onp__discount-calculator__table-amount:last-child
        {
            padding: 0 0 0 30px;
        }
}

@media screen and (min-width:1360px)
{
    .s-onp__discount-calculator__table-amount
    {
        padding: 0 35px;
    }

        .s-onp__discount-calculator__table-amount:last-child
        {
            padding: 0 0 0 35px;
        }

    .s-onp__discount-calculator-icon-float
    {
        height: 60px;
        width: 60px;
    }

        .s-onp__discount-calculator-icon-float svg
        {
            height: 30px;
        }
}

@media screen and (min-width:1600px)
{
    .s-opn__benefits-card-container
    {
        height: 315px;
        width: 385px;
    }

    .s-opn__other-diff-content-box
    {
        max-width: 544px;
    }

    .s-opn__other-diff-content-box-title
    {
        padding: 12px 28px;
    }

    .s-opn__other-diff-content
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-opn__other-diff-content-box:first-child
    {
        margin-right: 50px;
    }
}

.s-none-pensionfund__img-text-box-container
{
    text-align: center;
}

    .s-none-pensionfund__img-text-box-container .c-imagetext__img-container
    {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

.s-none-pensionfund__img-text-box-tip
{
    padding: 18px 0;
}

.s-none-pensionfund__advantage-afp-container
{
    padding: 55px 0;
    text-align: center;
    background: #f6fcff;
}

.s-none-pensionfund__advantage-afp-title
{
    padding-bottom: 14px;
}

.s-none-pensionfund__advantage-afp-box
{
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 23px 21px;
    position: relative;
    margin: 48px 0 40px;
}

    .s-none-pensionfund__advantage-afp-box svg
    {
        height: 20px;
    }

        .s-none-pensionfund__advantage-afp-box svg path
        {
            fill: #00aec7;
        }

.s-none-pensionfund__advantage-afp-box-icon-float
{
    position: absolute;
    top: -21px;
    height: 42px;
    width: 42px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: -webkit-calc(50% - 21px);
    left: calc(50% - 21px);
    background: #f6fcff;
}

.s-none-pensionfund__advantage-afp-box-icon-float, .s-none-pensionfund__advantage-afp-sum-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.s-none-pensionfund__advantage-afp-textfund-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.s-none-pensionfund__advantage-afp-textfund
{
    color: #00aec7;
    margin: 0 25px;
    position: relative;
}

    .s-none-pensionfund__advantage-afp-textfund svg
    {
        height: 14px;
        position: absolute;
        top: -3px;
    }

        .s-none-pensionfund__advantage-afp-textfund svg path
        {
            fill: #00aec7;
        }

        .s-none-pensionfund__advantage-afp-textfund svg:first-child
        {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
            left: -16px;
        }

@media screen and (min-width:1024px)
{
    .s-none-pensionfund__img-text-box-container
    {
        text-align: center;
    }

        .s-none-pensionfund__img-text-box-container .c-imagetext__img-container
        {
            -webkit-order: 1;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

    .s-none-pensionfund__advantage-afp-box
    {
        max-width: 400px;
        margin: 48px auto 40px;
    }
}

@media screen and (min-width:1200px)
{
    .s-none-pensionfund__advantage-afp-container
    {
        padding: 80px 0;
    }
}

@media screen and (min-width:1360px)
{
    .s-none-pensionfund__img-text-box-container .c-imagetext__text-inner
    {
        text-align: left;
        width: 592px;
    }
}

.s-affiliation-dni__title
{
    margin: 35px 0 25px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.s-affiliation-dni__salute
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 22px;
    background: rgba(0,174,199,.08);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    margin: 30px 0 10px;
}

    .s-affiliation-dni__salute:before
    {
        content: "";
        position: absolute;
        z-index: 10;
        top: 100%;
        left: 28px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 19px 13.5px 0;
        border-color: rgba(0,174,199,.08) transparent transparent;
    }

.s-affiliation-dni__salute-icon
{
    width: 40px;
    height: 40px;
    margin-right: 20px;
    fill: #00aec7;
}

.s-affiliation-dni__salute-name
{
    text-transform: capitalize;
}

.s-affiliation-dni__salute-message, .s-affiliation-dni__salute-name
{
    color: #00aec7;
}

.s-affiliation-dni__salute-text-content
{
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
}

.s-affiliation-dni__birthday .e-form-wrapper
{
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.s-affiliation-dni__contribute-onp
{
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .s-affiliation-dni__contribute-onp .s-affiliation-dni__title
    {
        margin-bottom: 0;
    }

    .s-affiliation-dni__contribute-onp .c-radiocard__container
    {
        width: 100%;
        max-width: 330px;
    }

.s-affiliation-dni__button
{
    margin-top: 11px;
}

@media screen and (min-width:1024px)
{
    .s-affiliation-dni__contribute-onp .c-radiocard__container
    {
        max-width: none;
    }
}

.s-affiliation-no-dni
{
    -webkit-animation: .5s FadeInUpAnimation;
    -o-animation: .5s FadeInUpAnimation;
    animation: .5s FadeInUpAnimation;
    margin-top: 40px;
}

    .s-affiliation-no-dni .e-form-wrapper
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .s-affiliation-no-dni .e-form-wrapper .e-form-wrapper
        {
            margin-top: -5px;
        }

.s-affiliation-no-dni__title
{
    margin: 40px 0 25px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.s-affiliation-no-dni__onp-gender
{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .s-affiliation-no-dni__onp-gender .s-affiliation-no-dni__title
    {
        margin-bottom: 0;
    }

    .s-affiliation-no-dni__onp-gender .c-radiocard__container
    {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-left: 5px;
    }

    .s-affiliation-no-dni__onp-gender .c-radiocard__item
    {
        margin-right: 20px;
    }

    .s-affiliation-no-dni__onp-gender .s-affiliation-no-dni__contribute-onp .c-radiocard__item
    {
        width: 120px;
    }

@media screen and (min-width:768px)
{
    .s-affiliation-no-dni__onp-gender
    {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .s-affiliation-no-dni__onp-gender .s-affiliation-no-dni__contribute-onp
        {
            margin-right: 20px;
        }
}

@media screen and (min-width:1024px)
{
    .s-affiliation-no-dni__onp-gender .c-radiocard__container
    {
        max-width: none;
    }
}

@media screen and (min-width:990px) and (max-width:1110px)
{
    .s-affiliation-no-dni .e-form-group__checkbox-label
    {
        font-size: 16px;
    }
}

.s-affiliation-personal-info
{
    padding: 40px 0 100px;
    overflow: hidden;
}

.s-affiliation-personal-info__button-message
{
    margin-top: 20px;
}

@media screen and (min-width:768px)
{
    .s-affiliation-personal-info__button-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .s-affiliation-personal-info__button-message
    {
        margin-top: 0;
        margin-left: 20px;
    }
}

.s-affiliation-contact-info
{
    padding: 40px 0 100px;
    overflow: hidden;
}

.s-affiliation-contact-info__title
{
    margin: 35px 0 25px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.s-affiliation-contact-info__actions
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

.s-affiliation-contact-info__actions-return
{
    line-height: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #0057c2;
    cursor: pointer;
}

.s-affiliation-contact-info__actions-return-icon
{
    width: 8px;
    height: 14px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 10px;
    fill: #0057c2;
}

.s-affiliation-contact-info__cellphone .e-form-wrapper
{
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (min-width:768px)
{
    .s-affiliation-contact-info__actions
    {
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .s-affiliation-contact-info__actions-return
    {
        margin-right: 50px;
    }
}

.s-personal-information-transfer-form
{
    padding: 45px 0 10px;
}

    .s-personal-information-transfer-form .col
    {
        padding: 0;
    }

    .s-personal-information-transfer-form .text-button
    {
        color: #0057c2;
        cursor: pointer;
        border-bottom: 1px solid #0057c2;
    }

.s-personal-information-transfer-form__radio-container
{
    padding: 12px 0 23px;
}

.s-personal-information-transfer-form__container-typeFund
{
    padding: 50px 0;
}

.s-personal-information-transfer-form__content-typeFund
{
    padding: 30px 0 0;
}

.s-personal-information-transfer-form__desired-fund svg
{
    height: 71px;
}

.s-personal-information-transfer-form__desired-fund .swiper-container
{
    padding: 27px 25px;
}

.s-personal-information-transfer-form__desired-fund .swiper-slide
{
    height: 434px;
    width: 85%;
    text-align: center;
}

.s-personal-information-transfer-form__desired-fund .swiper-slide-content
{
    -webkit-box-shadow: 0 4px 13px 5px hsla(180,0%,50%,.33);
    box-shadow: 0 4px 13px 5px hsla(180,0%,50%,.33);
    height: 100%;
    padding: 0 25px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .s-personal-information-transfer-form__desired-fund .swiper-slide-content .e-button
    {
        margin: 30px 0;
    }

.s-personal-information-transfer-form__desired-fund-selected-option
{
    border: 1px solid #afafaf;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    padding: 20px 25px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.s-personal-information-transfer-form__address-info
{
    padding-top: 53px;
}

.s-personal-information-transfer-form__address-info-content
{
    padding-top: 24px;
}

.s-personal-information-transfer-form__employer-info-radio-content
{
    padding-top: 44px;
}

.s-personal-information-transfer-form__employer-info-radio
{
    padding-top: 24px;
}

.s-personal-information-transfer-form__other-info
{
    padding: 45px 0;
}

.s-personal-information-transfer-form__other-info-content
{
    padding-top: 12px;
}

@media screen and (min-width:1024px)
{
    .s-personal-information-transfer-form__desired-fund .home-main__pagination, .s-personal-information-transfer-form__desired-fund .swiper-container
    {
        display: none;
    }

    .s-personal-information-transfer-form__desired-fund-desktop
    {
        padding-top: 13px;
    }

    .s-personal-information-transfer-form__desired-fund-desktop-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .s-personal-information-transfer-form__desired-fund-box
    {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        border: 1px solid #c5c5c5;
        padding: 41px 44px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

    .s-personal-information-transfer-form__desired-fund-box-text
    {
        margin: 13px 0 19px;
    }

    .s-personal-information-transfer-form__address-info-content
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .s-personal-information-transfer-form .col
    {
        padding: 0 1rem;
    }
}

.s-transfer-channel
{
    padding: 45px 0 0;
}

.s-transfer-channel__notification
{
    padding-bottom: 27px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-transfer-channel__notification-title
{
    padding-right: 43px;
}

.s-transfer-channel__button-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .s-transfer-channel__button-container button:first-child
    {
        padding-right: 52px;
    }

@media screen and (min-width:1024px)
{
    .s-transfer-channel__content
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .s-transfer-channel__button-container
    {
        -webkit-justify-content: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
}

.s-transfer-confirm
{
    padding-top: 45px;
}

.s-transfer-confirm__steps-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.s-transfer-confirm__step svg
{
    height: 33px;
    width: 33px;
    margin-bottom: 12px;
}

    .s-transfer-confirm__step svg path
    {
        fill: #00aec7;
    }

.s-transfer-confirm__step-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 20px;
}

.s-transfer-confirm__print-button
{
    padding: 10px 0;
}

.s-transfer-confirm__later-button
{
    padding: 20px 0;
}

.s-transfer-confirm__later-button-text
{
    padding-right: 16px;
}

@media screen and (min-width:1024px)
{
    .s-transfer-confirm__steps-container
    {
        -webkit-justify-content: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .s-transfer-confirm__step-container
    {
        padding: 40px;
    }
}

.p-superhome-join .c-header-links, .p-superhome-join .c-header-overlay__menu
{
    display: none;
}

.p-unete-affiliation-form__header
{
    border-bottom: 1px solid #c1c7d5;
    position: relative;
    z-index: 10;
}

    .p-unete-affiliation-form__header .c-header-overlay
    {
        position: relative;
        top: auto;
        left: auto;
    }

.p-unete-affiliation-form__content
{
    position: relative;
    z-index: 20;
}

.p-unete-affiliation-form__header-text
{
    text-align: right;
    line-height: 20px;
}

.p-unete-affiliation-form__subtitle
{
    margin-bottom: 25px;
    text-align: center;
}

@media screen and (min-width:768px)
{
    .p-unete-affiliation-form__subtitle
    {
        margin-bottom: 50px;
    }
}

@media screen and (min-width:1200px)
{
    .p-unete-affiliation-form__content
    {
        padding-top: 50px;
    }

    .p-unete-affiliation-form__subtitle
    {
        margin-bottom: 70px;
        margin-top: 11px;
    }
}

@media screen and (min-width:1024px)
{
    .p-unete-transfer-form__header
    {
        margin-bottom: 30px;
    }
}

.p-unete-transfer-dni
{
    height: 100vh;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.p-unete-transfer-identity__header
{
    width: 100%;
}

.p-unete-transfer-dni__container
{
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-unete-transfer-dni__form
{
    padding-top: 45px;
}

.p-unete-transfer-dni__icon-1
{
    margin-bottom: 34px;
}

    .p-unete-transfer-dni__icon-1 svg
    {
        height: 15px;
        fill: #0057c2;
    }

.p-unete-transfer-dni__icon-2
{
    margin-bottom: 34px;
}

    .p-unete-transfer-dni__icon-2 svg
    {
        height: 20px;
        fill: #0057c2;
    }

.p-unete-transfer-dni__disclaimer
{
    display: none;
}

@media screen and (min-width:1024px)
{
    .p-unete-transfer-identity__header
    {
        border-bottom: 0;
    }

        .p-unete-transfer-identity__header svg path
        {
            fill: #fff;
        }

    .p-unete-transfer-identity__header-button
    {
        cursor: pointer;
        color: #fff;
    }

    .p-unete-transfer-dni
    {
        background: url(https://cdn01.sura.net.pe/integra/webapps/cercania/media/background-main-desktop.1c8254cd.jpg);
        background-position: 50%;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: none;
    }

    .p-unete-transfer-dni__container
    {
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .p-unete-transfer-dni__disclaimer
    {
        text-align: left;
        color: #fff;
        display: block;
    }

    .p-unete-transfer-dni__disclaimer-title
    {
        padding-bottom: 22px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .p-unete-transfer-dni__disclaimer-title-line-yellow
    {
        width: 2px;
        background-color: #ffe946;
        -webkit-transform: translateX(-24px);
        -ms-transform: translateX(-24px);
        -o-transform: translateX(-24px);
        transform: translateX(-24px);
    }

    .p-unete-transfer-dni__box
    {
        background: #fff;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        padding: 77px 47px;
    }

    .p-unete-transfer-dni__form
    {
        width: 342px;
    }
}

@media screen and (min-width:1200px)
{
    .p-unete-transfer-dni__box
    {
        padding: 100px 59px;
    }
}

@media screen and (min-width:1200px) and (min-width:1200px)
{
    .p-unete-transfer-dni__form
    {
        width: 100%;
    }
}

.s-last-contributions-container
{
    position: fixed;
    width: 100%;
}

    .s-last-contributions-container .c-tabs__header
    {
        background: -webkit-gradient(linear,left top,right top,from(#014989),to(#138fb9));
        background: -webkit-linear-gradient(left,#014989,#138fb9);
        background: -o-linear-gradient(left,#014989 0,#138fb9 100%);
        background: linear-gradient(90deg,#014989 0,#138fb9);
    }

        .s-last-contributions-container .c-tabs__header .e-p3
        {
            line-height: 18px;
        }

        .s-last-contributions-container .c-tabs__header .c-tabs__header-item-title
        {
            color: #fff;
            opacity: .5;
        }

        .s-last-contributions-container .c-tabs__header .c-tabs__header-item.isActive .c-tabs__header-item-title
        {
            opacity: 1;
        }

        .s-last-contributions-container .c-tabs__header .c-tabs__header-line-active
        {
            background: #fff;
            bottom: 2px;
        }

        .s-last-contributions-container .c-tabs__header .c-tabs__header-line
        {
            background: transparent;
            bottom: 2px;
        }

    .s-last-contributions-container sup
    {
        top: -.19em;
    }

.s-last-contributions
{
    padding: 30px 20px 125px;
    height: -webkit-calc(100vh - 121px);
    height: calc(100vh - 121px);
    overflow-y: auto;
}

.s-last-contributions-mobile
{
    display: block;
}

.s-last-contributions-desktop
{
    display: none;
}

.s-last-contributions-fieldset-container
{
    padding: 33px 0 29px;
}

.s-last-contributions-fieldset
{
    border: 1px solid #c1c7d5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 27px 22px;
}

    .s-last-contributions-fieldset legend
    {
        margin-left: -17px;
        padding: 0 12px;
    }

.s-last-contributions-fieldset-detail
{
    color: #6a798b;
}

.s-last-contributions-button-container
{
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.s-last-contribution-container, .s-last-contributions-button-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.s-last-contribution-container
{
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #c1c7d5;
    padding: 12px 48px 16px 0;
    line-height: 0;
}

    .s-last-contribution-container:last-child
    {
        border-bottom: none;
    }

    .s-last-contribution-container div
    {
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 50%;
    }

.s-last-contribution__employer-column
{
    display: none;
}

.s-last-contributions__back-button
{
    display: none;
    color: #0057c2;
}

    .s-last-contributions__back-button svg
    {
        height: 12px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        fill: #0057c2;
        padding-left: 6px;
    }

#db-last-contributions .header-dashboard-mobile__hamburger, #db-last-contributions .header-dashboard-mobile__menu-text
{
    display: none;
}

#db-last-contributions .header-dashboard-mobile__menu-last-contributions
{
    display: block;
}

.header-dashboard-mobile__menu-last-contributions
{
    display: none;
    cursor: pointer;
}

    .header-dashboard-mobile__menu-last-contributions svg
    {
        height: 15px;
        fill: #fff;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

@media screen and (min-width:1024px)
{
    .s-last-contributions-container
    {
        width: -webkit-calc(100% - 202px);
        width: calc(100% - 202px);
    }

    .s-last-contributions-mobile
    {
        display: none;
    }

    .s-last-contributions-desktop
    {
        display: block;
    }

    .s-last-contributions
    {
        padding: 55px 63px 125px;
        height: -webkit-calc(100vh - 64px);
        height: calc(100vh - 64px);
    }

    .s-last-contributions-fieldset-container
    {
        display: none;
    }

    .s-last-contribution__container-column
    {
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 37.5%;
    }

        .s-last-contribution__container-column:first-child
        {
            width: 25%;
        }

        .s-last-contribution__container-column p
        {
            word-break: break-all;
            padding-right: 46px;
        }

    .s-last-contribution__employer-column
    {
        display: block;
        padding-right: 32px;
    }

        .s-last-contribution__employer-column span
        {
            word-break: break-all;
        }

    .s-last-contributions__back-button
    {
        display: block;
        margin-bottom: 13px;
    }
}

@media screen and (min-width:1360px)
{
    .s-last-contribution__container-column
    {
        width: 33.33% !important;
    }

        .s-last-contribution__container-column:first-child
        {
            width: 33.33%;
        }

    .s-last-contribution__employer-column
    {
        padding-right: 52px;
    }
}

@media screen and (min-width:1600px)
{
    .s-last-contribution__container-column br
    {
        display: none;
    }

    .s-last-contribution__container-column .e-p2, .s-last-contribution__container-column .e-p5, .s-last-contribution__container-column .s-recommendation .c-accordion-section__label, .s-recommendation .s-last-contribution__container-column .c-accordion-section__label
    {
        font-size: 22px;
    }

    .s-last-contribution__container-column
    {
        padding-right: 78px;
    }

    .s-last-contribution-container
    {
        padding: 21px 48px 21px 0;
    }
}

.s-header__top-container
{
    padding: 0 0 25px;
    background: -webkit-gradient(linear,left top,right top,from(#014989),to(#138fb9));
    background: -webkit-linear-gradient(left,#014989,#138fb9);
    background: -o-linear-gradient(left,#014989 0,#138fb9 100%);
    background: linear-gradient(90deg,#014989 0,#138fb9);
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,.15);
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,.15);
    position: relative;
}

.s-header__amount, .s-header__title
{
    text-align: center;
    color: #fff;
}

.s-header__title-name
{
    text-transform: capitalize;
}

.s-header__check-tip
{
    color: #fff;
    text-align: center;
    padding-top: 12px;
}

    .s-header__check-tip .underlined
    {
        border-bottom: 1px solid #fff;
        cursor: pointer;
    }

.s-header__tip, .s-header__title-desktop
{
    display: none;
}

.s-header__sup
{
    top: -.5em;
}

@media screen and (min-width:1024px)
{
    .s-header__top-container
    {
        padding: 62px 0 0;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .s-header__top-container.s-header__top-container-mono-product
        {
            background: #fff;
        }

    .s-header__amount, .s-header__title
    {
        color: #4c5662;
    }

    .s-header__title
    {
        display: none;
    }

    .s-header__title-desktop
    {
        display: block;
        text-align: center;
    }

    .s-header__check-tip
    {
        display: none;
    }

    .s-header__tip
    {
        display: block;
        text-align: center;
        padding-bottom: 44px;
    }

        .s-header__tip.s-header__tip-mono-product
        {
            padding-bottom: 0;
        }

    .s-header__sup
    {
        top: -.9em;
    }
}

@media screen and (min-width:1200px)
{
    .s-header__sup
    {
        top: -1.1em;
    }
}

@media screen and (min-width:1360px)
{
    .s-header__top-container
    {
        padding: 52px 0 0;
    }

        .s-header__top-container.s-header__top-container-mono-product
        {
            padding: 70px 0 0;
        }
}

@media screen and (min-width:1920px)
{
    .s-header__top-container.s-header__top-container-mono-product
    {
        padding: 110px 0 0;
    }
}

.s-accounts-title
{
    text-align: center;
    padding-bottom: 33px;
}

.s-accounts__account-title
{
    padding-left: 17px;
    border-left: 2px solid #00aec7;
}

.s-accounts__account-subtitle
{
    padding: 0 0 6px 17px;
}

    .s-accounts__account-subtitle .e-link-custom
    {
        color: #0057c2;
        border-bottom: 1px solid #0057c2;
    }

.s-accounts__account-sub-total-container
{
    padding: 20px 0;
    border-bottom: 1px solid #c1c7d5;
}

.s-accounts__account-sub-total
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .s-accounts__account-sub-total sup
    {
        top: -.19em;
    }

    .s-accounts__account-sub-total svg
    {
        height: 26px;
        padding-right: 18px;
    }

        .s-accounts__account-sub-total svg path
        {
            fill: #6a798b;
        }

.s-accounts__account-sub-total-detail
{
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.s-accounts__account-total-container
{
    border: 1px solid #0057c2;
    padding: 18px 17px;
    color: #0057c2;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    margin-bottom: 65px;
}

    .s-accounts__account-total-container svg
    {
        height: 26px;
        padding-right: 18px;
    }

        .s-accounts__account-total-container svg path
        {
            fill: #0057c2;
        }

    .s-accounts__account-total-container:hover
    {
        color: #013a81;
    }

        .s-accounts__account-total-container:hover svg path
        {
            fill: #013a81;
        }

        .s-accounts__account-total-container:hover .s-accounts__account-total-icon-container
        {
            right: -18px;
            -webkit-animation-name: slideInRight;
            -o-animation-name: slideInRight;
            animation-name: slideInRight;
            -webkit-animation-duration: .3s;
            -o-animation-duration: .3s;
            animation-duration: .3s;
        }

.s-accounts__account-total
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

    .s-accounts__account-total sup
    {
        top: -.19em;
    }

.s-accounts__minus
{
    font-size: 30px;
}

.s-accounts__account-total-icon-container, .s-accounts__button, .s-accounts__button-float, .s-accounts__desktop, .s-accounts__disclaimer, .s-accounts__sign-big
{
    display: none;
}

@media screen and (min-width:375px)
{
    .s-accounts__account-sub-total-container
    {
        margin: 0 14px;
    }
}

@media screen and (min-width:1024px)
{
    .s-accounts-title, .s-accounts__mobile
    {
        display: none;
    }

    .s-accounts__account-total-icon-container, .s-accounts__desktop
    {
        display: block;
    }

    .s-accounts__wrapper
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 9px;
    }

    .s-accounts__account-sub-total, .s-accounts__account-sub-total-detail, .s-accounts__account-total
    {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .s-accounts__account-sub-total svg, .s-accounts__account-total-container svg
        {
            height: 36px;
            padding: 0;
        }

    .s-accounts__account-sub-total-container, .s-accounts__account-total-container
    {
        border: none;
        padding: 50px 0 0;
        margin: 0 28px;
    }

    .s-accounts__account-sub-total-container-mono-product, .s-accounts__account-total-container-mono-product
    {
        padding: 33px 0 0;
    }

    .s-accounts__sign
    {
        display: none;
    }

    .s-accounts__account-total-container
    {
        margin-bottom: 0;
    }

    .s-accounts__account-sub-total-amount
    {
        font-family: fs_joeymedium;
        font-weight: 500;
        margin: 0;
        font-size: 22px;
    }

    .s-accounts__account-sub-total-detail span
    {
        padding-top: 11px;
        font-size: 16px;
        line-height: 20px;
    }

    .s-accounts__account-sub-total-container:first-child
    {
        margin-left: auto;
    }

    .s-accounts__account-total-container
    {
        margin-right: auto !important;
    }

    .s-accounts__sign-big
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #00aec7;
    }

    .s-accounts__button
    {
        display: block;
        margin-left: auto;
        margin-bottom: 39px;
    }

    .s-accounts__disclaimer
    {
        display: block;
        text-align: center;
    }

        .s-accounts__disclaimer hr
        {
            margin-top: 12px;
            margin-bottom: 26px;
            border: 0;
            border-top: 1px solid #f2f5f9;
        }

        .s-accounts__disclaimer .e-button--link
        {
            color: #0057c2;
            border-bottom: 1px solid #0057c2;
            cursor: pointer;
        }

            .s-accounts__disclaimer .e-button--link:hover
            {
                color: #013a81;
                border-bottom: 1px solid #013a81;
            }

    .s-accounts__card-container
    {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-accounts__card
    {
        position: relative;
        padding: 21px 21px 23px;
        background: #fff;
        border-left: 3px solid #00aec7;
        -webkit-box-shadow: 0 0 10px 0 #dde6ee;
        box-shadow: 0 0 10px 0 #dde6ee;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        width: 233px;
        margin-right: 16px;
        cursor: pointer;
    }

        .s-accounts__card:last-child
        {
            margin-right: 0;
        }

        .s-accounts__card:hover
        {
            -webkit-box-shadow: 0 3px 6px #dde6ee,0 3px 6px #dde6ee;
            box-shadow: 0 3px 6px #dde6ee,0 3px 6px #dde6ee;
        }

        .s-accounts__card div, .s-accounts__card span
        {
            pointer-events: none;
        }

        .s-accounts__card .e-p4, .s-accounts__card .e-p5
        {
            line-height: 18px;
        }

    .s-accounts__card-amount
    {
        margin-top: 5px;
    }

    .s-account__wrapper
    {
        min-height: 57px;
        margin-bottom: 49px;
    }

    .s-accounts__account-total-icon-container, .s-accounts__icon-container
    {
        position: absolute;
        right: 18px;
        top: 42px;
    }

        .s-accounts__account-total-icon-container svg, .s-accounts__icon-container svg
        {
            height: 14px;
            fill: #4c5662;
        }

    .s-accounts__disclaimer-first-block
    {
        margin-bottom: 5px;
    }

    .s-account-subtitle
    {
        padding-bottom: 12px;
    }

    .s-last-contribution__container-column .e-p5
    {
        line-height: 23px;
    }

    .s-last-contribution__container-column .e-p2, .s-last-contribution__container-column .s-recommendation .c-accordion-section__label, .s-recommendation .s-last-contribution__container-column .c-accordion-section__label
    {
        line-height: 22px;
    }

    .s-accounts-box
    {
        border: 1px solid #c1c7d5;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        padding: 0 50px 26px;
        margin: 30px auto 0;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        overflow: hidden;
        position: relative;
    }

        .s-accounts-box.s-accounts__box-mono-product
        {
            border: 0;
        }

            .s-accounts-box.s-accounts__box-mono-product .s-accounts__button-float
            {
                display: none;
            }

    .s-accounts__card.isActive:before
    {
        left: 129px;
        border-left: 11px solid transparent;
        border-bottom: 12px solid #c1c7d5;
        border-right: 11px solid transparent;
    }

    .s-accounts__card.isActive:after, .s-accounts__card.isActive:before
    {
        content: "";
        position: absolute;
        bottom: -31px;
        width: 0;
        height: 0;
        -webkit-animation-name: fadeInDown;
        -o-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
    }

    .s-accounts__card.isActive:after
    {
        left: 130px;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-right: 10px solid transparent;
        z-index: 9;
    }

    .s-accounts__button-float
    {
        position: absolute;
        display: block;
        top: 10px;
        right: 10px;
        background: #e5eef8;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding: 8px 12px;
        cursor: pointer;
    }

        .s-accounts__button-float svg
        {
            height: 10px;
            fill: #0057c2;
        }

    .s-accounts__disclaimer-container
    {
        min-height: 15px;
    }

    .s-accounts__account-total-icon-container
    {
        right: -68px;
        top: 57px;
        -webkit-animation-name: slideOutRight;
        -o-animation-name: slideOutRight;
        animation-name: slideOutRight;
        -webkit-animation-duration: .3s;
        -o-animation-duration: .3s;
        animation-duration: .3s;
    }
}

@media screen and (min-width:1200px)
{
    .s-accounts__card
    {
        margin-right: 23px;
        width: 274px;
    }

    .s-accounts__card-text-break
    {
        display: none;
    }

    .s-accounts__card-amount
    {
        margin-top: 0;
    }

    .s-accounts__account-sub-total-detail span
    {
        font-size: 22px;
    }

    .s-accounts__account-sub-total-amount, .s-accounts__account-total-amount
    {
        font-size: 28px;
        margin-top: 5px;
    }

    .s-accounts__account-total-icon-container, .s-accounts__icon-container
    {
        top: 36px;
    }

    .s-accounts-box
    {
        padding: 0 60px 26px;
    }

    .s-accounts__account-sub-total-container, .s-accounts__account-total-container
    {
        padding: 60px 0 0;
        margin: 0 20px;
    }

    .s-accounts__disclaimer-container
    {
        min-height: 25px;
    }
}

@media screen and (min-width:1360px)
{
    .s-accounts__card
    {
        width: 318px;
    }

    .s-accounts__account-sub-total-container, .s-accounts__account-total-container
    {
        padding: 60px 0 0;
        margin: 0 30px;
    }

    .s-accounts__disclaimer hr
    {
        margin-top: 25px;
        margin-bottom: 21px;
    }

    .s-accounts__account-sub-total-container, .s-accounts__account-total-container
    {
        margin: 0 32px;
    }
}

@media screen and (min-width:1600px)
{
    .s-header__sup
    {
        top: -1.3em;
    }

    .s-accounts__card
    {
        width: 343px;
        margin-right: 48px;
    }

    .s-accounts__account-sub-total-container, .s-accounts__account-total-container
    {
        margin: 0 41px;
    }

    .s-accounts__account-sub-total-amount, .s-accounts__account-total-amount
    {
        margin-top: 2px;
    }

    .s-accounts__disclaimer hr
    {
        margin-top: 24px;
    }

    .s-accounts-box
    {
        padding: 0 60px 28px;
    }

    .s-accounts__disclaimer hr
    {
        margin-bottom: 28px;
    }
}

@-webkit-keyframes slideInRight
{
    0%
    {
        -webkit-transform: translate3d(300%,0,0);
        transform: translate3d(300%,0,0);
        right: -68px;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        right: -18px;
    }
}

@-o-keyframes slideInRight
{
    0%
    {
        transform: translate3d(300%,0,0);
        right: -68px;
    }

    to
    {
        transform: translateZ(0);
        right: -18px;
    }
}

@keyframes slideInRight
{
    0%
    {
        -webkit-transform: translate3d(300%,0,0);
        transform: translate3d(300%,0,0);
        right: -68px;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        right: -18px;
    }
}

@-webkit-keyframes slideOutRight
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        right: -18px;
    }

    to
    {
        -webkit-transform: translate3d(300%,0,0);
        transform: translate3d(300%,0,0);
        right: -68px;
    }
}

@-o-keyframes slideOutRight
{
    0%
    {
        transform: translateZ(0);
        right: -18px;
    }

    to
    {
        transform: translate3d(300%,0,0);
        right: -68px;
    }
}

@keyframes slideOutRight
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        right: -18px;
    }

    to
    {
        -webkit-transform: translate3d(300%,0,0);
        transform: translate3d(300%,0,0);
        right: -68px;
    }
}

.s-dashboard-menu-mobile .c-menu-mobile__item-sub-right
{
    font-family: fs_joeylight;
    color: #4c5662;
}

.s-dashboard-menu-mobile .c-menu-mobile__button-footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 62px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 31px;
    background: #ffe946;
    color: #0057c2;
}

    .s-dashboard-menu-mobile .c-menu-mobile__button-footer svg
    {
        height: 12px;
        fill: #0057c2;
    }

.s-dashboard-menu-mobile .c-menu-mobile__item-title
{
    font-size: 20px;
}

.s-dashboard-menu-mobile .c-menu-mobile__item-separator
{
    font-family: fs_joeyregular;
    border-bottom: 0;
    font-size: 14px;
    color: #6a798b;
    padding: 16px 25px 8px;
}

    .s-dashboard-menu-mobile .c-menu-mobile__item-separator:hover
    {
        background: none;
        color: #6a798b;
    }