.options__table__row__content .styled-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    padding: 0 1.5rem;
}

@media (max-width: 30em) {
    .options__table__row__content .styled-checkbox {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.options__table__row__content .left.styled-checkbox {
    margin-right: 20%;
}

@media (max-width: 30em) {
    .options__table__row__content .left.styled-checkbox {
        margin-right: 0;
    }
}

@media (max-width: 30em) {
    .options__table__row__content .single.styled-checkbox {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.options__table__row__content .checked.styled-checkbox .title.default {
    display: none;
}

.options__table__row__content .checked.styled-checkbox .title.checked {
    display: inline-block;
}

.options__table__row__content .styled-checkbox input {
    display: none;
}

.options__table__row__content .styled-checkbox input:checked ~ label {
    background-color: #1d1d1d;
    border-color: #bc9275;
}

.options__table__row__content .styled-checkbox input:checked ~ label img {
    -webkit-transform: translateY(-50%) translateX(2.8rem);
    transform: translateY(-50%) translateX(2.8rem);
}

@media (max-width: 48em) {
    .options__table__row__content .styled-checkbox input:checked ~ label img {
        -webkit-transform: translateY(-50%) translateX(2.8rem);
        transform: translateY(-50%) translateX(2.8rem);
    }
}

.options__table__row__content .styled-checkbox label {
    display: block;
    position: relative;
    width: 5rem;
    height: 2rem;
    border: 2px solid #ddc8ba;
    background-color: #ebd9c5;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.options__table__row__content .styled-checkbox label img {
    position: absolute;
    top: calc(50% + 4px);
    left: -5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform ease-out 0.2s;
    transition: -webkit-transform ease-out 0.2s;
    transition: transform ease-out 0.2s;
    transition: transform ease-out 0.2s, -webkit-transform ease-out 0.2s;
}

@media (max-width: 48em) {
    .options__table__row__content .styled-checkbox label img {
        width: 3.5rem;
        top: calc(50% + 3px);
    }
}

.options__table__row__content .styled-checkbox .title {
    font-size: 1.4rem;
    font-weight: 500;
    margin-left: 1.5rem;
    min-width: 8rem;
}

.options__table__row__content .styled-checkbox .title.checked {
    display: none;
}

.options__table__row__content .styled-radio input {
    display: none;
}

.options__table__row__content .styled-radio input:checked + label::after {
    opacity: 1;
}

.options__table__row__content .styled-radio label {
    display: block;
    color: white;
    font-size: 1.4rem;
    position: relative;
    padding-left: 3rem;
    line-height: 1.2;
}

.options__table__row__content .styled-radio label::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ac866c;
}

.options__table__row__content .styled-radio label::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #bc9275;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-transition: opacity ease-out 0.2s;
    transition: opacity ease-out 0.2s;
    opacity: 0;
}

.rangeslider input[type='range']::-webkit-slider-thumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAMAAABVyG9ZAAAA7VBMVEUAAAAAAQEAAQEAAQEAAQEAAQEAAQHYs4zKooC6kHTXsovXsouyhWyxhGvNpoOvhmysgWnYs4yxhWy3jHDYs4ynfWXYs4yLa1aDZVG1i3DBm3rYs4zKooDFnX3Ys4zYs4zHn369lXfXsovJpIHQrIfQqYXFnHy1inCuhmyqgWnUsInWsouuim7DoH7SrIfDmnvEon+vj3Cke2TBl3lKOS66mnjEm3vSrIfNpoPIoH7Vr4nYsoy7kHPWsYrKooDBl3jGnX28knXCmHnTrYjQqYXMo4HPqIS/lXe+k3a0iG64jHG5jnK3i3C+lHfOp4Rv58mcAAAANnRSTlMAAxYTDwkas/u3PS765ePAu7e2oJ5/dlFCPhDz8+Tj2ti8u7q3tLSzqqmioIWAd3dEOTMuKhUxJt/MAAABPUlEQVQoz23S6XaCMBAF4ACCW6vW1rp03/e9JZAhQECrYfH9H6cBqQcl9+93ck9mzqD/tF9vOo3j89u3L7SZVj3E0+XMtU3Ta47LckAJ9ueOw1Iv8FK2v4bJHlA/jmJBi7kw5jQnBdUhZMlaTNNk0V3RBiQui2/7TpJ3tgAWm2K7fsTHSlZnb8vMCnhfQW2gcUUsK+Gf6BDcqvxOPT4QfYFEsMv76BSYRPCU7yIAmYQh30FHwCRCiKAz8GSCRWEdfIlQi/fE5y2JUJMPspHNqpCIj7JFLSsCPu+p+XrdbcERHwpCT0DdTSEseTA0JHIJ1CpLmEZdQ83pRxwAXgt1F073W9VqGSnKIyUhxpiIUWdByu4NQ6vpaGXv16VjGxrijaDC9I+Xq06jcXLxPDJWohQkTK9pmppHE226ovwBAw9+qRo/kfcAAAAASUVORK5CYII=');
}

.popup__travel .travel__details__date,
.travel__archive__details__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.popup__travel .travel__details__date .date__start,
.travel__archive__details__date .date__start {
    position: relative;
    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;
    -ms-flex-preferred-size: calc(50% - 1.5rem);
    flex-basis: calc(50% - 1.5rem);
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    text-transform: uppercase;
    border-radius: 4px;
    padding: 1.5rem 1rem;
}

.popup__travel .travel__details__date .date__start::after,
.travel__archive__details__date .date__start::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #d8b38c;
}

.popup__travel .travel__details__date .date__start .month,
.travel__archive__details__date .date__start .month {
    width: 100%;
    border-bottom: 1px solid #b49173;
    font-weight: 500;
    text-align: center;
    font-size: 1.8rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.popup__travel .travel__details__date .date__start .day,
.travel__archive__details__date .date__start .day {
    border-bottom: 1px solid #b49173;
    font-weight: 700;
    width: 100%;
    text-align: center;
    font-size: 3.4rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.popup__travel .travel__details__date .date__start .year,
.travel__archive__details__date .date__start .year {
    font-weight: 500;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
}

.popup__travel .travel__details__date .date__end,
.travel__archive__details__date .date__end {
    position: relative;
    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;
    -ms-flex-preferred-size: calc(50% - 1.5rem);
    flex-basis: calc(50% - 1.5rem);
    background: #1e1e1e;
    color: white;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 1.5rem 1rem;
}

.popup__travel .travel__details__date .date__end::after,
.travel__archive__details__date .date__end::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #fff;
}

.popup__travel .travel__details__date .date__end .month,
.travel__archive__details__date .date__end .month {
    width: 100%;
    border-bottom: 1px solid #3e3e3e;
    font-weight: 500;
    text-align: center;
    font-size: 1.8rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.popup__travel .travel__details__date .date__end .day,
.travel__archive__details__date .date__end .day {
    border-bottom: 1px solid #3e3e3e;
    font-weight: 700;
    width: 100%;
    text-align: center;
    font-size: 3.4rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.popup__travel .travel__details__date .date__end .year,
.travel__archive__details__date .date__end .year {
    font-weight: 500;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
}

.chevron__right,
.datapage__textbox__dropdown {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
}

.chevron__right::after,
.datapage__textbox__dropdown::after {
    content: '';
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 6px;
    top: 4px;
}

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html {
    font-size: 62.5%;
    line-height: 1;
}

@media (max-width: 48em) {
    html {
        font-size: 55%;
    }
}

body {
    font-family: DINPro;
    color: #1b1b1b;
}

body.landing {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body.pattern::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./img/pattern.png');
}

a {
    color: #bc9275;
    text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

img {
    max-width: 100%;
}

img.svg {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

img.filter {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.hidden {
    display: none;
}

.freeze {
    overflow: hidden;
}

.blur {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.divider {
    width: 100%;
    height: 1px;
    background-color: #565656;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

fieldset {
    border: 0;
}

.form__row {
    margin-bottom: 1rem;
}

.checkbox__button input {
    display: none;
}

.checkbox__button input:checked ~ label {
    border-color: white;
    background: #1d1d1d;
    color: white;
}

.checkbox__button input:checked ~ label::before {
    background-color: white;
}

.checkbox__button input:checked ~ label .checkbox__mark {
    opacity: 1;
}

.checkbox__button label {
    position: relative;
    display: inline-block;
    padding: 1rem 3.5rem 1rem 3rem;
    color: #282828;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.4rem;
    border-radius: 2rem;
    cursor: pointer;
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
}

.checkbox__button label::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background-color: transparent;
    border-radius: 2rem;
}

.checkbox__mark {
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity ease-out 0.2s;
    transition: opacity ease-out 0.2s;
}

.checkbox__labeled input {
    display: none;
}

.checkbox__labeled input:checked ~ label::after {
    opacity: 1;
}

.checkbox__labeled label {
    position: relative;
    display: block;
    padding-left: 3.5rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    text-transform: uppercase;
    text-align: left;
}

.checkbox__labeled label::before,
.checkbox__labeled label::after {
    content: '';
    position: absolute;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.checkbox__labeled label::before {
    top: -4px;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #bc9275;
    border-radius: 3px;
}

.checkbox__labeled label::after {
    top: -2px;
    left: 8px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 16px;
    width: 8px;
    border-bottom: 3px solid #bc9275;
    border-right: 3px solid #bc9275;
    opacity: 0;
}

.checkbox__toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox__toggle input {
    display: none;
}

.checkbox__toggle input:checked ~ label::before {
    background-color: #1b1b1b;
}

.checkbox__toggle input:checked ~ label .checkbox__toggle__thumb {
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
}

.checkbox__toggle__thumb {
    position: absolute;
    top: -2px;
    left: -2px;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
    pointer-events: none;
}

.checkbox__toggle label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 500;
}

.checkbox__toggle label::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 22px;
    border: 2px solid #ddc8ba;
    background-color: #ebd9c5;
    border-radius: 20px;
    margin-right: 1rem;
    -webkit-transition: background-color ease-out 0.2s;
    transition: background-color ease-out 0.2s;
}

.radio__button input {
    display: none;
}

.radio__button input:checked ~ label {
    color: white;
}

.radio__button input:checked ~ label::after {
    opacity: 1;
}

.radio__button label {
    position: relative;
    text-transform: uppercase;
    font-size: 1.2rem;
    padding-right: 3rem;
    color: #bc9275;
}

.radio__button label::before,
.radio__button label::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.radio__button label::before {
    right: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #bc9275;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
}

.radio__button label::after {
    right: 5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 0;
}

input[type='text'],
input[type='password'],
input[type='number'],
input[type='email'] {
    background: none;
    border: 0;
    padding: 0.8rem 1.5rem;
    font-weight: 500;
    font-size: 1.5rem;
    border-radius: 5px;
    font-family: DINPro;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

input[type='text']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder {
    color: #bc9275;
}

input[type='text']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder {
    color: #bc9275;
}

input[type='text']::-ms-input-placeholder,
input[type='password']::-ms-input-placeholder,
input[type='number']::-ms-input-placeholder,
input[type='email']::-ms-input-placeholder {
    color: #bc9275;
}

input[type='text']::placeholder,
input[type='password']::placeholder,
input[type='number']::placeholder,
input[type='email']::placeholder {
    color: #bc9275;
}

textarea {
    border: 0;
    padding: 0.8rem 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.5rem;
    border-radius: 5px;
    font-family: DINPro;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.rangeslider {
    position: relative;
}

.rangeslider .value {
    display: block;
    position: absolute;
    top: -1.2rem;
    color: white;
    pointer-events: none;
    width: 3rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
}

@media (max-width: 48em) {
    .rangeslider .value {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
}

.rangeslider__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rangeslider__wrap .min {
    color: #bc9275;
    font-size: 1.2rem;
    margin: 0 1rem;
    min-width: 2rem;
}

.rangeslider__wrap .max {
    color: #bc9275;
    font-size: 1.2rem;
    margin-left: 1rem;
    min-width: 2rem;
}

.rangeslider input[type='range'] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 16.5rem;
    background: none;
}

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

.rangeslider input[type='range']::-webkit-slider-runnable-track {
    width: 100%;
    cursor: pointer;
    -webkit-transition: ease 0.2s;
    transition: ease 0.2s;
    -webkit-box-shadow: 0px 0px 0px #000000;
    box-shadow: 0px 0px 0px #000000;
    border-radius: 5px;
    border: 0px solid #000000;
}

.rangeslider input[type='range']::-webkit-slider-thumb {
    -webkit-box-shadow: 0px 0px 1px #000000;
    box-shadow: 0px 0px 1px #000000;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8px;
    border: 0;
    border-radius: 50%;
}

.rangeslider input[type='range']::-moz-range-track {
    width: 100%;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    border-radius: 5px;
    border: 0px solid #000000;
}

.rangeslider input[type='range']::-moz-range-thumb {
    box-shadow: 0px 0px 1px #000000;
    cursor: pointer;
    border: 0;
}

.rangeslider input[type='range']::-ms-track {
    width: 100%;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.rangeslider input[type='range']::-ms-fill-lower {
    border: 0px solid #000000;
    border-radius: 10px;
    box-shadow: 0px 0px 0px #000000;
}

.rangeslider input[type='range']::-ms-fill-upper {
    border: 0px solid #000000;
    border-radius: 10px;
    box-shadow: 0px 0px 0px #000000;
}

.rangeslider input[type='range']::-ms-thumb {
    box-shadow: 0px 0px 1px #000000;
    cursor: pointer;
    border: 0;
}

.styled__select {
    position: relative;
}

.styled__select::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.5rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #bc9275 transparent transparent transparent;
    pointer-events: none;
}

.styled__select--multiple .select2-container--default .select2-search--inline input.select2-search__field {
    margin: 0;
    padding: 0;
    height: 100%;
}

.styled__select--multiple
.select2-container--default
.select2-search--inline
input.select2-search__field::-webkit-input-placeholder {
    font-weight: 500;
    font-family: DINPro;
    color: #bc9275;
}

.styled__select--multiple
.select2-container--default
.select2-search--inline
input.select2-search__field:-ms-input-placeholder {
    font-weight: 500;
    font-family: DINPro;
    color: #bc9275;
}

.styled__select--multiple
.select2-container--default
.select2-search--inline
input.select2-search__field::-ms-input-placeholder {
    font-weight: 500;
    font-family: DINPro;
    color: #bc9275;
}

.styled__select--multiple .select2-container--default .select2-search--inline input.select2-search__field::placeholder {
    font-weight: 500;
    font-family: DINPro;
    color: #bc9275;
}

.styled__select--multiple .select2-container--default .select2-selection--multiple {
    padding: 0;
    border: 0;
    background-color: #f4f2f0;
    height: 3.2rem;
    font-size: 1.3rem;
    font-family: DINPro;
}

.styled__select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border: none;
    border-radius: 4px;
    padding: 0.8rem 1.5rem;
    color: #bc9275;
    font-weight: 500;
    background-color: #f4f2f0;
    height: 3.2rem;
    font-size: 1.3rem;
    font-family: DINPro;
}

.styled__select select::-ms-expand {
    display: none;
}

.select2 {
    width: 100% !important;
}

.select2-dropdown {
    border-color: #bc9275;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #bc9275;
}

.select2-results__option {
    font-size: 1.3rem;
    font-weight: 500;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #bc9275;
    color: white;
    border: 0;
    padding: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
    border-color: #bc9275;
}

.form__error {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    color: #e17686;
    font-size: 1.1rem;
}

.form__error__box {
    padding: 1.5rem 2rem;
    border: 1px solid #e17686;
    font-size: 1.1rem;
    margin-bottom: 3rem;
    color: #e17686;
}

.input__number {
    position: relative;
    width: 3rem;
}

.input__number input {
    color: white;
    width: 100%;
    height: 30px;
    padding: 0;
    font-weight: 500;
    pointer-events: none;
}

.input__number input::-webkit-outer-spin-button,
.input__number input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input__number button {
    position: absolute;
    right: 0;
    border: 0;
    background: none;
    padding: 0;
}

.input__number button.plus {
    top: 0px;
}

.input__number button.plus::before {
    content: '';
    position: relative;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #bc9275 transparent;
}

.input__number button.minus {
    top: 20px;
}

.input__number button.minus::before {
    content: '';
    position: relative;
    top: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #bc9275 transparent transparent transparent;
}

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

@media (max-width: 62em) {
    .grid {
        margin-bottom: 6.5rem;
    }
}

.main-content {
    position: relative;
    background-color: #f4f2f0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 90px;
    min-height: calc(100vh - 50px);
    max-width: calc(100% - (90px + 270px));
}

@media (max-width: 75em) {
    .main-content {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-right: 0;
        max-width: 100%;
    }
}

.main-content__wrap {
    max-width: 128rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
    padding-top: 3rem;
    padding-bottom: 4rem;
    margin-bottom: 5rem;
}

@media (max-width: 36em) {
    .main-content__wrap {
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
}

.main-content__navigation {
    margin-bottom: 1.5rem;
}

.main-content__navigation ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-content__navigation ul li {
    margin-right: 2rem;
    margin-bottom: 1.5rem;
}

.main-content__navigation ul li.active a {
    color: #bc9275;
}

.main-content__navigation ul li a {
    position: relative;
    display: inline-block;
    background-color: #1c1c1c;
    color: white;
    padding: 1rem 2.5rem;
    border-radius: 20px;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.main-content__navigation ul li a:hover {
    color: #bc9275;
}

.main-content__navigation ul li a::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #1c1c1c transparent transparent transparent;
}

.main-content__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
}

.main-content__header--start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.main-content__header .heading-1 {
    margin-bottom: 0;
    margin-right: 1.5rem;
}

.main-content__header .heading-1.bold {
    font-weight: 700;
}

.main-content__header .heading-1.bold > * {
    font-weight: 300;
}

.main-content__header .heading-1 span {
    color: #bc9275;
}

.main-content__header .heading-1 span.default {
    color: #1c1c1c;
}

.main-content__header a {
    color: #1b1b1b;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 500;
}

.main-content__header a:hover {
    color: #bc9275;
}

.main-content__header p {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 2.5rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
}

.main-content__header .counter {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 500;
    color: #bc9275;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 0.5rem;
}

.heading-1 {
    font-weight: 300;
    font-size: 3.2rem;
    letter-spacing: 1px;
    margin-bottom: 2.5rem;
    line-height: 1.2;
}

@media (max-width: 30em) {
    .heading-1 {
        font-size: 2.8rem;
    }
}

.heading-2 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 2.5rem;
    letter-spacing: 2px;
    line-height: 1.4;
}

p {
    font-size: 1.4rem;
}

.btn {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.3rem;
    padding: 1rem 4rem;
    border-radius: 2rem;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    border: 0;
    background: none;
    font-weight: 700;
    cursor: pointer;
    outline: none;
}

.btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.btn--primary {
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    color: #282828;
}

.btn--black {
    background-color: #282828;
    color: white;
}

.btn--white {
    background-color: #fff;
    color: #1b1b1b;
}

.btn--gray {
    background-color: #494949;
    color: white;
}

.btn--blue {
    background: linear-gradient(135deg, #276cb3 0%, #388ed0 100%);
    color: white;
}

.btn--orange {
    background: linear-gradient(135deg, #e36c2c 0%, #ec9320 100%);
    color: white;
}

button {
    cursor: pointer;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.mb-3 {
    margin-bottom: 3rem !important;
}

.mb-4 {
    margin-bottom: 4rem !important;
}

.mb-5 {
    margin-bottom: 5rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 1rem !important;
}

.mt-2 {
    margin-top: 2rem !important;
}

.mt-3 {
    margin-top: 3rem !important;
}

.mt-4 {
    margin-top: 4rem !important;
}

.mt-5 {
    margin-top: 5rem !important;
}

@media (max-width: 48em) {
    .no-gutters--mobile {
        padding: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
}

.text-center {
    text-align: center !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.justify-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.text-white {
    color: white !important;
}

@font-face {
    font-family: 'DINPro';
    src: url('/fonts/DINPro-Medium.eot');
    src: url('/fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-Medium.woff2') format('woff2'), url('/fonts/DINPro-Medium.woff') format('woff'),
    url('/fonts/DINPro-Medium.ttf') format('truetype'),
    url('/fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('/fonts/DINPro-Light.eot');
    src: url('/fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-Light.woff2') format('woff2'), url('/fonts/DINPro-Light.woff') format('woff'),
    url('/fonts/DINPro-Light.ttf') format('truetype'), url('/fonts/DINPro-Light.svg#DINPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('/fonts/DINPro-Bold.eot');
    src: url('/fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-Bold.woff2') format('woff2'), url('/fonts/DINPro-Bold.woff') format('woff'),
    url('/fonts/DINPro-Bold.ttf') format('truetype'), url('/fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('/fonts/DINPro-Black.eot');
    src: url('/fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-Black.woff2') format('woff2'), url('/fonts/DINPro-Black.woff') format('woff'),
    url('/fonts/DINPro-Black.ttf') format('truetype'), url('/fonts/DINPro-Black.svg#DINPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('/fonts/DINPro-Regular.eot');
    src: url('/fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-Regular.woff2') format('woff2'), url('/fonts/DINPro-Regular.woff') format('woff'),
    url('/fonts/DINPro-Regular.ttf') format('truetype'),
    url('/fonts/DINPro-Regular.svg#DINPro-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

.header {
    position: relative;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px;
    padding: 0.5rem 2rem;
    background-color: black;
    border-bottom: 1px solid #bc9275;
}

.header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
}

.header__nav > ul > li {
    margin-left: 2rem;
}

.header__nav > ul > li > a {
    position: relative;
    color: #ed4d64;
}

.header__nav > ul > li > a.active svg path {
    fill: #ed4d64;
}

.header__nav > ul > li > a svg {
    width: 24px;
}

.header__nav > ul > li > a svg path {
    fill: #bc9275;
}

.header__nav > ul > li > a .counter {
    position: absolute;
    top: -1rem;
    right: -1rem;
    font-size: 1.2rem;
    font-weight: 500;
}

.header__sidebar__btn {
    display: none;
    margin-right: auto;
}

@media (max-width: 75em) {
    .header__sidebar__btn {
        display: block;
    }
}

.header__sidebar__btn button {
    background: none;
    border: none;
    width: 32px;
    height: 20px;
}

.header__sidebar__btn button.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px;
}

.header__sidebar__btn button.active span:nth-child(2) {
    opacity: 0;
}

.header__sidebar__btn button.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -9px;
}

.header__sidebar__btn button:hover span:nth-child(2) {
    width: 32px;
}

.header__sidebar__btn button span {
    position: relative;
    display: block;
    width: 32px;
    height: 3px;
    background-color: #fff;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.header__sidebar__btn button span:not(:last-of-type) {
    margin-bottom: 6px;
}

.header__profile {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2rem;
    cursor: pointer;
}

.header__profile__img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    pointer-events: none;
    margin-right: 1rem;
}

@media (max-width: 75em) {
    .header__profile__img {
        margin-right: 0;
    }
}

.header__profile__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.header__profile__name {
    color: #bc9275;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1rem;
    pointer-events: none;
}

@media (max-width: 75em) {
    .header__profile__name {
        display: none;
    }
}

.header__profile__name .name {
    color: white;
}

.header__profile__dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 1.2rem);
    right: 7rem;
    width: 20rem;
    background-color: #1c1c1c;
    padding: 1.5rem 2rem;
    border-radius: 3px;
}

@media (max-width: 75em) {
    .header__profile__dropdown {
        right: -2rem;
        top: calc(100% + 1rem);
    }
}

.header__profile__dropdown::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 3.5rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #1c1c1c transparent;
}

@media (max-width: 75em) {
    .header__profile__dropdown::before {
        right: 2.5rem;
    }
}

.header__profile__dropdown .title {
    display: inline-block;
    color: #949494;
    border-bottom: 1px solid #949494;
    text-transform: uppercase;
    font-size: 1.1rem;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

.header__profile__menu {
    list-style: none;
}

.header__profile__menu li:not(:last-of-type) {
    border-bottom: 1px solid #949494;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.header__profile__menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.header__profile__menu li a:hover {
    color: #bc9275;
}

.header__profile__menu li a svg {
    width: 20px;
    margin-right: 1.5rem;
}

.header__profile__menu li a svg path {
    fill: #bc9275;
}

.header__notify__cta {
    position: relative;
}

.header__notify__cta svg,
.header__notify__cta img,
.header__notify__cta .counter {
    pointer-events: none;
}

.header__notify__dropdown {
    position: absolute;
    display: none;
    top: calc(100% + 1.5rem);
    right: -7rem;
    background-color: #282828;
    list-style: none;
    width: 27rem;
    border-radius: 4px;
}

@media (max-width: 30em) {
    .header__notify__dropdown {
        right: -7.5rem;
    }
}

.header__notify__dropdown::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 7.5rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #282828 transparent;
}

@media (max-width: 30em) {
    .header__notify__dropdown::before {
        right: 8rem;
    }
}

.header__notify__wrap {
    display: block;
    max-height: 160px;
    overflow: auto;
    padding: 2rem 2rem 0;
}

@media (max-width: 48em) {
    .header__notify__wrap {
        max-height: 148px;
    }
}

.header__notify__item {
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 500;
    border-bottom: 1px solid #1b1b1b;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
}

.header__notify__item--seen .header__notify__text,
.header__notify__item--seen .header__notify__title,
.header__notify__item--seen .header__notify__date {
    opacity: 0.4;
}

.header__notify__item--empty .header__notify__text {
    opacity: 0.4;
}

.header__notify__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header__notify__title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #bc9275;
    margin-bottom: 1rem;
}

.header__notify__title svg {
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 0.5rem;
}

.header__notify__title svg path {
    fill: #bc9275;
}

.header__notify__text {
    color: white;
}

.header__notify__date {
    color: white;
    margin-left: auto;
}

.header__notify__all {
    display: block;
    text-align: right;
    padding: 1.2rem 2rem 0;
}

.header__notify__all .btn {
    color: #bc9275;
    padding: 1rem 2rem;
    border: 2px solid #544b41;
    color: #544b41;
    background-color: transparent;
}

.header__notify__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #1b1b1b;
    margin: 1.2rem 0 0;
    padding: 2rem;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.header__notify__bottom a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8d8d8d;
    font-size: 1.1rem;
    font-weight: 500;
}

.header__notify__bottom a.empty {
    opacity: 0.4;
}

.header__notify__bottom a svg,
.header__notify__bottom a img {
    width: 18px;
    margin-right: 0.5rem;
}

.header__notify__bottom a svg path,
.header__notify__bottom a img path {
    fill: #bc9275;
}

.header__messages__cta {
    position: relative;
}

.header__messages__cta a > img,
.header__messages__cta svg,
.header__messages__cta .counter {
    pointer-events: none;
}

.header__messages__dropdown {
    position: absolute;
    display: none;
    top: calc(100% + 1.5rem);
    right: -11rem;
    background-color: #282828;
    list-style: none;
    width: 38rem;
    border-radius: 4px;
}

@media (max-width: 30em) {
    .header__messages__dropdown {
        right: -12rem;
        width: 36.5rem;
    }
}

.header__messages__dropdown::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 11.5rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #282828 transparent;
}

@media (max-width: 30em) {
    .header__messages__dropdown::before {
        right: 12.5rem;
    }
}

.header__messages__wrap {
    display: block;
    padding: 0 2.5rem;
    max-height: 21.8rem;
    overflow: auto;
}

@media (max-width: 30em) {
    .header__messages__wrap {
        padding: 0 1.5rem;
        max-height: 21.4rem;
    }
}

.header__messages__all {
    display: block;
    padding: 1.5rem 2.5rem;
    text-align: center;
}

.header__messages__all .btn {
    color: #bc9275;
    border: 2px solid #544b41;
    color: #544b41;
    background-color: transparent;
}

.header__messages__item {
    padding: 2.5rem 0;
    border-bottom: 1px solid #1b1b1b;
    color: white;
}

.header__messages__item > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: white;
}

.header__messages__item__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.header__messages__item__img {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    border: 2px solid white;
    overflow: hidden;
    margin-right: 1.5rem;
}

.header__messages__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.header__messages__item__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.header__messages__item__content .name {
    font-size: 1.6rem;
    font-weight: 500;
    color: #bc9275;
}

.header__messages__item__content p {
    margin-top: 0.5rem;
    font-size: 1.3rem;
}

.header__messages__item__date {
    margin-left: auto;
    font-size: 1.3rem;
    font-weight: 500;
    -ms-flex-preferred-size: 18%;
    flex-basis: 18%;
    text-align: right;
}

.header__messages__item__date .date {
    display: block;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.header__messages__item__date .time {
    color: #949494;
}

.logo {
    margin-right: auto;
}

@media (max-width: 75em) {
    .logo {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 48em) {
    .logo--center {
        position: absolute;
        top: 0.5rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.logo--home svg {
    height: 35px;
    width: 100% !important;
}

.logo svg {
    width: 40px;
}

.login {
    margin-left: auto;
}

.login__text {
    margin-right: 1rem;
    font-size: 1.4rem;
}

.login a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
}

.login a:hover svg {
    -webkit-transform: translateX(15%);
    transform: translateX(15%);
}

.login a svg {
    width: 24px;
    -webkit-transition: -webkit-transform ease-out 0.2s;
    transition: -webkit-transform ease-out 0.2s;
    transition: transform ease-out 0.2s;
    transition: transform ease-out 0.2s, -webkit-transform ease-out 0.2s;
}

.languages {
    position: relative;
    margin-left: auto;
}

@media (max-width: 36em) {
    .languages {
        margin-left: 0;
        margin-right: auto;
    }
}

.languages + * {
    margin-left: 30px;
}

.languages__current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.languages__current:hover + .languages__list {
    opacity: 1;
    visibility: visible;
}

.languages__current__flag {
    display: block;
    width: 22px;
    margin-right: 5px;
}

.languages__current__flag svg {
    width: 100%;
    height: 100%;
}

.languages__current__text {
    font-size: 1.4rem;
    color: #bc9275;
}

.languages__list {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 100%;
    left: -10px;
    width: calc(100% + 20px);
    background-color: black;
    padding: 10px 10px 5px;
}

.languages__list:hover {
    opacity: 1;
    visibility: visible;
}

.languages__item {
    margin-bottom: 10px;
}

.languages__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
}

.languages__item a:hover {
    color: #bc9275;
}

.languages__item__flag {
    display: block;
    width: 22px;
    margin-right: 5px;
}

.languages__item__flag svg {
    width: 100%;
    height: 100%;
}

.languages__item__text {
    font-size: 1.4rem;
}

.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3rem;
    color: white;
}

@media (max-width: 62em) {
    .footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 36em) {
    .footer {
        padding: 3rem 2rem;
    }
}

@media (max-width: 30em) {
    .footer__social__links {
        margin-bottom: 2rem;
        text-align: center;
    }
}

.footer__social__links .copyright {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2.5rem;
}

@media (max-width: 62em) {
    .footer__social__links .copyright {
        margin-bottom: 2.5rem;
    }
}

@media (max-width: 30em) {
    .footer__social__links .copyright {
        margin-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
    }
}

.footer__social__links .copyright--home svg {
    width: 60px !important;
    height: 22px;
}

.footer__social__links .copyright svg {
    width: 25px;
    margin-right: 0.5rem;
}

.footer__social__links .copyright svg path {
    fill: white;
}

.footer__social__links .copyright p {
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #a8a8a8;
}

.footer__social__links a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-right: 2rem;
}

.footer__social__links a svg {
    width: 20px;
    margin-right: 1rem;
}

.footer__social__links a svg path {
    fill: #bc9275;
}

.footer__helpdesk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
}

@media (max-width: 30em) {
    .footer__helpdesk {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.footer__helpdesk__title {
    margin-right: 3.5rem;
    font-size: 1.1rem;
}

@media (max-width: 30em) {
    .footer__helpdesk__title {
        margin-top: 2rem;
        margin-bottom: 1.5rem;
        margin-right: 0;
    }
}

.footer__helpdesk ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2rem;
}

.footer__helpdesk ul li {
    line-height: 1.4;
}

.footer__helpdesk ul li:first-of-type {
    border-right: 1px solid #bc9275;
    margin-right: 1rem;
    padding-right: 1rem;
}

.footer__helpdesk ul li:first-of-type a {
    text-decoration: none;
}

.footer__helpdesk ul li a {
    color: white;
    text-decoration: underline;
}

.footer__helpdesk ul li a:hover {
    color: #bc9275;
}

.sidebar {
    z-index: 10;
    background-color: white;
    -ms-flex-preferred-size: 270px;
    flex-basis: 270px;
    width: 270px;
    -webkit-box-shadow: 0.5rem 0 1rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0.5rem 0 1rem 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 75em) {
    .sidebar {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform ease-out 0.3s;
        transition: -webkit-transform ease-out 0.3s;
        transition: transform ease-out 0.3s;
        transition: transform ease-out 0.3s, -webkit-transform ease-out 0.3s;
        overflow-x: auto;
        height: calc(100vh - 58px);
        padding-top: 50px;
    }
    .sidebar.opened {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (min-width: 75em) {
    .sidebar__close {
        display: none !important;
    }
}

.sidebar__title {
    position: relative;
    padding: 3.5rem 2.5rem 5rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #8d8d8d;
}

.sidebar__title::after {
    content: '';
    position: absolute;
    left: 2.5rem;
    bottom: 3rem;
    width: 7rem;
    height: 1px;
    background-color: #c6c6c6;
}

.sidebar__profile {
    padding: 0 2.5rem 3rem;
}

.sidebar__profile .sidebar__title {
    padding-left: 0;
    padding-right: 0;
}

.sidebar__profile .sidebar__title::after {
    left: 0;
}

.sidebar__profile__img {
    position: relative;
    margin: 0 auto;
    width: 12rem;
    height: 12rem;
}

.sidebar__profile__img img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.sidebar__profile__edit {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.sidebar__profile__name {
    text-align: center;
    color: #bc9275;
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: 1px;
    margin: 2rem 0 3rem;
}

.sidebar__profile__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.sidebar__profile__options svg,
.sidebar__profile__options img {
    width: 28px;
}

.sidebar__profile__options svg > *,
.sidebar__profile__options img > * {
    fill: #bc9275;
}

.sidebar__subscribe {
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    padding: 3rem 2.5rem;
}

.sidebar__subscribe.filter {
    background: grey;
}

.sidebar__subscribe__info {
    text-align: center;
    color: white;
    font-size: 1.1rem;
    text-transform: uppercase;
}

.sidebar__subscribe__info .title {
    margin-right: 0.5rem;
}

.sidebar__subscribe__change {
    margin-top: 1rem;
    text-align: center;
}

.sidebar__subscribe__change .btn {
    padding: 0.5rem 1.5rem;
    letter-spacing: 1px;
    border: 2px solid white;
    color: white;
    background-color: transparent;
}

.sidebar__functions {
    background-color: #282828;
}

.sidebar__functions .sidebar__title {
    color: #949494;
}

.sidebar__functions .sidebar__title::after {
    background-color: #5e5e5e;
}

.sidebar__functions__list {
    padding: 2rem 3rem;
    list-style: none;
}

.sidebar__functions__list li {
    margin-bottom: 1.8rem;
}

.sidebar__functions__list li.unread > a svg path,
.sidebar__functions__list li rect {
    fill: #ed4d64;
}

.sidebar__functions__list a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: white;
}

.sidebar__functions__list a:hover {
    color: #bc9275;
}

.sidebar__functions__list a svg {
    margin-right: 1.5rem;
    width: 24px;
    height: 18px;
}

.sidebar__functions__list a svg path,
.sidebar__functions__list a svg rect {
    fill: #bc9275;
}

.sidebar__functions__list a sup {
    position: relative;
    top: -1rem;
    right: -1rem;
    color: #ed4d64;
}

.sidebar__members {
    background-color: #282828;
}

.sidebar__members .slick-list {
    max-width: 220px;
}

.sidebar__members .sidebar__title {
    color: #949494;
    padding-top: 0;
}

.sidebar__members .sidebar__title::after {
    background-color: #5e5e5e;
}

.sidebar__members__list {
    margin: 1.5rem 2.5rem 0;
}

.sidebar__members__list .slick-dots {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1rem;
}

.sidebar__members__list .slick-dots li {
    margin: 0 0.5rem;
}

.sidebar__members__list .slick-dots li.slick-active button {
    background-color: white;
}

.sidebar__members__list .slick-dots li button {
    font-size: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #6d564a;
    border: 0;
}

.sidebar__members__item {
    margin: 0 0.5rem;
}

.sidebar__members__item img {
    height: 6.4rem;
    border: 2px solid #5e5e5e;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

@media (max-width: 36em) {
    .sidebar__members__item img {
        height: 69px;
    }
}

.sidebar__blog {
    background-color: #282828;
}

.sidebar__blog .sidebar__title {
    color: #949494;
}

.sidebar__blog .sidebar__title::after {
    background-color: #5e5e5e;
}

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

.sidebar__blog__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.sidebar__blog__item:nth-child(1),
.sidebar__blog__item:nth-child(4) {
    background-color: #141414;
}

.sidebar__blog__item:nth-child(2),
.sidebar__blog__item:nth-child(3) {
    background-color: black;
}

.sidebar__blog__img {
    height: 13rem;
}

.sidebar__blog__img a {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
}

.sidebar__blog__img a:hover::after {
    opacity: 1;
}

.sidebar__blog__img a::after {
    content: '';
    -webkit-transition: opacity ease-out 0.3s;
    transition: opacity ease-out 0.3s;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.sidebar__blog__img a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.sidebar__blog__details {
    padding: 1.5rem 1rem;
}

.sidebar__blog__title {
    text-transform: uppercase;
    font-size: 1.1rem;
    line-height: 1.3rem;
}

.sidebar__blog__title a {
    color: white;
}

.sidebar__blog__title a:hover {
    color: #bc9275;
}

.sidebar__helpdesk .sidebar__title {
    color: #939393;
}

.sidebar__helpdesk .sidebar__title::after {
    background-color: #c9c9c9;
}

.sidebar__helpdesk__infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 2.5rem 10vh;
}

.sidebar__helpdesk__infos a {
    color: #1d1d1d;
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.sidebar__helpdesk__infos a:nth-child(2) {
    text-decoration: underline;
}

.sidebar__helpdesk__infos a:hover {
    color: #bc9275;
}

.sidebar__dropdown__item.active > a {
    color: #bc9275;
}

.sidebar__dropdown__menu {
    display: none;
    margin-left: 3.3rem;
    margin-top: 2rem;
    list-style: none;
}

.sidebar__dropdown__menu.active {
    display: block;
}

.sidebar__dropdown__menu li {
    margin-bottom: 0.5rem;
}

.sidebar__dropdown__menu li.active a {
    color: #bc9275;
}

.sidebar__dropdown__menu li a svg {
    margin-right: 1rem;
}

.spotlight {
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    min-height: 6.5rem;
    height: 100vh;
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    width: 90px;
    padding: 6rem 1rem 1rem;
    background-color: white;
    -webkit-transition: padding ease-out 0.3s;
    transition: padding ease-out 0.3s;
}

@media (max-width: 75em) {
    .spotlight {
        top: unset;
        right: unset;
        bottom: 0;
        left: 0;
        height: auto;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        padding: 1rem;
    }
}

.spotlight__new {
    margin-bottom: 1rem;
}

@media (max-width: 75em) {
    .spotlight__new {
        float: left;
        margin-bottom: 0;
        margin-right: 1.5rem;
    }
}

.spotlight__new.masked .spotlight__new__btn {
    background: grey;
}

.spotlight__new__btn {
    position: relative;
    width: 7rem;
    height: 7rem;
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

@media (max-width: 75em) {
    .spotlight__new__btn {
        width: 4.5rem;
        height: 4.5rem;
    }
}

.spotlight__new__btn:hover {
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
}

.spotlight__new__btn::before,
.spotlight__new__btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.spotlight__new__btn::before {
    width: 35%;
    height: 2px;
}

.spotlight__new__btn::after {
    width: 2px;
    height: 35%;
}

.spotlight__list .slick-list {
    max-width: 100%;
}

.spotlight__item {
    margin-bottom: 1rem;
    border-radius: 50%;
}

@media (max-width: 75em) {
    .spotlight__item {
        margin-bottom: 0;
        margin-right: 1.5rem;
    }
}

.spotlight__item a:hover img {
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
}

.spotlight__item img {
    display: block;
    width: 7rem;
    height: 7rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

@media (max-width: 75em) {
    .spotlight__item img {
        width: 4.5rem;
        height: 4.5rem;
    }
}

.flash__message {
    width: 100%;
    display: none;
    background-color: #bc9275;
}

.flash__message.show {
    display: block;
}

.flash__message__content {
    position: relative;
    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;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 4rem;
}

@media (max-width: 30em) {
    .flash__message__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 1.5rem;
        padding-right: 3.5rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.flash__message__content p {
    text-transform: uppercase;
    font-size: 1.2rem;
    margin-right: 2rem;
    line-height: 1.2;
    max-width: 80%;
}

@media (max-width: 62em) {
    .flash__message__content p {
        max-width: 75%;
        padding-right: 2rem;
        margin-right: auto;
    }
}

@media (max-width: 30em) {
    .flash__message__content p {
        max-width: 100%;
        text-align: center;
        padding-right: 0;
        margin-bottom: 1rem;
    }
}

.flash__message__content a {
    color: white;
    font-size: 1.2rem;
    line-height: 1.4;
    text-transform: uppercase;
    text-decoration: underline;
}

.flash__message__dissmiss {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    background: none;
}

.flash__message__dissmiss::before,
.flash__message__dissmiss::after {
    content: '';
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 2.5rem;
    height: 1px;
    background-color: white;
}

.flash__message__dissmiss::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.flash__message__dissmiss::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.profile__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3rem -1.5rem 4rem;
    width: 100%;
}

@media (max-width: 90em) and (min-width: 769px) {
    .profile__list {
        margin-left: -1rem;
        margin-right: -1rem;
        margin-top: 2rem;
    }
}

@media (max-width: 36em) {
    .profile__list {
        margin-bottom: 2.5rem;
        margin-left: 0;
        margin-right: 0;
        margin-top: 1rem;
    }
}

@media (max-width: 22.8em) {
    .profile__list {
        margin-top: 0.5rem;
    }
}

@media (max-width: 30em) {
    .profile__list.one-col .profile__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 30em) and (min-width: 30em) {
    .profile__list.one-col .profile__item {
        -ms-flex-preferred-size: calc(50% - 0.5rem);
        flex-basis: calc(50% - 0.5rem);
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
}

@media (max-width: 30em) {
    .profile__list.one-col .profile__actions {
        display: block;
    }
}

.profile__list.two-col .profile__item {
    -ms-flex-preferred-size: calc(50% - 0.5rem);
    flex-basis: calc(50% - 0.5rem);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.profile__list.two-col .profile__actions {
    display: none;
}

@media (max-width: 22.8em) {
    .profile__list {
        margin-left: 0;
        margin-right: 0;
    }
}

.profile__list--col3 .profile__item {
    -ms-flex-preferred-size: calc(50% - 1rem);
    flex-basis: calc(50% - 1rem);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

@media (min-width: 90em) {
    .profile__list--col3 .profile__item {
        -ms-flex-preferred-size: calc(100% / 3 - 3rem);
        flex-basis: calc(100% / 3 - 3rem);
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
}

@media (max-width: 22.8em) {
    .profile__list--col3 .profile__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.profile__item {
    -ms-flex-preferred-size: calc(100% / 4 - 3rem);
    flex-basis: calc(100% / 4 - 3rem);
    margin: 0 1.5rem 3rem;
    border-radius: 5px;
    background-color: white;
}

.profile__item--platina {
    background-color: #7b939a;
}

.profile__item--platina .profile__details {
    background-color: rgba(47, 58, 62, 0.8);
}

.profile__item--platina .profile__title .age {
    color: #a6c3cc;
}

.profile__item--platina .profile__message .btn {
    border-color: #a1b3b9;
    color: white !important;
}

.profile__item--platina .profile__datas .count {
    color: white;
}

.profile__item--platina .profile__datas__user svg path,
.profile__item--platina .profile__datas__credit svg path {
    fill: #c7d2d5;
}

.profile__item--platina .profile__datas__images svg > *,
.profile__item--platina .profile__datas__likes svg > * {
    fill: #3e494c;
}

.profile__item--platina .badge--desktop {
    background: linear-gradient(135deg, #7b939a 0%, #3e494c 100%);
}

.profile__item--gold {
    background-color: #1b1b1b;
}

.profile__item--gold .profile__message .btn {
    border-color: #4a4137;
    color: #bc9275 !important;
}

.profile__item--gold .profile__datas .count {
    color: white;
}

.profile__item--gold .badge--desktop {
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
}

@media (max-width: 90em) {
    .profile__item {
        -ms-flex-preferred-size: calc(100% / 3 - 2rem);
        flex-basis: calc(100% / 3 - 2rem);
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

@media (max-width: 48em) {
    .profile__item {
        -ms-flex-preferred-size: calc(50% - 0.5rem);
        flex-basis: calc(50% - 0.5rem);
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 22.8em) {
    .profile__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .profile__item .profile__actions {
        display: block;
    }
}

.profile__img {
    position: relative;
    height: 35rem;
    overflow: hidden;
}

.profile__img img {
    -webkit-transition: -webkit-transform ease-out 400ms;
    transition: -webkit-transform ease-out 400ms;
    transition: transform ease-out 400ms;
    transition: transform ease-out 400ms, -webkit-transform ease-out 400ms;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.profile__img img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.profile__details {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(36, 33, 31, 0.8);
    color: white;
    padding: 1.5rem 2.5rem;
}

@media (max-width: 30em) {
    .profile__details {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.profile__details .profile__datas__user {
    display: none;
    margin-right: 1rem;
}

@media (max-width: 36em) {
    .profile__details .profile__datas__user {
        display: inline-block;
    }
}

.profile__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 500;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.profile__title .title {
    margin-right: 1rem;
}

@media (max-width: 36em) {
    .profile__title .title {
        margin-bottom: 0.5rem;
    }
}

.profile__title .age {
    color: #bc9275;
    margin-right: 0.5rem;
}

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

.profile__title .badge--desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1b1b1b;
    border-radius: 15px;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 16px;
}

@media (max-width: 48em) {
    .profile__title .badge--desktop {
        display: none;
    }
}

.profile__title .badge--desktop svg {
    margin-right: 0.5rem;
    width: 16px;
    height: 16px;
}

.profile__title .badge--desktop svg path {
    fill: #1b1b1b;
}

.profile__title .badge .mobile {
    display: none;
}

@media (max-width: 48em) {
    .profile__title .badge .mobile {
        display: block;
    }
}

.profile__title .badge svg {
    height: 1.6rem;
}

.profile__title .badge img {
    height: 1.6rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.profile__info {
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-top: 1rem;
}

.profile__info .category::after {
    content: '/';
    padding-left: 0.5rem;
    margin-right: 0.5rem;
}

.profile__actions {
    padding: 1.5rem 2.5rem;
}

@media (max-width: 36em) {
    .profile__actions {
        display: none;
    }
}

.profile__datas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.profile__datas .count {
    color: black;
    font-size: 1.4rem;
    margin-left: 0.5rem;
}

.profile__datas__images,
.profile__datas__likes,
.profile__datas__user,
.profile__datas__credit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile__datas__images svg,
.profile__datas__likes svg,
.profile__datas__user svg,
.profile__datas__credit svg {
    width: 2rem;
    height: 1.8rem;
}

.profile__datas__images svg > *,
.profile__datas__likes svg > *,
.profile__datas__user svg > *,
.profile__datas__credit svg > * {
    fill: #bc9275;
}

.profile__message {
    text-align: center;
}

.profile__message .btn {
    color: black !important;
    padding: 0.5rem 2.5rem;
    border: 2px solid #ebe0da;
    color: #ebe0da;
    background-color: transparent;
}

.pagination__first,
.pagination__last,
.pagination__item {
    border: 2px solid #1d1d1d;
    border-radius: 50%;
    background-color: #1d1d1d;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.pagination__first:hover,
.pagination__last:hover,
.pagination__item:hover {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

.active.pagination__first,
.active.pagination__last,
.active.pagination__item,
.pagination__first,
.pagination__last {
    background-color: #fff;
}

.active.pagination__first a,
.active.pagination__last a,
.active.pagination__item a,
.pagination__first a,
.pagination__last a {
    color: #1d1d1d;
}

.pagination__first a,
.pagination__last a,
.pagination__item a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    margin: 0 auto;
}

.pagination__first {
    margin-right: 3.5rem;
    margin-bottom: 1rem;
}

@media (max-width: 36em) {
    .pagination__first {
        margin-right: 1.5rem;
    }
}

.pagination__last {
    margin-left: 3.5rem;
    margin-bottom: 1rem;
}

@media (max-width: 36em) {
    .pagination__last {
        margin-left: 1.5rem;
    }
}

.pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pagination__item {
    margin: 0 0.5rem 1rem;
}

.pagination__item a {
    color: white;
}

.popup {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.popup--nofade::before {
    display: none;
}

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

.popup.home::before {
    display: none;
}

.popup.home .popup__decoration__wrap::before,
.popup.home .popup__decoration__wrap::after {
    display: none;
}

.popup.home .popup__decoration__icon {
    background: none;
}

.popup.home .popup__decoration::after {
    background: -webkit-gradient(linear, left top, right top, from(#bc9275), color-stop(transparent), to(#bc9275));
    background: linear-gradient(90deg, #bc9275, transparent, #bc9275);
}

.popup.home .popup__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
}

.popup.home .popup__container::after {
    display: none;
}

.popup.home .popup__content {
    text-align: center;
    margin-top: 2rem;
}

.popup::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.popup::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.popup__container {
    width: 57.5rem;
    position: relative;
    z-index: 1;
    border-radius: 4px;
    overflow: hidden;
    padding: 3rem 2.5rem 2.5rem;
    min-height: 54.5rem;
    background-color: #282828;
}

.popup__container--auto {
    width: auto !important;
    min-height: auto !important;
    padding: 0;
    max-height: 75% !important;
    overflow: auto;
    height: auto !important;
}

.popup__container--small {
    min-height: auto !important;
    width: 50rem !important;
    overflow: auto;
    height: auto !important;
}

.popup__container--nofade::after {
    display: none;
}

.popup__container--white {
    background-color: #fff;
}

.popup__container--white::after {
    display: none;
}

.popup__container--white .popup__content {
    color: #1c1c1c;
}

.popup__container--centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 48em) {
    .popup__container {
        height: 100%;
        overflow: auto;
        min-height: auto;
        max-height: 67rem;
    }
}

.popup__container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(rgba(0, 0, 0, 0)),
            color-stop(20%, #282828),
            to(#282828)
    );
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #282828 20%, #282828 100%);
}

.popup__container h2 {
    font-size: 3.6rem;
    font-weight: 300;
    margin-bottom: 2rem;
    color: white;
    text-align: center;
}

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

.popup__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.popup__dissmiss {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    text-align: right;
}

.popup__dissmiss__btn {
    position: relative;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #1d1d1d;
    border: 0;
}

.popup__dissmiss__btn::before,
.popup__dissmiss__btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 60%;
    background-color: #dadada;
}

.popup__dissmiss__btn::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.popup__dissmiss__btn::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.popup__content {
    position: relative;
    z-index: 2;
    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;
    color: white;
}

.popup__content__list {
    width: calc(100% - 5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #5e5e5e;
    border-bottom: 1px solid #5e5e5e;
    padding: 2rem 0 0.5rem;
    margin: 0 2.5rem 2.5rem;
}

@media (max-width: 36em) {
    .popup__content__list {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

.popup__content__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #bc9275;
    margin-bottom: 1.5rem;
}

.popup__content__list li > svg {
    width: 10px;
    height: 10px;
    margin-right: 1rem;
    margin-bottom: 0;
}

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

@media (max-width: 36em) {
    .popup__content--flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.popup__content--flex img,
.popup__content--flex svg {
    margin-right: 1.5rem;
}

@media (max-width: 36em) {
    .popup__content--flex img,
    .popup__content--flex svg {
        margin-right: 0;
        margin-bottom: 1.5rem;
    }
}

.popup__content--flex * {
    text-align: left;
}

@media (max-width: 36em) {
    .popup__content--flex * {
        text-align: center;
    }
}

.popup__content p {
    line-height: 1.4;
}

.popup__content p.alt {
    max-width: 60%;
    margin: 0 auto;
    color: #9e9e9e;
}

.popup__content p.alt.w-100 {
    max-width: 100%;
}

.popup__content p span {
    color: #bc9275;
}

.popup__content img,
.popup__content svg {
    width: 7rem;
    height: 7rem;
    margin-bottom: 1.5rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.popup__content img > *,
.popup__content svg > * {
    fill: #bc9275;
}

.popup__content h2 {
    font-size: 3.6rem;
    font-weight: 300;
    margin-bottom: 2rem;
}

.popup__content h2 span {
    font-weight: 500;
}

.popup__content h3 {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1.6;
    margin: 0 0 2.5rem;
    color: white;
}

.popup__content h4 {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.2rem;
    margin: 4rem 0 2.5rem;
    color: #bc9275;
}

.popup__content h6 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: white;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
}

.popup__content h6 span {
    font-weight: 700;
}

.popup__content .profile__img {
    width: 25rem;
    height: 25rem;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #bc9275;
    margin-bottom: 4rem;
}

.popup__content .title {
    text-transform: uppercase;
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

.popup__content .title span {
    color: #bc9275;
}

.popup__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    margin-top: 3rem;
}

.popup__actions .btn {
    margin: 0 1rem 2rem;
}

.popup__actions .delete {
    border: 2px solid #bc9275;
    color: #bc9275;
    background-color: transparent;
}

.popup .credit__icon {
    width: 8rem;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

@media (max-width: 30em) {
    .popup .credit__icon {
        margin-top: 1rem;
    }
}

.popup .credit__icon svg {
    width: 100%;
}

.popup .credit__icon svg path {
    fill: #bc9275;
}

.popup .credit__plan {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 16.5rem;
    flex-basis: 16.5rem;
    width: 16.5rem;
    height: 16.5rem;
    text-align: center;
    border: 2px solid #4d433b;
    border-radius: 50%;
    overflow: hidden;
    padding: 1.5rem;
    margin: 1rem 0.5rem 0;
}

@media (max-width: 36em) {
    .popup .credit__plan {
        margin: 0 0.5rem 1.5rem;
        padding: 1rem 1.5rem;
    }
}

.popup .credit__plan--featured {
    border: 3px solid #ed4d64;
}

.popup .credit__plan__title {
    font-weight: 500;
    color: white;
    font-size: 2.1rem;
    text-transform: uppercase;
    line-height: 1.2;
}

.popup .credit__plan__title .value {
    font-weight: 700;
}

.popup .credit__plan__title .text {
    margin-left: 0.5rem;
}

.popup .credit__plan__title .price {
    display: block;
    color: #bc9275;
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 1;
}

.popup .credit__plan__badge {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ed4d64;
    color: #282828;
    padding: 0.6rem 1rem 1rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 700;
}

.popup .credit__plans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 4rem;
}

@media (max-width: 36em) {
    .popup .credit__plans {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 2rem;
    }
}

.popup .credit__payment {
    margin-top: 5rem;
}

@media (max-width: 30em) {
    .popup .credit__payment {
        margin-top: 3rem;
    }
}

.popup .credit__payment .paypal {
    margin-bottom: 2rem;
}

.popup .credit__payment .paypal .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #009ad9;
    background-color: #fff;
    color: #00318e;
    padding: 0.4rem 2.5rem;
}

.popup .credit__payment .paypal .btn img {
    margin-right: 0.4rem;
    margin-bottom: 0;
}

.popup .credit__payment .credit-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popup .credit__payment .credit-cards img {
    margin: 0 0.3rem;
}

.popup .credit__bottom {
    margin-top: 5.5rem;
}

.popup .credit__bottom p {
    font-size: 1.2rem;
}

.popup .credit__bottom p span {
    color: #bc9275;
}

.popup .credit__bottom p a {
    text-decoration: underline;
    color: white;
}

.popup__travel {
    position: relative;
    z-index: 1;
    max-width: 45rem;
}

.popup__travel .travel__list__item {
    margin: 0;
}

.popup__travel .travel__list__author {
    padding: 0.5rem 3rem;
}

.popup__travel .travel__list__destination {
    padding: 3rem;
}

.popup__travel .travel__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 3rem 3rem 0;
}

.popup__travel .travel__details__tag {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.popup__travel .travel__details__tag .tag {
    display: inline-block;
    border: 2px solid #bc9275;
    color: #bc9275;
    padding: 1rem 2rem;
    border-radius: 20px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.popup__travel .travel__details__informations {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.popup__travel .travel__details__informations .title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.5rem;
}

.popup__travel .travel__details__informations .destination {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
}

.popup__travel .travel__details__informations .deadline {
    text-transform: uppercase;
    font-size: 1.4rem;
    margin-top: 1.5rem;
}

.popup__travel .travel__details__informations .deadline__title {
    color: #bc9275;
    margin-bottom: 0.5rem;
}

.popup__travel .travel__details__informations .deadline__date .fix {
    color: white;
    background-color: #1d1d1d;
    font-size: 80%;
    border-radius: 10px;
    padding: 0 0.5rem;
    margin-left: 0.5rem;
}

.popup__travel .travel__details__date {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.popup__travel .travel__details__overview {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 3rem;
}

.popup__travel .travel__details__overview p {
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 500;
}

.popup__travel .travel__details__apply {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
    margin-top: 3.5rem;
    background-color: #f3f2f0;
    padding: 1.5rem;
}

.popup__decoration {
    position: relative;
    text-align: center;
}

.popup__decoration__wrap {
    position: relative;
}

.popup__decoration__wrap::before,
.popup__decoration__wrap::after {
    content: '';
    position: absolute;
    z-index: 4;
    top: 0;
    width: 25%;
    height: 100%;
    pointer-events: none;
}

.popup__decoration__wrap::after {
    left: -5px;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#282828),
            color-stop(60%, rgba(40, 40, 40, 0.95)),
            to(rgba(40, 40, 40, 0))
    );
    background: linear-gradient(to right, #282828 0%, rgba(40, 40, 40, 0.95) 60%, rgba(40, 40, 40, 0) 100%);
}

.popup__decoration__wrap::before {
    right: -5px;
    background: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#282828),
            color-stop(60%, rgba(40, 40, 40, 0.95)),
            to(rgba(40, 40, 40, 0))
    );
    background: linear-gradient(to left, #282828 0%, rgba(40, 40, 40, 0.95) 60%, rgba(40, 40, 40, 0) 100%);
}

.popup__decoration::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: calc(50% - 2px);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #bc9275;
}

.popup__decoration__icon {
    display: inline-block;
    position: relative;
    z-index: 2;
    background-color: #282828;
    padding: 0 1rem;
}

.popup__decoration svg {
    width: 3rem;
    height: 2.5rem;
}

.popup__decoration svg path {
    fill: #bc9275;
}

.popup__title {
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 2.4rem;
    margin: 3rem 0;
}

.popup__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4rem 0;
    padding: 0 1.5rem;
}

@media (max-width: 36em) {
    .popup__list {
        padding: 0;
    }
}

.popup__list__item {
    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;
    -ms-flex-preferred-size: calc(33.333% - 3rem);
    flex-basis: calc(33.333% - 3rem);
    margin: 0 1.5rem;
    text-align: center;
    cursor: pointer;
}

@media (max-width: 36em) {
    .popup__list__item {
        -ms-flex-preferred-size: calc(33.333% - 1rem);
        flex-basis: calc(33.333% - 1rem);
        margin: 0 0.5rem;
    }
}

.popup__list__item:hover .popup__list__item__icon {
    background-color: #383430;
}

.popup__list__item:hover .popup__list__item__title {
    opacity: 1;
}

.popup__list__item__icon {
    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;
    width: 12rem;
    height: 12rem;
    border: 2px solid #383430;
    padding: 2.5rem;
    border-radius: 50%;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

@media (max-width: 36em) {
    .popup__list__item__icon {
        width: 8rem;
        height: 8rem;
        padding: 1.5rem;
    }
}

.popup__list__item__icon.facebook svg,
.popup__list__item__icon.instagram svg {
    width: 60%;
    height: 60%;
}

.popup__list__item__icon.facebook svg *,
.popup__list__item__icon.instagram svg * {
    fill: #bc9275;
}

.popup__list__item__icon svg {
    width: 100%;
    height: 100%;
}

.popup__list__item__icon svg * {
    fill: white;
}

.popup__list__item__title {
    color: white;
    font-size: 1.6rem;
    line-height: 1.4;
    margin-top: 2rem;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0.4;
}

@media (max-width: 36em) {
    .popup__list__item__title {
        font-size: 1.4rem;
    }
}

.popup__image-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: white;
    margin: 4rem -3rem -3rem;
    padding: 0 3rem 1.5rem;
}

@media (max-width: 36em) {
    .popup__image-upload {
        padding: 0 1.5rem 1.5rem;
    }
}

.popup__image-upload__item {
    -ms-flex-preferred-size: calc(25% - 4rem);
    flex-basis: calc(25% - 4rem);
    position: relative;
    top: -36px;
    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;
    margin: 0 2rem;
}

@media (max-width: 36em) {
    .popup__image-upload__item {
        -ms-flex-preferred-size: calc(25% - 1rem);
        flex-basis: calc(25% - 1rem);
        margin: 0 0.5rem;
    }
}

.popup__image-upload__item img {
    margin-bottom: 1rem;
    width: 7rem;
    height: 7rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.popup__image-upload__item__text {
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

@media (max-width: 36em) {
    .popup__image-upload__item__text {
        font-size: 1.2rem;
    }
}

.presents__slider {
    margin: 3rem 4rem 0;
}

@media (max-width: 36em) {
    .presents__slider {
        margin-left: 0rem;
        margin-right: 0rem;
    }
}

.presents__slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
}

.presents__slider .slick-dots li {
    margin: 0 0.5rem;
}

.presents__slider .slick-dots li.slick-active button {
    background-color: #fff;
}

.presents__slider .slick-dots li button {
    font-size: 0;
    padding: 0;
    border: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #6d564a;
}

.presents__slider__item {
    -ms-flex-preferred-size: calc(100% / 6);
    flex-basis: calc(100% / 6);
    margin-bottom: 3rem;
    text-align: center;
}

.presents__slider__item img {
    margin: 0 auto 1rem;
    width: 3.5rem;
    height: 3.5rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.presents__slider__item__text {
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.4rem;
}

.presents__slider__items {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tooltip__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    border-radius: 50%;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 0.5rem;
}

.tooltip__icon:hover > .tooltip__box {
    visibility: visible;
    opacity: 1;
}

.tooltip__icon::after {
    content: '?';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: white;
}

.tooltip__box {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99;
    top: -1rem;
    right: -27rem;
    background-color: #282828;
    width: 25rem;
    color: white;
    border-radius: 4px;
    padding: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    -webkit-transition: opacity ease-out 0.2s;
    transition: opacity ease-out 0.2s;
}

@media (max-width: 75em) {
    .tooltip__box {
        top: 4rem;
        right: -14.5rem;
        width: 28rem;
    }
}

.tooltip__box::before {
    content: '';
    position: absolute;
    top: 1.5rem;
    left: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 12px 8px 0;
    border-color: transparent #282828 transparent transparent;
}

@media (max-width: 75em) {
    .tooltip__box::before {
        top: -12px;
        left: 11.5rem;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.registration {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 65rem;
    padding-top: 4rem;
    padding-bottom: 4vh;
    color: white;
    max-width: 66rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
}

.registration #interested,
.registration #user_details {
    display: none;
}

.registration__cta {
    position: relative;
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 4rem;
}

.registration__cta::after {
    content: '';
    position: absolute;
    top: calc(100% + 2rem);
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
}

.registration__cta .btn {
    padding-left: 3rem;
    padding-right: 3rem;
    border: 2px solid white;
    color: white;
    background-color: transparent;
}

.registration__step {
    display: none;
}

.registration__step.active {
    display: block;
}

.registration__step#login .form__item {
    max-width: 66%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 30em) {
    .registration__step#login .form__item {
        max-width: 95%;
    }
}

.registration__step#login .form__item input:not([type='radio']):not([type='checkbox']) {
    max-width: 100%;
}

.registration__step#login .form__item .checkbox__labeled label {
    color: #565656;
    font-weight: 500;
}

.registration__step#login .form__item .reset-pwd {
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 1.5rem;
    font-weight: 500;
}

.registration__step#reset-pwd .form__item {
    max-width: 66%;
    margin-left: auto;
    margin-right: auto;
}

.registration__step#reset-pwd .form__item input:not([type='radio']):not([type='checkbox']) {
    max-width: 100%;
}

.registration__step#step4 {
    margin-bottom: -4.5rem;
}

@media (max-width: 30em) {
    .registration__step#step4 {
        margin-bottom: -2rem;
    }
}

.registration__step#step7 .registration__form__header {
    border-bottom: 1px solid #555555;
    max-width: 65%;
    margin: 0 auto 1.5rem;
}

@media (max-width: 48em) {
    .registration__step#step7 .registration__form__header {
        max-width: 100%;
    }
}

.registration__step#step7 .registration__form__header h4 {
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    font-size: 1.4rem;
    margin: 1.5rem 0;
}

.registration__type {
    padding: 0 2rem;
}

.registration__types {
    display: none;
    margin-top: 4rem;
    margin-bottom: 5.5rem;
}

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

@media (max-width: 30em) {
    .registration__types {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.registration__types--multiple .registration__type {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.registration__types--multiple .registration__type:first-of-type {
    border-right: 1px solid #565656;
}

@media (max-width: 30em) {
    .registration__types--multiple .registration__type:first-of-type {
        border-right: 0;
        margin-bottom: 2.5rem;
    }
}

.registration__type__img {
    border-radius: 50%;
    overflow: hidden;
    width: 14rem;
    height: 14rem;
    margin: 0 auto;
    border: 1px solid #bc9275;
    margin-bottom: 2rem;
}

.registration__type__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.registration__type__title {
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #bc9275;
    margin-bottom: 0.5rem;
}

.registration__type__details p {
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-bottom: 2.5rem;
}

.registration__type__details label {
    font-size: 1.1rem;
    font-weight: 500;
}

.registration__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4rem 0;
    padding: 0 1.5rem;
}

@media (max-width: 36em) {
    .registration__list {
        padding: 0;
    }
}

.registration__list__item {
    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;
    -ms-flex-preferred-size: calc(33.333% - 3rem);
    flex-basis: calc(33.333% - 3rem);
    margin: 0 1.5rem;
    text-align: center;
    cursor: pointer;
}

@media (max-width: 36em) {
    .registration__list__item {
        -ms-flex-preferred-size: calc(33.333% - 1rem);
        flex-basis: calc(33.333% - 1rem);
        margin: 0 0.5rem;
    }
}

.registration__list__item:hover .registration__list__item__icon {
    background-color: #383430;
}

.registration__list__item:hover .registration__list__item__title {
    opacity: 1;
}

.registration__list__item__icon {
    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;
    width: 12rem;
    height: 12rem;
    border: 2px solid #383430;
    padding: 2.5rem;
    border-radius: 50%;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

@media (max-width: 36em) {
    .registration__list__item__icon {
        width: 8rem;
        height: 8rem;
        padding: 1.5rem;
    }
}

.registration__list__item__icon.facebook svg,
.registration__list__item__icon.instagram svg {
    width: 60%;
    height: 60%;
}

.registration__list__item__icon.facebook svg *,
.registration__list__item__icon.instagram svg * {
    fill: #bc9275;
}

.registration__list__item__icon svg {
    width: 100%;
    height: 100%;
}

.registration__list__item__icon svg * {
    fill: white;
}

.registration__list__item__title {
    color: white;
    font-size: 1.6rem;
    line-height: 1.4;
    margin-top: 2rem;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0.4;
}

@media (max-width: 36em) {
    .registration__list__item__title {
        font-size: 1.4rem;
    }
}

.registration__content p span {
    color: #bc9275;
}

.registration__image-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3rem -4.5rem 0;
    padding: 3rem 4.5rem;
    background-color: #282828;
}

@media (max-width: 30em) {
    .registration__image-upload {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        padding: 1.5rem;
    }
}

.registration__image-upload__item {
    -ms-flex-preferred-size: calc(25% - 4rem);
    flex-basis: calc(25% - 4rem);
    position: relative;
    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;
    margin: 0 2rem;
}

@media (max-width: 36em) {
    .registration__image-upload__item {
        -ms-flex-preferred-size: calc(25% - 1rem);
        flex-basis: calc(25% - 1rem);
        margin: 0 0.5rem;
    }
}

@media (max-width: 30em) {
    .registration__image-upload__item {
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem);
        margin-bottom: 1rem;
    }
}

.registration__image-upload__item img {
    margin-bottom: 1rem;
    width: 7rem;
    height: 7rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.registration__image-upload__item__text {
    font-size: 1.2rem;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    color: #949494;
}

.registration__form {
    margin-top: auto;
    margin-bottom: auto;
}

.registration__form__container {
    position: relative;
    text-align: center;
    border: 1px solid #565656;
    border-radius: 4px;
    padding-top: 7.5rem;
    padding-bottom: 4.5rem;
    padding-left: 4.5rem;
    padding-right: 4.5rem;
}

@media (max-width: 30em) {
    .registration__form__container {
        padding-top: 5rem;
        padding-bottom: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: auto;
    }
}

.registration__form__title {
    position: absolute;
    top: -2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 66%;
    padding: 1rem;
    text-transform: uppercase;
    font-size: 1.8rem;
    line-height: 1.2;
    color: #565656;
}

@media (max-width: 30em) {
    .registration__form__title {
        max-width: 95%;
        font-size: 1.6rem;
    }
}

@media (max-width: 22.8em) {
    .registration__form__title {
        top: -3rem;
    }
}

.registration__form__sub__title {
    position: relative;
    top: -3.5rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #565656;
}

@media (max-width: 30em) {
    .registration__form__sub__title {
        top: -1.5rem;
    }
}

@media (max-width: 22.8em) {
    .registration__form__sub__title {
        top: -2.5rem;
    }
}

.registration__form__header {
    margin-bottom: 4rem;
}

.registration__form__header p {
    color: #565656;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-top: 1rem;
}

.registration__form__submit {
    margin-top: 3rem;
    text-align: center;
}

.registration__form__submit .btn {
    margin: 0 1.5rem;
}

@media (max-width: 30em) {
    .registration__form__submit .btn {
        margin-bottom: 1.5rem;
    }
}

.registration__form__submit .btn--outline {
    border: 2px solid white;
    color: white;
    background-color: transparent;
}

.registration__form__indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem;
    padding-bottom: 6rem;
}

.registration__form__indicator .indicator {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #675044;
    margin: 0 0.5rem;
}

.registration__form__indicator .indicator.active {
    background-color: white;
}

.registration__form__content {
    max-width: 75%;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 48em) {
    .registration__form__content {
        max-width: 100%;
    }
}

.registration__form__content.w-full {
    max-width: 100%;
    margin: 0 3rem;
}

@media (max-width: 48em) {
    .registration__form__content.w-full {
        margin: 0;
    }
}

.registration__form__content:not(:last-of-type) {
    border-bottom: 1px solid #555555;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

.registration__form__content h5 {
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 500;
    color: #bc9275;
    margin-bottom: 1rem;
}

.registration__form__content h6 {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
    color: white;
    margin-bottom: 2.5rem;
}

.registration__form__content p {
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 500;
    color: #717171;
    margin-bottom: 1.5rem;
}

.registration__form__content svg {
    width: 80px;
}

.registration__form__content svg path {
    fill: #bc9275;
}

.registration__form__content button.btn {
    border: 2px solid white;
    color: white;
    background-color: transparent;
}

.registration__form__content .form__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.registration__form__content .form__item input:not([type='radio']):not([type='checkbox']) {
    max-width: 85% !important;
}

.registration__form__content .incognito__badge {
    position: absolute;
    bottom: 2.5rem;
    right: 2.5rem;
    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;
}

@media (max-width: 30em) {
    .registration__form__content .incognito__badge {
        position: static;
    }
}

.registration__form__content .incognito__badge svg {
    width: 4.5rem;
}

.registration__form__content .incognito__badge span {
    display: block;
    margin-top: 1rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #8e8e8e;
}

.registration__form__video {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    margin-bottom: 2.5rem;
}

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

.registration form .form__row {
    position: relative;
    padding: 0 3rem;
}

@media (max-width: 30em) {
    .registration form .form__row {
        padding: 0;
    }
}

.registration form .form__row::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 17px;
    left: 8%;
    width: 42%;
    height: calc(100% + 10px);
    border: 1px solid #565656;
    border-radius: 4px;
    border-right: 0;
    opacity: 0;
    pointer-events: none;
}

.registration form .form__row.checked.connected--lg::before {
    height: calc(100% + 100px);
}

.registration form .form__row.checked .form__row__description {
    display: block;
}

.registration form .form__row .checkbox__button {
    position: relative;
    z-index: 2;
}

.registration form .form__row .checkbox__button label::after {
    content: '';
    position: absolute;
    top: calc(100% + 2px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 0 9px;
    border-color: #ffffff transparent transparent transparent;
    opacity: 0;
}

.registration form .form__row .styled__select:not(:last-of-type) {
    margin-right: 1.5rem;
}

@media (max-width: 36em) {
    .registration form .form__row .styled__select:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

.registration form .form__row .styled__select:nth-child(2) {
    -ms-flex-preferred-size: calc((100% - 24rem) / 3);
    flex-basis: calc((100% - 24rem) / 3);
}

@media (max-width: 36em) {
    .registration form .form__row .styled__select:nth-child(2) {
        -ms-flex-preferred-size: calc(100% - 16rem);
        flex-basis: calc(100% - 16rem);
    }
}

@media (max-width: 30em) {
    .registration form .form__row .styled__select:nth-child(2) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.registration form .form__row .styled__select:nth-child(3) {
    -ms-flex-preferred-size: calc((100% - 8rem) / 3);
    flex-basis: calc((100% - 8rem) / 3);
}

@media (max-width: 36em) {
    .registration form .form__row .styled__select:nth-child(3) {
        -ms-flex-preferred-size: calc(100% - 16rem);
        flex-basis: calc(100% - 16rem);
        margin-left: auto;
    }
}

@media (max-width: 30em) {
    .registration form .form__row .styled__select:nth-child(3) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.registration form .form__row .styled__select:nth-child(4) {
    -ms-flex-preferred-size: calc((100% - 25.5rem) / 3);
    flex-basis: calc((100% - 25.5rem) / 3);
}

@media (max-width: 36em) {
    .registration form .form__row .styled__select:nth-child(4) {
        -ms-flex-preferred-size: calc(100% - 16rem);
        flex-basis: calc(100% - 16rem);
        margin-left: auto;
    }
}

@media (max-width: 30em) {
    .registration form .form__row .styled__select:nth-child(4) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.registration form .form__row .styled__select select {
    border: 1px solid #bc9275;
    color: #bc9275;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.75);
    background: none;
    height: 3.8rem;
    font-weight: 500;
    font-size: 1.5rem;
    border-radius: 5px;
}

.registration form .form__row__description {
    display: none;
    max-width: 80%;
    margin: 0 auto;
    padding: 1.5rem 0 0.5rem;
}

.registration form .form__row__description p {
    line-height: 1.3;
}

.registration form .form__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem;
}

@media (max-width: 36em) {
    .registration form .form__item {
        margin-bottom: 2.5rem;
    }
}

@media (max-width: 30em) {
    .registration form .form__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 36em) {
    .registration form .form__item--date {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .registration form .form__item--date label {
        position: relative;
        top: -7px;
    }
}

.registration form .form__item--multiple input:not([type='radio']):not(:last-of-type) {
    margin-right: 0.5rem;
}

.registration form .form__item--multiple input:not([type='radio'])#year {
    -ms-flex-preferred-size: calc(20% - 0.5rem);
    flex-basis: calc(20% - 0.5rem);
    width: calc(20% - 0.5rem);
    max-width: calc(20% - 0.5rem);
}

@media (max-width: 30em) {
    .registration form .form__item--multiple input:not([type='radio'])#year {
        -ms-flex-preferred-size: calc(25% - 0.5rem);
        flex-basis: calc(25% - 0.5rem);
        width: calc(25% - 0.5rem);
        max-width: calc(25% - 0.5rem);
    }
}

.registration form .form__item--multiple input:not([type='radio'])#day {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    width: 15%;
    max-width: 15%;
}

@media (max-width: 30em) {
    .registration form .form__item--multiple input:not([type='radio'])#day {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        width: 20%;
        max-width: 20%;
    }
}

.registration form .form__item--multiple input:not([type='radio'])#month {
    -ms-flex-preferred-size: calc(30% - 0.5rem);
    flex-basis: calc(30% - 0.5rem);
    width: calc(30% - 0.5rem);
    max-width: calc(30% - 0.5rem);
}

@media (max-width: 30em) {
    .registration form .form__item--multiple input:not([type='radio'])#month {
        -ms-flex-preferred-size: calc(55% - 0.5rem);
        flex-basis: calc(55% - 0.5rem);
        width: calc(55% - 0.5rem);
        max-width: calc(55% - 0.5rem);
    }
}

.registration form .form__item > label {
    -ms-flex-preferred-size: 14rem;
    flex-basis: 14rem;
    text-align: right;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 2rem;
}

@media (max-width: 30em) {
    .registration form .form__item > label {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 1.5rem;
        margin-right: 0;
        text-align: left;
    }
}

.registration form .form__item input:not([type='radio']):not([type='checkbox']) {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 100%;
    max-width: calc(100% - 16rem);
    border: 1px solid #bc9275;
    color: #bc9275;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.75);
}

@media (max-width: 30em) {
    .registration form .form__item input:not([type='radio']):not([type='checkbox']) {
        max-width: 100%;
    }
}

.registration form .form__item label[for='accept_all'] {
    color: #717171;
}

.registration form .form__item .radio__button {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    text-align: left;
}

.registration form .form__item .radio__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: calc(100% - 16rem);
}

@media (max-width: 30em) {
    .registration form .form__item .radio__buttons {
        width: 100%;
    }
}

.registration .facebook__login {
    margin-top: 4rem;
}

.registration .facebook__login .btn {
    border: 2px solid white;
    color: white;
    background-color: transparent;
}

@media (max-width: 30em) {
    .registration .facebook__login .btn {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.registration__icon {
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 3rem 0 2.5rem;
    -ms-flex-preferred-size: 10rem;
    flex-basis: 10rem;
}

.registration__icon svg {
    height: 40px;
    width: 45px;
}

.registration__icon span {
    display: block;
    margin-top: 1rem;
    color: #8e8e8e;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.registration__icons {
    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;
}

.filter {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.filter button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    padding: 1rem 1.5rem;
    font-weight: 500;
    border: 0;
    border-radius: 20px;
    background-color: #0e0e0e;
    color: #fff;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
    margin-right: 1.5rem;
}

@media (max-width: 75em) {
    .filter button {
        padding: 1rem;
        margin-right: 1rem;
    }
}

@media (max-width: 30em) {
    .filter button {
        background-color: #fff;
        color: #0e0e0e;
    }
}

.filter button:hover {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    background-color: #bc9275;
    color: #fff;
}

.filter button:hover::after {
    border-color: #bc9275 transparent transparent transparent !important;
}

.filter button:hover svg path,
.filter button:hover svg circle {
    fill: #fff;
    stroke: #fff !important;
}

.filter button::after {
    content: '';
    position: absolute;
    top: 98%;
    left: calc(50% - 2.5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #0e0e0e transparent transparent transparent;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

@media (max-width: 30em) {
    .filter button::after {
        border-color: #fff transparent transparent transparent;
    }
}

.filter button.active {
    background-color: #bc9275;
    color: #fff;
}

.filter button.active::after {
    border-color: #bc9275 transparent transparent transparent;
}

.filter button.active svg path,
.filter button.active svg circle {
    fill: #0e0e0e;
    stroke: #0e0e0e !important;
}

@media (max-width: 30em) {
    .filter button.active svg path,
    .filter button.active svg circle {
        fill: #fff;
        stroke: #fff !important;
    }
}

.filter button span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.filter button svg {
    position: absolute;
    top: 50%;
    left: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.8rem;
}

.filter button svg + span {
    padding-left: 2.5rem;
}

.filter button svg path {
    fill: #fff;
}

@media (max-width: 30em) {
    .filter button svg path {
        fill: #0e0e0e;
    }
}

.filter button svg circle {
    stroke: #fff !important;
    fill: #fff;
}

@media (max-width: 30em) {
    .filter button svg {
        stroke: #0e0e0e !important;
        fill: #0e0e0e;
    }
}

.filters {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 815px;
    overflow-y: auto;
    padding-bottom: 5px;
    margin-right: 1rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.filters::-webkit-scrollbar {
    display: none;
}

.filters__container {
    padding: 1.5rem 0 1rem;
}

@media (max-width: 30em) {
    .filters__container {
        padding: 1.25rem 0 0.75rem;
        background-color: #282828;
    }
}

.filters__wrap {
    position: relative;
    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;
    max-width: 128rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
}

@media (max-width: 30em) {
    .filters__wrap {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.filters__wrap::before,
.filters__wrap::after {
    content: '';
    position: absolute;
    z-index: 9;
    top: 0;
    width: 4.5rem;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 30em) {
    .filters__wrap::before,
    .filters__wrap::after {
        opacity: 1;
    }
}

.filters__wrap::before {
    left: 1rem;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#282828),
            color-stop(50%, rgba(40, 40, 40, 0.7)),
            to(rgba(40, 40, 40, 0))
    );
    background: linear-gradient(to right, #282828 0%, rgba(40, 40, 40, 0.7) 50%, rgba(40, 40, 40, 0) 100%);
}

.filters__wrap::after {
    right: 7rem;
    background: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#282828),
            color-stop(50%, rgba(40, 40, 40, 0.7)),
            to(rgba(40, 40, 40, 0))
    );
    background: linear-gradient(to left, #282828 0%, rgba(40, 40, 40, 0.7) 50%, rgba(40, 40, 40, 0) 100%);
}

.search {
    position: relative;
    margin-left: auto;
    -ms-flex-preferred-size: 5rem;
    flex-basis: 5rem;
    min-width: 5rem;
    text-align: center;
}

.search__main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 0;
}

@media (max-width: 30em) {
    .search__main {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.search__btn {
    position: relative;
    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;
    background-color: #0e0e0e;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 0;
}

@media (max-width: 30em) {
    .search__btn {
        top: -2.5px;
        width: 32px;
        height: 32px;
        background-color: #fff;
        margin: 0 auto;
    }
}

.search__btn::after {
    content: '';
    position: absolute;
    top: 97%;
    left: 35%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #0e0e0e transparent transparent transparent;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

@media (max-width: 30em) {
    .search__btn::after {
        border-color: #fff transparent transparent transparent;
    }
}

.search__btn svg {
    width: 1.8rem;
    height: 1.8rem;
}

.search__btn svg > * {
    fill: #bc9275;
}

.search__dropdown {
    position: absolute;
    display: none;
    z-index: 2;
    top: 5rem;
    right: 0;
    background-color: rgba(29, 29, 29, 0.95);
    width: 56rem;
    padding: 0 1.5rem;
    text-transform: uppercase;
    font-size: 1.1rem;
}

@media (max-width: 36em) {
    .search__dropdown {
        width: calc(100vw - 4rem);
    }
}

.search__dropdown__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.9rem 0;
    border-bottom: 1px solid #5e5e5e;
}

@media (max-width: 36em) {
    .search__dropdown__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.search__dropdown__row:nth-child(6) {
    border: 0;
}

.search__dropdown__title {
    position: relative;
    color: #8d8d8d;
    padding-right: 3rem;
    width: 9.5rem;
}

@media (max-width: 36em) {
    .search__dropdown__title {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 1rem;
    }
}

.search__dropdown__title::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #3d3d3d;
}

@media (max-width: 36em) {
    .search__dropdown__title::after {
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
    }
}

.search__dropdown__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1.5rem;
}

@media (max-width: 36em) {
    .search__dropdown__item {
        margin-bottom: 1rem;
    }
}

.search__dropdown__items {
    max-width: 100%;
    overflow-x: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.search__dropdown__items::-webkit-scrollbar {
    display: none;
}

@media (max-width: 36em) {
    .search__dropdown__items {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.search__dropdown__items a {
    color: white;
}

.search__dropdown__items a.active,
.search__dropdown__items a:hover {
    color: #bc9275;
}

.search__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 1rem;
}

.search__actions .btn {
    color: #bc9275;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    font-weight: 500;
    margin-left: auto;
    border: 2px solid #4a4137;
    color: #4a4137;
    background-color: transparent;
}

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

@media (max-width: 62em) {
    .search__detailed {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.search__detailed__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.search__sidebar {
    -ms-flex-preferred-size: 30rem;
    flex-basis: 30rem;
    margin-right: 2rem;
}

@media (max-width: 62em) {
    .search__sidebar {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 0;
    }
}

.search__sidebar__toggle {
    display: none;
    width: 16px;
    margin-left: 5px;
}

@media (max-width: 62em) {
    .search__sidebar__toggle {
        display: block;
    }
}

.search__sidebar__toggle__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search__sidebar__toggle__text .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.search__sidebar__inner {
    position: relative;
    background-color: white;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    padding: 2rem 2rem 3.5rem;
    border-radius: 4px;
}

@media (max-width: 62em) {
    .search__sidebar__inner {
        position: fixed;
        z-index: 3;
        top: 0;
        right: 0;
        width: 320px;
        padding-top: 70px;
        height: 100vh;
        overflow-x: auto;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    .search__sidebar__inner.active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform ease 0.3s;
        transition: -webkit-transform ease 0.3s;
        transition: transform ease 0.3s;
        transition: transform ease 0.3s, -webkit-transform ease 0.3s;
    }
}

.search__sidebar__inner .search__sidebar__toggle {
    position: absolute;
    top: 60px;
    left: 10px;
    border: 0;
    background: none;
}

.search__sidebar__inner .back-to-top {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    background: none;
    border: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #bc9275;
}

@media (max-width: 62em) {
    .search__sidebar__inner .back-to-top {
        display: none;
    }
}

.search__sidebar__inner .back-to-top svg {
    width: 16px;
    height: 11px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 1rem;
}

.search__sidebar__inner .back-to-top svg path {
    fill: #bc9275;
}

.search__sidebar__header {
    text-align: center;
    padding: 0 0 2rem;
    margin-bottom: 1rem;
}

@media (max-width: 62em) {
    .search__sidebar__header {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -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;
    }
}

.search__sidebar__header .btn {
    padding: 1rem;
    font-size: 1.1rem;
    width: 17rem;
}

.search__sidebar__header .btn--outline {
    padding: 0.8rem;
    border: 2px solid #000;
    color: #000;
    background-color: transparent;
}

.search__sidebar__header .btn:not(:last-of-type) {
    margin-bottom: 1rem;
}

.search__sidebar__dropdown {
    margin-bottom: 2.5rem;
}

@media (max-width: 62em) {
    .search__sidebar__dropdown {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.search__sidebar__dropdown__header {
    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;
    cursor: pointer;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.search__sidebar__dropdown__header.active .search__sidebar__dropdown__header__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.search__sidebar__dropdown__header.active .search__sidebar__dropdown__header__arrow svg path {
    fill: #bc9275;
}

.search__sidebar__dropdown__header h4 {
    text-transform: uppercase;
    font-size: 1.5rem;
}

.search__sidebar__dropdown__header__arrow {
    display: block;
    width: 16px;
    height: 11px;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.search__sidebar__dropdown__header__arrow svg {
    width: 100%;
    height: 100%;
}

.search__sidebar__dropdown__inner {
    display: none;
}

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

.search__sidebar__dropdown__inner__row:not(:last-of-type) {
    margin-bottom: 1.5rem;
}

.search__sidebar__dropdown__inner__row > label {
    font-size: 1.5rem;
    font-weight: 700;
}

.search__sidebar__dropdown__inner__row .checkbox__toggle input:checked ~ label .checkbox__toggle__thumb {
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
}

.search__sidebar__dropdown__inner__row .checkbox__toggle label::before {
    margin-right: 0;
    width: 50px;
    height: 26px;
}

.search__sidebar__dropdown__inner__row .checkbox__toggle__thumb img {
    height: 36px;
}

.search__sidebar__dropdown__inner__row input[type='text'] {
    background-color: #f4f2f0;
}

.search__sidebar__dropdown__inner__row .styled__select {
    width: 100%;
}

.search__sidebar__dropdown__inner__group {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.search__sidebar__dropdown__inner__group:nth-child(odd) > label {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 1rem;
}

.search__sidebar__dropdown__inner__group:nth-child(even) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.search__sidebar__dropdown__inner__group:nth-child(even) > label {
    text-align: right;
    margin-right: 1rem;
}

.search__sidebar__dropdown__inner__group > label {
    font-size: 1.5rem;
    font-weight: 700;
}

@media (max-width: 62em) {
    .search__locations {
        margin-top: 4rem;
    }
}

.search__locations__title {
    display: block;
    position: relative;
}

.search__locations__title::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dad9d7;
}

.search__locations__title .title {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f2f0;
    z-index: 1;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 2rem;
}

.search__locations__title .title img {
    margin-right: 1rem;
}

.search__locations__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.5rem;
    margin-bottom: 2rem;
    max-height: 17rem;
    overflow: auto;
}

.search__locations__item {
    position: relative;
    -ms-flex-preferred-size: calc(20% - 1.5rem);
    flex-basis: calc(20% - 1.5rem);
    height: 7rem;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 1.5rem;
    margin-top: 1.5rem;
}

@media (max-width: 90em) and (min-width: 62em) {
    .search__locations__item {
        -ms-flex-preferred-size: calc(25% - 1.5rem);
        flex-basis: calc(25% - 1.5rem);
    }
}

@media (max-width: 36em) and (min-width: 22.8em) {
    .search__locations__item {
        -ms-flex-preferred-size: calc(33.333% - 1.5rem);
        flex-basis: calc(33.333% - 1.5rem);
    }
}

@media (max-width: 22.8em) {
    .search__locations__item {
        -ms-flex-preferred-size: calc(50% - 1.5rem);
        flex-basis: calc(50% - 1.5rem);
    }
}

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

.search__locations__overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 23, 23, 0.7);
}

.search__locations__overlay img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.search__locations__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 2;
    color: white;
    height: 100%;
    width: 100%;
    padding: 1rem;
}

.search__locations__content h3 {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}

.search__locations__content .count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
}

.search__locations__content .count svg {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 0.5rem;
}

.search__locations__content .count svg > * {
    fill: #bc9275;
}

.options__card {
    position: relative;
    -ms-flex-preferred-size: calc(100% / 5 - 1rem);
    flex-basis: calc(100% / 5 - 1rem);
    margin: 0 0.5rem 1rem;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

@media (max-width: 90em) {
    .options__card {
        -ms-flex-preferred-size: calc(100% / 4 - 1rem);
        flex-basis: calc(100% / 4 - 1rem);
    }
}

@media (max-width: 62em) {
    .options__card {
        -ms-flex-preferred-size: calc(100% / 3 - 1rem);
        flex-basis: calc(100% / 3 - 1rem);
    }
}

@media (max-width: 36em) {
    .options__card {
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem);
    }
}

.options__card:hover {
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.options__card:hover .options__card__icon svg path,
.options__card:hover polygon {
    fill: white !important;
}

.options__card:hover .arrow {
    opacity: 1;
}

.options__card .arrow {
    position: absolute;
    top: 1rem;
    right: 1rem;
    opacity: 0;
    -webkit-transition: opacity ease-out 0.3s;
    transition: opacity ease-out 0.3s;
}

.options__card a {
    display: block;
    padding: 8rem 2.5rem 3rem;
}

@media (max-width: 48em) {
    .options__card a {
        padding: 5rem 1.5rem 2rem;
    }
}

.options__card__icon {
    display: block;
    text-align: center;
    margin-bottom: 5rem;
}

@media (max-width: 48em) {
    .options__card__icon {
        margin-bottom: 3rem;
    }
}

.options__card__icon svg {
    width: 4.5rem;
    height: 4.5rem;
}

.options__card__icon svg path {
    -webkit-transition: fill ease-out 0.3s;
    transition: fill ease-out 0.3s;
}

.options__card__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    color: #1b1b1b;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2;
    min-height: 36px;
}

.options__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1rem;
}

.options__panel {
    background-color: white;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    padding: 3rem 2.5rem;
    border-radius: 4px;
}

@media (max-width: 30em) {
    .options__panel {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.options__panel--dark {
    background-color: #1b1b1b;
}

.options__panel--dark .options__panel__header {
    border-color: #363636;
}

.options__panel--dark .options__table__row {
    border-color: #363636 !important;
}

.options__panel--pure {
    padding: 2.5rem;
}

@media (max-width: 30em) {
    .options__panel--pure {
        padding: 1.5rem;
    }
}

.options__panel__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #bc9275;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 1.5rem;
    margin-bottom: 2.5rem;
}

@media (max-width: 30em) {
    .options__panel__header {
        margin-bottom: 1.5rem;
    }
}

.options__panel__header--pure {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.options__panel__header--primary p {
    color: #bc9275;
}

.options__panel__header--primary p span {
    color: #1c1c1c;
}

.options__panel__header p {
    margin-left: 1rem;
    line-height: 1.3;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.options__panel__header svg {
    width: 2rem;
    height: 2rem;
}

.options__panel__header svg > * {
    fill: #bc9275;
}

.options__table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 30em) {
    .options__table__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.options__table__row:not(:first-of-type) .options__table__row__head {
    display: none;
}

@media (max-width: 30em) {
    .options__table__row:not(:first-of-type) .options__table__row__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.options__table__row:not(:last-of-type) {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.options__table__row__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 3rem;
}

@media (max-width: 30em) {
    .options__table__row__head {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 1rem;
        margin-top: 2rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.options__table__row__head .title {
    -ms-flex-preferred-size: 21.5%;
    flex-basis: 21.5%;
    text-align: right;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 30em) {
    .options__table__row__head .title {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        text-align: center;
    }
}

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

@media (max-width: 30em) {
    .options__table__row__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 1rem;
    }
}

.options__table__row__content > label {
    margin-right: auto;
    font-size: 1.4rem;
    font-weight: 500;
}

@media (max-width: 30em) {
    .options__table__row__content > label {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
        margin-bottom: 1.5rem;
    }
}

.options__form {
    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;
}

.options__form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 2rem;
}

@media (max-width: 36em) {
    .options__form__row {
        margin-bottom: 3rem;
    }
}

.options__form__row:nth-child(1) label {
    font-weight: 500;
}

.options__form__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 30rem;
}

@media (max-width: 36em) {
    .options__form__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 90%;
    }
}

.options__form__item label {
    position: absolute;
    top: 50%;
    left: -11.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10rem;
    text-align: right;
    font-size: 1.4rem;
    font-weight: 700;
}

@media (max-width: 36em) {
    .options__form__item label {
        position: static;
        top: unset;
        left: unset;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        text-align: center;
        width: 100%;
        margin-bottom: 1rem;
    }
}

.options__form__item input {
    border: 1px solid #bc9275;
    width: 100%;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.options__form__item .input__hint {
    position: absolute;
    top: 50%;
    right: -9.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8rem;
    font-size: 1.2rem;
    font-weight: 500;
}

@media (max-width: 36em) {
    .options__form__item .input__hint {
        position: static;
        top: unset;
        right: unset;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%;
        text-align: center;
        margin-top: 1rem;
    }
}

.options__delete {
    text-align: center;
    margin-top: 1rem;
}

@media (max-width: 30em) {
    .options__delete {
        margin-top: 2.5rem;
    }
}

.options__delete .btn {
    margin: 0 1rem;
}

@media (max-width: 30em) {
    .options__delete .btn {
        width: 100%;
        margin: 0 0 2rem;
    }
    .options__delete .btn:last-of-type {
        margin-bottom: 0;
    }
}

.options__transaction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    margin-top: 2rem;
    border-radius: 4px;
    padding: 3rem;
}

.options__transaction__title {
    position: relative;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.options__transaction__title::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e4e4e4;
}

.options__transaction__title span {
    position: relative;
    z-index: 2;
    background-color: white;
    padding-right: 1rem;
}

.options__transaction__details {
    margin-right: auto;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
}

@media (max-width: 48em) {
    .options__transaction__details {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 1.5rem;
    }
}

.options__transaction__details p {
    display: inline-block;
    font-weight: 500;
    font-size: 1.4rem;
    margin-right: 2rem;
}

.options__transaction__details p:not(:last-of-type) {
    margin-bottom: 1rem;
}

.options__transaction__price {
    font-size: 2.8rem;
    font-weight: 900;
    margin-right: 1.5rem;
}

.options__transaction__status {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.6rem 1.6rem;
    font-size: 1.2rem;
    font-weight: 500;
    -ms-flex-preferred-size: 20rem;
    flex-basis: 20rem;
    text-transform: uppercase;
    border-radius: 1.6rem;
    min-height: 3rem;
}

@media (max-width: 30em) {
    .options__transaction__status {
        margin-top: 1.5rem;
    }
}

.options__transaction__status--inprogress {
    background-color: #d8b38c;
    color: #614528;
}

.options__transaction__status--inprogress svg path {
    fill: #614528;
}

.options__transaction__status--finished {
    background-color: #c1e1a5;
    color: #4f6b36;
}

.options__transaction__status--finished svg path {
    fill: #4f6b36;
}

.options__transaction__status--denied {
    background-color: #e17686;
    color: #fff;
}

.options__transaction__status--denied svg path {
    fill: #fff;
}

.options__transaction__status span {
    margin-left: 0.8rem;
}

.options__transaction__status svg {
    width: 2rem;
    max-height: 1.8rem;
}

.options__subscriptions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2rem;
}

.options__subscriptions__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: calc(33.333% - 1rem);
    flex-basis: calc(33.333% - 1rem);
    background-color: #282828;
    overflow: hidden;
    color: white;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    border-radius: 4px;
}

@media (max-width: 48em) {
    .options__subscriptions__card {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 2.5rem;
    }
}

.options__subscriptions__card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem;
    height: 9rem;
}

.options__subscriptions__card__header--spotlight h3 {
    border: 2px solid #bc9275;
    padding: 3px 1.5rem 6px;
    border-radius: 20px;
    line-height: 1;
}

.options__subscriptions__card__header svg {
    width: 5rem;
    margin-right: 1.5rem;
}

@media (max-width: 62em) {
    .options__subscriptions__card__header svg {
        width: 4rem;
    }
}

.options__subscriptions__card__header h3 {
    font-size: 2.7rem;
    font-weight: 500;
}

@media (max-width: 62em) {
    .options__subscriptions__card__header h3 {
        font-size: 2.5rem;
    }
}

.options__subscriptions__card__header h3 span {
    font-weight: 300;
}

.options__subscriptions__card__decoration {
    position: relative;
    margin: 1rem 0 3rem;
    width: 100%;
    height: 1px;
    background-color: #bc9275;
}

.options__subscriptions__card__decoration::before,
.options__subscriptions__card__decoration::after {
    content: '';
    position: absolute;
    z-index: 4;
    top: 0;
    width: 25%;
    height: 100%;
    pointer-events: none;
}

@media (max-width: 30em) {
    .options__subscriptions__card__decoration::before,
    .options__subscriptions__card__decoration::after {
        display: none;
    }
}

.options__subscriptions__card__decoration::after {
    left: -5px;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#282828),
            color-stop(60%, rgba(40, 40, 40, 0.95)),
            to(rgba(40, 40, 40, 0))
    );
    background: linear-gradient(to right, #282828 0%, rgba(40, 40, 40, 0.95) 60%, rgba(40, 40, 40, 0) 100%);
}

.options__subscriptions__card__decoration::before {
    right: -5px;
    background: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#282828),
            color-stop(60%, rgba(40, 40, 40, 0.95)),
            to(rgba(40, 40, 40, 0))
    );
    background: linear-gradient(to left, #282828 0%, rgba(40, 40, 40, 0.95) 60%, rgba(40, 40, 40, 0) 100%);
}

.options__subscriptions__card__decoration svg {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5rem;
    background-color: #282828;
    padding: 0 1rem;
}

.options__subscriptions__card__decoration svg path {
    fill: #bc9275;
}

.options__subscriptions__card__content {
    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;
    padding: 0 2.5rem 2rem;
    margin-top: auto;
}

.options__subscriptions__card__content p {
    text-transform: uppercase;
    margin-bottom: 2rem;
    text-align: center;
    line-height: 1.4;
}

.options__subscriptions__card__content p span {
    color: #bc9275;
    font-weight: 700;
}

.options__subscriptions__card__content .btn {
    padding: 1rem 2.5rem;
}

.notification {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: white;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin-bottom: 1rem;
    padding: 3rem;
}

@media (max-width: 36em) {
    .notification {
        padding: 2rem 1.5rem;
    }
}

.notification--new {
    background-color: #282828;
}

.notification--new .notification__dissmiss button::after,
.notification--new .notification__dissmiss button::before {
    background-color: white;
}

.notification--new .notification__header::after {
    background-color: #414141;
}

.notification--new .notification__header span {
    background-color: #282828;
}

.notification--new .notification__header span.name {
    color: white;
}

.notification--new .notification__details p {
    color: white;
}

.notification--new .notification__status p {
    font-size: 1.6rem;
}

.notification--new .notification__status p span {
    font-size: 1.2rem;
}

.notification__dissmiss {
    position: absolute;
    top: 1.25rem;
    right: 0.25rem;
}

@media (max-width: 36em) {
    .notification__dissmiss {
        top: 0.8rem;
        right: 1rem;
    }
}

.notification__dissmiss button {
    border: 0;
    background: none;
    width: 1.5rem;
    height: 1.5rem;
}

.notification__dissmiss button::after,
.notification__dissmiss button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 1.5rem;
    background-color: #1b1b1b;
}

.notification__dissmiss button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.notification__dissmiss button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.notification__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem;
}

.notification__header::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e4e4e4;
}

@media (max-width: 30em) {
    .notification__header::after {
        display: none;
    }
}

.notification__header span {
    position: relative;
    z-index: 2;
    background-color: white;
}

.notification__header span.name {
    font-size: 1.6rem;
    font-weight: 900;
    text-transform: uppercase;
    padding-right: 1rem;
}

.notification__header span.notify {
    font-size: 1.4rem;
    font-weight: 500;
    color: #bc9275;
    padding-right: 4rem;
}

@media (max-width: 36em) {
    .notification__header span.notify {
        padding-right: 2rem;
    }
}

.notification__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2rem;
    -ms-flex-item-align: center;
    align-self: center;
}

.notification__details p {
    font-weight: 500;
}

.notification__details p:first-of-type::after {
    content: '/';
    margin-left: 1rem;
    margin-right: 1rem;
}

.notification__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 30em) {
    .notification__status {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 1.5rem;
    }
}

.notification__status svg {
    margin-right: 1rem;
    width: 1.8rem;
}

.notification__status svg path {
    fill: #bc9275;
}

.notification__status p {
    font-size: 1.2rem;
    font-weight: 500;
    color: #bc9275;
    text-transform: uppercase;
}

.notification__status p span {
    margin-left: 0.5rem;
}

.credit__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #282828;
    color: white;
    padding: 2.5rem 4.5rem;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    margin-bottom: 1rem;
}

@media (max-width: 36em) {
    .credit__header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.credit__mycredits {
    position: relative;
    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;
    -ms-flex-preferred-size: 21rem;
    flex-basis: 21rem;
    border: 1px solid #4d433b;
    border-radius: 50%;
    height: 21rem;
    padding: 3rem;
}

@media (max-width: 36em) {
    .credit__mycredits {
        margin: 0 auto;
    }
}

.credit__mycredits::before {
    content: '';
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    border: 1px solid #4d433b;
    border-radius: 50%;
}

.credit__mycredits .count {
    font-size: 5rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.credit__mycredits .text {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
}

.credit__details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 6rem;
}

@media (max-width: 36em) {
    .credit__details {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
}

.credit__details__title {
    font-size: 2.1rem;
    margin-bottom: 3rem;
    font-weight: 500;
}

.credit__details p {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
}

.credit__actions {
    margin-top: 2.5rem;
}

.credit__actions .btn {
    padding: 1rem 2rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.credit__actions .btn--white {
    color: #282828;
}

.credit__actions .btn--primary {
    color: #1b1b1b;
}

.credit__card {
    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;
    -ms-flex-preferred-size: calc(25% - 1rem);
    flex-basis: calc(25% - 1rem);
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    margin: 0 0.5rem 1rem;
    padding: 5.5rem 3rem 2.5rem;
}

@media (max-width: 90em) {
    .credit__card {
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem);
    }
}

@media (max-width: 36em) {
    .credit__card {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.credit__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.5rem;
}

@media (max-width: 36em) {
    .credit__cards {
        margin: 0;
    }
}

@media (max-width: 90em) {
    .credit__cards {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.credit__card__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 16rem;
    height: 16rem;
    padding: 4rem;
    border: 2px solid #efe4dd;
    border-radius: 50%;
    margin-bottom: 4.5rem;
}

.credit__card__icon svg {
    width: 100%;
    height: 100%;
}

.credit__card__title {
    font-weight: 500;
    font-size: 2.1rem;
    margin-bottom: 2.5rem;
    text-align: center;
}

.credit__card__text {
    line-height: 1.2;
    text-align: center;
}

.credit__card__action {
    margin-top: auto;
    padding-top: 6rem;
}

.visitor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 2rem;
    margin-bottom: 1rem;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

@media (max-width: 62em) {
    .visitor {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-preferred-size: calc(50% - 0.5rem);
        flex-basis: calc(50% - 0.5rem);
    }
}

@media (max-width: 36em) {
    .visitor {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.visitor:hover {
    background-color: #282828;
}

.visitor:hover .visitor__details__datas .name,
.visitor:hover .visitor__details__location span,
.visitor:hover .visitor__info .title {
    color: white;
}

.visitor:hover .visitor__buttons .btn svg path {
    fill: #1b1b1b;
}

.visitors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 8rem;
}

@media (max-width: 62em) {
    .visitors {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 30em) {
    .visitors {
        margin-bottom: 5rem;
    }
}

.visitor__img {
    position: relative;
    -ms-flex-preferred-size: 6rem;
    flex-basis: 6rem;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    border: 2px solid #5e5e5e;
    overflow: hidden;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
    margin-right: 2rem;
}

@media (max-width: 62em) {
    .visitor__img {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-right: 0;
        height: 6.5rem;
        margin-bottom: 1rem;
    }
}

.visitor__img:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.visitor__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.visitor__details {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

.visitor__details svg {
    height: 1.8rem;
    margin-right: 1rem;
}

.visitor__details svg path {
    fill: #bc9275;
}

.visitor__details__datas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

@media (max-width: 62em) {
    .visitor__details__datas {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.visitor__details__datas .name {
    font-size: 1.8rem;
    color: #1b1b1b;
    margin-right: 1.5rem;
}

.visitor__details__datas .name:hover {
    color: #bc9275;
}

.visitor__details__datas .age {
    font-size: 1.8rem;
    color: #bc9275;
    margin-right: 1rem;
}

.visitor__details__datas .status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.visitor__details__datas .status--inactive {
    opacity: 0.5;
}

@media (max-width: 62em) {
    .visitor__details__location {
        text-align: center;
        margin-bottom: 1rem;
    }
}

.visitor__details__location span {
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #1b1b1b;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

.visitor__details__location span:first-of-type::after {
    content: '/';
    margin: 0 0.5rem;
}

.visitor__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.visitor__info:first-of-type {
    margin-bottom: 1.5rem;
}

@media (max-width: 62em) {
    .visitor__info:first-of-type {
        margin-bottom: 1rem;
    }
}

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

.visitor__info svg {
    display: block;
    width: 20px;
    margin-right: 1.5rem;
}

.visitor__info svg path {
    fill: #bc9275;
}

.visitor__info .title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-right: 1rem;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

.visitor__info .value {
    font-size: 1.4rem;
    font-weight: 500;
    color: #bc9275;
}

@media (max-width: 62em) {
    .visitor__actions {
        margin-top: 2rem;
    }
}

.visitor__actions .title {
    display: inline-block;
    color: #8d8d8d;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.visitor__buttons .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem;
}

.visitor__buttons .btn:first-of-type {
    margin-right: 1rem;
}

.visitor__buttons .btn svg {
    width: 1.8rem;
    margin-right: 1rem;
}

.visitor__buttons .btn svg path {
    fill: white;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

.match {
    position: relative;
    background-color: #1b1b1b;
    min-height: 100vh;
}

.match__browser {
    padding-bottom: 15rem;
    height: calc(100vh - 166px);
    min-height: 780px;
    max-width: 70rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
}

@media (min-width: 62em) {
    .match__browser {
        height: calc(100vh - 88px);
    }
}

@media (max-width: 36em) {
    .match__browser {
        height: auto;
        min-height: auto;
        padding-bottom: 0rem;
    }
}

@media (max-width: 30em) {
    .match__browser {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
}

.match__browser__dissmiss {
    position: absolute;
    top: 3rem;
    right: 3rem;
}

.match__browser__dissmiss button {
    position: relative;
    display: block;
    height: 4rem;
    width: 4rem;
    border: 0;
    background: transparent;
}

.match__browser__dissmiss button::after,
.match__browser__dissmiss button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.7rem;
    height: 4rem;
    background-color: #fff;
}

.match__browser__dissmiss button::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.match__browser__dissmiss button::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.match__browser__title {
    text-align: center;
    padding-top: 7rem;
    margin-bottom: 2.5rem;
}

@media (max-width: 36em) {
    .match__browser__title {
        padding-top: 2rem;
    }
}

.match__browser__container {
    position: relative;
}

.match__browser__container::before,
.match__browser__container::after {
    content: '';
    position: absolute;
    z-index: 4;
    top: 0;
    width: 30%;
    height: 100%;
    pointer-events: none;
}

@media (max-width: 36em) {
    .match__browser__container::before,
    .match__browser__container::after {
        width: 4rem;
    }
}

@media (max-width: 22.8em) {
    .match__browser__container::before,
    .match__browser__container::after {
        width: 2rem;
    }
}

.match__browser__container::after {
    left: -5px;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#1c1c1c),
            color-stop(60%, rgba(28, 28, 28, 0.75)),
            to(rgba(28, 28, 28, 0))
    );
    background: linear-gradient(to right, #1c1c1c 0%, rgba(28, 28, 28, 0.75) 60%, rgba(28, 28, 28, 0) 100%);
}

.match__browser__container::before {
    right: -5px;
    background: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#1c1c1c),
            color-stop(60%, rgba(28, 28, 28, 0.75)),
            to(rgba(28, 28, 28, 0))
    );
    background: linear-gradient(to left, #1c1c1c 0%, rgba(28, 28, 28, 0.75) 60%, rgba(28, 28, 28, 0) 100%);
}

.match__browser__decoration {
    position: relative;
    text-align: center;
}

@media (max-width: 30em) {
    .match__browser__decoration {
        display: none;
    }
}

.match__browser__decoration::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: calc(50% - 4px);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #bc9275;
}

.match__browser__decoration__icon {
    display: inline-block;
    position: relative;
    z-index: 2;
    background-color: #1b1b1b;
    padding: 0 1rem;
}

.match__browser__decoration svg {
    width: 4.5rem;
    height: 2.5rem;
}

.match__browser__decoration svg path {
    fill: #bc9275;
}

.match__browser__slide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: -webkit-transform ease-out 0.2s;
    transition: -webkit-transform ease-out 0.2s;
    transition: transform ease-out 0.2s;
    transition: transform ease-out 0.2s, -webkit-transform ease-out 0.2s;
}

.match__browser__slide.slick-current .match__browser__slide__img .slick-dots {
    display: block !important;
}

.match__browser__slide:not(.slick-current) {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.match__browser__slide:not(.slick-current) .match__browser__details {
    opacity: 0;
}

.match__browser__slide__img {
    display: block;
    position: relative;
    border-radius: 4px;
    max-height: 436px;
    max-width: 273px;
}

@media (max-width: 30em) {
    .match__browser__slide__img {
        max-height: 95vh;
        max-width: 95vw;
    }
}

.match__browser__slide__img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.match__browser__slide__img .slick-dots {
    display: none !important;
    position: absolute;
    z-index: 6;
    top: 1rem;
    right: 1rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

@media (max-width: 30em) {
    .match__browser__slide__img .slick-dots {
        right: 5rem;
    }
}

@media (max-width: 22.8em) {
    .match__browser__slide__img .slick-dots {
        right: 1.5rem;
    }
}

.match__browser__slide__img .slick-dots li.slick-active button {
    background: white;
}

.match__browser__slide__img .slick-dots li button {
    display: inline-block;
    background: none;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #665044;
}

.match__browser__slider {
    margin: 2.5rem 0;
}

@media (max-width: 62em) {
    .match__browser__slider {
        max-height: 100%;
    }
}

@media (max-width: 30em) {
    .match__browser__slider {
        margin-top: 1.5rem;
    }
}

.match__browser__slider .slick-list {
    max-width: 100%;
}

.match__browser__slider .slick-arrow {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 5;
    background: none;
    border: 0;
    padding: 0;
    font-size: 0;
}

.match__browser__slider .slick-prev {
    top: 0;
}

.match__browser__slider .slick-next {
    bottom: 0;
}

.match__browser__details {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    -webkit-transition: opacity ease-out 0.2s;
    transition: opacity ease-out 0.2s;
    text-align: center;
    background-color: rgba(23, 23, 23, 0.7);
    padding: 1.5rem;
}

.match__browser__name {
    font-size: 2.3rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.match__browser__name .age {
    color: #bc9275;
}

.match__browser__location span {
    text-transform: uppercase;
    font-size: 1.2rem;
}

.match__browser__location span:first-of-type::after {
    content: '/';
    margin: 0 0.5rem;
}

.match__browser__actions {
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 3rem;
    margin-bottom: 2.5rem;
}

@media (max-width: 30em) {
    .match__browser__actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

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

@media (max-width: 30em) {
    .match__browser__actions--featured {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        margin-bottom: 1.5rem;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

.match__browser__actions button {
    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;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #bc9275;
    border: 0;
    margin: 0 1rem;
    padding: 1rem;
}

.match__browser__actions button svg,
.match__browser__actions button img {
    max-width: 30px;
    width: 100%;
}

.match__browser__actions .next {
    border: 2px solid #bc9275;
    background-color: black;
    width: 8rem;
    height: 8rem;
}

.match__browser__actions .next path {
    fill: white;
}

.match__browser__actions .like {
    background-color: #c23449;
    width: 8rem;
    height: 8rem;
}

.match__browser__actions .like img path,
.match__browser__actions .like svg path {
    fill: white;
}

.match__browser__actions .star {
    position: relative;
    top: -1.5rem;
    border: 2px solid #bc9275;
    background-color: black;
    width: 8rem;
    height: 8rem;
}

.match__browser__actions .star img,
.match__browser__actions .star svg {
    height: 40px;
    max-width: 40px;
}

.match__browser__actions .star img *,
.match__browser__actions .star svg * {
    fill: #8f37ae;
}

.match__browser__actions__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
    padding-bottom: 4.5rem;
}

.match__browser__actions__more .action__cta {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
}

.match__browser__actions__more .btn:not(.btn--primary) {
    color: #bc9275;
    border: 2px solid #473f36;
    color: #473f36;
    background-color: transparent;
}

@media (max-width: 30em) {
    .match__browser__actions__more .btn:not(.btn--primary) {
        margin-bottom: 1.5rem;
    }
}

.match__browser__actions__more .btn {
    margin: 0 1rem;
    padding: 1rem 2rem;
    text-align: center;
}

@media (max-width: 30em) {
    .match__browser__actions__more .btn {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.match__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #808080;
}

@media (max-width: 62em) {
    .match__filter {
        margin-bottom: 2rem;
    }
}

.match__filter > label {
    text-transform: uppercase;
    font-size: 1.2rem;
}

.match__filter .rangeslider input[type='range']::-webkit-slider-runnable-track {
    height: 6px;
    background: #7a7978;
}

.match__filter .rangeslider input[type='range']::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
}

.match__filter .rangeslider input[type='range']:focus::-webkit-slider-runnable-track {
    background: #7a7978;
}

.match__filter .rangeslider input[type='range']::-moz-range-track {
    height: 6px;
    background: #7a7978;
}

.match__filter .rangeslider input[type='range']::-moz-range-thumb {
    height: 20px;
    width: 20px;
}

.match__filter .rangeslider input[type='range']::-ms-track {
    height: 6px;
}

.match__filter .rangeslider input[type='range']::-ms-fill-lower {
    background: #7a7978;
}

.match__filter .rangeslider input[type='range']::-ms-fill-upper {
    background: #7a7978;
}

.match__filter .rangeslider input[type='range']::-ms-thumb {
    height: 20px;
    width: 20px;
}

.match__filter .rangeslider input[type='range']:focus::-ms-fill-lower {
    background: #7a7978;
}

.match__filter .rangeslider input[type='range']:focus::-ms-fill-upper {
    background: #7a7978;
}

.match__filter .radio__button {
    margin: 0 1.5rem;
}

.match__filter .radio__button input:checked ~ label::before {
    border-color: #c3a17e;
}

.match__filter .radio__button label {
    font-size: 1.1rem;
    color: #808080;
    padding-left: 2.5rem;
    padding-right: 0;
}

.match__filter .radio__button label::before {
    width: 18px;
    height: 18px;
    border-color: #534536;
    left: 0;
    right: unset;
}

.match__filter .radio__button label::after {
    width: 8px;
    height: 8px;
    background-color: #c3a17e;
    left: 5px;
    right: unset;
}

.match__filters {
    background-color: black;
    padding: 3rem 2rem 3rem;
}

.match__filters__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
}

@media (max-width: 62em) {
    .match__filters__wrap {
        -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;
    }
}

@media (max-width: 30em) {
    .match__filters__wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

.match__it {
    position: relative;
    z-index: 10;
    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;
    margin: 2rem 0;
}

.match__it ~ .match__browser__actions__more {
    margin-top: 2.5rem;
}

.match__it__icon {
    margin: 0 0.5rem;
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
}

@media (max-width: 36em) {
    .match__it__icon {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: 4rem;
    }
}

.match__it__person {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.match__it__person__img {
    width: 25rem;
    height: 25rem;
    border-radius: 50%;
    border: 2px solid #bc9275;
    overflow: hidden;
    margin: 0 auto 1.5rem;
}

@media (max-width: 36em) {
    .match__it__person__img {
        width: 15rem;
        height: 15rem;
    }
}

.match__it__person__details {
    color: white;
    text-align: center;
}

.match__it__person__details .name {
    font-size: 2.2rem;
}

.match__it__person__details .age {
    color: #bc9275;
    margin-left: 1rem;
}

.match__it__person__details .info {
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-top: 0.5rem;
}

.match__it__person__details .info span:first-of-type::after {
    content: '/';
    margin: 0 0.5rem;
}

.membership {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
}

@media (max-width: 62em) {
    .membership {
        margin: 0;
    }
}

.membership__current {
    position: relative;
    background-color: #0e0e0e;
    color: white;
    border-radius: 16px;
    padding: 1rem 2rem;
    font-size: 1.1rem;
    text-transform: uppercase;
}

@media (max-width: 30em) {
    .membership__current {
        padding: 1rem;
    }
}

.membership__current::after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 2.5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #0e0e0e transparent transparent transparent;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.membership__current__wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #f4f2f0;
    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;
}

@media (max-width: 62em) {
    .membership__current__wrap {
        height: 60px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.membership__current span {
    font-weight: 700;
    color: #bc9275;
}

.membership__option {
    position: relative;
    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;
    -ms-flex-preferred-size: calc(100% / 3 - 1rem);
    flex-basis: calc(100% / 3 - 1rem);
    background-color: #282828;
    margin: 0 0.5rem;
    color: white;
    padding: 7.5rem 0 0;
    overflow: hidden;
}

@media (max-width: 62em) {
    .membership__option {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 0 1rem;
    }
}

.membership__badge {
    position: absolute;
    top: 7.5rem;
    right: -3rem;
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    color: #282828;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 0.5rem 3rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 48em) {
    .membership__badge {
        top: 9.5rem;
        right: -5rem;
        padding: 0.5rem 6rem;
    }
}

@media (max-width: 36em) {
    .membership__badge {
        padding: 0.5rem 4rem;
        right: -4rem;
    }
}

.membership__icon svg {
    height: 5rem;
}

.membership__headline {
    text-align: center;
    margin: 3.5rem 5rem 0;
}

@media (max-width: 90em) {
    .membership__headline {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
}

.membership__headline h3 {
    font-weight: 300;
    font-size: 3.2rem;
    margin-bottom: 2.5rem;
}

.membership__headline h3 span {
    font-weight: 700;
}

.membership__headline p {
    line-height: 1.2;
    font-size: 1.3rem;
}

.membership__decoration {
    position: relative;
    margin: 3rem 0;
    width: 100%;
    height: 1px;
    background-color: #bc9275;
}

.membership__decoration::before,
.membership__decoration::after {
    content: '';
    position: absolute;
    z-index: 4;
    top: 0;
    width: 25%;
    height: 100%;
    pointer-events: none;
}

@media (max-width: 30em) {
    .membership__decoration::before,
    .membership__decoration::after {
        display: none;
    }
}

.membership__decoration::after {
    left: -5px;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#282828),
            color-stop(60%, rgba(40, 40, 40, 0.95)),
            to(rgba(40, 40, 40, 0))
    );
    background: linear-gradient(to right, #282828 0%, rgba(40, 40, 40, 0.95) 60%, rgba(40, 40, 40, 0) 100%);
}

.membership__decoration::before {
    right: -5px;
    background: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#282828),
            color-stop(60%, rgba(40, 40, 40, 0.95)),
            to(rgba(40, 40, 40, 0))
    );
    background: linear-gradient(to left, #282828 0%, rgba(40, 40, 40, 0.95) 60%, rgba(40, 40, 40, 0) 100%);
}

.membership__decoration svg {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5rem;
    background-color: #282828;
    padding: 0 1rem;
}

.membership__decoration svg path {
    fill: #bc9275;
}

.membership__details {
    width: 100%;
    padding: 0 5rem;
    margin-bottom: 3rem;
}

@media (max-width: 90em) {
    .membership__details {
        padding: 0 2.5rem;
    }
}

.membership__details ul {
    list-style: none;
}

.membership__details li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.membership__details li:not(:last-of-type) {
    border-bottom: 1px solid #5e5e5e;
}

.membership__details li svg {
    width: 18px;
    margin-right: 1rem;
}

.membership__details li svg path {
    fill: #bc9275;
}

.membership__details .text {
    font-size: 1.1rem;
}

.membership__details .text .hint {
    display: block;
    color: #bc9275;
    text-transform: none;
    margin-top: 0.5rem;
}

.membership__actions {
    margin-top: auto;
    width: 100%;
    text-align: center;
}

.membership__actions .btn {
    padding: 1rem 3rem;
    font-size: 1rem;
    margin-bottom: 3rem;
}

.membership__actions--premium {
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    padding: 3rem 2.5rem 0;
}

.membership__premium {
    margin-bottom: 2rem;
}

.membership__premium span {
    display: block;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 0.5rem;
}

.membership__premium span:nth-child(1) {
    text-transform: uppercase;
}

.membership__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 48em) {
    .membership__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.membership__informations {
    -ms-flex-preferred-size: 66%;
    flex-basis: 66%;
    background-color: white;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    padding: 6rem;
    margin-right: 1rem;
    border-radius: 4px;
}

@media (max-width: 48em) {
    .membership__informations {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        margin-right: 0;
        padding: 3rem;
    }
}

.membership__informations p {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 5rem;
}

.membership__informations h2 {
    font-size: 3.7rem;
    color: #bc9275;
    font-weight: 500;
    margin-bottom: 2rem;
}

.membership__informations ul {
    list-style: none;
    margin: 6rem 3rem 0;
}

.membership__informations ul li {
    position: relative;
    padding-left: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
}

.membership__informations ul li:not(:last-of-type) {
    margin-bottom: 3rem;
}

.membership__informations ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.1rem;
    margin-left: -3rem;
    margin-bottom: 1rem;
}

.membership__informations ul li .title svg {
    width: 2rem;
    margin-right: 1rem;
}

.membership__informations ul li .title svg > * {
    fill: #bc9275;
}

.membership__card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #1c1c1c;
    text-align: center;
    border-radius: 4px;
    padding: 3rem;
    color: white;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
}

@media (max-width: 48em) {
    .membership__card {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        margin-bottom: 2rem;
    }
}

.membership__card .membership__decoration::after {
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#1c1c1c),
            color-stop(60%, rgba(28, 28, 28, 0.95)),
            to(rgba(28, 28, 28, 0))
    );
    background: linear-gradient(to right, #1c1c1c 0%, rgba(28, 28, 28, 0.95) 60%, rgba(28, 28, 28, 0) 100%);
}

.membership__card .membership__decoration::before {
    background: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#1c1c1c),
            color-stop(60%, rgba(28, 28, 28, 0.95)),
            to(rgba(28, 28, 28, 0))
    );
    background: linear-gradient(to left, #1c1c1c 0%, rgba(28, 28, 28, 0.95) 60%, rgba(28, 28, 28, 0) 100%);
}

.membership__card .membership__decoration svg {
    background-color: #1c1c1c;
}

.membership__card__icon {
    margin: 3rem auto 0.5rem;
}

.membership__card__icon svg {
    max-width: 8rem;
    max-height: 6rem;
}

.membership__card__icon svg > * {
    fill: #bc9275;
}

.membership__card__title {
    font-size: 2rem;
    font-weight: 300;
}

.membership__card__price {
    font-size: 3.5rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #bc9275;
    margin-bottom: 1.5rem;
}

.membership__card__content p {
    font-size: 1.6rem;
    line-height: 1.5;
}

.membership__card__content h4 {
    text-transform: uppercase;
    font-size: 1.7rem;
    font-weight: 500;
    margin: 2rem 0;
    color: #bc9275;
    line-height: 1.4;
}

.membership__card__content ul {
    list-style: none;
    text-align: left;
}

.membership__card__content ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #a7a7a7;
    font-size: 1.4rem;
    line-height: 1.4;
}

.membership__card__content ul li:not(:last-of-type) {
    border-bottom: 1px solid #5e5e5e;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.membership__card__content ul li span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.membership__card__content ul li svg {
    width: 1.8rem;
    margin-right: 1rem;
}

.membership__card__content ul li svg path {
    fill: #bc9275;
}

.membership__count {
    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;
}

.membership__count__text {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.4rem;
    margin-left: 1rem;
}

.membership__payment {
    margin-top: 3rem;
}

.membership__payment button.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    color: white !important;
    padding: 0.5rem 1rem;
    margin: 0 auto 1rem;
    border: 2px solid #bc9275;
    color: #bc9275;
    background-color: transparent;
}

.membership__payment button.btn img {
    max-height: 24px;
    margin-right: 0.5rem;
}

.membership__payment__options {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0.4;
}

.membership__payment__options img,
.membership__payment__options svg {
    margin: 0 0.25rem;
    width: 2.5rem;
    max-height: 2.5rem;
}

.membership__hint {
    max-width: 70%;
    margin: 0 auto;
}

.membership__hint p {
    text-transform: uppercase;
    line-height: 1.5;
}

.membership__list {
    -ms-flex-preferred-size: 66%;
    flex-basis: 66%;
    margin-right: 1rem;
}

@media (max-width: 48em) {
    .membership__list {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        margin-right: 0;
    }
}

.membership__item {
    position: relative;
    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-color: white;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    margin-bottom: 2rem;
    padding: 3rem;
}

@media (max-width: 36em) {
    .membership__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.membership__item__icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.membership__item__icon svg {
    width: 1.8rem;
    height: 1.8rem;
}

.membership__item__icon svg path {
    fill: #bc9275;
}

@media (max-width: 36em) {
    .membership__item__actions {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-top: 1.5rem;
    }
}

.membership__item__actions__count {
    font-size: 1.7rem;
    font-weight: 500;
}

.membership__item__actions .btn {
    padding: 0.8rem 2rem;
    color: white;
    margin-left: 1rem;
}

.membership__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

@media (max-width: 36em) {
    .membership__profile {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.membership__profile__img {
    width: 6rem;
    height: 6rem;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #626166;
    margin-right: 2rem;
}

.membership__profile__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.membership__profile__details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.membership__profile__name {
    font-size: 1.8rem;
    font-weight: 500;
}

.membership__profile__age {
    display: inline-block;
    margin-left: 1rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: #bc9275;
}

.membership__profile__location {
    display: block;
    margin-top: 0.5rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 500;
}

.membership__profile__location span:first-of-type::after {
    content: '/';
    margin: 0 0.5rem;
}

.private-accesses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.private-accesses__aside {
    -ms-flex-preferred-size: 30rem;
    flex-basis: 30rem;
    background-color: #282828;
    padding: 2rem;
    border-radius: 3px;
}

@media (max-width: 48em) {
    .private-accesses__aside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 2rem;
    }
}

@media (max-width: 36em) {
    .private-accesses__aside {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.private-accesses__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3.5rem;
}

@media (max-width: 48em) {
    .private-accesses__tabs {
        margin-bottom: 0;
    }
}

@media (max-width: 36em) {
    .private-accesses__tabs {
        margin-bottom: 2rem;
    }
}

.private-accesses__tabs .btn {
    position: relative;
    padding: 0.7rem 1.5rem;
    opacity: 0.6;
    font-size: 1.3rem;
}

.private-accesses__tabs .btn:nth-child(1) {
    margin-right: 1rem;
}

.private-accesses__tabs .btn.active {
    opacity: 1;
}

.private-accesses__tabs .btn::after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 2.5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.private-accesses__status {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 48em) {
    .private-accesses__status {
        margin-left: 2rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 36em) {
    .private-accesses__status {
        margin-left: 0;
    }
}

.private-accesses__status a {
    width: 100%;
    display: block;
    font-size: 2rem;
    color: white;
}

.private-accesses__status a.active,
.private-accesses__status a:hover {
    color: #bc9275;
}

.private-accesses__status a:not(:last-of-type) {
    border-bottom: 1px solid #5e5e5e;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

@media (max-width: 48em) {
    .private-accesses__status a:not(:last-of-type) {
        border-bottom: 0;
        border-right: 1px solid #5e5e5e;
        padding-bottom: 0;
        margin-bottom: 0;
        padding-right: 1rem;
        margin-right: 1rem;
    }
}

.private-accesses__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 2rem;
}

@media (max-width: 48em) {
    .private-accesses__content {
        padding-left: 0;
    }
}

.private-accesses__messagebox {
    background-color: #bc9275;
    padding: 2rem;
    border-radius: 3px;
    margin-bottom: 2rem;
}

.private-accesses__messagebox p {
    color: white;
    line-height: 1.2;
    font-size: 1.6rem;
}

.private-accesses__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    background-color: #fff;
    padding: 3rem;
    margin-bottom: 2rem;
}

@media (max-width: 90em) {
    .private-accesses__item {
        padding: 3rem 1.5rem;
    }
}

@media (max-width: 30em) {
    .private-accesses__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.private-accesses__icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.private-accesses__icon svg {
    width: 1.8rem;
    height: 1.8rem;
}

.private-accesses__icon svg > * {
    fill: #bc9275;
}

.private-accesses__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.5rem;
    font-weight: 500;
}

.private-accesses__profile img {
    width: 6rem;
    height: 6rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    border-radius: 50%;
    border: 1px solid #5e5e5e;
}

.private-accesses__details {
    margin-left: 2rem;
}

.private-accesses__details .name {
    font-size: 1.7rem;
    margin-bottom: 0.5rem;
}

.private-accesses__details .age {
    color: #bc9275;
    margin-left: 1rem;
}

.private-accesses__details .location {
    text-transform: uppercase;
    font-size: 1.2rem;
}

.private-accesses__details .location span:first-of-type::after {
    content: '/';
    margin: 0 0.5rem;
}

@media (max-width: 30em) {
    .private-accesses__cta {
        margin-top: 1.5rem;
    }
}

.private-accesses__cta .btn {
    color: white;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
}

.chat {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 75em) {
    .chat {
        height: 100%;
    }
}

@media (max-width: 62em) {
    .chat {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.chat__layout {
    min-height: 100vh;
    background-color: #f4f2f0;
}

@media (max-width: 75em) {
    .chat__layout .grid {
        margin-bottom: 0;
    }
    .chat__layout .spotlight,
    .chat__layout .main-content__header {
        display: none;
    }
    .chat__layout .main-content__wrap {
        padding-top: 1rem;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .chat__layout .main-content {
        min-height: auto;
    }
    .chat__layout .sidebar {
        height: calc(100vh - 50px);
    }
}

.chat__aside {
    -ms-flex-preferred-size: 38rem;
    flex-basis: 38rem;
    background-color: #282828;
    border-radius: 4px;
    color: white;
    max-height: calc(100vh - 160px);
    overflow: auto;
}

@media (max-width: 75em) {
    .chat__aside {
        max-height: calc((var(--vh, 1vh) * 100) - 75px);
    }
}

@media (max-width: 62em) {
    .chat__aside {
        position: absolute;
        z-index: 5;
        top: 0;
        left: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
    }
}

.chat__aside__header {
    font-size: 1.8rem;
    padding: 1.5rem 2rem 1.5rem;
}

.chat__aside__header .count {
    color: #ed4d64;
}

.chat__partner:not(.active) {
    border-bottom: 1px solid #545454;
}

.chat__partner.active a {
    background: -webkit-gradient(linear, left top, right top, from(#6d564a), to(#806e5a));
    background: linear-gradient(to right, #6d564a 0%, #806e5a 100%);
}

.chat__partner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 2.5rem;
    color: white;
}

.chat__partner__img {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #5c5c5c;
}

.chat__partner__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.chat__partner__details {
    margin-left: 2rem;
}

.chat__partner__name {
    font-size: 1.9rem;
    margin-bottom: 1rem;
}

.chat__partner__excerpt {
    font-size: 1.2rem;
}

.chat__partner__attachment {
    font-size: 1.2rem;
    color: #bc9275;
}

.chat__partner__date {
    margin-left: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 1.2rem;
    margin-top: 1.5rem;
}

.chat__window {
    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-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 1rem;
    background-color: white;
    border-radius: 5px;
    overflow: hidden;
    max-height: calc(100vh - 160px);
}

@media (max-width: 90em) {
    .chat__window {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (max-width: 75em) {
    .chat__window {
        height: calc((var(--vh, 1vh) * 100) - 75px);
        max-height: calc((var(--vh, 1vh) * 100) - 75px);
    }
}

@media (max-width: 62em) {
    .chat__window {
        display: none;
        z-index: 99;
        margin-left: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .chat__window.active {
        display: block;
    }
}

.chat__window__header {
    position: relative;
    z-index: 7;
    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-color: #282828;
    color: white;
    padding: 1.5rem 2rem;
}

.chat__window__header .back {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 62em) {
    .chat__window__header .back {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.chat__window__header .back img {
    height: 2rem;
}

.chat__window__header .new-messages {
    border-radius: 50%;
    background-color: #bc9275;
    width: 2rem;
    height: 2rem;
    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: #1c1c1c;
    font-size: 1.1rem;
    margin-left: 0.5rem;
    font-weight: 700;
}

.chat__window__partner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.8rem;
}

.chat__window__partner__profile a {
    font-size: 1.8rem;
}

.chat__window__partner .status {
    width: 8px;
    height: 8px;
    background-color: #62cf3c;
    border-radius: 50%;
    margin-left: 1rem;
}

.chat__window__options__btn {
    position: relative;
    background: none;
    border: none;
    width: 2rem;
    height: 2rem;
}

.chat__window__options__btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
}

.chat__window__options__btn span::after,
.chat__window__options__btn span::before {
    content: '';
    position: absolute;
    top: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
}

.chat__window__options__btn span::before {
    left: -8px;
}

.chat__window__options__btn span::after {
    right: -8px;
}

.chat__window__options__dropdown {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    right: 0;
    width: 25rem;
    background: #282828;
    padding: 1rem 0 0;
    border-bottom-left-radius: 3px;
}

.chat__window__options__dropdown ul {
    list-style: none;
}

.chat__window__options__dropdown li {
    margin-bottom: 1.5rem;
}

.chat__window__options__dropdown li.messages {
    display: none;
}

@media (max-width: 36em) {
    .chat__window__options__dropdown li.messages {
        display: block;
    }
}

.chat__window__options__dropdown li a {
    font-size: 1.4rem;
    padding: 0 1.5rem;
}

.chat__window__options__dropdown li a sup {
    color: #ed4d64;
}

.chat__window__box {
    padding: 2.5rem 2rem;
    overflow: auto;
    height: calc(100vh - (160px + 50px + 137px));
}

@media (max-width: 62em) {
    .chat__window__box {
        height: calc(100% - (45px + 80px));
    }
}

.chat__window__bottom {
    position: relative;
    margin: 0 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 62em) {
    .chat__window__bottom {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.chat__window__present {
    -ms-flex-preferred-size: 30rem;
    flex-basis: 30rem;
    width: 30rem;
    margin-left: 1rem;
    background-color: #fff;
    border-radius: 4px;
    padding: 5rem 2rem 2rem;
    text-align: center;
}

@media (max-width: 90em) {
    .chat__window__present {
        display: none;
        position: absolute;
        z-index: 999;
        top: 5rem;
        right: 0;
        height: calc(100% - 17rem);
        overflow: auto;
        padding-top: 3rem;
    }
}

@media (max-width: 62em) {
    .chat__window__present {
        height: 71vh;
        width: 100%;
        max-width: 45rem;
    }
}

@media (max-width: 36em) {
    .chat__window__present {
        max-width: 100%;
    }
}

.chat__window__present > p {
    text-transform: uppercase;
    font-weight: 500;
    max-width: 77%;
    font-size: 1.2rem;
    line-height: 1.4;
    margin: 0 auto;
}

.chat__incoming {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 60%;
    margin-right: auto;
}

@media (max-width: 30em) {
    .chat__incoming {
        max-width: 90%;
    }
}

.chat__incoming .chat__message {
    background-color: #282828;
    color: white;
}

.chat__outgoing {
    max-width: calc(60% - 5rem);
    margin-left: auto;
    text-align: right;
}

@media (max-width: 30em) {
    .chat__outgoing {
        max-width: calc(90% - 5rem);
    }
}

.chat__outgoing .chat__message {
    background-color: #ebd9c5;
    color: #282828;
    text-align: left;
}

.chat__outgoing .chat__row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.chat__profile {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 2px solid #5e5e5e;
    overflow: hidden;
    margin-right: 1rem;
}

.chat__profile img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.chat__profile__details {
    position: relative;
    border-bottom: 1px solid #bc9275;
    padding-bottom: 2.5rem;
    margin-bottom: 2rem;
    text-align: center;
}

.chat__profile__details img {
    width: 7rem;
    height: 7rem;
    margin: 0 auto;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.chat__profile__name {
    font-size: 1.8rem;
    font-weight: 500;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.chat__row {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

@media (max-width: 30em) {
    .chat__row {
        margin-bottom: 3.5rem;
    }
}

.chat__date {
    position: absolute;
    top: -1.5rem;
    font-size: 1.2rem;
}

.chat__date__divider {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #ebd9c5;
    margin: 4rem 0 7.5rem;
    font-size: 1.2rem;
}

.chat__date__divider span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: #fff;
    padding: 0 1rem;
}

.chat__message {
    font-size: 1.2rem;
    padding: 1rem 2rem;
    border-radius: 15px;
    margin-bottom: 0.3rem;
    line-height: 1.2;
}

.chat__textarea {
    background-color: #f5ece2;
    border-radius: 4px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 2rem;
    max-width: 100%;
}

@media (max-width: 62em) {
    .chat__textarea {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0;
        max-width: calc(100% - (117px + 36px));
    }
    .chat__textarea.focused {
        max-width: calc(100% - 36px);
    }
}

.chat__textarea #message {
    width: 100%;
    max-width: 100%;
    resize: none;
    border: 0;
    font-size: 1.4rem;
    line-height: 2.5rem;
    height: 5.3rem;
    padding: 1.5rem 2rem 1rem;
    color: #282828;
    background: none;
    text-transform: none;
    overflow: auto;
    overflow-wrap: break-word;
}

.chat__textarea #message img {
    height: 2.5rem;
}

.chat__textarea__indicator {
    position: absolute;
    top: 0.5rem;
    right: 0;
    font-size: 1.2rem;
}

.chat__addons {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: auto;
}

@media (max-width: 62em) {
    .chat__addons {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

.chat__addons__emoji {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    height: 130px;
    z-index: 1;
    background-color: white;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0;
    -webkit-transition: all ease 300ms;
    transition: all ease 300ms;
}

@media (max-width: 36em) {
    .chat__addons__emoji {
        bottom: 66px;
    }
}

.chat__addons__emoji.active {
    visibility: visible;
    opacity: 1;
}

.chat__addons__emoji__item {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    padding: 5px;
    cursor: pointer;
}

@media (max-width: 36em) {
    .chat__addons__emoji__item {
        -ms-flex-preferred-size: 16.66%;
        flex-basis: 16.66%;
    }
}

.chat__addons button {
    background: none;
    border: 0;
    margin-right: 1.5rem;
}

.chat__addons button.present {
    display: none;
}

@media (max-width: 90em) {
    .chat__addons button.present {
        display: inline-block;
    }
}

.chat__addons button svg {
    width: 24px;
    height: 24px;
}

.chat__send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 62em) {
    .chat__send {
        margin-top: 0;
    }
}

.chat__send .send {
    background: none;
    border: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 1.2rem;
    margin-left: 3rem;
    font-weight: 500;
}

@media (max-width: 62em) {
    .chat__send .send {
        font-size: 0;
        margin-left: 0;
    }
}

.chat__send .send img {
    margin-left: 1rem;
}

.chat__send .send__with-enter {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 62em) {
    .chat__send .send__with-enter {
        display: none;
    }
}

.chat__send .send__with-enter > label {
    text-transform: uppercase;
    font-size: 1.2rem;
    margin-right: 1rem;
}

.chat__checkbox input {
    display: none;
}

.chat__checkbox input:checked ~ label img {
    -webkit-transform: translateY(-50%) translateX(20px);
    transform: translateY(-50%) translateX(20px);
}

.chat__checkbox label {
    position: relative;
    display: block;
    width: 30px;
    height: 10px;
    border-radius: 10px;
    background-color: #ebd9c5;
    font-weight: 500;
}

.chat__checkbox label img {
    position: absolute;
    top: calc(50% + 2px);
    left: -5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.chat__present {
    -ms-flex-preferred-size: calc(100% / 4 - 1rem);
    flex-basis: calc(100% / 4 - 1rem);
    margin: 0 0.5rem;
}

.chat__present__img {
    display: inline-block;
    border: 2px solid #f2dfcc;
    border-radius: 50%;
    width: 5.5rem;
    height: 5.5rem;
    padding: 0.65rem;
}

.chat__present img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
}

.chat__present .price {
    display: block;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 1rem 0;
}

.chat__presents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2rem -0.5rem 0;
}

.chat__pagination {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 1rem;
}

.chat__pagination ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.chat__pagination li {
    margin: 0 0.5rem;
}

.chat__pagination li.active a {
    background: #fff;
    border: 2px solid #d8b38c;
    color: #bc9275;
}

.chat__pagination li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    color: white;
    border: 2px solid tranparent;
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
}

.chat__new__matches {
    padding: 1rem 1rem 0;
}

.chat__new__matches .slick-list {
    padding-right: 2rem;
    padding-bottom: 1rem;
}

.chat__new__matches__item {
    margin-right: 1rem;
    text-align: center;
}

.chat__new__matches__item.new img {
    border: 2px solid #bc9275;
}

.chat__new__matches__item.new .chat__new__matches__item__name {
    color: #bc9275;
}

.chat__new__matches__item__name {
    display: inline-block;
    font-size: 1.2rem;
    margin-top: 0.5rem;
    color: white;
}

.chat__new__matches__item img {
    border-radius: 50%;
    width: 6rem;
    height: 6rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    margin: 0 auto;
}

.datapage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 48em) {
    .datapage--edit {
        background-color: white;
    }
}

.datapage--edit .datapage__aside {
    margin-right: 2rem;
}

@media (max-width: 48em) {
    .datapage--edit .datapage__aside {
        margin-right: 0;
    }
}

@media (max-width: 48em) {
    .datapage--edit .datapage__informations {
        margin-right: 0;
        padding: 1.25rem 2.5rem 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width: 48em) {
    .datapage--edit .datapage__images__wrap {
        margin-top: 0;
    }
}

.datapage--edit .datapage__profile {
    position: relative;
    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;
    height: auto;
    background-color: #1b1b1b;
    padding: 7.5rem 2.5rem 6.5rem;
    margin-bottom: 1.5rem;
}

.datapage--edit .datapage__profile--full {
    height: 400px;
    padding: 0;
}

.datapage--edit .datapage__profile--full .datapage__img {
    width: 100%;
    height: auto;
    border-radius: 0;
    margin-bottom: 0;
}

.datapage--edit .datapage__profile--full .datapage__img__remove {
    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;
    top: 0.6rem;
    right: 0.6rem;
    width: 32px;
    height: 32px;
    -webkit-box-shadow: 0 2px 4px rgba(255, 255, 255, 0.44);
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.44);
    border-radius: 50%;
}

.datapage--edit .datapage__profile--full .datapage__img__remove:hover svg path {
    fill: #ed4d64;
}

.datapage--edit .datapage__profile--full .datapage__img__remove svg {
    height: 22px;
}

.datapage--edit .datapage__profile--full .datapage__img__remove svg path {
    -webkit-transition: fill ease 0.2s;
    transition: fill ease 0.2s;
}

.datapage--edit .datapage__image__actions {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    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-color: #bc9275;
    padding: 0.9rem 0.5rem;
}

@media (max-width: 48em) {
    .datapage--edit .datapage__image__actions {
        display: none;
    }
}

.datapage--edit .datapage__image__actions__main {
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.9rem;
    text-align: center;
    color: white;
}

.datapage--edit .datapage__image__actions__main:hover::after {
    width: 100%;
}

.datapage--edit .datapage__image__actions__main::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1.2px;
    background-color: white;
    -webkit-transition: width ease 0.3s;
    transition: width ease 0.3s;
}

.datapage--edit .datapage__image__actions__remove {
    display: block;
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    width: 18px;
    height: 18px;
}

@media (max-width: 48em) {
    .datapage--edit .datapage__image__actions__remove {
        display: none;
    }
}

.datapage--edit .datapage__image__actions__remove:hover svg path {
    fill: #ed4d64;
}

.datapage--edit .datapage__image__actions__remove svg {
    height: 18px;
}

.datapage--edit .datapage__image__actions__remove svg path {
    fill: #1b1b1b;
    -webkit-transition: fill ease 0.3s;
    transition: fill ease 0.3s;
}

.datapage--edit .datapage__img {
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
    -webkit-box-shadow: 0px 6px 10px black;
    box-shadow: 0px 6px 10px black;
    margin-bottom: 2rem;
}

@media (max-width: 48em) {
    .datapage--desktop {
        display: none !important;
    }
}

.datapage--mobile {
    padding: 2rem 2.5rem 0;
}

@media (min-width: 48em) {
    .datapage--mobile {
        display: none !important;
    }
}

@media (max-width: 48em) {
    .datapage {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.datapage__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.5rem;
}

.datapage__header__title {
    font-size: 3.7rem;
    font-weight: 300;
}

.datapage__header__percentage {
    position: relative;
    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;
    width: 55px;
    height: 55px;
}

.datapage__header__percentage::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    border-radius: 50%;
}

.datapage__header__percentage__val {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    width: 47px;
    height: 46px;
    background-color: #f4f2f0;
    border-radius: 50%;
    font-weight: 500;
    font-size: 1.7rem;
    padding: 13px 4px;
}

.datapage__header__percentage__val::after {
    content: '%';
}

.datapage__header__upload__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: 0;
}

.datapage__header__upload__btn__text {
    font-size: 1.6rem;
}

.datapage__header__upload__btn__icon {
    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;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    border-radius: 50%;
    margin-left: 1rem;
}

.datapage__header__upload__btn__icon svg {
    width: 15px;
}

.datapage__header__upload__btn__icon svg line {
    stroke: white !important;
}

.datapage__inner {
    margin: 0 -2.5rem;
    background-color: white;
    padding: 0 2.5rem;
}

.datapage__tab {
    display: none;
}

.datapage__tab.active {
    display: block;
}

.datapage__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0;
    padding-bottom: 2rem;
    background-color: white;
}

.datapage__tab__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    padding: 2.5rem 2rem;
    border-bottom: 2px solid #1c1c1c;
}

.datapage__tab__item.active {
    border-color: #bc9275;
    color: #bc9275;
}

.datapage__tab__item.active svg path,
.datapage__tab__item.active polygon {
    fill: #bc9275 !important;
}

.datapage__tab__item h6 {
    font-size: 1.5rem;
    margin-left: 0.75rem;
}

.datapage__tab__item svg {
    max-height: 18px;
    max-width: 24px;
}

.datapage__accordion:not(:last-of-type) .datapage__accordion__header {
    border-bottom: 2px solid #c7c7c7;
}

.datapage__accordion__header {
    padding: 1rem 1rem 1rem 1.5rem;
}

.datapage__accordion__header.active ~ .datapage__accordion__inner {
    display: block;
}

.datapage__accordion__header h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 400;
    color: #bc9275;
}

.datapage__accordion__inner {
    display: none;
    padding: 1.5rem 1.5rem 2rem;
}

.datapage__login {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: right;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.datapage__login span:nth-child(1)::after {
    content: '|';
    margin: 0 0.5rem;
}

.datapage__cover {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    margin-bottom: 3.5rem;
    border-radius: 2px;
}

.datapage__cover__image img {
    width: 100%;
    height: 32rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.datapage__cover__content {
    position: relative;
    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-color: white;
    padding: 2.5rem 4rem;
}

@media (max-width: 48em) {
    .datapage__cover__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 3.5rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.datapage__cover__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 48em) {
    .datapage__cover__profile {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.datapage__cover__profile .name {
    font-size: 2.7rem;
    line-height: 1.4;
    font-weight: 700;
    margin-right: 0.5rem;
}

.datapage__cover__profile .age {
    font-size: 2.7rem;
    font-weight: 700;
    color: #bc9275;
    margin-right: 0.5rem;
}

.datapage__cover__profile .title {
    font-size: 2.7rem;
    font-weight: 300;
    margin-right: 1rem;
}

.datapage__cover__profile .location {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
}

@media (max-width: 48em) {
    .datapage__cover__profile .location {
        text-align: center;
    }
}

.datapage__cover__profile .location span:nth-child(1)::after {
    content: '/';
    margin: 0 0.5rem;
}

.datapage__cover__profile__image {
    position: absolute;
    top: -13rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    overflow: hidden;
    width: 16rem;
    height: 16rem;
    border: 3px solid white;
}

.datapage__cover__data {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3rem;
    font-size: 1.4rem;
}

@media (max-width: 48em) {
    .datapage__cover__data {
        margin-left: 0;
        margin-right: 1.5rem;
    }
}

.datapage__cover__data img,
.datapage__cover__data svg {
    width: 28px;
    height: 16px;
    margin-right: 0.5rem;
}

.datapage__cover__data img path,
.datapage__cover__data svg path {
    fill: #bc9275;
}

.datapage__cover__datas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (max-width: 48em) {
    .datapage__cover__datas {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 2.5rem;
    }
}

.datapage__cover__slogan {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: right;
    margin-top: 1rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
}

@media (max-width: 48em) {
    .datapage__cover__slogan {
        text-align: left;
    }
}

.datapage__cover__slogan::before {
    content: '"';
}

.datapage__cover__slogan::after {
    content: '"';
}

.datapage__aside {
    -ms-flex-preferred-size: 30rem;
    flex-basis: 30rem;
}

@media (max-width: 48em) {
    .datapage__aside {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.datapage__profile {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: 47rem;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

@media (max-width: 48em) {
    .datapage__profile {
        max-width: 32rem;
        margin: 0 auto;
    }
}

.datapage__profile > .btn {
    font-size: 1.1rem;
    padding: 0.5rem 1.5rem;
}

.datapage__profile__img {
    position: relative;
    max-width: 265px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.datapage__profile__img__wrap {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 1.5rem;
}

.datapage__profile__img img {
    display: block;
    height: 265px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.datapage__profile__action {
    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;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    border-radius: 50%;
    margin: 0 1rem;
}

.datapage__profile__action:nth-child(2) svg {
    max-width: 14px;
}

.datapage__profile__action svg {
    display: block;
    max-width: 24px;
    max-height: 18px;
}

.datapage__profile__action svg path {
    fill: white !important;
}

.datapage__profile__action svg line {
    stroke: white !important;
}

.datapage__profile__actions {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background-color: rgba(28, 28, 28, 0.4);
    padding: 1rem 0 3rem;
}

.datapage__profile__datas {
    margin-top: 3rem;
}

@media (max-width: 48em) {
    .datapage__profile__datas {
        margin-top: 0;
    }
}

.datapage__profile__datas h2 {
    font-weight: 500;
    font-size: 3.5rem;
    margin-bottom: 0.5rem;
}

.datapage__profile__datas .location {
    font-weight: 500;
    text-transform: uppercase;
}

.datapage__profile__datas .location span {
    font-size: 1.1rem;
    font-weight: 500;
}

.datapage__profile__datas .location span:first-of-type::after {
    content: '/';
    margin: 0 0.5rem;
}

.datapage__watermark {
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 1rem;
    width: 4rem;
}

.datapage__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.datapage__data {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.datapage__datas {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #1b1b1b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.5rem 2rem 2.5rem;
    color: white;
}

.datapage__datas::before {
    content: '';
    position: absolute;
    top: -9rem;
    left: 0;
    width: 100%;
    height: 9rem;
    background-color: rgba(34, 34, 34, 0.75);
}

.datapage__datas span {
    font-size: 1.4rem;
    margin-left: 0.5rem;
}

.datapage__premium {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 1px;
    font-weight: 500;
    color: #bc9275;
    margin-top: 2.5rem;
}

.datapage__image {
    position: relative;
    display: block;
    -ms-flex-preferred-size: calc(100% / 3 - 0.5rem);
    flex-basis: calc(100% / 3 - 0.5rem);
    width: calc(100% / 3 - 0.5rem);
    height: 9.6rem;
    margin: 0 0.25rem 0.5rem;
    border-radius: 4px;
    overflow: hidden;
}

@media (max-width: 48em) {
    .datapage__image {
        height: 105px;
        margin-bottom: 1rem;
    }
}

.datapage__image--2col {
    -ms-flex-preferred-size: calc(50% - 0.5rem);
    flex-basis: calc(50% - 0.5rem);
    width: calc(50% - 0.5rem);
    height: 20rem;
}

.datapage__image--2col .datapage__image__actions__remove {
    top: unset;
    bottom: 0.5rem;
}

.datapage__image--2col .datapage__image__actions__remove svg path {
    fill: white;
}

.datapage__image--locked::before {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.datapage__image--locked img {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.datapage__image--upload {
    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;
    background-color: #1d1d1d;
}

.datapage__image--upload button {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #816353 0%, #998168 100%);
    padding: 0;
    border: 0;
}

.datapage__image--upload button svg line {
    stroke: white !important;
}

.datapage__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.datapage__image svg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.5rem;
    opacity: 0.7;
}

.datapage__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.25rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.datapage__images--empty {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.4rem;
    padding: 0.5rem 1rem 2rem;
    border-bottom: 1px solid #e4e4e4;
}

.datapage__images__row {
    margin-bottom: 3rem;
}

@media (max-width: 48em) {
    .datapage__images__row:last-of-type {
        margin-bottom: 0;
    }
}

@media (max-width: 48em) {
    .datapage__images__wrap {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

.datapage__images__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.datapage__images__header h4 {
    font-size: 1.7rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 48em) {
    .datapage__images__header h4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 500;
        color: #bc9275;
    }
}

.datapage__images__header .btn {
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
}

@media (max-width: 48em) {
    .datapage__images__header .btn {
        color: white;
        text-transform: none;
        padding: 0.7rem 1.5rem;
        font-size: 1.4rem;
    }
}

.datapage__informations {
    position: relative;
    background-color: white;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    margin-right: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px;
    padding: 3rem 4rem;
}

.datapage__informations--edit {
    padding-top: 5rem;
}

@media (max-width: 48em) {
    .datapage__informations {
        padding: 2rem;
        margin-right: 0;
    }
}

.datapage__informations__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 5.5rem;
}

@media (max-width: 48em) {
    .datapage__informations__header {
        margin-bottom: 3rem;
    }
}

.datapage__informations__actions {
    margin-bottom: 6rem;
}

@media (max-width: 48em) {
    .datapage__informations__actions {
        margin-right: 5rem;
    }
}

.datapage__informations__actions .btn {
    position: relative;
    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;
    padding: 0;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    margin-right: 1rem;
}

@media (max-width: 48em) {
    .datapage__informations__actions .btn {
        margin-bottom: 1rem;
    }
}

.datapage__informations__actions .btn::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    border-radius: 50%;
    opacity: 0;
}

.datapage__informations__actions .btn.visited:not(.btn--heart) {
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
}

.datapage__informations__actions .btn.visited:not(.btn--heart)::before {
    opacity: 1;
}

.datapage__informations__actions .btn.visited:not(.btn--heart) svg > g,
.datapage__informations__actions .btn.visited:not(.btn--heart) svg > path {
    fill: white !important;
}

.datapage__informations__actions .btn--heart.visited svg path {
    fill: #db4a5f !important;
}

.datapage__informations__actions .btn:hover {
    opacity: 0.7;
}

.datapage__informations__actions .btn svg {
    position: relative;
    z-index: 1;
    width: 100%;
}

.datapage__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
}

@media (max-width: 48em) {
    .datapage__list {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

.datapage__list--col2 .datapage__list__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

@media (max-width: 30em) {
    .datapage__list--col2 .datapage__list__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.datapage__list--col3 .datapage__list__item {
    -ms-flex-preferred-size: calc(100% / 3);
    flex-basis: calc(100% / 3);
}

@media (max-width: 30em) {
    .datapage__list--col3 .datapage__list__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.datapage__list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 2.5rem;
    padding-right: 1.5rem;
    min-width: 20rem;
}

.datapage__list__item__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1rem;
    font-weight: 700;
    font-size: 1.7rem;
}

.datapage__list__item__text span {
    display: block;
    font-weight: 400;
    font-size: 1.6rem;
    margin-top: 1rem;
}

.datapage__list__item__icon {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
}

.datapage__list__item__icon svg {
    width: 100%;
    height: 100%;
}

.datapage__list__item__icon svg path,
.datapage__list__item__icon svg polygon,
.datapage__list__item__icon svg circle {
    fill: #bc9275;
}

.datapage__edit__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.5rem;
}

@media (max-width: 36em) {
    .datapage__edit__header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.datapage__edit__header h1 {
    margin-bottom: 0;
}

@media (max-width: 36em) {
    .datapage__edit__header h1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 1rem;
    }
}

.datapage__edit__header .btn {
    color: #bc9275;
    padding: 0.7rem 2rem;
    font-size: 1.1rem;
}

.datapage__edit__btn {
    position: absolute;
    top: 2.5rem;
    right: 4rem;
}

@media (max-width: 48em) {
    .datapage__edit__btn {
        top: 2rem;
        right: 2rem;
    }
}

.datapage__edit__btn button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: white;
    border: 2px solid #bc9275;
}

.datapage__edit__btn button.active span {
    width: 0;
    height: 0;
}

.datapage__edit__btn button.active span::before,
.datapage__edit__btn button.active span::after {
    top: 0;
    left: 50%;
    width: 25px;
    height: 3px;
    border-radius: 0;
}

.datapage__edit__btn button.active span::before {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

.datapage__edit__btn button.active span::after {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
}

.datapage__edit__btn button span {
    position: relative;
    width: 4px;
    height: 4px;
    background-color: #1b1b1b;
    border-radius: 50%;
}

.datapage__edit__btn button span::before,
.datapage__edit__btn button span::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #1b1b1b;
    border-radius: 50%;
}

.datapage__edit__btn button span::before {
    top: -7px;
}

.datapage__edit__btn button span::after {
    top: 7px;
}

.datapage__edit__dropdown {
    display: none;
    position: absolute;
    z-index: 1;
    top: calc(100% + 1rem);
    right: 0;
    width: 20rem;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    padding: 1rem;
    background-color: #fff;
}

.datapage__edit__dropdown li {
    list-style: none;
}

.datapage__edit__dropdown li:not(:last-of-type) {
    margin-bottom: 0.5rem;
}

.datapage__edit__dropdown li a {
    font-size: 1.2rem;
    font-weight: 500;
    color: #1b1b1b;
}

.datapage__edit__dropdown li a:hover {
    color: #bc9275;
}

.datapage__textbox {
    position: relative;
    margin-bottom: 7rem;
    cursor: pointer;
}

@media (max-width: 48em) {
    .datapage__textbox {
        margin-bottom: 4rem;
    }
    .datapage__textbox + div {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.datapage__textbox__dropdown {
    display: none;
    position: absolute;
    top: -5px;
    right: 0.75rem;
    -webkit-transform-origin: top;
    transform-origin: top;
}

@media (max-width: 48em) {
    .datapage__textbox__dropdown {
        display: block;
    }
}

.datapage__textbox__dropdown.active::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.datapage__textbox h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #bc9275;
    font-size: 1.7rem;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

@media (max-width: 62em) {
    .datapage__textbox h3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 48em) {
    .datapage__textbox h3 {
        padding-left: 1.5rem;
        margin-bottom: 1.2rem;
    }
}

.datapage__textbox h3 span {
    color: #1b1b1b;
    margin-right: 0.5rem;
}

.datapage__textbox h3 span.count {
    margin-left: 1.5rem;
    font-size: 80%;
}

@media (max-width: 62em) {
    .datapage__textbox h3 span.count {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0;
        margin-top: 0.5rem;
    }
}

.datapage__textbox p {
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
}

.datapage__badge {
    border: 2px solid #bc9275;
    background-color: white;
    color: #bc9275;
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 1rem 1.5rem;
    margin-bottom: 1rem;
    border-radius: 2rem;
    margin-right: 1rem;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.datapage__badge.active {
    border-color: #1b1b1b;
    color: #1b1b1b;
}

.datapage__badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 4.5rem;
}

@media (max-width: 48em) {
    .datapage__badges {
        margin-bottom: 2rem;
    }
}

.datapage__badges--selectable .datapage__badge {
    cursor: pointer;
}

.datapage__tag {
    text-transform: uppercase;
    margin-right: 0.5rem;
    font-size: 1.1rem;
    font-weight: 500;
    color: #1c1c1c;
    margin-bottom: 1rem;
    border: 2px solid #1c1c1c;
    border-radius: 25px;
    padding: 1rem 2rem;
}

.datapage__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.datapage__percentage {
    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;
    font-size: 50%;
    margin-left: 4rem;
    border: 2px solid #bc9275;
    font-weight: 500;
    color: #bc9275;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
}

.datapage__percentage::after {
    content: ' %';
}

.datapage__form__group {
    margin-bottom: 6rem;
}

@media (max-width: 48em) {
    .datapage__form__group {
        margin-bottom: 0;
    }
}

.datapage__form__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 2.5rem;
}

@media (max-width: 62em) {
    .datapage__form__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.datapage__form__row .error {
    position: absolute;
    top: calc(100% + 0.25rem);
    right: 0;
    font-size: 1.2rem;
    color: red;
}

.datapage__form__row > label {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 500;
    -ms-flex-preferred-size: 22rem;
    flex-basis: 22rem;
    margin-top: 0.5rem;
    padding-right: 1.5rem;
}

@media (max-width: 62em) {
    .datapage__form__row > label {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 1rem;
        padding-right: 0.5rem;
    }
}

.datapage__form__row > label svg {
    width: 2rem;
    height: 2.5rem;
}

.datapage__form__row > label svg > * {
    fill: #bc9275;
}

.datapage__form__row input:not([type='checkbox']):not([type='radio']):not([type='range']) {
    background-color: #f4f2f0;
    text-transform: none;
    font-weight: 500;
    font-size: 1.3rem;
    padding: 0.8rem 1.5rem;
    color: #bc9275;
    border-radius: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

.datapage__form__row input:not([type='checkbox']):not([type='radio']):not([type='range'])::-webkit-outer-spin-button,
.datapage__form__row input:not([type='checkbox']):not([type='radio']):not([type='range'])::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.datapage__form__row textarea {
    background-color: #f4f2f0;
    font-weight: 500;
    font-size: 1.3rem;
    padding: 0.8rem 1.5rem;
    color: #bc9275;
    border-radius: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    resize: none;
    border: 0;
    height: 7.5rem;
}

.datapage__form__row .styled__select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.datapage__form__row .rangeslider {
    width: 100%;
}

.datapage__form__row .rangeslider input[type='range']::-webkit-slider-runnable-track {
    height: 6px;
    background: #f4f2f0;
}

.datapage__form__row .rangeslider input[type='range']::-webkit-slider-thumb {
    height: 25px;
    width: 25px;
}

.datapage__form__row .rangeslider input[type='range']:focus::-webkit-slider-runnable-track {
    background: #f4f2f0;
}

.datapage__form__row .rangeslider input[type='range']::-moz-range-track {
    height: 6px;
    background: #f4f2f0;
}

.datapage__form__row .rangeslider input[type='range']::-moz-range-thumb {
    height: 25px;
    width: 25px;
}

.datapage__form__row .rangeslider input[type='range']::-ms-track {
    height: 6px;
}

.datapage__form__row .rangeslider input[type='range']::-ms-fill-lower {
    background: #f4f2f0;
}

.datapage__form__row .rangeslider input[type='range']::-ms-fill-upper {
    background: #f4f2f0;
}

.datapage__form__row .rangeslider input[type='range']::-ms-thumb {
    height: 25px;
    width: 25px;
}

.datapage__form__row .rangeslider input[type='range']:focus::-ms-fill-lower {
    background: #f4f2f0;
}

.datapage__form__row .rangeslider input[type='range']:focus::-ms-fill-upper {
    background: #f4f2f0;
}

.datapage__form__row .rangeslider__wrap {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-top: 0.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 62em) {
    .datapage__form__row .rangeslider__wrap {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.datapage__form__row .rangeslider--height .value::after {
    content: ' cm';
}

.datapage__form__row .rangeslider--weight .value::after {
    content: ' kg';
}

.datapage__form__row .rangeslider .value {
    color: #bc9275;
    top: 2.5rem;
    width: 5rem;
    font-size: 1.4rem;
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
}

@media (max-width: 62em) {
    .datapage__form__row .rangeslider .value {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}

.datapage__form__row .rangeslider input[type='range'] {
    margin: 0;
    width: 100%;
}

.datapage__form__row .rangeslider input[type='range']::-webkit-slider-thumb {
    margin-top: -10px;
}

.datapage__verification {
    -ms-flex-preferred-size: calc(100% - 32rem);
    flex-basis: calc(100% - 32rem);
    background-color: white;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    padding: 3rem 4rem;
    margin-top: 3rem;
}

@media (max-width: 48em) {
    .datapage__verification {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 0;
    }
}

.datapage__verification__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.datapage__verification__row:not(:last-of-type) {
    margin-bottom: 3rem;
}

.datapage__verification__icon {
    position: relative;
    width: 2.5rem;
    height: 2rem;
}

.datapage__verification__icon:not(.active) svg.crown-gold *,
.datapage__verification__icon:not(.active) svg.crown-platina * {
    fill: #818181 !important;
}

.datapage__verification__icon svg {
    width: 2.5rem;
    height: 2rem;
}

.datapage__verification__icon svg.checkmark {
    position: absolute;
    top: 0;
    right: -1rem;
    width: 1rem;
    height: 1rem;
    opacity: 0;
}

.datapage__verification__icon svg * {
    fill: #bc9275;
}

.datapage__verification__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 2rem;
}

.datapage__verification__content .title {
    font-size: 1.5rem;
    font-weight: 700;
}

.datapage__verification__content p {
    margin-top: 0.5rem;
    font-size: 1.2rem;
}

.datapage__views {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #8d8d8d;
    font-size: 1.1rem;
    text-transform: uppercase;
}

@media (max-width: 30em) {
    .datapage__views {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.datapage__views__title {
    display: block;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    color: inherit;
    margin-bottom: 1rem;
    font-weight: 500;
}

.datapage__views button {
    background: none;
    border: 0;
    padding: 0;
    color: inherit;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-right: 1.5rem;
    font-weight: 500;
}

@media (max-width: 36em) {
    #group_01,
    #group_02,
    #group_03,
    #group_04 {
        display: none;
    }
}

.home .registration__cta {
    padding-top: 4rem;
    margin-bottom: 0;
    padding-bottom: 5rem;
    background-color: rgba(0, 0, 0, 0.25);
}

.home .registration__cta::after {
    top: calc(60% + 2rem);
}

.home__header {
    text-align: center;
    text-transform: uppercase;
    margin-top: 7.5rem;
    margin-bottom: 6rem;
    padding: 0 2.5rem;
}

@media (max-width: 48em) {
    .home__header {
        margin-top: 4rem;
        margin-bottom: 3rem;
    }
}

.home__header h1 {
    color: white;
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
}

.home__header p {
    color: #bc9275;
    font-size: 1.2rem;
    line-height: 1.4;
}

.home__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [5];
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-rows: (minmax(min-content, 16rem)) [3];
    grid-template-rows: repeat(3, minmax(-webkit-min-content, 16rem));
    grid-template-rows: repeat(3, minmax(min-content, 16rem));
    grid-gap: 2rem;
    max-width: 172rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
}

@media (max-width: 75em) {
    .home__grid {
        -ms-grid-columns: (1fr) [3];
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-rows: (minmax(min-content, 16rem)) [5];
        grid-template-rows: repeat(5, minmax(-webkit-min-content, 16rem));
        grid-template-rows: repeat(5, minmax(min-content, 16rem));
        grid-gap: 1rem;
    }
}

@media (max-width: 48em) {
    .home__grid {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: (minmax(min-content, 16rem)) [7];
        grid-template-rows: repeat(7, minmax(-webkit-min-content, 16rem));
        grid-template-rows: repeat(7, minmax(min-content, 16rem));
        grid-gap: 1rem;
    }
}

.home__img {
    -webkit-transition: -webkit-transform ease-in-out 400ms;
    transition: -webkit-transform ease-in-out 400ms;
    transition: transform ease-in-out 400ms;
    transition: transform ease-in-out 400ms, -webkit-transform ease-in-out 400ms;
}

.home__img a {
    position: relative;
    display: block;
    height: 100%;
}

.home__img--01 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / span 2;
    -ms-grid-column: 1;
    grid-column: 1;
}

.home__img--02 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / span 2;
    -ms-grid-column: 2;
    grid-column: 2;
}

.home__img--03 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / span 2;
    -ms-grid-column: 3;
    grid-column: 3;
}

@media (max-width: 48em) {
    .home__img--03 {
        -ms-grid-row: 4;
        -ms-grid-row-span: 2;
        grid-row: 4 / span 2;
        -ms-grid-column: 1;
        grid-column: 1;
    }
}

.home__img--04 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / span 2;
    -ms-grid-column: 4;
    grid-column: 4;
}

@media (max-width: 75em) {
    .home__img--04 {
        -ms-grid-row: 4;
        -ms-grid-row-span: 2;
        grid-row: 4 / span 2;
        -ms-grid-column: 1;
        grid-column: 1;
    }
}

@media (max-width: 48em) {
    .home__img--04 {
        -ms-grid-column: 2;
        grid-column: 2;
    }
}

.home__img--05 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / span 2;
    -ms-grid-column: 5;
    grid-column: 5;
}

@media (max-width: 75em) {
    .home__img--05 {
        -ms-grid-row: 4;
        -ms-grid-row-span: 2;
        grid-row: 4 / span 2;
        -ms-grid-column: 3;
        grid-column: 3;
    }
}

@media (max-width: 48em) {
    .home__img--05 {
        -ms-grid-row: 6;
        -ms-grid-row-span: 2;
        grid-row: 6 / span 2;
        -ms-grid-column: 1;
        grid-column: 1;
    }
}

.home__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.home__img__title {
    position: absolute;
    bottom: 0;
    left: -5px;
    width: calc(100% + 10px);
    background-color: rgba(27, 27, 27, 0.8);
    color: white;
    text-align: center;
    padding: 2rem;
    font-size: 2.1rem;
}

.home__textbox {
    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;
    background: linear-gradient(135deg, #816353 0%, #998168 100%);
    text-transform: uppercase;
    font-weight: 700;
    color: white;
    font-size: 2.2rem;
    line-height: 1.2;
}

.home__textbox--01 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / span 1;
    -ms-grid-column: 1;
    grid-column: 1;
}

@media (max-width: 48em) {
    .home__textbox--01 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1 / span 1;
        -ms-grid-column: 2;
        grid-column: 2;
    }
}

.home__textbox--02 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-column: 2;
    grid-column: 2;
}

@media (max-width: 48em) {
    .home__textbox--02 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3 / span 1;
        -ms-grid-column: 1;
        grid-column: 1;
    }
}

.home__textbox--03 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / span 1;
    -ms-grid-column: 3;
    grid-column: 3;
}

@media (max-width: 48em) {
    .home__textbox--03 {
        display: none;
    }
}

.home__textbox--04 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-column: 4;
    grid-column: 4;
}

@media (max-width: 75em) {
    .home__textbox--04 {
        display: none;
    }
}

.home__textbox--05 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / span 1;
    -ms-grid-column: 5;
    grid-column: 5;
}

@media (max-width: 75em) {
    .home__textbox--05 {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4 / span 1;
        -ms-grid-column: 2;
        grid-column: 2;
    }
}

@media (max-width: 48em) {
    .home__textbox--05 {
        -ms-grid-row: 6;
        -ms-grid-row-span: 1;
        grid-row: 6 / span 1;
    }
}

.home__goal {
    position: relative;
    grid-column: 1 / -1;
    color: white;
    text-align: center;
    padding: 3rem 2rem;
}

@media (max-width: 75em) {
    .home__goal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5 / span 1;
        -ms-grid-column: 2;
        grid-column: 2;
        padding: 1rem;
    }
}

@media (max-width: 48em) {
    .home__goal {
        display: none;
    }
}

.home__goal::before {
    content: '';
    opacity: 0.25;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #816353 0%, #998168 100%);
}

.home__goal p {
    font-size: 1.7rem;
    line-height: 1.6;
    margin-bottom: 0;
}

.home__footer {
    grid-column: 1 / -1;
    margin-top: 10rem;
}

.home__footer .footer {
    padding-left: 0;
    padding-right: 0;
}

.home__footer .footer__helpdesk__title {
    color: #939393;
}

@media (max-width: 75em) {
    .home__footer {
        margin-top: 5rem;
    }
}

@media (max-width: 48em) {
    .home__footer {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        grid-row: 7 / span 1;
        -ms-grid-column: 2;
        grid-column: 2;
        margin-top: 0;
    }
    .home__footer .footer__helpdesk {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
    .home__footer .footer__helpdesk__title {
        margin-right: 0;
        border-bottom: 1px solid #bc9275;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .home__footer .footer__helpdesk ul {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 0;
        -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;
        text-align: center;
    }
    .home__footer .footer__helpdesk ul li {
        margin-bottom: 1rem;
    }
    .home__footer .footer__helpdesk ul li:first-of-type {
        border: 0;
        margin-right: 0;
        padding-right: 0;
    }
    .home__footer .footer__helpdesk ul li a {
        text-decoration: none;
    }
    .home__footer .footer__social__links .copyright {
        margin: 1.5rem 0 0;
    }
    .home__footer .footer__social__links .copyright img {
        display: none;
    }
}

.presents__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3rem;
    background-color: white;
    border-radius: 3px;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    margin-bottom: 2rem;
}

@media (max-width: 48em) {
    .presents__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.presents__icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.presents__icon svg {
    width: 1.8rem;
    height: 1.8rem;
}

.presents__icon svg > * {
    fill: #bc9275;
}

.presents__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 48em) {
    .presents__profile {
        margin-bottom: 2rem;
    }
}

.presents__profile__img {
    border: 2px solid #5e5e5e;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 2rem;
}

.presents__profile__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.presents__profile__info .name {
    font-size: 1.8rem;
    font-weight: 500;
    margin-right: 0.5rem;
}

.presents__profile__info .age {
    font-size: 1.8rem;
    font-weight: 500;
    color: #bc9275;
}

.presents__profile__info .location {
    margin-top: 1rem;
}

.presents__profile__info .location span {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
}

.presents__profile__info .location span:first-of-type::after {
    content: '/';
    margin: 0 0.5rem;
}

.presents__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.presents__details__icon {
    margin-right: 2.5rem;
}

.presents__details__credit {
    border: 2px solid #ebd9c5;
    color: #bc9275;
    text-transform: uppercase;
    padding: 0.7rem 1rem;
    font-size: 1.4rem;
    border-radius: 14px;
    font-weight: 500;
}

.presents__details__credit .price {
    color: #1c1c1c;
    margin-right: 1rem;
}

.live-with-you__item {
    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;
    padding: 2.5rem;
    background-color: white;
    border-radius: 3px;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    margin-bottom: 1rem;
}

@media (max-width: 48em) {
    .live-with-you__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.live-with-you__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 48em) {
    .live-with-you__profile {
        margin-bottom: 2rem;
    }
}

.live-with-you__profile__img {
    border: 2px solid #5e5e5e;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 2rem;
}

.live-with-you__profile__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.live-with-you__profile__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.live-with-you__profile__info .name {
    font-size: 1.8rem;
    font-weight: 500;
    margin-right: 0.5rem;
}

.live-with-you__profile__info .age {
    font-size: 1.8rem;
    font-weight: 500;
    color: #bc9275;
}

.live-with-you__profile__info .user {
    margin-right: 1rem;
    margin-left: 1rem;
}

.live-with-you__profile__info svg {
    height: 1.8rem;
}

.live-with-you__profile__info svg path {
    fill: #bc9275;
}

.live-with-you__profile__info .location {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 1rem;
}

.live-with-you__profile__info .location span {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
}

.live-with-you__profile__info .location span:first-of-type::after {
    content: '/';
    margin: 0 0.5rem;
}

.live-with-you__profile__info .slogan {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: block;
    color: #bc9275;
    font-weight: 500;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-size: 1.8rem;
}

.live-with-you__profile__info .lifestyle {
    font-size: 1.8rem;
}

.live-with-you__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 60%;
}

@media (max-width: 48em) {
    .live-with-you__list {
        max-width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.live-with-you__list__item {
    margin-left: 1rem;
    border: 2px solid #bc9275;
    color: #bc9275;
    text-transform: uppercase;
    font-size: 1.2rem;
    padding: 1rem 2rem;
    border-radius: 20px;
    margin-bottom: 1rem;
}

@media (max-width: 48em) {
    .live-with-you__list__item {
        margin-left: 0;
        margin-right: 1rem;
    }
}

.travel__layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.travel__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background: white;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    margin-bottom: 3rem;
}

@media (max-width: 48em) {
    .travel__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.travel__navigation {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 48em) {
    .travel__navigation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 2rem;
        width: 100%;
    }
}

.travel__navigation li.active a {
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    color: white;
}

.travel__navigation a {
    position: relative;
    display: inline-block;
    padding: 2rem 2.5rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: #1c1c1c;
}

@media (max-width: 48em) {
    .travel__navigation a {
        display: block;
    }
}

.travel__navigation a::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #ffffff transparent transparent;
}

.travel__tip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 7rem;
}

@media (min-width: 90em) {
    .travel__tip {
        padding: 0 14rem;
    }
}

@media (max-width: 48em) {
    .travel__tip {
        padding: 0;
    }
}

.travel__tip:not(:last-of-type) {
    border-bottom: 1px solid #d5d4d2;
    padding-bottom: 4.5rem;
    margin-bottom: 4rem;
}

.travel__tip:nth-child(even) .travel__tip__content {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    padding-left: 0;
    padding-right: 3rem;
}

@media (max-width: 36em) {
    .travel__tip:nth-child(even) .travel__tip__content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-right: 0;
    }
}

.travel__tip__img {
    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;
    -ms-flex-preferred-size: 24rem;
    flex-basis: 24rem;
    height: 24rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    padding: 3rem;
}

.travel__tip__img img {
    max-width: 100%;
}

.travel__tip__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 3rem;
}

@media (max-width: 36em) {
    .travel__tip__content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 2.5rem;
        padding-left: 0;
    }
}

.travel__tip__content p {
    font-size: 1.8rem;
    line-height: 1.4;
}

.travel__tip__title {
    display: block;
    font-size: 3.6rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.travel__tips {
    margin-top: 5.5rem;
}

.travel__sidebar {
    -ms-flex-preferred-size: 30rem;
    flex-basis: 30rem;
}

@media (max-width: 62em) {
    .travel__sidebar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 2.5rem;
    }
}

@media (max-width: 36em) {
    .travel__sidebar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.travel__sidebar__title {
    font-size: 2.8rem;
    font-weight: 300;
    border-bottom: 1px solid #d5d4d2;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

@media (max-width: 62em) and (min-width: 36em) {
    .travel__sidebar__title {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.travel__sidebar__select {
    border-bottom: 1px solid #d5d4d2;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

@media (max-width: 62em) and (min-width: 36em) {
    .travel__sidebar__select {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        border-bottom: 0;
        border-right: 1px solid #d5d4d2;
        padding-bottom: 1.5rem;
        padding-right: 1.5rem;
        margin-right: 1.5rem;
        margin-bottom: 2rem;
    }
}

.travel__sidebar__select label {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.travel__sidebar__select .styled__select select {
    background-color: white;
}

.travel__sidebar__tag {
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.travel__sidebar__tag input[type='checkbox'] {
    display: none;
}

.travel__sidebar__tag input[type='checkbox']:checked ~ label {
    border-color: #1a1a1a;
    color: #1a1a1a;
}

.travel__sidebar__tag label {
    display: inline-block;
    border: 2px solid #bc9275;
    color: #bc9275;
    padding: 0.8rem 1.8rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 15px;
    cursor: pointer;
    -webkit-transition: border ease-out 0.2s, color ease-out 0.2s;
    transition: border ease-out 0.2s, color ease-out 0.2s;
}

.travel__sidebar__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #d5d4d2;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

@media (max-width: 62em) and (min-width: 36em) {
    .travel__sidebar__tags {
        -ms-flex-preferred-size: calc(50% - 1.5rem);
        flex-basis: calc(50% - 1.5rem);
        border-bottom: 0;
        padding-bottom: 0;
    }
}

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

.travel__sidebar__actions .btn {
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
}

.travel__sidebar__actions .btn:first-of-type {
    margin-right: 0.5rem;
}

.travel__list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1.5rem;
    padding-left: 1.5rem;
}

@media (max-width: 62em) {
    .travel__list {
        padding-left: 0;
    }
}

@media (max-width: 36em) {
    .travel__list {
        margin: 0;
    }
}

.travel__list__item {
    -ms-flex-preferred-size: calc(50% - 3rem);
    flex-basis: calc(50% - 3rem);
    margin: 0 1.5rem 3rem;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
}

@media (min-width: 90em) {
    .travel__list__item {
        -ms-flex-preferred-size: calc(100% / 3 - 3rem);
        flex-basis: calc(100% / 3 - 3rem);
    }
}

@media (max-width: 36em) {
    .travel__list__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.travel__list__img {
    position: relative;
    height: 37.5rem;
    overflow: hidden;
}

.travel__list__img__icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.travel__list__img__icon img {
    width: 4rem;
    height: 4rem;
}

.travel__list__img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.travel__list__author {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(27, 27, 27, 0.7);
    padding: 0.5rem 2rem;
}

.travel__list__author__img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #5e5f5a;
}

.travel__list__author__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.travel__list__author__details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: white;
    margin-left: 1.5rem;
}

.travel__list__author__name {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.travel__list__author__name .age {
    color: #bc9275;
    margin-left: 1rem;
}

.travel__list__author__location {
    text-transform: uppercase;
    font-size: 1.2rem;
}

.travel__list__destination {
    background-color: #1d1d1d;
    padding: 3rem 2rem;
}

.travel__list__destination__name {
    color: white;
    text-transform: uppercase;
    font-size: 2.4rem;
    margin-bottom: 0.5rem;
}

.travel__list__destination__date {
    color: #bc9275;
    font-size: 1.4rem;
}

.travel__list .pagination {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 5rem;
}

@media (max-width: 36em) {
    .travel__list .pagination {
        margin-top: 2rem;
    }
}

.travel__archive__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    margin-bottom: 2rem;
}

@media (max-width: 62em) {
    .travel__archive__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.travel__archive__img {
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    min-height: 28rem;
}

.travel__archive__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.travel__archive__country {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #1b1b1b;
    color: white;
    text-transform: uppercase;
    font-size: 2.4rem;
    padding: 1.5rem 2.5rem;
}

.travel__archive__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: white;
    padding: 3rem 3rem 0;
}

.travel__archive__profile {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 2rem;
}

.travel__archive__profile__img {
    width: 6rem;
    height: 6rem;
    border: 2px solid #5f5e5c;
    border-radius: 50%;
    overflow: hidden;
}

.travel__archive__profile__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.travel__archive__profile__details {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: 1.5rem;
}

.travel__archive__profile__details .name {
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.travel__archive__profile__details .name .age {
    color: #bc9275;
    margin-left: 1rem;
}

.travel__archive__profile__details .location {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
}

.travel__archive__overview {
    margin-top: 2.5rem;
    margin-right: 2.5rem;
}

.travel__archive__overview p {
    font-size: 1.6rem;
}

.travel__archive__tag {
    border: 2px solid #bc9275;
    color: #bc9275;
    text-transform: uppercase;
    border-radius: 20px;
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    margin-right: 0.5rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.travel__archive__tags {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 3rem;
    margin-bottom: 2.5rem;
}

.travel__archive__details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.travel__archive__details__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.travel__archive__details__destination {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.travel__archive__details__destination .title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.5rem;
}

.travel__archive__details__destination .destination {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
}

.travel__archive__details__destination .deadline {
    text-transform: uppercase;
    font-size: 1.4rem;
    margin-top: 1.5rem;
}

.travel__archive__details__destination .deadline__title {
    color: #bc9275;
    margin-bottom: 0.5rem;
}

.travel__archive__details__destination .deadline__date .fix {
    color: white;
    background-color: #1d1d1d;
    font-size: 80%;
    border-radius: 10px;
    padding: 0 0.5rem;
    margin-left: 0.5rem;
}

.travel__archive__discard {
    -ms-flex-preferred-size: calc(100% + 6rem);
    flex-basis: calc(100% + 6rem);
    background-color: #f3f2f0;
    margin: 0 -3rem;
    padding: 1rem 3rem;
}

.travel__archive__discard .btn {
    padding: 1rem 1.5rem;
}

.travel__create {
    max-width: 46rem;
}

.travel__create__cta {
    margin-right: 1.5rem;
}

@media (max-width: 48em) {
    .travel__create__cta {
        margin-left: 2.5rem;
        margin-bottom: 2rem;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
}

.travel__create__header {
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    padding: 2.5rem 3rem;
    font-size: 2.4rem;
    color: white;
    text-transform: uppercase;
}

.travel__create__form {
    padding: 3rem 3rem 0;
}

.travel__create__form .form__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 36em) {
    .travel__create__form .form__group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.travel__create__form .form__group .form__item {
    -ms-flex-preferred-size: calc(50% - 1.5rem);
    flex-basis: calc(50% - 1.5rem);
}

@media (max-width: 36em) {
    .travel__create__form .form__group .form__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.travel__create__form .form__item {
    margin-bottom: 2.5rem;
}

.travel__create__form .form__item .travel__sidebar__tags {
    margin-top: 1.5rem;
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.travel__create__form .form__item .travel__sidebar__tag {
    margin-right: 0.5rem;
}

.travel__create__form .form__item__divider {
    width: 10px;
    height: 2px;
    background-color: #1c1c1c;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.travel__create__form .form__item--multiple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.travel__create__form .form__item--multiple input[type='text'] {
    -ms-flex-preferred-size: calc(50% - 1.5rem);
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
}

.travel__create__form .form__item select,
.travel__create__form .form__item input:not([type='checkbox']),
.travel__create__form .form__item textarea {
    background-color: #f4f2f0;
    width: 100%;
    text-transform: uppercase;
    color: #1c1c1c;
    font-weight: 500;
    font-size: 1.5rem;
}

.travel__create__form .form__item textarea {
    border: 0;
    resize: none;
    height: 17rem;
    border-radius: 5px;
}

.travel__create__form .form__item label.label {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.travel__create__form .form__item label.label span {
    color: #bc9275;
}

.travel__create__form .form__item .checkbox__toggle {
    margin-top: 1.5rem;
}

.travel__create__form .form__hint {
    font-size: 1.2rem;
    font-weight: 500;
}

.travel__create__submit {
    background-color: #f4f2f0;
    text-align: center;
    padding: 1.5rem 3rem;
}

.verification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 36em) {
    .verification {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.verification__card {
    -ms-flex-preferred-size: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
    background-color: white;
    -webkit-box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    overflow: hidden;
}

@media (max-width: 36em) {
    .verification__card {
        margin-bottom: 2.5rem;
    }
}

.verification__card__header {
    padding: 4.5rem 2.5rem 0;
    text-align: center;
}

.verification__card__header h2 {
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.3;
}

.verification__card__header h2 span {
    font-weight: 300;
}

.verification__card__decoration {
    position: relative;
    margin: 2.5rem 0 4.5rem;
    width: 100%;
    height: 1px;
    background-color: #bc9275;
}

.verification__card__decoration::before,
.verification__card__decoration::after {
    content: '';
    position: absolute;
    z-index: 4;
    top: 0;
    width: 40%;
    height: 100%;
    pointer-events: none;
}

.verification__card__decoration::after {
    left: -5px;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(white),
            color-stop(60%, rgba(255, 255, 255, 0.95)),
            to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.95) 60%, rgba(255, 255, 255, 0) 100%);
}

.verification__card__decoration::before {
    right: -5px;
    background: -webkit-gradient(
            linear,
            right top,
            left top,
            from(white),
            color-stop(60%, rgba(255, 255, 255, 0.95)),
            to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0.95) 60%, rgba(255, 255, 255, 0) 100%);
}

.verification__card__decoration svg {
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5rem;
    background-color: white;
    padding: 0 1rem;
}

.verification__card__decoration svg path {
    fill: #bc9275;
}

.verification__card__icon {
    position: relative;
    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;
    z-index: 2;
    background-color: white;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 1.5rem;
    overflow: hidden;
}

.verification__card__icon svg,
.verification__card__icon img {
    position: absolute;
    top: 28%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 7rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.verification__card__icon__wrap {
    position: relative;
    width: 10rem;
    height: 10rem;
    margin: 0 auto;
    border-radius: 50%;
}

.verification__card__border {
    position: absolute;
    top: -4px;
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    background: linear-gradient(135deg, #b1846c 0%, #d8b38c 100%);
    border-radius: 50%;
    z-index: 1;
}

.verification__card__body {
    text-align: center;
    margin-top: 4.5rem;
    padding: 0 5.5rem;
}

@media (max-width: 48em) {
    .verification__card__body {
        padding: 0 2.5rem;
        margin-top: 2.5rem;
    }
}

.verification__card__body h6 {
    font-size: 1.8rem;
    max-width: 80%;
    margin: 0 auto 2rem;
    font-weight: 700;
    line-height: 1.3;
}

@media (max-width: 48em) {
    .verification__card__body h6 {
        max-width: 100%;
    }
}

.verification__card__body p {
    margin-bottom: 0.5rem;
    line-height: 1.2;
    font-weight: 500;
}

.verification__card__body .btn {
    margin: 3rem 0 2rem;
    padding: 0.8rem 2.5rem;
    font-size: 1.2rem;
    color: white;
}

.static__page {
    max-width: 110rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
    min-height: 85vh;
    color: white;
    padding-bottom: 10rem;
}

@media (max-width: 48em) {
    .static__page {
        padding-bottom: 5rem;
    }
}

.static__page__header {
    padding-top: 11rem;
    padding-bottom: 9rem;
}

@media (max-width: 48em) {
    .static__page__header {
        padding-top: 5rem;
        padding-bottom: 6rem;
    }
}

.static__page__header h1 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 3rem;
    text-align: center;
}

.static__page__content h2 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 2.8rem;
    color: #bc9275;
    margin-bottom: 2.5rem;
}

.static__page__content h3 {
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
    margin-top: 3rem;
}

.static__page__content h4 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 2.1rem;
    color: #bc9275;
    margin-bottom: 0.5rem;
}

.static__page__content p {
    font-size: 1.8rem;
    line-height: 1.1;
    margin-bottom: 2rem;
}

.static__page__content ul {
    list-style: none;
    margin-left: 2rem;
}

.static__page__content ul li p {
    font-size: 1.6rem;
    line-height: 1.5;
}
/*# sourceMappingURL=main.css.map */