html,
body {
    overflow-x: hidden;
    font-size: 12px;
}

@media screen and (min-width: 576px) {
    html,
    body {
        font-size: 13px;
    }
}

@media screen and (min-width: 992px) {
    html,
    body {
        font-size: 14px;
    }
}

@media screen and (min-width: 1200px) {
    html,
    body {
        font-size: 14.25px;
    }
}

@media screen and (min-width: 768px) {
    html.u-no-scroll,
    body.u-no-scroll {
        height: auto;
        overflow: visible;
    }
}

.simplebar-content {
    padding-right: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul,
ol,
span {
    margin: 0;
    padding: 0;
}

a {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

    a:link,
    a:hover,
    a:active,
    a:focus,
    a:visited {
        color: #F89D46;
        text-decoration: none;
    }

    a:hover {
        color: #F86849;
    }

    a.u-color-white {
        color: #ffffff;
    }

        a.u-color-white:hover {
            color: #F89D46;
        }

    a.u-color-gray-alt-3 {
        color: #ACACAC;
    }

        a.u-color-gray-alt-3:hover {
            color: #F89D46;
        }

    a.u-underline {
        text-decoration: underline;
    }

    a.hover-dark:hover {
        color: #1A212D;
    }

hr {
    margin: 3.125rem auto;
    width: 5.833rem;
    background-color: #979797;
}

@media screen and (min-width: 768px) {
    hr {
        width: 3.75rem;
        margin: 2.5rem auto;
    }
}

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

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

    ul.bullets li,
    ol.bullets li {
        padding-left: 1.75rem;
    }

@media screen and (min-width: 768px) {
    ul.bullets li,
    ol.bullets li {
        padding-left: 1.5rem;
    }
}

ul.bullets--ticks li,
ol.bullets--ticks li {
    position: relative;
}

    ul.bullets--ticks li:before,
    ol.bullets--ticks li:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 0;
        background-image: url("../images/i-check-primary.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 1rem;
        width: 1rem;
    }

button:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

::-moz-selection {
    background-color: #F89D46;
    color: #ffffff;
}

::selection {
    background-color: #F89D46;
    color: #ffffff;
}

@-webkit-keyframes autofill {
    to {
        color: #ffffff;
        background: transparent;
    }
}

@keyframes autofill {
    to {
        color: #ffffff;
        background: transparent;
    }
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1.333rem);
        transform: translateY(1.333rem);

        @media screen and (min-width: 768px) {
            -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
        }
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1.333rem);
        transform: translateY(1.333rem);

        @media screen and (min-width: 768px) {
            -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
        }
    }
}

.heading-primary,
h1,
.heading-secondary,
h2 {
    font-family: "FuturaLTPro-Bold", "Helvetica", "Arial", sans-serif;
    color: #1A212D;
    font-size: 2.5rem;
    line-height: 2.5rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

@media screen and (min-width: 768px) {
    .heading-primary,
    h1,
    .heading-secondary,
    h2 {
        font-size: 3.125rem;
        line-height: 2.9375rem;
    }
}

.heading-primary--keep,
.heading-secondary--keep {
    font-size: 4.167rem;
    line-height: 3.9167rem;
}

@media screen and (min-width: 768px) {
    .heading-primary--keep,
    .heading-secondary--keep {
        font-size: 3.125rem;
        line-height: 2.9375rem;
    }
}

@media screen and (min-width: 768px) {
    .heading-secondary--med {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}

.heading-tertiary,
h3 {
    font-family: "FuturaLTPro-Bold", "Helvetica", "Arial", sans-serif;
    color: #ffffff;
    font-size: 1.9167rem;
    line-height: 2.25rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

@media screen and (min-width: 768px) {
    .heading-tertiary,
    h3 {
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
}

.heading-tertiary--med {
    font-size: 3.167rem;
    line-height: 4rem;
}

@media screen and (min-width: 768px) {
    .heading-tertiary--med {
        font-size: 2.375rem;
        line-height: 3rem;
    }
}

.heading-quaternary,
h4 {
    font-family: "FuturaLTPro-Bold", "Helvetica", "Arial", sans-serif;
    color: #1A212D;
    font-size: 1.75rem;
    line-height: 1.9167rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

@media screen and (min-width: 768px) {
    .heading-quaternary,
    h4 {
        font-size: 1.5625rem;
        line-height: 1.6875rem;
    }
}

.heading-quaternary--big {
    font-size: 2.5rem;
    line-height: 3rem;
}

@media screen and (min-width: 768px) {
    .heading-quaternary--big {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.paragraph,
p,
label,
textarea,
input,
textarea.alt,
input.alt,
.form__selection + label,
.dropdown__input-value,
.dropdown__list-item,
.btn,
.menu__dropdown-list-item,
.filters__bar-tag,
.filters__clear,
.questionnaire__legend-item-label,
.profile__summary-trait input,
.account__menu-item,
.footer__menu-item,
.nav__label {
    font-family: "TTCommons-Regular", "Helvetica", "Arial", sans-serif;
    color: #474D55;
    font-size: 1.5rem;
    line-height: 2rem;
}

@media screen and (min-width: 768px) {
    .paragraph,
    p,
    label,
    textarea,
    input,
    textarea.alt,
    input.alt,
    .form__selection + label,
    .dropdown__input-value,
    .dropdown__list-item,
    .btn,
    .menu__dropdown-list-item,
    .filters__bar-tag,
    .filters__clear,
    .questionnaire__legend-item-label,
    .profile__summary-trait input,
    .account__menu-item,
    .footer__menu-item,
    .nav__label {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

.paragraph--smallest,
.filters__bar-tag,
.filters__clear {
    font-size: 1.167rem;
    line-height: 1.5rem;
}

@media screen and (min-width: 768px) {
    .paragraph--smallest,
    .filters__bar-tag,
    .filters__clear {
        font-size: .875rem;
        line-height: 1.333rem;
    }
}

.paragraph--smallest-2 {
    font-size: 1.083rem;
    line-height: 2.083rem;
}

@media screen and (min-width: 768px) {
    .paragraph--smallest-2 {
        font-size: .8125rem;
        line-height: 1.5625rem;
    }
}

.paragraph--smaller,
.filters__clear--mobile {
    font-size: 1.333rem;
    line-height: 1.75rem;
}

@media screen and (min-width: 768px) {
    .paragraph--smaller,
    .filters__clear--mobile {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.paragraph--small,
label {
    font-size: 1.0833rem;
    line-height: 2.083rem;
}

@media screen and (min-width: 768px) {
    .paragraph--small,
    label {
        font-size: .8125rem;
        line-height: 1.5625rem;
    }
}

.paragraph--small-2,
.nav__label {
    font-size: 1.333rem;
    line-height: 1.75rem;
}

@media screen and (min-width: 768px) {
    .paragraph--small-2,
    .nav__label {
        font-size: 1rem;
        line-height: 1.3125rem;
    }
}

@media screen and (min-width: 768px) {
    .paragraph--small-3,
    .questionnaire__legend-item-label {
        font-size: 1.125rem;
        line-height: 1.125rem;
    }
}

.paragraph--med,
.menu__dropdown-list-item {
    font-size: 1.167rem;
    line-height: 1.5rem;
    letter-spacing: .4px;
    color: #8C9095;
}

@media screen and (min-width: 768px) {
    .paragraph--med,
    .menu__dropdown-list-item {
        font-size: .875rem;
        line-height: 1.125rem;
    }
}

.paragraph--med-2,
.form__selection + label {
    font-size: 2.167rem;
    line-height: 2.167rem;
}

@media screen and (min-width: 768px) {
    .paragraph--med-2,
    .form__selection + label {
        font-size: 1.625rem;
        line-height: 1.625rem;
    }
}

.paragraph--big,
.btn,
.account__menu-item {
    font-size: 1.667rem;
    line-height: 2.167rem;
}

@media screen and (min-width: 768px) {
    .paragraph--big,
    .btn,
    .account__menu-item {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

.paragraph--big-1 {
    font-size: 1.9167rem;
    line-height: 1.25;
}

@media screen and (min-width: 768px) {
    .paragraph--big-1 {
        font-size: 1.4375rem;
    }
}

.paragraph--big-2 {
    font-size: 2rem;
    line-height: 4rem;
}

@media screen and (min-width: 768px) {
    .paragraph--big-2 {
        font-size: 1.5rem;
        line-height: 3rem;
    }
}

.paragraph--big-2-alt {
    font-size: 1.333rem;
    line-height: 2rem;
}

@media screen and (min-width: 768px) {
    .paragraph--big-2-alt {
        font-size: 1.5rem;
        line-height: 3rem;
    }
}

.paragraph--big-2-alt-2 {
    font-size: 1.583rem;
    line-height: 2.25rem;
}

@media screen and (min-width: 768px) {
    .paragraph--big-2-alt-2 {
        font-size: 1.1875rem;
        line-height: 1.6875rem;
    }
}

.paragraph--big-3,
textarea,
input {
    font-size: 1.75rem;
    line-height: 2.083rem;
}

@media screen and (min-width: 768px) {
    .paragraph--big-3,
    textarea,
    input {
        font-size: 1.3125rem;
        line-height: 1.5625rem;
    }
}

.paragraph--huge,
.profile__summary-trait input {
    font-size: 2.083rem;
    line-height: 1;
}

@media screen and (min-width: 768px) {
    .paragraph--huge,
    .profile__summary-trait input {
        font-size: 1.5625rem;
    }
}

label {
    margin-bottom: 0;
    font-family: "TTCommons-DemiBold", "Helvetica", "Arial", sans-serif;
    color: #F9C659;
}

    label.dark {
        color: #1D0F24;
    }

    label.big {
        font-size: 1.333rem;
        font-family: "FuturaLTPro-Bold", "Helvetica", "Arial", sans-serif;
        margin-bottom: 8px;
    }

@media screen and (min-width: 768px) {
    label.big {
        font-size: 1rem;
    }
}

textarea,
input {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #8D8691;
    background: transparent;
    color: #ffffff;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1px 0;
}

    textarea::-webkit-input-placeholder,
    input::-webkit-input-placeholder {
        color: #ffffff;
    }

    textarea:-ms-input-placeholder,
    input:-ms-input-placeholder {
        color: #ffffff;
    }

    textarea::-ms-input-placeholder,
    input::-ms-input-placeholder {
        color: #ffffff;
    }

    textarea::placeholder,
    input::placeholder {
        color: #ffffff;
    }

    textarea:focus,
    input:focus {
        outline: none;
        border-color: #F9C659;
    }

    textarea:-webkit-autofill,
    input:-webkit-autofill {
        -webkit-animation-name: autofill;
        -webkit-animation-fill-mode: both;
    }

    textarea.border-dark,
    input.border-dark {
        border-color: #474D55 !important;
    }

        textarea.border-dark:focus,
        input.border-dark:focus {
            border-color: #F9C659 !important;
        }

    textarea.border-white,
    input.border-white {
        border-color: #ffffff !important;
    }

        textarea.border-white:focus,
        input.border-white:focus {
            border-color: #F9C659 !important;
        }

    textarea.no-border,
    input.no-border {
        border: 0;
    }

    textarea.alt,
    input.alt {
        border-bottom: 1px solid #ffffff;
        padding-bottom: 5px;
        display: block;
        width: 100%;
        height: 2.5rem;
        color: #ffffff;
    }

@media screen and (min-width: 768px) {
    textarea.alt,
    input.alt {
        height: 1.875rem;
    }
}

textarea.dark,
input.dark {
    color: #474D55;
}

    textarea.dark::-webkit-input-placeholder,
    input.dark::-webkit-input-placeholder {
        color: #474D55;
    }

    textarea.dark:-ms-input-placeholder,
    input.dark:-ms-input-placeholder {
        color: #474D55;
    }

    textarea.dark::-ms-input-placeholder,
    input.dark::-ms-input-placeholder {
        color: #474D55;
    }

    textarea.dark::placeholder,
    input.dark::placeholder {
        color: #474D55;
    }

textarea {
    height: 12.5rem;
}

@media screen and (min-width: 768px) {
    textarea {
        height: 9.375rem;
    }
}

.form__group {
    position: relative;
}

.form__group-division {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.form__group-division-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}

    .form__group-division-item + .form__group-division-item {
        margin-left: 2.083rem;
    }

@media screen and (min-width: 768px) {
    .form__group-division-item + .form__group-division-item {
        margin-left: .875rem;
    }
}

.form__group-division--bigger-space .form__group-division-item + .form__group-division-item {
    margin-left: 3.333rem;
}

@media screen and (min-width: 768px) {
    .form__group-division--bigger-space .form__group-division-item + .form__group-division-item {
        margin-left: 2.5rem;
    }
}

.form__group + .form__group {
    margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .form__group + .form__group {
        margin-top: .9375rem;
    }
}

.form__selection {
    display: none;
}

    .form__selection + label {
        cursor: pointer;
        height: 3.333rem;
        width: 10rem;
        padding-bottom: 5px;
        border-radius: 10rem;
        border: 1px solid #ffffff;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #ffffff;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
        font-family: "TTCommons-Regular", "Helvetica", "Arial", sans-serif;
    }

@media screen and (min-width: 576px) {
    .form__selection + label {
        margin-left: 1.333rem;
    }
}

@media screen and (min-width: 768px) {
    .form__selection + label {
        height: 2.5rem;
        margin-left: 1rem;
        padding-bottom: 3px;
    }
}

@media screen and (min-width: 1200px) {
    .form__selection + label {
        padding-bottom: 5px;
    }
}

.form__selection + label:hover {
    border-color: #F89D46;
    color: #F89D46;
}

.form__selection:checked + label {
    background-color: #ffffff;
    color: #1B0D21;
}

    .form__selection:checked + label:hover {
        border-color: #ffffff;
        color: #1B0D21;
    }

.form__checkbox {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .form__checkbox * {
        cursor: pointer;
    }

    .form__checkbox input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        border-radius: 2px;
        height: 11px;
        width: 11px;
        background-color: #ffffff;
        background-image: url("../images/i-tick.svg");
        background-repeat: no-repeat;
        background-size: 70% auto;
        background-position: center;
        margin-right: 4px;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
    }

        .form__checkbox input:checked {
            background-color: #2CA0D2;
        }

    .form__checkbox label {
        margin: 0;
        line-height: 11px;
    }

.form__footer {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .form__footer {
        margin-top: 1.875rem;
    }
}

.dropdown {
    position: relative;
}

.dropdown__input {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 5px;
    display: block;
    width: 100%;
    background-image: url("../images/i-chevron-down.svg");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right center;
    min-height: 2.5rem;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .dropdown__input {
        min-height: 1.875rem;
    }
}

.dropdown__input-value {
    color: #ffffff;
}

.dropdown__list {
    border-radius: 6px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 4;
    top: 3.333rem;
    left: 0;
    width: 100%;
    display: none;
    max-height: 200px;
    overflow-y: auto;
}

@media screen and (min-width: 768px) {
    .dropdown__list {
        top: 2.5rem;
    }
}

.dropdown__list-item {
    padding: 1.125rem;
    cursor: pointer;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

    .dropdown__list-item:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .dropdown__list-item:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .dropdown__list-item:hover,
    .dropdown__list-item--active {
        background-color: #F89D46;
        color: #ffffff;
    }

        .dropdown__list-item--active:hover {
            background-color: #F86849;
        }

.switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .switch input {
        display: none;
    }

        .switch input:checked + label {
            border-color: #F89D46;
        }

            .switch input:checked + label:after {
                left: calc(100% - 2px);
                -webkit-transform: translateX(-100%);
                -ms-transform: translateX(-100%);
                transform: translateX(-100%);
                background-color: #F89D46;
            }

    .switch label {
        display: block;
        cursor: pointer;
        height: 20px;
        width: 4rem;
        min-width: 4rem;
        border-radius: 10rem;
        border: 1px solid #8C9095;
        position: relative;
        margin-right: 1rem;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

@media screen and (min-width: 768px) {
    .switch label {
        margin-right: .75rem;
    }
}

.switch label:after {
    content: "";
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    position: absolute;
    top: 2px;
    left: 2px;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: #8C9095;
}

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

    .switch--inverted label {
        margin-right: 0;
        margin-left: 1rem;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

@media screen and (min-width: 768px) {
    .switch--inverted label {
        margin-left: .75rem;
    }
}

.range-tooltip {
    position: absolute;
    top: -.5rem;
    left: 0;
    background-color: #ffffff;
    border-radius: 5rem;
    padding: 7px 15px;
    display: none;
    pointer-events: none;
    text-align: center;
    white-space: nowrap;
}

@media screen and (min-width: 768px) {
    .range-tooltip {
        top: -.75rem;
    }
}

.range-tooltip__label {
    white-space: nowrap;
    color: #000000;
    font-family: "TTCommons-Regular", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1;
}

.range__labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.range input[type=range].range {
    -webkit-appearance: none;
    width: 100%;
    margin: 4.5px 0;
    border: 0;
}

    .range input[type=range].range:focus {
        outline: none;
    }

    .range input[type=range].range::-webkit-slider-runnable-track {
        width: 100%;
        height: 9px;
        cursor: pointer;
        -webkit-box-shadow: 0px 0px 0px rgba(255, 178, 223, 0), 0px 0px 0px rgba(255, 204, 234, 0);
        box-shadow: 0px 0px 0px rgba(255, 178, 223, 0), 0px 0px 0px rgba(255, 204, 234, 0);
        background: #2ca0d2;
        border-radius: 25px;
        border: 0px solid rgba(219, 213, 143, 0);
    }

    .range input[type=range].range::-webkit-slider-thumb {
        -webkit-box-shadow: 0px 0px 0px rgba(39, 170, 255, 0), 0px 0px 0px rgba(65, 180, 255, 0);
        box-shadow: 0px 0px 0px rgba(39, 170, 255, 0), 0px 0px 0px rgba(65, 180, 255, 0);
        border: 5px solid rgba(255, 205, 255, 0);
        height: 18px;
        width: 18px;
        border-radius: 50px;
        background: #f86849;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -4.5px;
    }

    .range input[type=range].range:focus::-webkit-slider-runnable-track {
        background: #2ca0d2;
    }

    .range input[type=range].range::-moz-range-track {
        width: 100%;
        height: 9px;
        cursor: pointer;
        box-shadow: 0px 0px 0px rgba(255, 178, 223, 0), 0px 0px 0px rgba(255, 204, 234, 0);
        background: #2ca0d2;
        border-radius: 25px;
        border: 0px solid rgba(219, 213, 143, 0);
    }

    .range input[type=range].range::-moz-range-thumb {
        box-shadow: 0px 0px 0px rgba(39, 170, 255, 0), 0px 0px 0px rgba(65, 180, 255, 0);
        border: 5px solid rgba(255, 205, 255, 0);
        height: 18px;
        width: 18px;
        border-radius: 50px;
        background: #f86849;
        cursor: pointer;
    }

    .range input[type=range].range::-ms-track {
        width: 100%;
        height: 9px;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    .range input[type=range].range::-ms-fill-lower {
        background: #2ca0d2;
        border: 0px solid rgba(219, 213, 143, 0);
        border-radius: 50px;
        box-shadow: 0px 0px 0px rgba(255, 178, 223, 0), 0px 0px 0px rgba(255, 204, 234, 0);
    }

    .range input[type=range].range::-ms-fill-upper {
        background: #2ca0d2;
        border: 0px solid rgba(219, 213, 143, 0);
        border-radius: 50px;
        box-shadow: 0px 0px 0px rgba(255, 178, 223, 0), 0px 0px 0px rgba(255, 204, 234, 0);
    }

    .range input[type=range].range::-ms-thumb {
        box-shadow: 0px 0px 0px rgba(39, 170, 255, 0), 0px 0px 0px rgba(65, 180, 255, 0);
        border: 5px solid rgba(255, 205, 255, 0);
        height: 18px;
        width: 18px;
        border-radius: 50px;
        background: #f86849;
        cursor: pointer;
        height: 9px;
    }

    .range input[type=range].range:focus::-ms-fill-lower {
        background: #2ca0d2;
    }

    .range input[type=range].range:focus::-ms-fill-upper {
        background: #2ca0d2;
    }

.range--white input[type=range].range {
    -webkit-appearance: none;
    width: 100%;
    margin: 4.5px 0;
    border: 0;
}

    .range--white input[type=range].range:focus {
        outline: none;
    }

    .range--white input[type=range].range::-webkit-slider-runnable-track {
        width: 100%;
        height: 9px;
        cursor: pointer;
        -webkit-box-shadow: 0px 0px 0px rgba(255, 178, 223, 0), 0px 0px 0px rgba(255, 204, 234, 0);
        box-shadow: 0px 0px 0px rgba(255, 178, 223, 0), 0px 0px 0px rgba(255, 204, 234, 0);
        background: #ffffff;
        border-radius: 25px;
        border: 0px solid rgba(219, 213, 143, 0);
    }

    .range--white input[type=range].range::-webkit-slider-thumb {
        -webkit-box-shadow: 0px 0px 0px rgba(39, 170, 255, 0), 0px 0px 0px rgba(65, 180, 255, 0);
        box-shadow: 0px 0px 0px rgba(39, 170, 255, 0), 0px 0px 0px rgba(65, 180, 255, 0);
        border: 5px solid rgba(255, 205, 255, 0);
        height: 18px;
        width: 18px;
        border-radius: 50px;
        background: #F89D46;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -4.5px;
    }

    .range--white input[type=range].range:focus::-webkit-slider-runnable-track {
        background: #ffffff;
    }

    .range--white input[type=range].range::-moz-range-track {
        width: 100%;
        height: 9px;
        cursor: pointer;
        box-shadow: 0px 0px 0px rgba(255, 178, 223, 0), 0px 0px 0px rgba(255, 204, 234, 0);
        background: #ffffff;
        border-radius: 25px;
        border: 0px solid rgba(219, 213, 143, 0);
    }

    .range--white input[type=range].range::-moz-range-thumb {
        box-shadow: 0px 0px 0px rgba(39, 170, 255, 0), 0px 0px 0px rgba(65, 180, 255, 0);
        border: 5px solid rgba(255, 205, 255, 0);
        height: 18px;
        width: 18px;
        border-radius: 50px;
        background: #F89D46;
        cursor: pointer;
    }

    .range--white input[type=range].range::-ms-track {
        width: 100%;
        height: 9px;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    .range--white input[type=range].range::-ms-fill-lower {
        background: #ffffff;
        border: 0px solid rgba(219, 213, 143, 0);
        border-radius: 50px;
        box-shadow: 0px 0px 0px rgba(255, 178, 223, 0), 0px 0px 0px rgba(255, 204, 234, 0);
    }

    .range--white input[type=range].range::-ms-fill-upper {
        background: #ffffff;
        border: 0px solid rgba(219, 213, 143, 0);
        border-radius: 50px;
        box-shadow: 0px 0px 0px rgba(255, 178, 223, 0), 0px 0px 0px rgba(255, 204, 234, 0);
    }

    .range--white input[type=range].range::-ms-thumb {
        box-shadow: 0px 0px 0px rgba(39, 170, 255, 0), 0px 0px 0px rgba(65, 180, 255, 0);
        border: 5px solid rgba(255, 205, 255, 0);
        height: 18px;
        width: 18px;
        border-radius: 50px;
        background: #F89D46;
        cursor: pointer;
        height: 9px;
    }

    .range--white input[type=range].range:focus::-ms-fill-lower {
        background: #ffffff;
    }

    .range--white input[type=range].range:focus::-ms-fill-upper {
        background: #ffffff;
    }

.btn {
    padding: 1.333rem 1.667rem 1.125rem 1.667rem;
    font-family: "FuturaLTPro-Bold", "Helvetica", "Arial", sans-serif;
    color: #1D0F24;
    background-color: #ffffff;
    border-radius: 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    border: 2px solid #ffffff;
    max-width: 100%;
    white-space: normal;
    cursor: pointer;
}

    .btn:link,
    .btn:hover,
    .btn:active,
    .btn:focus,
    .btn:visited {
        color: #1D0F24;
        text-decoration: none;
    }

@media screen and (min-width: 768px) {
    .btn {
        padding: 1rem 0 .75rem 0;
        min-width: 14.1875rem;
    }
}

.btn__center {
    display: inline-block;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (min-width: 768px) {
    .btn__center {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
    }
}

.btn__icon {
    margin-right: .875rem;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

@media screen and (min-width: 768px) {
    .btn__icon {
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
    }
}

.btn__icon--med {
    width: 1rem;
    margin-right: .5rem;
}

.btn__icon--primary-hover-white {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.btn__icon--dark-hover-white {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.btn:hover {
    background-color: transparent;
    color: #ffffff;
}

    .btn:hover .btn__icon--primary-hover-white {
        -webkit-filter: none;
        filter: none;
    }

.btn[disabled] {
    cursor: not-allowed;
    opacity: 1;
    pointer-events: none;
}

.btn--font-small {
    font-size: 1.333rem;
}

@media screen and (min-width: 768px) {
    .btn--font-small {
        font-size: 1rem;
    }
}

.btn--wrap {
    white-space: normal;
}

.btn--border {
    border: 1px solid #1A212D;
    background: transparent;
}

    .btn--border:hover {
        background-color: #1A212D;
        color: #ffffff;
    }

        .btn--border:hover .btn__icon {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
        }

.btn--border-white {
    border-color: #ffffff;
    color: #ffffff;
}

    .btn--border-white:link,
    .btn--border-white:hover,
    .btn--border-white:active,
    .btn--border-white:focus,
    .btn--border-white:visited {
        color: #ffffff;
        text-decoration: none;
    }

    .btn--border-white:hover {
        color: #1A212D;
        background-color: #ffffff;
    }

        .btn--border-white:hover:link,
        .btn--border-white:hover:hover,
        .btn--border-white:hover:active,
        .btn--border-white:hover:focus,
        .btn--border-white:hover:visited {
            color: #1A212D;
            text-decoration: none;
        }

        .btn--border-white:hover .btn__icon {
            -webkit-filter: brightness(0);
            filter: brightness(0);
        }

.btn--border-primary {
    border-color: #F89D46;
    color: #F89D46;
}

    .btn--border-primary:hover {
        background-color: #F89D46;
        color: #ffffff;
    }

    .btn--border-primary[disabled] {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

@media screen and (min-width: 768px) {
    .btn--padding {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.btn--padding-smaller {
    padding: .25rem 1.667rem .5rem 1.667rem;
}

@media screen and (min-width: 768px) {
    .btn--padding-smaller {
        padding: .125rem 1.25rem .25rem 1.25rem;
    }
}

.btn--padding-small {
    padding: .75rem 1.667rem;
}

@media screen and (min-width: 768px) {
    .btn--padding-small {
        padding: .75rem 1.25rem;
    }
}

@media screen and (min-width: 768px) {
    .btn--padding-big {
        padding: 1rem 3.125rem .75rem 3.125rem;
    }
}

.btn--auto {
    min-width: 0;
    max-width: 100%;
    width: auto;
}

.btn--icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.btn--fit {
    min-width: 0;
}

.btn--mobile-full {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .btn--mobile-full {
        width: auto;
    }
}

.btn--mobile-med {
    width: 75%;
}

@media screen and (min-width: 768px) {
    .btn--mobile-med {
        width: auto;
    }
}

.btn--med {
    padding-top: 13px;
    padding-bottom: 10px;
}

.btn--med-2 {
    padding: 5px 1rem;
    min-width: 0;
    font-size: 1.167rem;
}

@media screen and (min-width: 768px) {
    .btn--med-2 {
        font-size: .875rem;
    }
}

.btn--small {
    padding: 0;
    height: 1.75rem;
    width: 7.9167rem;
    min-height: 0;
    min-width: 0;
    font-size: 1.167rem;
    line-height: 1.75rem;
    border-width: 1px !important;
}

@media screen and (min-width: 768px) {
    .btn--small {
        height: 1.3125rem;
        width: 5.9375rem;
        font-size: .875rem;
        line-height: 1.3125rem;
    }
}

.btn--primary-drk:link,
.btn--primary-drk:hover,
.btn--primary-drk:active,
.btn--primary-drk:focus,
.btn--primary-drk:visited {
    color: #F86849;
    text-decoration: none;
}

.btn--primary-drk:hover {
    color: #ffffff;
}

.btn--bg-primary,
.box__btn,
.btn--bg-primary-drk {
    background-color: #F89D46;
    border-color: #F89D46;
    color: #ffffff;
}

    .btn--bg-primary:link,
    .box__btn:link,
    .btn--bg-primary:hover,
    .box__btn:hover,
    .btn--bg-primary:active,
    .box__btn:active,
    .btn--bg-primary:focus,
    .box__btn:focus,
    .btn--bg-primary:visited,
    .box__btn:visited,
    .btn--bg-primary-drk:link,
    .btn--bg-primary-drk:hover,
    .btn--bg-primary-drk:active,
    .btn--bg-primary-drk:focus,
    .btn--bg-primary-drk:visited {
        color: #ffffff;
        text-decoration: none;
    }

    .btn--bg-primary:hover,
    .box__btn:hover,
    .btn--bg-primary-drk:hover {
        color: #F89D46;
    }

.btn--bg-primary-drk {
    background-color: #F86849;
    border-color: #F86849;
}

    .btn--bg-primary-drk:hover {
        color: #F86849;
    }

.btn--bg-accent,
.box__btn--selected {
    background-color: #2CA0D2;
    color: #ffffff;
    border: 2px solid #2CA0D2;
}

    .btn--bg-accent:hover,
    .box__btn--selected:hover {
        background: transparent;
        color: #2CA0D2;
    }

        .btn--bg-accent:hover .u-color-white,
        .box__btn--selected:hover .u-color-white {
            color: #2CA0D2;
        }

.btn--round {
    border-radius: 10rem;
}

.btn--full {
    width: 100%;
}

.bg-shape {
    position: relative;
}

.bg-shape__content {
    position: relative;
    z-index: 2;
}

.bg-shape:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #F89D46;
}

@media screen and (min-width: 768px) {
    .bg-shape:before {
        width: 60%;
    }
}

@media screen and (min-width: 992px) {
    .bg-shape:before {
        width: 68.5%;
    }
}

.bg-shape--accent:before {
    background-color: #2CA0D2;
}

.bg-shape--primary-drk:before {
    background-color: #F86849;
}

.bg-shape--none:before {
    display: none;
}

@media screen and (min-width: 768px) {
    .bg-shape--none:before {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .bg-shape--width-67:before {
        width: 67%;
    }
}

@media screen and (min-width: 768px) {
    .bg-shape--width-55:before {
        width: 55%;
    }
}

.bg-shape--67:before {
    height: 67%;
}

@media screen and (min-width: 576px) {
    .bg-shape--67:before {
        height: 68.5%;
    }
}

@media screen and (min-width: 768px) {
    .bg-shape--67:before {
        height: 100%;
    }
}

.bg-shape--85:before {
    height: 85%;
}

@media screen and (min-width: 768px) {
    .bg-shape--85:before {
        height: 100%;
    }
}

.bg-shape--95:before {
    height: 95%;
}

@media screen and (min-width: 768px) {
    .bg-shape--95:before {
        height: 100%;
    }
}

.features {
    padding: 0 2.083rem;
}

@media screen and (min-width: 768px) {
    .features {
        width: 100%;
        max-width: none !important;
        padding: 0 !important;
        margin-top: 7.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 768px) {
    .features__img {
        width: 45%;
    }
}

.features__content {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .features__content {
        margin-top: 0;
        margin-left: 4.375rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 4.875rem;
    }
}

@media screen and (min-width: 992px) {
    .features__content {
        padding-right: 8vw;
    }
}

@media screen and (min-width: 768px) {
    .features__item {
        margin-bottom: 3.4375rem;
        margin-right: 1.875rem;
    }
}

@media screen and (min-width: 1200px) {
    .features__item {
        width: calc(50% - 1.875rem);
    }
}

.features__item-icon {
    margin-right: 1.667rem;
    width: 5.583rem;
}

@media screen and (min-width: 768px) {
    .features__item-icon {
        margin-right: 1rem;
        width: 4.1875rem;
    }
}

.features__item-icon--small {
    width: 3.167rem;
}

@media screen and (min-width: 768px) {
    .features__item-icon--small {
        width: 2.375rem;
    }
}

.features__item + .features__item {
    margin-top: 2.083rem;
}

@media screen and (min-width: 768px) {
    .features__item + .features__item {
        margin-top: 0;
    }
}

.features__item--alt {
    margin: 0;
}

@media screen and (min-width: 1200px) {
    .features__item--alt {
        width: 100%;
    }
}

.how {
    position: relative;
    z-index: 1;
}

.how__img {
    width: 80%;
    margin: 6.667rem 0 0 auto;
    display: block;
}

@media screen and (min-width: 768px) {
    .how__img {
        margin: 0;
        width: auto;
    }
}

@media screen and (min-width: 1200px) {
    .how__img {
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@media screen and (min-width: 1400px) {
    .how__img {
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25);
    }
}

@media screen and (min-width: 768px) {
    .how__steps {
        max-width: 420px;
    }
}

.how:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, right top, left top, from(#979797), to(rgba(151, 151, 151, 0)));
    background-image: -webkit-linear-gradient(right, #979797, rgba(151, 151, 151, 0));
    background-image: -o-linear-gradient(right, #979797, rgba(151, 151, 151, 0));
    background-image: linear-gradient(to left, #979797, rgba(151, 151, 151, 0));
}

@media screen and (min-width: 768px) {
    .how:after {
        width: 80%;
    }
}

.steps {
    position: relative;
}

.steps__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.steps__item-sign {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.333rem;
    width: 3.333rem;
    min-height: 3.333rem;
    min-width: 3.333rem;
    background-color: #F89D46;
    margin-right: 1.833rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .steps__item-sign {
        width: 2.5rem;
        height: 2.5rem;
        min-width: 2.5rem;
        min-height: 2.5rem;
        margin-right: 2.1875rem;
    }
}

.steps__item-sign * {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.steps__item + .steps__item {
    margin-top: 2.9167rem;
}

@media screen and (min-width: 576px) {
    .steps__item + .steps__item {
        margin-top: 2.1875rem;
    }
}

.steps__item--alt {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .steps__item--alt .steps__item-sign {
        background-color: #ffffff;
        border-radius: 50%;
    }

    .steps__item--alt + .steps__item--alt {
        margin-top: 6.25rem;
    }

.steps:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1.5833rem;
    height: 90%;
    width: 1px;
    background-color: #F89D46;
}

@media screen and (min-width: 768px) {
    .steps:before {
        left: 1.1875rem;
    }
}

.steps--alt:before {
    background-color: #ffffff;
    width: 3px;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 81%;
}

@media screen and (max-width: 385px) {
    .steps--alt:before {
        height: 83.25%;
    }
}

@media screen and (min-width: 576px) {
    .steps--alt:before {
        height: 85%;
    }
}

@media screen and (min-width: 768px) {
    .steps--alt:before {
        height: 86%;
    }
}

@media screen and (min-width: 1200px) {
    .steps--alt:before {
        height: 85%;
    }
}

.matchmaking {
    position: relative;
}

.matchmaking__img {
    width: 90%;
    margin-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
    .matchmaking__img {
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 50%;
        max-width: 824px;
    }
}

.logo {
    display: block;
    max-width: 213px;
    width: 75%;
}

@media screen and (min-width: 768px) {
    .logo {
        width: 100%;
        max-width: 220px;
    }
}

.logo__img {
    width: 100%;
}

.logo--white {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.logo--small {
    width: 5.833rem;
}

@media screen and (min-width: 768px) {
    .logo--small {
        width: 4.375rem;
    }
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.social__item + .social__item {
    margin-left: 2.5rem;
}

@media screen and (min-width: 768px) {
    .social__item + .social__item {
        margin-left: 1.875rem;
    }
}

.social__link {
    font-size: 2.5rem;
}

    .social__link:link,
    .social__link:hover,
    .social__link:active,
    .social__link:focus,
    .social__link:visited {
        color: #ffffff;
        text-decoration: none;
    }

@media screen and (min-width: 768px) {
    .social__link {
        font-size: 1.875rem;
    }
}

.social__link:hover {
    color: #F89D46;
}

.news {
    padding: 6.25rem 0 2.5rem 0;
    background-color: #1D0F24;
}

@media screen and (min-width: 768px) {
    .news {
        padding: 9.375rem 0 4.6875rem 0;
    }
}

.news__main-img {
    width: 100%;
}

.news__item {
    padding-top: 1.667rem;
    border-top: 1px solid #979797;
}

.news__item-img {
    width: 5.333rem;
    margin-right: 2.083rem;
}

@media screen and (min-width: 768px) {
    .news__item-img {
        width: 8.5rem;
        margin-right: 0;
        margin-left: 1.5625rem;
    }
}

@media screen and (min-width: 992px) {
    .news__item-img {
        margin-left: 3rem;
    }
}

@media screen and (min-width: 768px) {
    .news__item:first-child {
        border-top: 0;
        padding-top: 0;
    }
}

.news__item + .news__item {
    margin-top: 1.667rem;
}

@media screen and (min-width: 768px) {
    .news__item + .news__item {
        margin-top: 1.25rem;
    }
}

.news__btn {
    margin-top: 3.333rem;
}

@media screen and (min-width: 768px) {
    .news__btn {
        margin-top: 3.75rem;
    }
}

.story {
    background: #F86849;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    position: relative;
}

@media screen and (min-width: 768px) {
    .story {
        background-position: right top;
        background-size: 50% 100%;
    }
}

.featured {
    padding: 2.083rem 0;
}

@media screen and (min-width: 768px) {
    .featured {
        padding: 0;
        position: relative;
    }
}

.featured__media {
    background-repeat: no-repeat;
    background-size: calc(100% - 2.083rem) auto;
    background-position: center top;
    height: 26.25rem;
    position: relative;
}

@media screen and (min-width: 576px) {
    .featured__media {
        height: 30rem;
    }
}

@media screen and (min-width: 768px) {
    .featured__media {
        height: 48rem;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        padding: 0;
        background-size: cover;
    }
}

.featured__media--alt {
    background-size: cover;
}

@media screen and (min-width: 768px) {
    .featured__media--alt {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        left: auto;
        width: 50%;
        height: 100%;
    }
}

.featured__media--alt:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 13rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 104, 73, 0)), to(#F86849));
    background-image: -webkit-linear-gradient(top, rgba(248, 104, 73, 0) 0%, #F86849 100%);
    background-image: -o-linear-gradient(top, rgba(248, 104, 73, 0) 0%, #F86849 100%);
    background-image: linear-gradient(to bottom, rgba(248, 104, 73, 0) 0%, #F86849 100%);
}

@media screen and (min-width: 768px) {
    .featured__media--alt:after {
        top: 0;
        left: -1px;
        bottom: 0;
        height: 100%;
        width: 25%;
        background-image: -webkit-linear-gradient(179deg, rgba(248, 104, 73, 0) 0%, #F86849 100%);
        background-image: -o-linear-gradient(179deg, rgba(248, 104, 73, 0) 0%, #F86849 100%);
        background-image: linear-gradient(-89deg, rgba(248, 104, 73, 0) 0%, #F86849 100%);
    }
}

.featured__copy {
    position: relative;
    z-index: 1;
    padding: 4.167rem 0 2.5rem 0;
}

@media screen and (min-width: 768px) {
    .featured__copy {
        padding: 10.625rem 0;
    }
}

.featured--no-border {
    padding-top: 0;
}

.featured--dark {
    background-color: #1D0F24;
}

    .featured--dark .featured__media--alt:after {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 104, 73, 0)), to(#1D0F24));
        background-image: -webkit-linear-gradient(top, rgba(248, 104, 73, 0) 0%, #1D0F24 100%);
        background-image: -o-linear-gradient(top, rgba(248, 104, 73, 0) 0%, #1D0F24 100%);
        background-image: linear-gradient(to bottom, rgba(248, 104, 73, 0) 0%, #1D0F24 100%);
    }

@media screen and (min-width: 768px) {
    .featured--dark .featured__media--alt:after {
        background-image: -webkit-linear-gradient(179deg, rgba(29, 15, 36, 0) 0%, #1D0F24 100%);
        background-image: -o-linear-gradient(179deg, rgba(29, 15, 36, 0) 0%, #1D0F24 100%);
        background-image: linear-gradient(-89deg, rgba(29, 15, 36, 0) 0%, #1D0F24 100%);
    }
}

.testimonials {
    padding: 7.5rem 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .testimonials {
        text-align: left;
        padding: 4.375rem 0;
    }
}

@media screen and (min-width: 768px) {
    .testimonials__item {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.testimonials__item-img {
    display: inline-block !important;
    width: 6.667rem;
    margin-bottom: 1.667rem;
    border-radius: 50%;
}

@media screen and (min-width: 768px) {
    .testimonials__item-img {
        width: 5rem;
        margin-bottom: 0;
        margin-right: 2.5rem;
    }
}

.testimonials__item:focus {
    outline: none;
}

.cards-slider {
    padding: 5rem 0 3.333rem 0;
}

@media screen and (min-width: 768px) {
    .cards-slider {
        padding: 9.625rem 0 0 0;
    }
}

@media screen and (min-width: 576px) {
    .cards-slider__list {
        margin-left: -11.5rem;
    }
}

@media screen and (min-width: 768px) {
    .cards-slider__list {
        margin-left: -32.25rem;
    }
}

@media screen and (min-width: 992px) {
    .cards-slider__list {
        width: 100%;
        max-width: 930px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1200px) {
    .cards-slider__list {
        max-width: 1110px;
    }
}

@media screen and (min-width: 1400px) {
    .cards-slider__list {
        max-width: 1170px;
    }
}

.cards-slider .slick-track {
    padding: 4.167rem 0 3.333rem 0;
}

@media screen and (min-width: 768px) {
    .cards-slider .slick-track {
        padding: 4.6875rem 0 5.3125rem 0;
    }
}

.cards-slider .slick-list {
    margin: 0 -10px;
    margin-left: -7rem;
}

@media screen and (min-width: 768px) {
    .cards-slider .slick-list {
        margin-left: -10px;
    }
}

.cards-slider .slick-slide {
    margin: 0 10px;
}

    .cards-slider .slick-slide:focus {
        outline: none;
    }


/* Planilla: 316 6958488 */

.custom-card {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: 270px;
}

@media screen and (min-width: 992px) {
    .custom-card {
        max-width: none;
    }
}

.card__inner {
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.27);
    box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.27);
}

.card__media {
    height: 21rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

@media screen and (min-width: 768px) {
    .card__media {
        height: 15.75rem;
    }
}

.card__media > * {
    position: relative;
    z-index: 2;
}

.card__media:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

.card__info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 1.667rem;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .card__info {
        padding: 0 1.25rem;
    }
}

.card__badge {
    border-radius: 10rem;
    padding: 5px 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .card__badge {
        padding: 5px 2px;
    }
}

@media screen and (min-width: 1200px) {
    .card__badge {
        padding: 5px 10px;
    }
}

@media screen and (min-width: 768px) {
    .card__badge * {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@media screen and (min-width: 1200px) {
    .card__badge * {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.card__btn {
    height: 3.333rem;
    width: 3.333rem;
    border-radius: 50%;
    background-color: #F89D46;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

@media screen and (min-width: 768px) {
    .card__btn {
        height: 2.5rem;
        width: 2.5rem;
    }
}

.card__btn-icon {
    width: 50%;
}

.card__btn:hover {
    background-color: #F86849;
}

.card__btn + .card__btn {
    margin-left: 1rem;
}

@media screen and (min-width: 768px) {
    .card__btn + .card__btn {
        margin-left: .75rem;
    }
}

.card__btn--star {
    position: relative;
}

    .card__btn--star .card__btn-icon {
        width: auto;
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    .card__btn--star:before {
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

.card__btn--favourite:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 49%;
    -webkit-transform: translate(-50%, -54%) scale(1.25);
    -ms-transform: translate(-50%, -54%) scale(1.25);
    transform: translate(-50%, -54%) scale(1.25);
    height: 42%;
    width: 42%;
    background-color: #ffffff;
    -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

@media screen and (min-width: 768px) {
    .card__btn--favourite:before {
        top: 50%;
        left: 49.75%;
        -webkit-transform: translate(-49%, -56%) scale(1.5);
        -ms-transform: translate(-49%, -56%) scale(1.5);
        transform: translate(-49%, -56%) scale(1.5);
    }
}

.card__btn--banner {
    cursor: pointer;
    background-color: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translate(-5px, 3px);
    -ms-transform: translate(-5px, 3px);
    transform: translate(-5px, 3px);
}

@media screen and (min-width: 768px) {
    .card__btn--banner {
        -webkit-transform: translateX(-5px) scale(1.25);
        -ms-transform: translateX(-5px) scale(1.25);
        transform: translateX(-5px) scale(1.25);
        margin-left: 5px;
    }
}

.card__btn--banner:hover {
    background-color: transparent;
}

.card__tag {
    position: absolute;
    top: 2.5rem;
    left: 1.667rem;
}

@media screen and (min-width: 768px) {
    .card__tag {
        top: 1.875rem;
        left: 1.25rem;
    }
}

.card__copy {
    padding: .5rem 1.667rem 1.333rem 1.667rem;
}

@media screen and (min-width: 768px) {
    .card__copy {
        padding: .75rem 1.25rem 1.25rem 1.25rem;
    }
}

.custom-card:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.custom-card--no-scale:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.hero {
    background-image: -webkit-gradient(linear, left top, right top, from(#1D0F24), to(#371b46));
    background-image: -webkit-linear-gradient(left, #1D0F24, #371b46);
    background-image: -o-linear-gradient(left, #1D0F24, #371b46);
    background-image: linear-gradient(to right, #1D0F24, #371b46);
    position: relative;
}

.hero__content {
    position: relative;
    z-index: 2;
    padding: 1.667rem 0 1.667rem 0;
}

@media screen and (min-width: 768px) {
    .hero__content {
        padding: 6rem 0 6rem 0;
    }
}

.hero__content-register {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.hero__content-login {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    top: 1.667rem;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
    pointer-events: none;
}

@media screen and (min-width: 768px) {
    .hero__content-login {
        top: 6rem;
    }
}

.hero__scroll {
    display: none;
    position: absolute;
    z-index: 2;
    bottom: 3.333rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
    .hero__scroll {
        display: block;
        bottom: 2.5rem;
    }
}

.hero:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.18);
    pointer-events: none;
}

.hero:before {
    content: "";
    position: absolute;
    display: none;
}

@media screen and (min-width: 768px) {
    .hero:before {
        display: block;
        pointer-events: none;
        bottom: 0;
        right: 0;
        width: 45%;
        height: 85%;
        background-image: url("../images/hero-woman.gif");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
    }
}

@media screen and (min-width: 1625px) {
    .hero:before {
        right: 3.125rem;
    }
}

@media screen and (min-width: 768px) {
    .hero--login:before {
        background-image: url("../images/hero-couple.png");
        width: 58%;
    }
}

@media screen and (min-width: 1200px) {
    .hero--login:before {
        width: 55%;
    }
}

@media screen and (min-width: 1625px) {
    .hero--login:before {
        right: 0;
    }
}

.hero--login .hero__content-register {
    opacity: 0;
    pointer-events: none;
}

.hero--login .hero__content-login {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.scroll-icon-wrapper {
    text-align: center;
    display: inline-block;
}

.scroll-icon {
    width: 2.167rem;
    height: 3.667rem;
    margin-left: -1.667rem;
    top: 50%;
    margin-top: -2.9167rem;
    -webkit-box-shadow: inset 0 0 0 2px #ffffff;
    box-shadow: inset 0 0 0 2px #ffffff;
    border-radius: 2.083rem;
    pointer-events: none;
    position: relative;
}

@media screen and (min-width: 768px) {
    .scroll-icon {
        width: 1.625rem;
        height: 2.75rem;
        margin-top: -2.1875rem;
        border-radius: 1.5625rem;
    }
}

.scroll-icon:before {
    content: "";
    position: absolute;
    left: 50%;
    width: .667rem;
    height: .667rem;
    background: #ffffff;
    margin-left: -.3rem;
    top: .667rem;
    border-radius: 50%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}

@media screen and (min-width: 768px) {
    .scroll-icon:before {
        width: .5rem;
        height: .5rem;
        top: .5rem;
        margin-left: -.25rem;
    }
}

.scroll-icon--dark {
    -webkit-box-shadow: inset 0 0 0 2px #1A212D;
    box-shadow: inset 0 0 0 2px #1A212D;
}

    .scroll-icon--dark:before {
        background: #1A212D;
    }

.menu {
    padding-top: 1.5rem;
}

@media screen and (min-width: 768px) {
    .menu {
        padding-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.menu__item {
    position: relative;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

    .menu__item + .menu__item {
        margin-top: 1.5rem;
    }

@media screen and (min-width: 768px) {
    .menu__item + .menu__item {
        margin-top: 0;
    }
}

.menu__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 5rem;
    height: 200%;
    width: 100%;
    background-color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

@media screen and (min-width: 768px) {
    .menu__item:before {
        height: 100%;
    }
}

.menu__item--active,
.menu__item:hover {
    padding-left: 1.5rem;
}

@media screen and (min-width: 768px) {
    .menu__item--active,
    .menu__item:hover {
        padding-left: 0;
    }
}

.menu__item--active .menu__label,
.menu__item:hover .menu__label {
    color: #2D1639;
}

.menu__item--active .menu__icon,
.menu__item:hover .menu__icon {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

.menu__item--active:before,
.menu__item:hover:before {
    opacity: 1;
}

.menu__item--alt {
    padding-top: 1.5rem;
    border-top: 1px solid #979797;
    display: inline-block;
}

@media screen and (min-width: 768px) {
    .menu__item--alt {
        padding-top: 0;
        margin-left: 1.125rem;
        border-top: 0;
        border-left: 1px solid #979797;
    }
}

.menu__item--alt .menu__icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

@media screen and (min-width: 768px) {
    .menu__item--alt .menu__icon {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .menu__item--alt .menu__link {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.menu__item--alt:before {
    display: none;
}

.menu__item--alt:hover {
    padding-left: 0;
    padding-right: 0;
}

    .menu__item--alt:hover .menu__icon {
        -webkit-filter: none;
        filter: none;
    }

@media screen and (min-width: 768px) {
    .menu__item--alt:last-child .menu__link {
        padding-right: 0;
    }
}

.menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (min-width: 768px) {
    .menu__link {
        padding: .5rem 1.5625rem .78125rem 1.5625rem;
    }
}

.menu__icon {
    margin-right: 10px;
    height: 2.167rem;
    width: 2.167rem;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

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

.menu__label {
    color: #ffffff;
    font-family: "FuturaLTPro-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 1.9167rem;
    -webkit-transform: translateZ(0) translateY(-1px);
    transform: translateZ(0) translateY(-1px);
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    display: block;
    width: 100%;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media screen and (min-width: 768px) {
    .menu__label {
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        transform: translateY(3px);
        font-size: 1rem;
        line-height: 1.5625rem;
    }
}

.menu__dropdown {
    position: relative;
}

@media screen and (min-width: 768px) {
    .menu__dropdown {
        padding-left: 1.25rem;
    }
}

.menu__dropdown-trigger {
    cursor: pointer;
}

.menu__dropdown-list {
    position: absolute;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    text-align: left;
    border-radius: 6px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.5);
    min-width: 100%;
    white-space: nowrap;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    pointer-events: none;
    opacity: 0;
}

.menu__dropdown-list-item {
    cursor: pointer;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    overflow: hidden;
    font-family: "TTCommons-DemiBold", "Helvetica", "Arial", sans-serif;
}

.menu__dropdown-list-item-icon {
    font-size: 1.667rem;
    color: #ffffff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 3.333rem;
    width: 3.333rem;
    border-radius: 50%;
    background-color: #F89D46;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .menu__dropdown-list-item-icon {
        font-size: 1.25rem;
        height: 2.5rem;
        width: 2.5rem;
    }
}

.menu__dropdown-list-item-icon:hover {
    background-color: #F86849;
}

.menu__dropdown-list-item:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.menu__dropdown-list-item:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.menu__dropdown-list-item:hover {
    background-color: #F89D46;
    color: #ffffff;
}

.menu__dropdown-list-item--icon {
    text-align: center;
    padding: 0;
    right: -40%;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    transform: translateX(40%);
}

    .menu__dropdown-list-item--icon:hover {
        background-color: transparent;
    }

.menu__dropdown-list-link {
    display: block;
    padding: 1rem 2rem 1rem 1.125rem;
}

    .menu__dropdown-list-link:link,
    .menu__dropdown-list-link:hover,
    .menu__dropdown-list-link:active,
    .menu__dropdown-list-link:focus,
    .menu__dropdown-list-link:visited {
        color: #1D0F24;
        text-decoration: none;
    }

    .menu__dropdown-list-link:hover {
        color: #ffffff;
    }

.menu__dropdown-list--icon {
    background: transparent;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.menu__dropdown:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 10rem;
    height: 14rem;
    pointer-events: none;
}

.menu__dropdown:hover .menu__dropdown-list {
    opacity: 1;
    bottom: -1rem;
    pointer-events: all;
}

.menu__dropdown:hover:before {
    pointer-events: all;
}

@media screen and (min-width: 768px) {
    .our-process__copy {
        max-width: 390px;
    }
}

@media screen and (min-width: 1400px) {
    .our-process__copy {
        max-width: 415px;
    }
}

.cta {
    background-color: #F89D46;
}

.cta__content {
    padding: 6.25rem 0;
}

@media screen and (min-width: 768px) {
    .cta__content {
        padding: 15.125rem 0;
    }
}

.cta__img {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    height: 30rem;
}

@media screen and (min-width: 768px) {
    .cta__img {
        height: 100%;
        background-position: center bottom;
    }
}

@media screen and (min-width: 992px) {
    .cta__img {
        background-position: center top;
    }
}

.box {
    padding: 1.167rem 1rem;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.27);
    box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.27);
    text-align: center;
}

@media screen and (min-width: 768px) {
    .box {
        padding: 1rem;
        height: 100%;
    }
}

.box__content {
    border-width: 2px;
    border-style: solid;
    padding: 2.5rem 1.5rem 1.667rem 1.5rem;
    height: 100%;
}

@media screen and (min-width: 768px) {
    .box__content {
        padding: 1.875rem 1.25rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .box__content--promo {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

.box__content--bronze {
    border-color: #C76418;
}

.box__content--silver {
    border-color: #00A1D4;
}

.box__content--gold {
    border-color: #FA694A;
}

.box__content--platinum {
    border-color: #1C0E26;
}

.box__main * {
    line-height: 2.9167rem;
}

@media screen and (min-width: 768px) {
    .box__main * {
        line-height: 2.1875rem;
    }
}

.contact {
    overflow: hidden;
}

.contact__form {
    position: relative;
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .contact__form {
        margin-top: 0;
    }
}

.contact__form:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -2.5rem;
    left: -2.083rem;
    width: calc(100% + 4.167rem);
    height: 150%;
    background-color: #2CA0D2;
}

@media screen and (min-width: 576px) {
    .contact__form:before {
        left: -50%;
        width: 200%;
    }
}

@media screen and (min-width: 768px) {
    .contact__form:before {
        display: none;
    }
}

.popup {
    position: fixed;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.popup__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.popup__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popup__content {
    max-width: 670px;
    margin: 0 auto;
    -webkit-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
    opacity: 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.popup__content-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 1.667rem;
}

@media screen and (min-width: 768px) {
    .popup__content-actions {
        margin-bottom: 1.25rem;
    }
}

.popup__content-main {
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.5);
}

.popup__content-main-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 1.667rem;
    text-align: center;
    border-bottom: 1px solid #BAB6BD;
    text-transform: uppercase;
}

@media screen and (min-width: 768px) {
    .popup__content-main-header {
        padding: 1.25rem;
    }
}

.popup__content-main-header--only {
    padding: 3.125rem;
    border-radius: 6px;
}

.popup__content-main-principal {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 4.167rem;
}

@media screen and (min-width: 768px) {
    .popup__content-main-principal {
        padding: 3.125rem;
    }
}

.popup__content-main-principal--alt {
    padding: 1.667rem 0;
}

@media screen and (min-width: 768px) {
    .popup__content-main-principal--alt {
        padding: 1.25rem 0;
    }
}

.popup__close {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.popup__close-icon {
    margin-left: 8px;
}

.popup--active {
    pointer-events: all;
}

    .popup--active .popup__wrapper {
        opacity: 1;
    }

    .popup--active .popup__content {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }

.membership-popup__form input {
    display: none;
}

    .membership-popup__form input:checked + .membership-popup__form-label {
        background-color: #F89D46;
    }

        .membership-popup__form input:checked + .membership-popup__form-label p {
            color: #ffffff;
        }

.membership-popup__form-label {
    padding: 1.25rem 4.167rem;
    border: 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .membership-popup__form-label a {
        cursor: pointer;
        text-align: center;
        font-size: larger;
    }

@media screen and (min-width: 768px) {
    .membership-popup__form-label {
        padding: .9375rem 3.125rem;
    }
}

.membership-popup__form-label p {
    color: #4D4D4D;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.profile-cards__container {
    padding: 0;
}

@media screen and (min-width: 576px) {
    .profile-cards__container {
        max-width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .profile-cards__container {
        padding: 0 15px;
        max-width: 720px;
    }
}

@media screen and (min-width: 992px) {
    .profile-cards__container {
        max-width: 960px;
    }
}

@media screen and (min-width: 1200px) {
    .profile-cards__container {
        max-width: 1140px;
    }
}

.profile-cards__container .col-12 {
    padding: 0;
}

@media screen and (min-width: 768px) {
    .profile-cards__container .col-12 {
        padding: 0 15px;
    }
}

@media screen and (min-width: 768px) {
    .profile-cards__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -1.25rem;
    }
}

.profile-cards__list .slick-list {
    margin: 0 -20px;
    margin-left: -4.5rem;
}

.profile-cards__list .slick-slide {
    margin: 0 10px;
}

.profile-cards__list--no-slider .profile-cards__item {
    padding: 0;
}

    .profile-cards__list--no-slider .profile-cards__item + .profile-cards__item {
        margin-top: 3.333rem;
    }

@media screen and (min-width: 768px) {
    .profile-cards__list--no-slider .profile-cards__item + .profile-cards__item {
        margin-top: 0;
    }
}

.profile-cards__item {
    padding: 1rem 0 3.333rem 0;
}

@media screen and (min-width: 768px) {
    .profile-cards__item {
        padding: 0;
        width: calc(33.333% - 2.5rem);
        margin: 0 1.25rem 2.5rem 1.25rem;
    }
}

@media screen and (min-width: 992px) {
    .profile-cards__item {
        width: calc(25% - 2.5rem);
    }
}

.profile-cards__item:focus {
    outline: none;
}

.profile-cards__item .custom-card {
    max-width: 100%;
}

    .profile-cards__item .custom-card:focus {
        outline: none;
    }

.profile-cards__item--no-img .card__media {
    background-image: url("../images/i-person-white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-color: #19212C;
}

@media screen and (min-width: 768px) {
    .profile-cards--bar:after {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6rem;
        background-color: #ffffff;
    }
}

.promo-card {
    height: auto;
}

@media screen and (min-width: 768px) {
    .promo-card__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
    }
}

.promo-card__icon {
    -webkit-filter: brightness(0);
    filter: brightness(0);
    width: 8rem;
}

@media screen and (min-width: 768px) {
    .promo-card__copy {
        margin-left: 2.5rem;
    }
}

@media screen and (min-width: 768px) {
    .promo-card__copy--no-icon {
        text-align: center;
        margin-left: 0;
    }
}

.notice {
    background-color: #2CA0D2;
    padding: 1.5rem 0;
    position: fixed;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

@media screen and (min-width: 768px) {
    .notice {
        padding: 1.25rem 0;
    }
}

.notice__icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    margin-right: 10px;
}

.notice__close {
    padding-left: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    margin-top: 5px;
}

@media screen and (min-width: 768px) {
    .notice__close {
        margin-top: 0;
    }
}

.notice__close-icon {
    margin-left: 8px;
}

.notice--dismissed {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}

.messages__list {
    max-height: 523px;
    overflow-y: auto;
}

@media screen and (min-width: 768px) {
    .messages__list {
        max-height: 471px;
    }
}

@media screen and (min-width: 992px) {
    .messages__list {
        max-height: 500px;
    }
}

@media screen and (min-width: 1200px) {
    .messages__list {
        max-height: 350px;
    }
}

.messages__track {
    overflow: hidden;
}

.messages__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.messages__item-img {
    height: 7.5rem;
    height: 7.5rem;
    min-width: 7.5rem;
    min-width: 7.5rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 2.083rem;
}

@media screen and (min-width: 768px) {
    .messages__item-img {
        height: 5.625rem;
        width: 5.625rem;
        min-height: 5.625rem;
        min-width: 5.625rem;
        margin-right: 1.5625rem;
    }
}

.messages__item-copy {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media screen and (min-width: 1200px) {
    .messages__item-copy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.messages__item-copy .btn {
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 576px) {
    .messages__item-copy .btn {
        white-space: normal;
        width: auto;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media screen and (min-width: 1200px) {
    .messages__item-copy .btn {
        white-space: nowrap;
    }
}

@media screen and (min-width: 768px) {
    .messages__item-copy .btn span {
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
    }
}

@media screen and (min-width: 1200px) {
    .messages__item-date {
        white-space: nowrap;
    }
}

.messages__item-details {
    margin-bottom: 1.333rem;
}

@media screen and (min-width: 1200px) {
    .messages__item-details {
        margin-bottom: 0;
        margin-right: 1rem;
    }
}

.messages__item + .messages__item {
    margin-top: 3.333rem;
}

@media screen and (min-width: 768px) {
    .messages__item + .messages__item {
        margin-top: 2.5rem;
    }
}

.views__list {
    max-height: 370px;
    overflow-y: auto;
}

@media screen and (min-width: 768px) {
    .views__list {
        max-height: 410px;
    }
}

@media screen and (min-width: 992px) {
    .views__list {
        max-height: 440px;
    }
}

@media screen and (min-width: 1200px) {
    .views__list {
        max-height: 350px;
    }
}

.views__track {
    overflow: hidden;
}

.views__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.views__item-img {
    height: 7.5rem;
    height: 7.5rem;
    min-width: 7.5rem;
    min-width: 7.5rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 2.083rem;
}

@media screen and (min-width: 768px) {
    .views__item-img {
        height: 5.625rem;
        width: 5.625rem;
        min-height: 5.625rem;
        min-width: 5.625rem;
        margin-right: 1.5625rem;
    }
}

.views__item-copy {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media screen and (min-width: 1200px) {
    .views__item-copy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (min-width: 1200px) {
    .views__item-copy .btn {
        white-space: nowrap;
    }
}

@media screen and (min-width: 1200px) {
    .views__item-date {
        white-space: nowrap;
    }
}

@media screen and (min-width: 1200px) {
    .views__item-details {
        margin-bottom: 0;
        margin-right: 1rem;
    }
}

.views__item + .views__item {
    margin-top: 3.333rem;
}

@media screen and (min-width: 768px) {
    .views__item + .views__item {
        margin-top: 2.5rem;
    }
}

.views__item--small .views__item-img {
    height: 4rem;
    width: 4rem;
    min-height: 4rem;
    min-width: 4rem;
    margin-right: 1.5rem;
}

.dashboard__intro {
    border-bottom: 1px solid #BAB6BD;
}

.dashboard__intro-img {
    width: 100%;
    pointer-events: none;
}

@media screen and (min-width: 768px) {
    .dashboard__intro-img {
        margin-top: -3.125rem;
    }
}

.dashboard__intro-img::-moz-selection {
    background-color: transparent;
}

.dashboard__intro-img::selection {
    background-color: transparent;
}

.filters {
    position: relative;
}

.filters__bar {
    background-color: #2CA0D2;
    padding: 1.25rem 0;
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 768px) {
    .filters__bar {
        padding: .9375rem 0;
    }
}

.filters__bar-container {
    padding-left: 0 !important;
}

@media screen and (min-width: 576px) {
    .filters__bar-container {
        max-width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .filters__bar-container {
        padding-left: 15px !important;
        max-width: 720px;
    }
}

@media screen and (min-width: 992px) {
    .filters__bar-container {
        max-width: 960px;
    }
}

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

.filters__bar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.filters__bar-btn {
    border-radius: 10rem;
    background-color: #F86849;
    font-family: "TTCommons-DemiBold", "Helvetica", "Arial", sans-serif;
    font-size: 1.167rem;
    color: #ffffff;
    border: 0;
    height: 37px;
    width: 74px;
    letter-spacing: .7px;
    cursor: pointer;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

@media screen and (min-width: 768px) {
    .filters__bar-btn {
        font-size: .875rem;
        width: 120px;
    }
}

.filters__bar-btn:hover {
    color: #1D0F24;
    background-color: #ffffff;
}

.filters__bar-tags {
    width: 70%;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 576px) {
    .filters__bar-tags {
        width: 80%;
    }
}

@media screen and (min-width: 768px) {
    .filters__bar-tags {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        max-width: 90%;
    }
}

.filters__bar-tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
    padding-left: 2.083rem;
    white-space: nowrap;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .filters__bar-tags-list {
        padding-left: 0;
    }
}

.filters__bar-tags:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 8.9167rem;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(22%, #2CA0D2), color-stop(97%, rgba(44, 160, 210, 0)));
    background-image: -webkit-linear-gradient(right, #2CA0D2 22%, rgba(44, 160, 210, 0) 97%);
    background-image: -o-linear-gradient(right, #2CA0D2 22%, rgba(44, 160, 210, 0) 97%);
    background-image: linear-gradient(to left, #2CA0D2 22%, rgba(44, 160, 210, 0) 97%);
    pointer-events: none;
}

@media screen and (min-width: 768px) {
    .filters__bar-tags:after {
        width: 6.6875rem;
    }
}

.filters__bar-tag {
    color: #ffffff;
    background-color: #1880AC;
    border-radius: 10rem;
    height: 37px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: default;
    white-space: nowrap;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    opacity: 0;
    pointer-events: none;
    max-width: 0;
    padding: 0;
    margin-right: 0;
}

.filters__bar-tag-remove {
    width: 10px;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    margin-left: 1rem;
    display: none;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .filters__bar-tag-remove {
        display: block;
    }
}

.filters__bar-tag--active {
    opacity: 1;
    pointer-events: all;
    max-width: initial;
    padding: 0 1.667rem;
    margin-right: 8px;
}

@media screen and (min-width: 768px) {
    .filters__bar-tag--active {
        margin-right: 1.125rem;
    }
}

.filters__bar-tag--active span {
    display: block;
}

.filters__clear {
    color: #ffffff;
    text-decoration: underline;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    white-space: nowrap;
    cursor: pointer;
    padding-right: 10rem;
    opacity: 0;
    pointer-events: none;
}

@media screen and (min-width: 768px) {
    .filters__clear {
        padding-right: 6rem;
    }
}

.filters__clear:hover {
    color: #1D0F24;
}

.filters__clear--mobile {
    padding: 0;
    display: block;
    margin: 0 auto;
    text-align: center;
    height: 0;
}

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

.filters__clear--mobile.filters__clear--active {
    height: auto;
    margin: 1.333rem auto 0 auto;
}

.filters__clear--active {
    opacity: 1;
    pointer-events: all;
}

.filters__controls {
    position: absolute;
    z-index: 3;
    bottom: 1px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    display: none;
    padding: 3.125rem 0;
    background-color: #4EB8E6;
}

@media screen and (min-width: 768px) {
    .filters__controls {
        padding: 3.125rem 0 3.75rem 0;
    }
}

@media screen and (min-width: 768px) {
    .filters__controls-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.filters__controls-row + .filters__controls-row {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .filters__controls-row + .filters__controls-row {
        margin-top: 1.875rem;
    }
}

@media screen and (min-width: 768px) {
    .filters__controls-group {
        width: calc(33.333%);
    }
}

@media screen and (min-width: 768px) {
    .filters__controls-group-inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .filters__controls-group-input {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
    }
}

.filters__controls-group-input + .filters__controls-group-input {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .filters__controls-group-input + .filters__controls-group-input {
        margin-top: 0;
        margin-left: 2.5rem;
    }
}

.filters__controls-group {
    padding: 1rem;
}

@media screen and (max-width: 768px) {
    .filters__controls-group {
        width: 100%;
    }
}

.filters__controls-btn:hover {
    color: #1D0F24;
    background-color: #ffffff;
    border-color: #ffffff;
}

.questionnaire {
    min-height: 100vh;
    position: relative;
}

.questionnaire__main {
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    padding-top: 130px;
    padding-bottom: 4.75rem;
}

@media screen and (min-width: 576px) {
    .questionnaire__main {
        padding-top: 140px;
    }
}

@media screen and (min-width: 768px) {
    .questionnaire__main {
        padding-top: 160px;
        padding-bottom: 6.875rem;
    }
}

@media screen and (min-width: 992px) {
    .questionnaire__main {
        padding-top: 170px;
    }
}

.questionnaire__main-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 110%;
    width: 110%;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.questionnaire__main-content {
    position: relative;
    z-index: 2;
}

.questionnaire__main:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.questionnaire__legend-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.questionnaire__legend-item-label {
    margin-right: 11px;
    height: 2.167rem;
    width: 2.167rem;
    min-height: 2.167rem;
    min-width: 2.167rem;
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    font-family: "TTCommons-DemiBold", "Helvetica", "Arial", sans-serif;
}

@media screen and (min-width: 768px) {
    .questionnaire__legend-item-label {
        height: 1.625rem;
        width: 1.625rem;
        min-height: 1.625rem;
        min-width: 1.625rem;
    }
}

.questionnaire__legend-item + .questionnaire__legend-item {
    margin-top: 1rem;
}

@media screen and (min-width: 768px) {
    .questionnaire__legend-item + .questionnaire__legend-item {
        margin-top: .9375rem;
    }
}

.questionnaire__list {
    margin-top: 5rem;
}

@media screen and (min-width: 768px) {
    .questionnaire__list {
        margin-top: 0;
    }
}

.questionnaire__item {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .questionnaire__item {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.questionnaire__item-question {
    color: #ffffff;
    font-size: 1.75rem;
    line-height: 2.083rem;
    font-family: "TTCommons-DemiBold", "Helvetica", "Arial", sans-serif;
    padding-bottom: 1.25rem;
}

@media screen and (min-width: 768px) {
    .questionnaire__item-question {
        font-size: 1.3125rem;
        line-height: 1.5625rem;
        width: 50%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-bottom: 0;
        padding-right: 1.5rem;
    }
}

.questionnaire__item-scale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .questionnaire__item-scale {
        width: 50%;
        max-width: 302px;
    }
}

.questionnaire__item-scale-group {
    position: relative;
}

    .questionnaire__item-scale-group input {
        display: none;
    }

        .questionnaire__item-scale-group input:checked + label {
            background-color: #F89D46;
            border-color: #F89D46;
            color: #ffffff;
        }

    .questionnaire__item-scale-group label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
        height: 2.167rem;
        line-height: 2.167rem;
        width: 2.167rem;
        min-height: 2.167rem;
        min-width: 2.167rem;
        border-radius: 50%;
        border: 1px solid #ffffff;
        color: #ffffff;
        font-size: 1.5rem;
        font-family: "TTCommons-DemiBold", "Helvetica", "Arial", sans-serif;
        -ms-flex-item-align: center;
        align-self: center;
    }

@media screen and (min-width: 768px) {
    .questionnaire__item-scale-group label {
        font-size: 1.125rem;
        height: 1.625rem;
        line-height: 1.625rem;
        width: 1.625rem;
        min-height: 1.625rem;
        min-width: 1.625rem;
    }
}

.questionnaire__item-scale-group:before {
    position: absolute;
    top: -.5rem;
    left: 50%;
    background-color: #ffffff;
    border-radius: 10rem;
    color: #000000;
    font-family: "TTCommons-Regular", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1;
    height: 2rem;
    padding: 0 10px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.questionnaire__item-scale-group:hover:before {
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    opacity: 1;
}

.questionnaire__item-scale-group:first-child:before {
    content: "Strongly Agree";
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media screen and (min-width: 768px) {
    .questionnaire__item-scale-group:first-child:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.questionnaire__item-scale-group:first-child:hover:before {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

@media screen and (min-width: 768px) {
    .questionnaire__item-scale-group:first-child:hover:before {
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
}

.questionnaire__item-scale-group:nth-child(2):before {
    content: "Partially Agree";
}

.questionnaire__item-scale-group:nth-child(3):before {
    content: "Neither agree nor disagree";
}

.questionnaire__item-scale-group:nth-child(4):before {
    content: "Partially Disagree";
}

.questionnaire__item-scale-group:last-child:before {
    content: "Strongly Disagree";
    right: 0;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media screen and (min-width: 768px) {
    .questionnaire__item-scale-group:last-child:before {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.questionnaire__item-scale-group:last-child:hover:before {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

@media screen and (min-width: 768px) {
    .questionnaire__item-scale-group:last-child:hover:before {
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
}

.questionnaire__item + .questionnaire__item {
    margin-top: 4.167rem;
}

@media screen and (min-width: 768px) {
    .questionnaire__item + .questionnaire__item {
        margin-top: 1.875rem;
    }
}

.questionnaire__btn {
    margin-top: 4.167rem;
}

@media screen and (min-width: 768px) {
    .questionnaire__btn {
        margin-top: 3.125rem;
        width: 50%;
        max-width: 302px;
    }
}

.progressbar {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #7F7F7F;
    padding: 1.667rem 2.083rem;
}

@media screen and (min-width: 768px) {
    .progressbar {
        padding: 0;
        position: static;
        background: transparent;
    }
}

.progressbar__header {
    text-align: center;
    font-size: 1.9167rem;
    margin-bottom: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .progressbar__header {
        font-size: 1.4375rem;
        display: block;
    }
}

.progressbar__img {
    display: block;
    width: 100%;
    pointer-events: none;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

    .progressbar__img::-moz-selection {
        background-color: transparent;
    }

    .progressbar__img::selection {
        background-color: transparent;
    }

.welcome {
    min-height: 100vh;
    position: relative;
}

.welcome__main {
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    padding-top: 158px;
    padding-bottom: 4.75rem;
}

@media screen and (min-width: 576px) {
    .welcome__main {
        padding-top: 158px;
    }
}

@media screen and (min-width: 768px) {
    .welcome__main {
        padding-top: 188px;
        padding-bottom: 6.875rem;
    }
}

.welcome__main-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 110%;
    width: 110%;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.welcome__main-content {
    position: relative;
    z-index: 2;
}

.welcome__main:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 768px) {
    .welcome__intro {
        margin-bottom: 0;
        border-bottom: 0;
        padding-right: 4.375rem;
    }
}

.welcome__features {
    padding-top: 5.833rem;
    border-top: 1px solid #ffffff;
}

@media screen and (min-width: 768px) {
    .welcome__features {
        border-left: 1px solid #ffffff;
        border-top: 0;
        padding: 0 30px;
    }
}

.welcome__feature {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .welcome__feature {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 600px;
        margin: 0 auto;
    }
}

.welcome__feature-img {
    margin-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
    .welcome__feature-img {
        width: 8rem;
        min-width: 8rem;
        margin-bottom: 0;
        margin-right: 3.125rem;
    }
}

.welcome__feature + .welcome__feature {
    margin-top: 6.667rem;
}

@media screen and (min-width: 768px) {
    .welcome__feature + .welcome__feature {
        margin-top: 3.125rem;
    }
}

.welcome__feature:first-child .welcome__feature-img {
    padding: 0 .5rem;
}

.register {
    min-height: 100vh;
    position: relative;
}

.register__photo-input {
    display: none;
}

.register__photo-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px dashed #ffffff;
    margin: 0 auto 2.9167rem auto;
    height: 18.75rem;
    width: 18.75rem;
    border-radius: 50%;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .register__photo-label {
        margin-bottom: 2.1875rem;
    }
}

.register__main {
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    padding-top: 130px;
    padding-bottom: 4.75rem;
}

@media screen and (min-width: 576px) {
    .register__main {
        padding-top: 140px;
    }
}

@media screen and (min-width: 768px) {
    .register__main {
        padding-top: 160px;
        padding-bottom: 6.875rem;
    }
}

@media screen and (min-width: 992px) {
    .register__main {
        padding-top: 170px;
    }
}

.register__main-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 110%;
    width: 110%;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.register__main-bg--2 {
    background-position: 25% center;
}

@media screen and (min-width: 768px) {
    .register__main-bg--2 {
        background-position: center;
    }
}

.register__main-bg--3 {
    top: -1rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
    .register__main-bg--3 {
        background-position: right top;
    }
}

.register__main-content {
    position: relative;
    z-index: 2;
}

.register__main:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 768px) {
    .register__form {
        margin: 0 -10px;
    }
}

@media screen and (min-width: 768px) {
    .register__form .form__group,
    .register__form .form__footer {
        padding: 0 10px;
    }
}

.profile__btn-gallery-access {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.profile__btn-gallery-access--active {
    background-color: #ffffff;
}

    .profile__btn-gallery-access--active * {
        color: #1A212D;
    }

    .profile__btn-gallery-access--active img {
        -webkit-filter: none;
        filter: none;
    }

    .profile__btn-gallery-access--active.profile__btn-gallery-access--dark {
        background-color: #1A212D;
    }

        .profile__btn-gallery-access--active.profile__btn-gallery-access--dark * {
            color: #ffffff;
        }

        .profile__btn-gallery-access--active.profile__btn-gallery-access--dark img {
            -webkit-filter: invert(1) brightness(200%);
            filter: invert(1) brightness(200%);
        }

.profile__actions {
    padding: 1.667rem 0;
}

@media screen and (min-width: 768px) {
    .profile__actions {
        padding: 1.25rem 0;
    }
}

.profile__actions-item {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.profile__actions-item-icon {
    margin-right: 5px;
}

.profile__actions-item + .profile__actions-item {
    margin-left: 3.125rem;
}

.profile__content {
    padding: 2.5rem 0 5rem 0;
}

@media screen and (min-width: 768px) {
    .profile__content {
        padding: 5.625rem 0 6.875rem 0;
    }
}

.profile__content-item {
    display: none;
}

.profile__content-item--active {
    display: block;
}

.profile__headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.profile__headline-icon-wrapper {
    width: 1.667rem;
    text-align: center;
    margin-right: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

@media screen and (min-width: 768px) {
    .profile__headline-icon-wrapper {
        margin-right: 0;
        position: absolute;
        top: 0;
        -webkit-transform: translate(-100%, 3px);
        -ms-transform: translate(-100%, 3px);
        transform: translate(-100%, 3px);
        width: 1.25rem;
        left: -.75rem;
    }
}

.profile__headline ~ * {
    padding-left: 2.75rem;
}

@media screen and (min-width: 768px) {
    .profile__headline ~ * {
        padding-left: 0;
    }
}

.profile__summary-trait {
    position: relative;
}

    .profile__summary-trait input {
        display: inline-block;
        width: auto;
        border: 0;
        border-bottom: 1px solid #F86849;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
        color: #19212C;
        font-family: "TTCommons-Bold", "Helvetica", "Arial", sans-serif;
        padding: 0;
    }

        .profile__summary-trait input:disabled {
            border-color: transparent;
        }

    .profile__summary-trait + .profile__summary-trait {
        margin-top: 2.667rem;
    }

@media screen and (min-width: 768px) {
    .profile__summary-trait + .profile__summary-trait {
        margin-top: 2rem;
    }
}

.profile__summary-editable {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.profile__summary-edit {
    position: relative;
    cursor: pointer;
    height: 1rem;
    width: 1rem;
}

.profile__summary-edit-icon {
    opacity: 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.profile__summary-edit-icon--active {
    opacity: 1;
    pointer-events: all;
}

.profile__gallery {
    margin-bottom: -2.5rem;
}

@media screen and (min-width: 768px) {
    .profile__gallery {
        margin-bottom: -30px;
    }
}

.profile__personality {
    max-width: 985px;
    margin: 0 auto;
}

.profile__personality-item {
    text-align: center;
    position: relative;
}

.profile__personality-item-title {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.167rem;
}

@media screen and (min-width: 768px) {
    .profile__personality-item-title {
        font-size: 1.4375rem;
    }
}

.profile__personality-item + .profile__personality-item {
    margin-top: 5rem;
}

.tooltip.bs-tooltip-bottom .tooltip-inner {
    background: #2CA0D2 !important;
    opacity: 1.0 !important;
    border-radius: 5rem;
    padding: 1rem 3rem;
}

.tooltip .arrow:before {
    border-bottom-color: #2CA0D2 !important;
    border-top-color: #2CA0D2 !important;
}

.profile__personality-scale-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .profile__personality-scale-header p {
        font-size: 1.167rem;
    }

@media screen and (min-width: 768px) {
    .profile__personality-scale-header p {
        font-size: 1.4375rem;
    }
}

.profile__personality-scale-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin-top: 1rem;
    background-color: #BAB6BD;
    height: 8px;
}

@media screen and (min-width: 768px) {
    .profile__personality-scale-steps {
        margin-top: .75rem;
    }
}

.profile__personality-scale-steps-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: 20px;
    position: relative;
}

.profile__personality-scale-steps-item {
    height: 8px;
}

.profile__personality-scale-steps-item--active {
    background-image: linear-gradient(to right, #F89D46, #F16547);
}

.profile__personality-scale-steps-item:before,
.profile__personality-scale-steps-item:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: #BAB6BD;
    position: absolute;
    top: -4px;
}

.profile__personality-scale-steps-item:before {
    left: -8px;
}

.profile__personality-scale-steps-item:after {
    right: -8px;
}

.profile__personality-scale-steps-item--active:before {
    background-color: #F89D46;
    z-index: 10;
}

.profile__personality-scale-steps-item--active:after {
    background-color: #F16547;
    z-index: 10;
}

.gallery-box {
    display: block;
    position: relative;
    margin-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
    .gallery-box {
        margin-bottom: 30px;
    }
}

.gallery-box__header {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.54)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 100%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 100%);
    height: 3.333rem;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 10px;
    display: block;
}

@media screen and (min-width: 768px) {
    .gallery-box__header {
        height: 2.5rem;
    }
}

.gallery-box__img {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 20rem;
}

@media screen and (min-width: 768px) {
    .gallery-box__img {
        height: 22.625rem;
    }
}

.gallery-box--locked {
    height: 20rem;
    background-color: #1A212D;
    padding: 2rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .gallery-box--locked {
        height: 22.625rem;
    }
}

.chat {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media screen and (min-width: 768px) {
    .chat {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.chat__content {
    position: relative;
    overflow: hidden;
    padding: 0 2.083rem;
}

@media screen and (min-width: 768px) {
    .chat__content {
        overflow: initial;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.chat__conversations {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    position: relative;
    padding: 1rem 0;
}

@media screen and (min-width: 768px) {
    .chat__conversations {
        padding: 0;
        position: static;
        margin: -1rem;
        margin-top: 0;
        margin-left: 0;
    }
}

.chat__conversations--hidden {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    left: -2.5rem;
}

@media screen and (min-width: 768px) {
    .chat__conversations--hidden {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.chat__conversation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    -o-transition: box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    padding: 1rem;
}

.chat__conversation-main .messages__item-details {
    margin-bottom: 0;
}

.chat__conversation-actions {
    margin-left: 1rem;
}

.chat__conversation-actions-item {
    cursor: pointer;
}

    .chat__conversation-actions-item i {
        color: #1A212D;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

    .chat__conversation-actions-item:hover i {
        color: #F89D46;
    }

.chat__conversation-btn {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    width: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 2rem;
}

.chat__conversation + .chat__conversation {
    margin-top: 1.5rem;
}

.chat__conversation--active {
    -webkit-box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.27);
    box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.27);
}

.chat__message {
    position: absolute;
    top: 0;
    right: -2.083rem;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    padding: 1rem 2.083rem;
}

@media screen and (min-width: 768px) {
    .chat__message {
        padding: 0;
        margin-left: 3rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.chat__message-header {
    background-color: #F89D46;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .chat__message-header {
        padding: 1.5rem;
    }
}

.chat__message-back {
    cursor: pointer;
    color: #ffffff;
    font-size: 2rem;
}

@media screen and (min-width: 768px) {
    .chat__message-back {
        display: none;
    }
}

.chat__message-content {
    padding: 3.333rem 2rem;
    height: 100vh;
    max-height: 500px;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .chat__message-content {
        padding: 2.5rem 1.5rem;
        height: 500px;
    }
}

.chat__message-content-track {
    overflow-y: auto;
    height: 100%;
}

.chat__message-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media screen and (min-width: 992px) {
    .chat__message-item {
        width: 70%;
    }
}

@media screen and (min-width: 1200px) {
    .chat__message-item {
        width: 50%;
    }
}

.chat__message-item-user {
    height: 4rem;
    width: 4rem;
    min-height: 4rem;
    min-width: 4rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 2rem;
}

@media screen and (min-width: 768px) {
    .chat__message-item-user {
        height: 3rem;
        width: 3rem;
        min-height: 3rem;
        min-width: 3rem;
        margin-right: 1.5rem;
    }
}

.chat__message-item-copy {
    border-radius: 1rem;
    padding: 2rem;
    background-color: #f2f2f2;
}

@media screen and (min-width: 768px) {
    .chat__message-item-copy {
        padding: 1.5rem;
    }
}

.chat__message-item + .chat__message-item {
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .chat__message-item + .chat__message-item {
        margin-top: 1.5rem;
    }
}

.chat__message-item:last-child {
    padding-bottom: 1px;
}

.chat__message-item--self {
    margin: 0 0 0 auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .chat__message-item--self .chat__message-item-user {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 0;
        margin-left: 2rem;
    }

@media screen and (min-width: 768px) {
    .chat__message-item--self .chat__message-item-user {
        margin-left: 1.5rem;
    }
}

.chat__message-item--self .chat__message-item-copy {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    background-color: transparent;
    border: 1px solid #C2C2C2;
}

.chat__message-inputs {
    background-color: #2D1639;
    padding: 2.5rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .chat__message-inputs {
        padding: 1.875rem 1.5rem;
    }
}

.chat__message-inputs input {
    height: 10rem;
}

@media screen and (min-width: 768px) {
    .chat__message-inputs input {
        height: 3rem;
    }
}

.chat__message-btn {
    margin: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;
    min-height: 4rem;
    min-width: 4rem;
    border-radius: 50%;
    background-color: #F89D46;
    border: 0;
    font-size: 1.667rem;
    color: #ffffff;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    margin-left: 2rem;
}

@media screen and (min-width: 768px) {
    .chat__message-btn {
        font-size: 1.25rem;
        height: 3rem;
        width: 3rem;
        min-height: 3rem;
        min-width: 3rem;
        margin-left: 1.5rem;
    }
}

.chat__message-btn[disabled] {
    background-color: #C2C2C2;
    cursor: not-allowed;
}

.chat__message--active {
    right: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media screen and (min-width: 768px) {
    .account__nav,
    .account__main {
        padding-top: 4.375rem;
    }
}

.account__menu-item {
    cursor: pointer;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

    .account__menu-item:hover {
        color: #F89D46;
    }

    .account__menu-item + .account__menu-item {
        margin-top: 1.25rem;
    }

.account__group {
    padding: 2rem;
    border: 1px solid #1A212D;
}

@media screen and (min-width: 768px) {
    .account__group-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.account__group-controls-title {
    margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
    .account__group-controls-title {
        width: 45%;
    }
}

@media screen and (min-width: 992px) {
    .account__group-controls-title {
        width: 33.333%;
    }
}

@media screen and (min-width: 768px) {
    .account__group-controls-main {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.account__group-controls-form input + input {
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .account__group-controls-form input + input {
        margin-top: 1.5rem;
    }
}

.account__group-controls-form button {
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .account__group-controls-form button {
        margin-top: 1.5rem;
    }
}

.account__group-controls [data-switch-state] {
    display: none;
}

    .account__group-controls [data-switch-state].active {
        display: block;
    }

.account__group-controls + .account__group-controls {
    margin-top: 2rem;
}

.account__group + .account__group {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .account__group + .account__group {
        margin-top: 1.875rem;
    }
}

.account__subgroup + .account__subgroup {
    margin-top: 3.333rem;
}

.account__event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.account__event-description {
    padding-right: 1rem;
}

@media screen and (min-width: 768px) {
    .account__event-description {
        width: 50%;
        padding-right: 2rem;
    }
}

.account__event-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.account__event-info-item + .account__event-info-item {
    margin-left: 1rem;
}

@media screen and (min-width: 768px) {
    .account__event-info-item + .account__event-info-item {
        margin-left: 2rem;
    }
}

.account__event + .account__event {
    margin-top: 1.333rem;
}

.container {
    padding: 0 2.083rem;
}

@media screen and (min-width: 576px) {
    .container {
        padding: 0 15px;
    }
}

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

.header {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    background-color: #1D0F24;
    padding: 2.083rem 0;
    margin-bottom: -1px;
}

@media screen and (min-width: 768px) {
    .header {
        padding: 2.25rem 0;
        background-color: #1D0F24;
    }
}

.header__btn {
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    height: 2.3333rem;
    width: 2.75rem;
    display: block;
    position: relative;
}

.header__btn-line {
    display: block;
    height: 4px;
    width: 2.75rem;
    background-color: #ffffff;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    position: absolute;
    left: 0;
}

    .header__btn-line:first-child {
        top: 0;
    }

    .header__btn-line:nth-child(2) {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .header__btn-line:last-child {
        bottom: 0;
    }

.header__btn:hover .header__btn-line {
    background-color: #F89D46;
}

.header__main {
    position: relative;
    z-index: 5;
}

.header__nav {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2D1639;
    padding-top: 10rem;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

@media screen and (min-width: 768px) {
    .header__nav {
        overflow: hidden;
        background: transparent;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: static;
        padding: 0;
        opacity: 1;
        pointer-events: all;
        width: auto;
        overflow: visible;
    }
}

.header__nav-content {
    max-height: 100%;
    max-width: 100%;
    padding: 0 10px 2.5rem 10px;
    overflow-y: auto;
}

@media screen and (min-width: 576px) {
    .header__nav-content {
        max-width: 540px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .header__nav-content {
        max-width: none;
        margin: 0;
        padding: 0;
        overflow: visible;
    }
}

.header__menu {
    margin-bottom: 3.75rem;
}

@media screen and (min-width: 768px) {
    .header__menu {
        margin-bottom: 0;
    }
}

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

.header__contact-info {
    margin-bottom: 2.5rem;
}

.header--inner {
    position: relative;
    z-index: 4;
    padding: 2rem 0;
    background-color: transparent;
}

@media screen and (min-width: 768px) {
    .header--inner {
        padding: 2.25rem 0;
    }
}

@media screen and (min-width: 768px) {
    .header--inner.header--active {
        background: transparent;
    }
}

.header--register,
.header--questionnaire {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: transparent;
    padding: 2.5rem 0;
}

@media screen and (min-width: 768px) {
    .header--register,
    .header--questionnaire {
        padding: 4.75rem 0 2.6875rem 0;
    }
}

.header--register .logo__img,
.header--questionnaire .logo__img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.header--register {
    padding: 2.083rem 0;
}

@media screen and (min-width: 768px) {
    .header--register {
        padding: 2.25rem 0;
    }
}

.header--profile {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

    .header--profile ~ main > .banner {
        padding-top: 10rem;
    }

@media screen and (min-width: 768px) {
    .header--profile ~ main > .banner {
        padding-top: 130px;
    }
}

.header--active {
    background-color: #2D1639;
}

    .header--active .header__btn-line:first-child {
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

    .header--active .header__btn-line:nth-child(2) {
        opacity: 0;
    }

    .header--active .header__btn-line:last-child {
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }

    .header--active .header__nav {
        pointer-events: all;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }

.footer {
    background-color: #19212C;
    padding: 2.5rem 0 5rem 0;
    margin-top: -1px;
    margin-bottom: -1px;
}

@media screen and (min-width: 768px) {
    .footer {
        padding: 6.25rem 0 5.625rem 0;
    }
}

.footer__logo {
    margin-bottom: 3.667rem;
}

@media screen and (min-width: 768px) {
    .footer__logo {
        margin-bottom: 0;
    }
}

.footer__nav {
    margin-bottom: 3rem;
}

@media screen and (min-width: 768px) {
    .footer__nav {
        margin-bottom: 0;
        margin-top: 1.5rem;
    }
}

@media screen and (min-width: 992px) {
    .footer__nav {
        margin-top: 2.25rem;
    }
}

@media screen and (min-width: 1200px) {
    .footer__nav {
        margin-top: 2.75rem;
    }
}

@media screen and (min-width: 768px) {
    .footer__social {
        margin-top: 2.75rem;
    }
}

@media screen and (min-width: 992px) {
    .footer__social {
        margin-top: 3.25rem;
    }
}

@media screen and (min-width: 1200px) {
    .footer__social {
        margin-top: 4.125rem;
    }
}

.footer__menu-link:link,
.footer__menu-link:hover,
.footer__menu-link:active,
.footer__menu-link:focus,
.footer__menu-link:visited {
    color: #ffffff;
    text-decoration: none;
}

.footer__menu-link:hover {
    color: #F89D46;
}

.subfooter {
    background-color: #121212;
    padding: 2.9167rem 0;
}

@media screen and (min-width: 768px) {
    .subfooter {
        padding: 2.1875rem 0;
    }
}

.banner {
    background-color: #1D0F24;
    padding: 0 0 3.333rem 0;
}

@media screen and (min-width: 768px) {
    .banner {
        padding: 1.5rem 0 3.75rem 0;
    }
}

.banner__profile {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .banner__profile {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.banner__profile-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 12rem;
    width: 12rem;
    border-radius: 50%;
    margin: 0 auto 1.667rem auto;
}

@media screen and (min-width: 768px) {
    .banner__profile-img {
        height: 8.375rem;
        width: 8.375rem;
        min-height: 8.375rem;
        min-width: 8.375rem;
        margin: 0 1.25rem 0 0;
    }
}

.banner__profile-img--avatar {
    background-color: #8D8691;
    background-size: 50% auto;
}

.banner__profile-img--empty {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    cursor: pointer;
}

    .banner__profile-img--empty:before {
        pointer-events: none;
        content: url("../images/i-camera.svg");
    }

    .banner__profile-img--empty span {
        pointer-events: none;
        white-space: pre;
        font-family: "TTCommons-Regular", "Helvetica", "Arial", sans-serif;
        font-size: 1.667rem;
        line-height: 1;
        color: #ffffff;
        margin-top: 5px;
    }

@media screen and (min-width: 768px) {
    .banner__profile-img--empty span {
        font-size: 1.25rem;
        margin-top: 10px;
    }
}

.banner__profile-img--empty:hover {
    background-color: #2CA0D2;
}

.banner__profile-facts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .banner__profile-facts {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.banner__profile-facts > * + * {
    margin-left: 3rem;
}

.banner__profile-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .banner__profile-info > * + * {
        margin-left: 5px;
    }

.banner__profile-actions {
    margin-left: 1.875rem;
}

.banner__profile-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.banner__profile-help-icon {
    margin-right: 7px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    opacity: .7;
}

.banner__profile-help-label {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.banner__profile-help:hover .banner__profile-help-icon {
    opacity: 1;
}

.banner__profile-help:hover .banner__profile-help-label {
    color: #ffffff;
}

.banner__bg-edit {
    text-align: center;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    border: 1px dashed #979797;
    padding: 1.5625rem 1rem 1rem 1rem;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .banner__bg-edit {
        width: 100%;
        max-width: 209px;
        margin: 0 0 0 auto;
    }
}

.banner__bg-edit-icon {
    margin-bottom: 10px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-filter: opacity(0.5) grayscale(50%);
    filter: opacity(0.5) grayscale(50%);
}

.banner__bg-edit-label {
    color: #AAAAAA;
}

.banner__bg-edit-label {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.banner__bg-edit:hover {
    border-color: #ffffff;
}

    .banner__bg-edit:hover .banner__bg-edit-icon {
        -webkit-filter: none;
        filter: none;
    }

    .banner__bg-edit:hover .banner__bg-edit-label {
        color: #ffffff;
    }

.banner__actions {
    margin-top: 4.167rem;
}

@media screen and (min-width: 768px) {
    .banner__actions {
        margin-top: 0;
        max-width: 260px;
        margin: 0 0 0 auto;
    }
}

.banner__actions .btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .banner__actions .btn {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.banner__actions .btn + .btn {
    margin-top: 1.25rem;
}

.banner--bg {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    position: relative;
}

    .banner--bg .container {
        position: relative;
        z-index: 1;
    }

    .banner--bg:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(29, 15, 36, 0.2);
    }

    .banner--bg:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(46%, #1D0F24), to(rgba(29, 15, 36, 0)));
        background-image: -webkit-linear-gradient(left, #1D0F24 46%, rgba(29, 15, 36, 0) 100%);
        background-image: -o-linear-gradient(left, #1D0F24 46%, rgba(29, 15, 36, 0) 100%);
        background-image: linear-gradient(90deg, #1D0F24 46%, rgba(29, 15, 36, 0) 100%);
    }

.nav {
    background-color: #ffffff;
    border-top: 1px solid #BAB6BD;
    border-bottom: 1px solid #BAB6BD;
}

.nav__container {
    padding: 0;
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .nav__container {
        max-width: 690px;
    }
}

@media screen and (min-width: 992px) {
    .nav__container {
        max-width: 930px;
    }
}

@media screen and (min-width: 1200px) {
    .nav__container {
        max-width: 1110px;
    }
}

@media screen and (min-width: 1400px) {
    .nav__container {
        max-width: 1170px;
    }
}

.nav__menu {
    width: 100%;
    max-width: 100vw;
}

.nav__track {
    width: auto;
    overflow-x: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .nav__track {
        overflow: hidden;
        width: 100%;
    }
}

.nav__item + .nav__item {
    margin-left: 1.667rem;
}

@media screen and (min-width: 768px) {
    .nav__item + .nav__item {
        margin-left: 0;
    }
}

.nav__item:last-child {
    padding-right: 3.333rem;
}

@media screen and (min-width: 768px) {
    .nav__item:last-child {
        padding-right: 0;
    }
}

.nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1.875rem 1.667rem;
}

@media screen and (min-width: 768px) {
    .nav__link {
        padding: 1.875rem 0;
    }
}

.nav__link--active .nav__icon,
.nav__link:hover .nav__icon {
    -webkit-filter: none;
    filter: none;
}

.nav__link--active .nav__label,
.nav__link:hover .nav__label {
    color: #F86849;
}

.nav__link--tab {
    cursor: pointer;
    position: relative;
}

    .nav__link--tab:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 1.667rem;
        width: 100%;
        height: 5px;
        background-color: #F86849;
        pointer-events: none;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
        opacity: 0;
    }

@media screen and (min-width: 768px) {
    .nav__link--tab:after {
        left: 0;
    }
}

.nav__link--tab.nav__link--active:after,
.nav__link--tab:hover:after {
    opacity: 1;
}

.nav__icon {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-filter: brightness(0);
    filter: brightness(0);
    width: 3.167rem;
    margin-right: 8px;
}

@media screen and (min-width: 768px) {
    .nav__icon {
        width: 2rem;
        margin-right: 5px;
    }
}

@media screen and (min-width: 992px) {
    .nav__icon {
        width: 2.375rem;
        margin-right: 8px;
    }
}

.nav__label {
    font-family: "FuturaLTPro-Bold", "Helvetica", "Arial", sans-serif;
    color: #1D0F24;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    white-space: nowrap;
    position: relative;
}

.nav__label--tag {
    padding-right: 2rem;
}

@media screen and (min-width: 768px) {
    .nav__label--tag {
        padding-right: 1.5rem;
    }
}

.nav__tag {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    top: 0;
    right: 2rem;
    -webkit-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    transform: translate(100%, -100%);
    height: 1.75rem;
    line-height: 1.75rem;
    width: 1.75rem;
    border-radius: 50%;
    font-family: "TTCommons-DemiBold", "Helvetica", "Arial", sans-serif;
    color: #ffffff;
    background-color: #F86849;
    font-size: 1.167rem;
}

@media screen and (min-width: 768px) {
    .nav__tag {
        height: 1.3125rem;
        line-height: 1.3125rem;
        width: 1.3125rem;
        font-size: .875rem;
        right: 1.5rem;
    }
}

.nav__tag--big {
    width: 2rem;
    border-radius: 1rem;
}

@media screen and (min-width: 768px) {
    .nav__tag--big {
        width: 1.5rem;
    }
}

.u-font-main-reg {
    font-family: "TTCommons-Regular", "Helvetica", "Arial", sans-serif;
}

.u-font-main-dem {
    font-family: "TTCommons-DemiBold", "Helvetica", "Arial", sans-serif;
}

.u-font-main-bld {
    font-family: "TTCommons-Bold", "Helvetica", "Arial", sans-serif;
}

.u-font-titles {
    font-family: "FuturaLTPro-Bold", "Helvetica", "Arial", sans-serif;
}

.u-color-white {
    color: #ffffff;
}

.u-color-primary {
    color: #F89D46;
}

.u-color-primary-lgt {
    color: #F9C659;
}

.u-color-dark {
    color: #1A212D;
}

.u-color-dark-3 {
    color: #1D0F24;
}

.u-color-dark-4 {
    color: #19212C;
}

.u-color-gray {
    color: #8C9095;
}

.u-color-gray-lgt {
    color: #C2C2C2;
}

.u-color-gray-drk {
    color: #474D55;
}

.u-color-gray-alt-2 {
    color: #8D8691;
}

.u-color-gray-alt-3 {
    color: #ACACAC;
}

.u-color-gray-alt-4 {
    color: #BAB6BD;
}

.u-color-gray-alt-8 {
    color: #493D50;
}

.u-color-bronze {
    color: #C76418;
}

.u-color-silver {
    color: #848484;
}

.u-color-gold {
    color: #FFBF00;
}

@media screen and (min-width: 768px) {
    .u-color-md-gray {
        color: #8C9095;
    }
}

.u-bg-gold {
    background-color: #FFBF00;
}

.u-bg-platinum {
    background-color: #E5E4E2;
}

.u-bg-dark-3 {
    background-color: #1D0F24;
}

.u-align-inline-center {
    text-align: center;
}

.u-align-inline-right {
    text-align: right;
}

@media screen and (min-width: 768px) {
    .u-align-md-inline-right {
        text-align: right;
    }

    .u-align-md-inline-left {
        text-align: left;
    }
}

.u-margin-vertical-smaller {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
    .u-margin-vertical-smaller {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }
}

.u-margin-vertical-small {
    margin-top: 1.333rem;
    margin-bottom: 1.333rem;
}

@media screen and (min-width: 768px) {
    .u-margin-vertical-small {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

.u-margin-vertical-huge {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.u-margin-bottom-smallest {
    margin-bottom: 10px;
}

.u-margin-bottom-smallest-2 {
    margin-bottom: 5px;
}

.u-margin-bottom-smallest-3 {
    margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-smallest-3 {
        margin-bottom: .75rem;
    }
}

.u-margin-bottom-smaller {
    margin-bottom: 1.333rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-smaller {
        margin-bottom: 1rem;
    }
}

.u-margin-bottom-small {
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-small {
        margin-bottom: 1.125rem;
    }
}

.u-margin-bottom-small-2 {
    margin-bottom: 1.667rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-small-2 {
        margin-bottom: 1.25rem;
    }
}

.u-margin-bottom-small-3 {
    margin-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-small-3 {
        margin-bottom: 1.875rem;
    }
}

.u-margin-bottom-small-4 {
    margin-bottom: 2.083rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-small-4 {
        margin-bottom: 1.5625rem;
    }
}

.u-margin-bottom-med {
    margin-bottom: 1.667rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-med {
        margin-bottom: 1.25rem;
    }
}

.u-margin-bottom-med-2 {
    margin-bottom: 3.333rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-med-2 {
        margin-bottom: 2.5rem;
    }
}

.u-margin-bottom-med-3 {
    margin-bottom: 2.9167rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-med-3 {
        margin-bottom: 2.1875rem;
    }
}

.u-margin-bottom-med-4 {
    margin-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-med-4 {
        margin-bottom: 1.875rem;
    }
}

.u-margin-bottom-big {
    margin-bottom: 3.75rem;
}

@media screen and (min-width: 576px) {
    .u-margin-bottom-big {
        margin-bottom: 2.8125rem;
    }
}

.u-margin-bottom-huge {
    margin-bottom: 4.167rem;
}

@media screen and (min-width: 576px) {
    .u-margin-bottom-huge {
        margin-bottom: 3.125rem;
    }
}

.u-margin-bottom-huge-2 {
    margin-bottom: 4.583rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-huge-2 {
        margin-bottom: 3.4375rem;
    }
}

.u-margin-bottom-huge-3 {
    margin-bottom: 5rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-huge-3 {
        margin-bottom: 3.75rem;
    }
}

.u-margin-bottom-huge-4 {
    margin-bottom: 6.667rem;
}

@media screen and (min-width: 768px) {
    .u-margin-bottom-huge-4 {
        margin-bottom: 5rem;
    }
}

.u-margin-top-med-3 {
    margin-top: 2.5rem !important;
}

@media screen and (min-width: 768px) {
    .u-margin-top-med-3 {
        margin-top: 1.875rem !important;
    }
}

.u-margin-top-big {
    margin-top: 4.167rem;
}

@media screen and (min-width: 768px) {
    .u-margin-top-big {
        margin-top: 3.125rem;
    }
}

.u-margin-right-smallest {
    margin-right: 8px;
}

.u-margin-right-smaller {
    margin-right: 1.25rem;
}

@media screen and (min-width: 768px) {
    .u-margin-right-smaller {
        margin-right: .9375rem;
    }
}

.u-margin-right-big {
    margin-right: 2.083rem;
}

@media screen and (min-width: 768px) {
    .u-margin-right-big {
        margin-right: 1.5635rem;
    }
}

@media screen and (min-width: 768px) {
    .u-margin-md-bottom-null {
        margin-bottom: 0;
    }

    .u-margin-md-bottom-smallest-2 {
        margin-bottom: 5px;
    }

    .u-margin-md-bottom-smaller {
        margin-bottom: .9375rem;
    }

    .u-margin-md-bottom-small {
        margin-bottom: 1rem;
    }

    .u-margin-md-bottom-small-2 {
        margin-bottom: 1.125rem;
    }

    .u-margin-md-bottom-med-2 {
        margin-bottom: 1.5625rem;
    }

    .u-margin-md-bottom-med-3 {
        margin-bottom: 2.5rem;
    }

    .u-margin-md-bottom-big {
        margin-bottom: 3.125rem;
    }

    .u-margin-md-bottom-big-1 {
        margin-bottom: 4.0625rem;
    }

    .u-margin-md-bottom-big-2 {
        margin-bottom: 4.375rem;
    }

    .u-margin-md-bottom-big-3 {
        margin-bottom: 3.75rem;
    }

    .u-margin-md-bottom-huge {
        margin-bottom: 6.25rem;
    }

    .u-margin-md-bottom-huge-2 {
        margin-bottom: 10rem;
    }

    .u-margin-md-bottom-huge-3 {
        margin-bottom: 11.25rem;
    }

    .u-margin-md-top-null {
        margin-top: 0;
    }

    .u-margin-md-top-med-2 {
        margin-top: 2.1875rem !important;
    }

    .u-margin-md-top-big {
        margin-top: 4.375rem;
    }
}

@media screen and (min-width: 992px) {
    .u-margin-lg-top-null {
        margin-top: 0 !important;
    }

    .u-margin-lg-bottom-null {
        margin-bottom: 0;
    }
}

.u-padding-top-med {
    padding-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .u-padding-top-med {
        padding-top: 1.875rem;
    }
}

.u-padding-top-med-3 {
    padding-top: 4.167rem;
}

@media screen and (min-width: 768px) {
    .u-padding-top-med-3 {
        padding-top: 3.125rem;
    }
}

.u-padding-top-med-2 {
    padding-top: 5rem;
}

@media screen and (min-width: 768px) {
    .u-padding-top-med-2 {
        padding-top: 3.75rem;
    }
}

.u-padding-top-big {
    padding-top: 6.667rem;
}

@media screen and (min-width: 768px) {
    .u-padding-top-big {
        padding-top: 5rem;
    }
}

.u-padding-top-big-2 {
    padding-top: 7.5rem;
}

@media screen and (min-width: 768px) {
    .u-padding-top-big-2 {
        padding-top: 5.625rem;
    }
}

.u-padding-bottom-smaller {
    padding-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
    .u-padding-bottom-smaller {
        padding-bottom: 1.875rem;
    }
}

.u-padding-bottom-small {
    padding-bottom: 3.333rem;
}

.u-padding-bottom-small-2 {
    padding-bottom: 4.167rem;
}

.u-padding-bottom-med {
    padding-bottom: 5rem;
}

@media screen and (min-width: 768px) {
    .u-padding-bottom-med {
        padding-bottom: 3.75rem;
    }
}

.u-padding-bottom-big {
    padding-bottom: 6.667rem;
}

@media screen and (min-width: 768px) {
    .u-padding-bottom-big {
        padding-bottom: 5rem;
    }
}

.u-padding-bottom-big-2 {
    padding-bottom: 8.333rem;
}

@media screen and (min-width: 768px) {
    .u-padding-bottom-big-2 {
        padding-bottom: 6.25rem;
    }
}

.u-padding-bottom-huge {
    padding-bottom: 11.25rem;
}

@media screen and (min-width: 768px) {
    .u-padding-bottom-huge {
        padding-bottom: 8.4375rem;
    }
}

.u-padding-vertical-med-2 {
    padding-top: 5.833rem;
    padding-bottom: 5.833rem;
}

@media screen and (min-width: 768px) {
    .u-padding-vertical-med-2 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }
}

.u-padding-vertical-big-2 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}

@media screen and (min-width: 768px) {
    .u-padding-vertical-big-2 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }
}

@media screen and (min-width: 768px) {
    .u-padding-md-top-null {
        padding-top: 0;
    }

    .u-padding-md-top-small {
        padding-top: 2.8125rem;
    }

    .u-padding-md-top-med {
        padding-top: 5.625rem;
    }

    .u-padding-md-top-med-2 {
        padding-top: 4.6875rem;
    }

    .u-padding-md-top-med-3 {
        padding-top: 5rem;
    }

    .u-padding-md-top-big-3 {
        padding-top: 6.25rem;
    }

    .u-padding-md-top-big-4 {
        padding-top: 8.125rem;
    }

    .u-padding-md-top-big-5 {
        padding-top: 10.625rem;
    }

    .u-padding-md-top-huge {
        padding-top: 11.875rem;
    }

    .u-padding-md-bottom-big {
        padding-bottom: 5.3125rem;
    }

    .u-padding-md-bottom-big-2 {
        padding-bottom: 5.625rem;
    }

    .u-padding-md-bottom-big-3 {
        padding-bottom: 7.5rem;
    }

    .u-padding-md-bottom-big-4 {
        padding-bottom: 9.375rem;
    }

    .u-padding-md-bottom-big-5 {
        padding-bottom: 10.625rem;
    }

    .u-padding-md-bottom-med {
        padding-bottom: 5.625rem;
    }

    .u-padding-md-bottom-huge {
        padding-bottom: 13.125rem;
    }

    .u-padding-md-left-big-2 {
        padding-left: 4.5rem;
    }

    .u-padding-md-horizontal-null {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 992px) {
    .u-padding-lg-top-big-3 {
        padding-top: 6.25rem;
    }
}

.u-lh-1 {
    line-height: 1;
}

.u-lh-1-25 {
    line-height: 1.25;
}

.u-lh-1-5 {
    line-height: 1.5;
}

.u-cursor-pointer {
    cursor: pointer;
}

.u-whitespace-nowrap {
    white-space: nowrap;
}

.u-no-scroll {
    height: 100vh;
    overflow: hidden;
}

.u-underline {
    text-decoration: underline;
}

.u-letter-med {
    letter-spacing: .4px;
}

.u-width-full {
    width: 100%;
}